@font-face{font-family:Satoshi;src:url('/fonts/satoshi-400.woff2')}@font-face{font-family:Satoshi;src:url('/fonts/satoshi-700.woff2');font-weight:700}@font-face{font-family:Satoshi;src:url('/fonts/satoshi-900.woff2');font-weight:900}
:root{--paper:oklch(97.3% .011 105);--ink:oklch(22.9% .004 105);--accent:oklch(69% .15 42);font-family:Satoshi,Arial,sans-serif;color:var(--paper);background:#334348;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffd49a;outline-offset:5px}button{border:0}button:disabled{opacity:.5}#experience,#world{position:absolute;width:100%;height:100%;inset:0}#world{display:block;outline:none}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,31,36,.54),transparent 48%),linear-gradient(0deg,rgba(20,31,36,.5),transparent 22%,transparent 80%,rgba(20,31,36,.22))}.topbar{position:absolute;inset:30px 42px auto;display:flex;align-items:center;justify-content:space-between}.signature{display:flex;align-items:center;gap:15px;font-size:42px;font-weight:900;letter-spacing:-5px;line-height:1}.signature>span{border-left:1px solid #b4b8ad66;padding-left:17px;font-size:14px;line-height:1.4;letter-spacing:0;font-weight:700}.signature small{font-size:11px;font-weight:400;color:#d4d6cc}nav{display:flex;align-items:center;gap:9px}nav button,nav a{font-size:13px;background:transparent;padding:11px 17px;border-radius:30px}nav button:hover,nav a:hover{background:#f7f7ef20}nav button:first-child{background:var(--paper);color:var(--ink)}nav button span{font-size:10px;opacity:.6;margin-left:8px}.intro{position:absolute;left:5.2%;top:23%;pointer-events:none;transition:opacity .5s,transform .5s}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.eyebrow span{width:6px;height:6px;background:var(--accent);border-radius:50%}h1{font-size:clamp(42px,5.5vw,84px);font-weight:400;letter-spacing:-.065em;line-height:.99;margin:28px 0 24px}h1 em{font-style:normal;font-weight:900;color:#f3b18a}.intro-copy{font-size:14px;line-height:1.6;color:#dddcd1}.start{pointer-events:auto;background:var(--paper);color:var(--ink);padding:15px 20px;border-radius:4px;font-size:13px;font-weight:700;margin-top:13px}.start span{margin-left:25px}.start:hover{background:#f7ca9c}.exploring .intro{opacity:0;transform:translateX(-20px);pointer-events:none}.exploring .intro button{pointer-events:none}.world-label{position:absolute;left:50%;top:110px;transform:translateX(-50%);font-size:11px;letter-spacing:1px;color:#f4e9d4;background:#263537ba;padding:9px 15px;border-radius:3px}.bottom-bar{position:absolute;bottom:27px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.controls{display:flex;gap:22px;align-items:center;color:#e7e2d5}.controls>span{display:flex;gap:4px;align-items:center}kbd{font:10px Satoshi,Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:23px;border:1px solid #ebe7d366;border-radius:4px;background:#283b3bbb;padding:0 6px;color:var(--paper)}.controls kbd:last-of-type{margin-right:5px}#reset{padding:8px 0;background:transparent;font-size:11px}.map{position:absolute;right:36px;bottom:92px;width:159px;background:#263537ed;padding:14px 14px 8px;border:1px solid #e4d4b92a;border-radius:5px}.map-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.map svg{width:100%;display:block;margin-top:8px}.map p{font-size:9px;text-align:center;color:#d1d2c2;margin:0 0 4px}#interact{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:12px 18px;background:var(--paper);color:var(--ink);border-radius:5px;box-shadow:0 5px 25px #14242a33;font-size:13px}#interact kbd{background:var(--ink)}#interact[hidden]{display:none}#interact b{margin-left:18px}#loading{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;background:#293b3e;z-index:5;font-size:13px;transition:opacity .5s}.loader-dog{font-size:50px;color:#f7c09a;animation:load 1s infinite alternate}@keyframes load{to{transform:translateY(-10px)}}#loading.done{opacity:0;pointer-events:none}#toast{position:absolute;left:50%;bottom:160px;transform:translateX(-50%);text-align:center;font-size:12px;background:#263537;padding:10px 16px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .3s}#toast.show{opacity:1}#drawer{position:fixed;inset:0 0 0 auto;width:min(660px,100%);z-index:10;background:var(--paper);color:var(--ink);box-shadow:-20px 0 100px #17252a50;overflow:auto}#drawer[hidden]{display:none}#drawer>header{position:sticky;top:0;z-index:2;background:var(--paper);padding:22px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1d1d1b20;font-size:12px}#drawer>header button{color:var(--ink);background:transparent}#close{font-size:23px;min-width:35px;min-height:35px}#drawer-content{padding:30px 35px 60px}#drawer h2{font-size:42px;letter-spacing:-2px;line-height:1.06;margin:8px 0 18px}#drawer h3{font-size:19px;margin:25px 0 12px}#drawer p{font-size:15px;line-height:1.7;max-width:65ch}#drawer .meta{font-size:12px;color:#775344}.filters{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0}.filters button{padding:8px 12px;background:#e4e4d9;color:#383c34;font-size:12px;border-radius:20px}.filters button.active{background:var(--ink);color:var(--paper)}.project-item{width:100%;display:flex;gap:20px;align-items:center;text-align:left;background:transparent;color:var(--ink);padding:15px 0;border-bottom:1px solid #23292324}.project-item img{width:78px;height:85px;object-fit:cover}.project-item strong{display:block;font-size:20px;letter-spacing:-.5px}.project-item small{display:block;margin-top:6px;font-size:11px;opacity:.6}.project-item .arrow{margin-left:auto;font-size:22px}.project-item:hover strong{color:#a94724}.case-media{display:block;width:100%;height:auto;margin:20px 0;background:#e7e7dd}.media-caption{font-size:11px!important;color:#5c6055;margin-top:-12px}.case-section{margin:30px 0 40px}.case-link{display:inline-block;background:var(--ink);color:var(--paper);padding:12px 20px;font-size:13px;border-radius:4px}.about-photo{width:140px;height:175px;object-fit:cover;float:right;margin:0 0 20px 20px}.touch-controls{display:none}.nojs{position:fixed;inset:40% 10%;background:var(--paper);color:var(--ink);padding:30px;z-index:50}.nojs a{text-decoration:underline}
@media(max-width:900px){.controls{gap:10px}.controls>span:nth-child(2),.controls>span:nth-child(3){display:none}.intro{top:24%}h1{font-size:62px}.topbar{inset:22px 24px auto}.map{right:24px}.bottom-bar{left:24px;right:24px}.signature small{display:none}.signature>span{font-size:12px}}
@media(max-width:600px){.topbar{inset:18px 18px auto}.signature{font-size:35px}.signature>span{display:none}nav{gap:0}nav button,nav a{font-size:11px;padding:10px 12px}.intro{left:7%;top:18%}h1{font-size:49px;margin:20px 0 17px}.intro-copy{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1px}.start{font-size:12px;padding:12px 15px}.world-label{top:78px;font-size:9px;white-space:nowrap}.map{width:112px;right:18px;bottom:66px;padding:10px 8px 6px}.map-heading{font-size:6px}.map p{font-size:8px}.bottom-bar{bottom:18px;left:18px;right:18px}.controls{display:none}.touch-controls{position:absolute;bottom:65px;left:18px;display:flex;flex-direction:column;align-items:center;gap:5px}.touch-controls div{display:flex;gap:5px}.touch-controls button{width:40px;height:40px;background:#273a3cdd;border:1px solid #e1d7c844;border-radius:6px;font-size:19px;touch-action:none}.touch-controls button:active{background:#d36135}#interact{bottom:205px;width:max-content;max-width:90%;padding:10px 14px;font-size:12px}#toast{bottom:254px;width:max-content;max-width:85%}#drawer-content{padding:24px}#drawer h2{font-size:36px}.project-item strong{font-size:18px}.vignette{background:linear-gradient(90deg,#172a3270,transparent 90%),linear-gradient(0deg,#14252d70,transparent 30%)}.exploring .vignette{background:linear-gradient(0deg,#14252d50,transparent 30%)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* The reading index is an open book; project viewing lives in the 3D scene. */
#drawer{inset:8vh auto 8vh 50%;transform:translateX(-50%);width:min(780px,92vw);border-radius:5px 15px 15px 5px;border:9px solid #796348;box-shadow:0 24px 90px #182c3680,inset 12px 0 25px #594a3020}
.zoom-controls{position:absolute;right:36px;bottom:282px;display:flex;align-items:center;gap:12px;background:#263537ed;border-radius:5px;padding:4px 7px;font-size:10px}.zoom-controls button{font-size:22px;background:transparent;min-width:30px;min-height:32px}
#exhibition-ui{position:absolute;inset:0;pointer-events:none}#exhibition-ui[hidden]{display:none}#exhibition-ui button,#exhibition-ui details{pointer-events:auto}#exhibition-ui header{position:absolute;inset:25px 40px auto;display:flex;align-items:center;justify-content:space-between;gap:20px}#exhibition-ui header p{font-size:10px;letter-spacing:1.5px;margin:0 0 8px}#exhibition-title{font-size:32px;letter-spacing:-1px;margin:0}#leave-exhibition{background:#293a3ded;border-radius:5px;padding:12px 16px;font-size:12px;display:flex;gap:14px;align-items:center}#exhibition-ui footer{position:absolute;inset:auto 40px 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.exhibition-caption{max-width:min(600px,65%);background:#25383aec;border-radius:4px;padding:14px 20px}#slide-label{font-size:13px;margin:0;line-height:1.5}#slide-reading{font-size:12px;margin-top:10px}#slide-reading summary{cursor:pointer;color:#f4bf98}#slide-body{max-height:25vh;overflow:auto;line-height:1.7;font-size:14px}.slide-controls{display:flex;align-items:center;gap:20px;background:#25383aec;border-radius:5px;padding:7px}#slide-count{font-size:12px;min-width:48px;text-align:center}.slide-controls button{width:44px;height:42px;background:#eee2c5;color:#263537;border-radius:3px;font-size:22px}#video-toggle{background:transparent;text-decoration:underline;padding:10px 0 0;font-size:12px}.exhibiting .topbar,.exhibiting .world-label,.exhibiting .map,.exhibiting .zoom-controls,.exhibiting .bottom-bar,.exhibiting .touch-controls,.exhibiting #interact,.exhibiting #toast{display:none!important}.exhibiting .vignette{opacity:0}.exhibiting .intro{visibility:hidden}
@media(max-width:600px){.zoom-controls{right:18px;bottom:220px;gap:5px}#exhibition-ui header{inset:22px 18px auto;align-items:flex-start}#exhibition-title{font-size:24px}#exhibition-ui header p{font-size:8px;max-width:190px;line-height:1.6}#leave-exhibition{padding:10px;font-size:10px}#leave-exhibition kbd{display:none}#exhibition-ui footer{inset:auto 18px 22px;flex-direction:column;align-items:stretch;gap:10px}.exhibition-caption{max-width:100%;padding:12px}.slide-controls{align-self:center}#slide-label{font-size:11px}#drawer{inset:5vh auto 5vh 50%;width:94vw}}
/* V3: brand typography stays crisp, while its anchor remains in world space. */
#world-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.place-label{position:absolute;left:0;top:0;font-size:13px;font-weight:700;letter-spacing:-.02em;line-height:1;background:#1d1d1bdc;color:#f7f7ef;padding:10px 15px;border-radius:30px;white-space:nowrap;box-shadow:0 4px 15px #1d1d1b20}.place-label::before{content:'';display:inline-block;width:5px;height:5px;background:#d36135;border-radius:50%;margin:0 8px 2px 0}.place-label[hidden]{display:none}
#world-pages{position:absolute;inset:0;z-index:3;overflow:hidden}#world-pages[hidden]{display:none}.project-book{width:660px;height:700px;overflow:auto;overscroll-behavior:contain;background:#f7f7ef;color:#1d1d1b;padding:35px 42px 55px;scrollbar-color:#d36135 #e8e8df;scrollbar-width:thin;box-shadow:inset 10px 0 20px #1d1d1b0a;font-size:20px;line-height:1.6;touch-action:pan-y;backface-visibility:hidden}.project-book h2{font-size:48px;letter-spacing:-2px;line-height:1.06;margin:8px 0 24px}.project-book h3{font-size:25px;margin:24px 0 12px}.project-book p{font-size:20px;line-height:1.6;max-width:65ch}.project-book .meta{font-size:15px;color:#8f442a}.project-book .case-media{margin:25px 0}.project-book .case-link{font-size:17px}.project-book .case-section{margin:40px 0}.project-book .media-caption{font-size:15px!important}.project-book .case-media:first-child{margin-top:0}#exhibition-ui{z-index:5}#exhibition-ui header{pointer-events:none}#exhibition-ui header>div{text-shadow:0 2px 12px #1d1d1b80}#leave-exhibition{pointer-events:auto;background:#1d1d1b;color:#f7f7ef}.book-instruction{font-size:12px;color:#f7f7ef;background:#1d1d1bdc;padding:10px 16px;border-radius:30px;margin:0}.exhibiting #conversation,.exhibiting #jump-button{display:none!important}.exhibiting #world-labels{display:none}
#conversation{position:absolute;width:min(340px,calc(100vw - 32px));z-index:6;pointer-events:none}#conversation[hidden]{display:none}.speech-glass{background:rgba(20,17,15,.34);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(247,247,239,.2);box-shadow:inset 0 1px 0 rgba(247,247,239,.16),0 8px 24px rgba(20,17,15,.22);border-radius:24px 24px 24px 4px;padding:17px 21px;color:#f7f7ef}.speech-name{font-weight:700;font-size:11px;color:#f3b18a}.speech-glass p{font-size:15px;line-height:1.5;letter-spacing:-.01em;margin:7px 0 0;min-height:23px}.speech-caret{display:inline-block;width:1px;height:1em;background:#f7f7ef;vertical-align:-2px;margin-left:3px}.typing .speech-caret{animation:speech-caret .8s steps(1) infinite}@keyframes speech-caret{50%{opacity:0}}.speech-options{display:flex;align-items:flex-end;flex-direction:column;gap:6px;margin-top:10px;pointer-events:auto}.speech-options[hidden]{display:none}.speech-options button{font-size:12px;font-weight:700;padding:10px 15px;border-radius:20px;background:#f7f7ef;color:#1d1d1b;box-shadow:0 4px 16px #1d1d1b20;text-align:left}.speech-options button:hover{background:#efc9b7}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#jump-button{display:none}
@media(max-width:600px){.place-label{font-size:11px;padding:8px 11px}.speech-glass{padding:14px 17px}.speech-glass p{font-size:14px}.speech-options button{font-size:11px;padding:9px 12px}#jump-button{display:block;position:absolute;left:160px;bottom:82px;padding:12px 14px;border-radius:25px;background:#1d1d1bdd;color:#f7f7ef;font-size:12px;z-index:2}.book-instruction{font-size:10px}#exhibition-title{font-size:20px}}
/* Same liquid-glass layers and optical values as the original website header. */
.speech-glass{position:relative;border-radius:32px;overflow:hidden;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 12px 40px rgba(0,0,0,.25);text-align:left}.speech-glass-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.speech-glass-warp{position:absolute;inset:0;backdrop-filter:blur(6px) saturate(140%);-webkit-backdrop-filter:blur(6px) saturate(140%)}.speech-glass-rim{position:absolute;inset:0;z-index:2;padding:1.5px;border-radius:inherit;pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;box-shadow:0 0 0 .5px rgba(255,255,255,.5) inset,0 1px 3px rgba(255,255,255,.25) inset,0 1px 4px rgba(0,0,0,.35);opacity:.55}.speech-name,.speech-glass p{position:relative;z-index:3;text-align:left;text-shadow:0 1px 3px rgba(0,0,0,.7)}.speech-options{align-items:flex-start;text-align:left}.speech-options button{text-align:left}.exhibiting .vignette{opacity:1}
/* World-projected actions follow the dog, including while jumping. */
#interact{bottom:auto;transform:translate(-50%,-100%);z-index:4;white-space:nowrap;padding:10px 14px;font-size:12px;max-width:calc(100vw - 24px)}#interact::after{content:'';position:absolute;left:50%;top:100%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--paper)}#interact b{margin-left:7px}.speech-options{align-items:flex-end;text-align:right}.speech-options button{text-align:right}.speech-glass,.speech-glass p{text-align:left}.end-conversation{pointer-events:auto;display:block;margin:12px 0 0 auto;padding:8px 12px;border-radius:20px;background:#1d1d1bdd;color:#f7f7ef;font-size:11px}.talking #interact,.talking .touch-controls,.talking #jump-button,.talking .controls,.talking .zoom-controls,.talking .world-label{display:none!important}
@media(max-width:600px){#interact{bottom:auto;font-size:11px;padding:9px 12px}.talking .map{display:none}}
.end-conversation{margin-left:0;margin-right:auto}
/* Place names share the header glass, with independent refraction maps. */
.place-label{background:transparent;overflow:hidden;border-radius:30px;box-shadow:0 12px 40px rgba(0,0,0,.25)}.place-label::before{display:none}.place-label-title{position:relative;z-index:3;text-shadow:0 1px 3px rgba(0,0,0,.75)}.place-label .speech-glass-rim{border-radius:30px}.conversation-exit-hint{font-size:11px;text-align:left;color:#f7f7ef;text-shadow:0 1px 4px #1d1d1b;margin:14px 0 0}.touch-exit{display:none}
@media(max-width:600px){.talking .touch-controls{display:flex!important}.keyboard-exit{display:none}.touch-exit{display:inline}}
/* A light smoked tint keeps the header optics legible against the grass. */
.place-label .speech-glass-warp{background:oklch(22.9% .004 105 / .28)}
#sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;position:fixed;right:220px;bottom:20px;z-index:40;border:1px solid #f7f7ef35;border-radius:24px;padding:10px 14px;background:#293a35e8;color:#f7f7ef;font-size:11px;min-height:38px}#sound-toggle:hover{background:#405147}#sound-toggle[aria-pressed=true]{color:#d2d2c5}.exhibiting #sound-toggle,.writing-letter #sound-toggle{right:24px;bottom:14px}@media(max-width:600px){#sound-toggle,.exhibiting #sound-toggle,.writing-letter #sound-toggle{right:16px;bottom:12px;padding:8px 12px}}
.speech-skip{position:relative;z-index:3;pointer-events:auto;background:transparent;padding:9px 0 0;color:var(--paper);font-size:11px;text-decoration:underline;text-underline-offset:3px;text-shadow:0 1px 3px #1d1d1b}.speech-skip[hidden]{display:none}
.speech-options .visited-topic{background:#e1dfcf}.speech-options button{transition:background .18s,transform .18s}.speech-options button:hover{transform:translateX(-3px)}
#conversation{max-height:calc(100dvh - 200px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d36135 transparent;pointer-events:auto;padding:0 2px 4px}
#ball-marker{position:absolute;z-index:4;transform:translate(-50%,-100%);background:#1d1d1bd9;color:#f3df96;padding:8px 12px;border-radius:20px;font-size:11px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 16px #1d1d1b30}#ball-marker[hidden]{display:none}
/* A sheet of correspondence, with the cabin still visible behind it. */
#drawer.letter-panel{width:min(670px,94vw);inset:5vh 5vw 5vh auto;transform:none;border:0;border-radius:3px;background:#f7f7ef;box-shadow:0 24px 90px #1d1d1b65,4px 5px 0 #e2dfce,8px 10px 0 #f0eddf}
.letter-panel #drawer-content{padding:28px 38px 30px}.letter-panel>header{background:#eeecdf!important;padding:14px 24px!important}
.letter-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.letter-heading .letter-postmark{font-size:9px!important;letter-spacing:1.5px;color:#756b56;margin:0 0 12px}.letter-heading h2{font-size:36px!important;letter-spacing:-1.5px!important;margin-bottom:24px!important}
.letter-stamp{flex:none;display:grid;place-content:center;width:68px;height:82px;border:2px dashed #bd633e;color:#b25230;text-align:center;font-size:36px;font-weight:900;letter-spacing:-4px;transform:rotate(7deg)}.letter-stamp small{font-size:8px;letter-spacing:1px;font-weight:700}
#contact-letter .letter-salutation{font-size:21px;margin:12px 0 20px}#contact-letter label{display:block;font-size:11px;color:#756b56;margin:12px 0 4px}
#contact-letter input,#contact-letter textarea{display:block;width:100%;border:0;border-bottom:1px solid #b9b5a2;border-radius:0;background:transparent;color:var(--ink);font:16px/1.85 Satoshi,Arial,sans-serif;padding:5px 0;outline-offset:4px}
#contact-letter textarea{resize:vertical;min-height:156px;background:repeating-linear-gradient(transparent 0,transparent 28.6px,#d5d1bf 29px,transparent 30px);line-height:30px;padding-top:0;border:0}
#contact-letter input:focus-visible,#contact-letter textarea:focus-visible{outline:2px solid #b25230}#contact-letter input::placeholder,#contact-letter textarea::placeholder{color:#8a8679}
.letter-signoff{max-width:330px}.letter-signoff p{margin:12px 0 0!important}.letter-actions{display:flex;align-items:center;gap:20px;margin:25px 0 0}.letter-actions button{background:transparent;color:var(--ink);font-size:12px;padding:12px 0}.letter-actions .letter-send{background:#d36135;color:#f7f7ef;padding:13px 20px;border-radius:3px;font-weight:700}.letter-actions .letter-send:hover{background:#b44f2a}
.letter-status{font-size:11px!important;line-height:1.6!important;color:#756b56;min-height:2em}.letter-alternatives{border-top:1px solid #d5d1bf;margin-top:25px;padding-top:20px;font-size:11px}.letter-alternatives>span{color:#756b56}.letter-alternatives>div{display:flex;gap:22px;flex-wrap:wrap;margin-top:12px}.letter-alternatives a,.letter-alternatives button{font-size:12px;color:#1d1d1b;background:transparent;padding:5px 0;text-decoration:underline;text-underline-offset:4px}.letter-alternatives #pigeon-note{font-size:12px;line-height:1.5}.letter-delivered .letter-stamp{color:#536d47;border-color:#536d47}
.writing-letter #world-labels,.writing-letter #interact,.writing-letter #ball-marker{visibility:hidden}
.postal-flock{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}.postal-flock>span{position:absolute;top:calc(20% + var(--bird)*7%);left:-70px;animation:postal-flight 5s linear both;animation-delay:calc(var(--bird)*.35s)}.postal-flock i,.postal-flock b{position:absolute;width:17px;height:6px;background:#484b40;transform-origin:right;animation:postal-wing .3s alternate infinite}.postal-flock b{left:17px;transform-origin:left;animation-direction:alternate-reverse}@keyframes postal-flight{to{transform:translate(110vw,-160px)}}@keyframes postal-wing{from{transform:rotate(-35deg)}to{transform:rotate(35deg)}}
@media(max-width:600px){#drawer.letter-panel{inset:3vh 3vw;width:94vw}.letter-panel #drawer-content{padding:22px}.letter-heading h2{font-size:28px!important}.letter-stamp{width:52px;height:65px;font-size:29px}.letter-heading .letter-postmark{font-size:8px!important;letter-spacing:1px}.letter-actions{gap:15px}.letter-alternatives>div{gap:18px}#conversation{max-height:calc(100dvh - 260px)}}