@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d76bee0872897641-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/111c93f1bc244164-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/459821db3ab9c520-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/828e2958d60bafae-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Courier Prime Fallback;src:local("Arial");ascent-override:58.08%;descent-override:25.41%;line-gap-override:0.00%;size-adjust:134.50%}.__className_87c02c{font-family:Courier Prime,Courier Prime Fallback;font-style:normal}.__variable_87c02c{--font-typewriter:"Courier Prime","Courier Prime Fallback"}@font-face{font-family:Rethink Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(/_next/static/media/54c9401ff0188c1b-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Rethink Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(/_next/static/media/0b9604ccabf0c9c7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Rethink Sans Fallback;src:local("Arial");ascent-override:94.70%;descent-override:29.59%;line-gap-override:0.00%;size-adjust:104.76%}.__className_591690{font-family:Rethink Sans,Rethink Sans Fallback;font-style:normal}.__variable_591690{--font-sans:"Rethink Sans","Rethink Sans Fallback"}@font-face{font-family:Mrs Saint Delafield;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/838b3f51d1fb9007-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Mrs Saint Delafield;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/98dd2fc652a7a5ba-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Mrs Saint Delafield Fallback;src:local("Arial");ascent-override:146.87%;descent-override:100.35%;line-gap-override:0.00%;size-adjust:61.69%}.__className_0dde1b{font-family:Mrs Saint Delafield,Mrs Saint Delafield Fallback;font-weight:400;font-style:normal}.__variable_0dde1b{--font-signature:"Mrs Saint Delafield","Mrs Saint Delafield Fallback"}:root{--desk:#1e2b25;--desk-text:#c9d1c6;--paper:#fbf8f0;--ink:#1f1d1a;--ink-soft:#5c574e;--envelope:#e6dcc6;--envelope-shade:#d6cab0;--envelope-inside:#c9bc9f;--seal:#8f2a1e;--seal-dark:#6f1f16;--text-xs:0.8125rem;--text-sm:1rem;--text-body:1.125rem;--text-lead:clamp(1.625rem,1.1rem + 2.4vw,2.1875rem);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1)}*,:after,:before{box-sizing:border-box}html{background:var(--desk);-webkit-text-size-adjust:100%}html.is-sealed{overflow:hidden}body{margin:0;color:var(--ink);font-family:var(--font-typewriter),"Courier New",monospace;font-size:var(--text-body);line-height:1.65}.desk{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:clamp(16px,5vw,72px) 16px 32px;background:radial-gradient(120% 80% at 50% 0,#26362e 0,var(--desk) 60%)}.desk-footer{margin-top:auto;padding-top:48px;font-family:var(--font-sans),system-ui,sans-serif;font-size:var(--text-xs);line-height:1.5;letter-spacing:.02em;text-align:center;color:var(--desk-text);opacity:.75}.scene{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:16px;background:radial-gradient(120% 80% at 50% 0,#26362e 0,var(--desk) 60%);transition:opacity .6s ease .15s}.envelope{--w:min(86vw,500px);position:relative;width:var(--w);height:calc(var(--w) * .66);padding:0;border:0;background:none;cursor:pointer;perspective:1400px;filter:drop-shadow(0 24px 30px rgba(0,0,0,.35));transition:transform .4s var(--ease-out);-webkit-tap-highlight-color:transparent}.envelope:focus-visible{outline:2px solid var(--desk-text);outline-offset:12px;border-radius:4px}.envelope>span{position:absolute;display:block}.env-back{inset:0;border-radius:6px;background:var(--envelope-inside)}.sheet{left:5%;right:5%;top:6%;height:88%;border-radius:2px;background:var(--paper);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .85s var(--ease-out)}.env-front{inset:0;border-radius:6px;background:linear-gradient(to top,rgba(255,255,255,.22),transparent 55%),var(--envelope);-webkit-clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%)}.env-front:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100 L50 47 L100 100' fill='none' stroke='%23000' stroke-opacity='.22' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 50% /100% 100% no-repeat,linear-gradient(to top,#f0e8d6,var(--envelope));-webkit-clip-path:polygon(0 100%,50% 47%,100% 100%);clip-path:polygon(0 100%,50% 47%,100% 100%)}.flap{top:0;left:0;right:0;height:60%;transform-origin:50% 0;transform:rotateX(0deg);transition:transform .7s var(--ease-in-out) .25s;z-index:3;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.flap:before{content:"";position:absolute;inset:0;border-radius:6px 6px 0 0;background:linear-gradient(to bottom,var(--envelope),var(--envelope-shade));-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);transition:background 0s linear .6s}.seal{top:60%;left:50%;z-index:4;width:68px;height:68px;margin:-38px 0 0 -34px;display:grid!important;place-items:center;border-radius:47% 53% 51% 49%/52% 47% 53% 48%;background:radial-gradient(circle at 35% 30%,#b0402f 0,var(--seal) 45%,var(--seal-dark) 100%);box-shadow:inset 0 0 0 7px rgba(0,0,0,.08),inset 0 0 0 9px rgba(255,255,255,.07),0 2px 4px rgba(0,0,0,.35);font-family:var(--font-signature),cursive;font-size:2.5rem;line-height:1;color:#5c170f;text-shadow:0 1px 0 rgba(255,255,255,.22);transition:transform .3s var(--ease-out),opacity .25s ease}.scene-hint{margin:0;text-align:center;font-size:var(--text-body);line-height:1.5;color:#eef0e8;transition:opacity .3s ease}.scene-hint span{display:block;margin-top:6px;font-family:var(--font-sans),system-ui,sans-serif;font-size:var(--text-xs);letter-spacing:.04em;color:var(--desk-text);opacity:.8}@media (hover:hover){[data-stage=closed] .envelope:hover{transform:translateY(-6px)}[data-stage=closed] .envelope:hover .flap{transform:rotateX(14deg);transition-delay:0s;transition-duration:.4s}[data-stage=closed] .envelope:hover .seal{transform:translateY(-3px) scale(.98)}}[data-stage=closed] .envelope:active{transform:translateY(-2px) scale(.99)}.desk:not([data-stage=closed]) .envelope{cursor:default}.desk:not([data-stage=closed]) .seal{opacity:0;transform:scale(1.25)}.desk:not([data-stage=closed]) .flap{transform:rotateX(180deg)}.desk:not([data-stage=closed]) .flap:before{background:var(--envelope-inside)}.desk:not([data-stage=closed]) .scene-hint{opacity:0}[data-stage=out] .flap,[data-stage=reading] .flap{z-index:-1}[data-stage=opening] .envelope,[data-stage=out] .envelope{transform:translateY(12vh);transition:transform .9s var(--ease-in-out)}[data-stage=out] .sheet,[data-stage=reading] .sheet{transform:translateY(-72%)}[data-stage=reading] .scene{opacity:0;pointer-events:none}[data-stage=reading] .envelope{transform:translateY(45vh) rotate(-4deg);transition:transform .75s var(--ease-in-out)}.letter{position:relative;width:100%;max-width:720px;padding:clamp(28px,8vw,84px) clamp(24px,8vw,88px) clamp(36px,7vw,72px);background-color:var(--paper);background-image:linear-gradient(180deg,transparent calc(33.3% - 1px),rgba(0,0,0,.045) 33.3%,rgba(255,255,255,.7) calc(33.3% + 1px),transparent calc(33.3% + 3px)),linear-gradient(180deg,transparent calc(66.6% - 1px),rgba(0,0,0,.045) 66.6%,rgba(255,255,255,.7) calc(66.6% + 1px),transparent calc(66.6% + 3px)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.25),0 30px 60px -20px rgba(0,0,0,.55);opacity:0;transform:translateY(48px) scale(.95)}[data-stage=reading] .letter{opacity:1;transform:none;transition:opacity .5s ease .15s,transform .75s var(--ease-out) .15s}.letterhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px;margin-bottom:clamp(40px,8vw,72px);padding-bottom:14px;border-bottom:1px solid rgba(31,29,26,.85);font-family:var(--font-sans),system-ui,sans-serif}.brand{font-size:var(--text-sm);font-weight:700;letter-spacing:.22em;text-transform:uppercase}.place{font-size:var(--text-xs);letter-spacing:.02em;color:var(--ink-soft)}.body :where(p,h1,h2){margin:0;font-weight:400;font-size:inherit}.body>*+*{margin-top:1.65em}.body h1{font-size:var(--text-lead);font-weight:700;line-height:1.2;letter-spacing:-.01em;margin-top:.9em;-webkit-hyphens:manual;hyphens:manual}.body h2{font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.body section p{margin-top:.35em}.body.is-split h2{text-decoration:none}.body.is-split h2 .c{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.c{opacity:0}.c.on{opacity:1}.c.caret{position:relative}.c.caret:after{content:"";position:absolute;left:100%;bottom:.12em;width:.55em;height:1.05em;background:var(--ink);opacity:.8}.signature{margin:4px 0 0 -4px;font-family:var(--font-signature),cursive;font-size:4rem;line-height:1.15;color:#23304a}.signature span{display:inline-block;padding:0 16px 0 4px;-webkit-clip-path:inset(-20% 100% -20% 0);clip-path:inset(-20% 100% -20% 0)}.is-typed .signature span{-webkit-clip-path:inset(-20% 0 -20% 0);clip-path:inset(-20% 0 -20% 0);transition:-webkit-clip-path 1.1s var(--ease-in-out) .2s;transition:clip-path 1.1s var(--ease-in-out) .2s;transition:clip-path 1.1s var(--ease-in-out) .2s,-webkit-clip-path 1.1s var(--ease-in-out) .2s}.reply{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;opacity:0;transform:translateY(6px)}.is-typed .reply{opacity:1;transform:none;transition:opacity .5s ease 1.2s,transform .5s var(--ease-out) 1.2s}.reply-button{display:inline-block;padding:13px 22px;border-radius:3px;background:var(--seal);color:#fdf3ee;font-family:var(--font-sans),system-ui,sans-serif;font-size:var(--text-sm);font-weight:700;letter-spacing:.01em;text-decoration:none;transition:background .15s ease,transform .15s var(--ease-out)}.reply-button:hover{background:var(--seal-dark)}.reply-button:active{transform:translateY(1px)}.reply-button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.reply-address{font-size:var(--text-sm);color:var(--ink-soft)}@media (max-width:480px){body{font-size:1rem}.signature{font-size:3.25rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:0s!important;transition-delay:0s!important}}