@font-face{font-family:"Instrument Serif";src:url(/assets/fonts/InstrumentSerif-Regular.ttf) format("truetype");font-style:normal;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/assets/fonts/InstrumentSerif-Italic.ttf) format("truetype");font-style:italic;font-display:swap}@font-face{font-family:Host Grotesk;src:url(/assets/fonts/HostGrotesk-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Host Grotesk;src:url(/assets/fonts/HostGrotesk-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Host Grotesk;src:url(/assets/fonts/HostGrotesk-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}:root{color-scheme:light dark;--page: #fbfaf7;--content-primary: #212121;--content-secondary: #616161;--content-tertiary: #ababab;--invert-surface: #212121;--invert-content: #ffffff;--stage-top: #f3f1ec;--stage-bottom: #d5e5ff;--paper: #ffffff;--paper-shadow: 0 1px 2px rgb(0 0 0 / .05), 0 18px 44px rgb(20 40 80 / .14);--serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;--sans: "Host Grotesk", -apple-system, "Helvetica Neue", Arial, sans-serif;--gutter: clamp(20px, 3.2vw, 44px);--nav: 76px}@media(prefers-color-scheme:dark){:root{--page: #0b0b0b;--content-primary: #ffffff;--content-secondary: #ababab;--content-tertiary: #616161;--invert-surface: #ffffff;--invert-content: #212121;--stage-top: #1a1a1a;--stage-bottom: #00305380;--paper: #f5f5f5;--paper-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 18px 44px rgb(0 0 0 / .55)}}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--content-primary);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit}a:focus-visible{outline:2px solid #009bfa;outline-offset:4px;border-radius:4px}p,h1,h2,h3,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nav{position:fixed;inset:0 0 auto;z-index:10;height:var(--nav);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--gutter)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-size:26px;text-decoration:none}.mark{width:22px;height:22px;background:currentColor;-webkit-mask:url(/assets/mark.svg) center / contain no-repeat;mask:url(/assets/mark.svg) center / contain no-repeat}.nav nav{display:flex;gap:28px;font-size:15px}.nav nav a{text-decoration:none;color:var(--content-secondary);transition:color .2s}.nav nav a:hover{color:var(--content-primary)}.story{position:relative}.pinned{position:sticky;top:0;height:100vh;height:100svh;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--gutter);padding:var(--nav) var(--gutter) var(--gutter)}.copy{align-self:center;display:grid;gap:32px;justify-items:start;max-width:30em}.headline{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5.2vw,76px);line-height:1.02;letter-spacing:-.015em}.headline span{display:block}.lede{margin-top:20px;font-size:clamp(17px,1.35vw,20px);color:var(--content-secondary);max-width:27em;text-wrap:pretty}.soon{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:100px;background:var(--invert-surface);color:var(--invert-content);font-weight:600;font-size:16px;letter-spacing:-.02em}.soon:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff6c2f}.counter{display:flex;gap:16px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--content-tertiary);font-variant-numeric:tabular-nums}.counter span{transition:opacity .4s}.counter span[data-visible=false]{opacity:0}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){.grain{mix-blend-mode:screen;opacity:.08}}.stage{position:relative;overflow:hidden;border-radius:32px;background:radial-gradient(circle,rgb(0 0 0 / .07) 1.2px,transparent 1.6px) 0 0 / 28px 28px,linear-gradient(180deg,var(--stage-top) 30%,var(--stage-bottom));display:grid;container-type:size}.scene{grid-area:1 / 1;display:grid;place-items:center;perspective:1500px;transform-style:preserve-3d}.rig{--w: min(62cqw, 50cqh, 420px);--third: calc(var(--w) * .5);position:relative;width:var(--w);height:calc(var(--third) * 3);transform-style:preserve-3d}.letter{position:absolute;inset:0;transform-style:preserve-3d;color:#212121}.panel{position:absolute;inset-inline:0;height:var(--third);transform-style:preserve-3d}.panel.top{top:0;transform-origin:50% 100%}.panel.middle{top:var(--third)}.panel.bottom{top:calc(var(--third) * 2);transform-origin:50% 0}.side{position:absolute;inset:0;overflow:hidden;background:var(--paper);backface-visibility:hidden}.panel.middle .side{box-shadow:0 10px 26px #14285024}.sheet-shadow{position:absolute;inset:0;border-radius:2px;box-shadow:var(--paper-shadow)}.side.back{transform:rotateX(180deg);background:linear-gradient(180deg,#f1f1f1,#fafafa)}.panel.top .side{border-radius:2px 2px 0 0}.panel.bottom .side{border-radius:0 0 2px 2px}.sheet{position:absolute;inset-inline:0;top:0;height:300%;padding:calc(var(--w) * .085)}.sheet:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;mix-blend-mode:multiply;background-image: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='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.sheet header{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(var(--w) * .04);margin-bottom:calc(var(--w) * .05)}.sheet .from{font-size:calc(var(--w) * .031);font-weight:500;color:#616161;line-height:1.35}.sheet h3{font-family:var(--serif);font-weight:400;font-size:calc(var(--w) * .078);line-height:1.18;margin-top:calc(var(--w) * .012)}.sheet p{font-size:calc(var(--w) * .038);line-height:1.6}.sheet p+p{margin-top:calc(var(--w) * .03)}.sheet .sign{font-family:var(--serif);font-style:italic;font-size:calc(var(--w) * .056);line-height:1.25;margin-top:calc(var(--w) * .045)}.crease{position:absolute;inset:0 0 auto;height:12px;translate:0 -50%;pointer-events:none;background:linear-gradient(180deg,transparent,rgb(0 0 0 / .08) 46%,rgb(255 255 255 / .7) 54%,transparent)}.shade{position:absolute;inset:0;pointer-events:none;background:#1a2a44}.stamp-slot{flex:none;width:calc(var(--w) * .17);aspect-ratio:1;border:1px dashed #d2d2d2;border-radius:2px}.stamp-slot img{width:100%;filter:drop-shadow(0 3px 6px rgb(0 0 0 / .18))}.polaroid{position:absolute;bottom:7%;width:38%;padding:2% 2% 7%;background:#fff;border-radius:2px;box-shadow:var(--paper-shadow)}.polaroid img{width:100%;aspect-ratio:1;object-fit:cover}.polaroid img.detail{object-position:20% 100%;filter:saturate(.85) hue-rotate(-12deg)}.polaroid.first{right:-7%;rotate:6deg}.polaroid.second{right:23%;bottom:3%;rotate:-5deg}.envelope-back,.envelope-pocket,.envelope-face{position:absolute;inset:calc(var(--third) * .9) -5% calc(var(--third) * .9);border-radius:4px}.envelope-back{transform-style:preserve-3d;background:linear-gradient(180deg,#e4e2dc,#efede8 60%);box-shadow:0 18px 44px #1428502e}.envelope-face{inset:0}.envelope-face.address{transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden}.envelope-pocket{background:linear-gradient(180deg,#f6f5f2,#fff 70%);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);filter:drop-shadow(0 -1px 1px rgb(0 0 0 / .08))}.flap{position:absolute;inset:0 0 auto;height:60%;transform-origin:50% 0;background:linear-gradient(180deg,#fff,#f3f2ef);clip-path:polygon(0 0,100% 0,50% 100%);overflow:hidden}.front-face{position:absolute;inset:0;container-type:size;border-radius:4px;background:var(--paper);color:#212121;display:grid;align-content:end;padding:7cqw;overflow:hidden}.front-face .seam{position:absolute;inset:0 0 auto;height:60%;background:linear-gradient(180deg,#00000004,#0000000b);clip-path:polygon(0 0,100% 0,50% 100%)}.front-face .seal{position:absolute;top:10%;right:5%;width:21%;rotate:5deg;filter:drop-shadow(0 3px 6px rgb(0 0 0 / .18))}.front-face .postmark{position:absolute;top:7%;right:16%;width:46%;color:#40404099;rotate:-9deg;mix-blend-mode:multiply;font-family:var(--sans);font-weight:600}.front-face .to{position:relative;font-family:var(--serif);font-style:italic;font-size:10.5cqw;line-height:1}.front-face .sender{position:relative;margin-top:2cqw;font-size:3.2cqw;font-weight:500;color:#616161}.arrival{grid-area:1 / 1;place-self:center;position:relative;width:min(66cqw,50.6cqh,440px);aspect-ratio:1.83;border-radius:4px;box-shadow:var(--paper-shadow)}.fan{position:absolute;bottom:6%;left:50%;width:0;height:92px}.fan li{position:absolute;left:-46px;width:92px;transform-origin:50% 160%;filter:drop-shadow(0 8px 16px rgb(0 0 0 / .2))}.sticker{position:absolute;filter:drop-shadow(0 8px 18px rgb(0 0 0 / .16))}.closing>div{position:relative}.closing{position:relative;overflow:hidden;min-height:86vh;display:grid;place-items:center;text-align:center;padding:96px var(--gutter)}.closing h2{font-family:var(--serif);font-weight:400;font-size:clamp(52px,8vw,120px);line-height:.98;letter-spacing:-.015em}.closing em{font-style:italic}.closing .lede{margin:28px auto 36px}footer{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;padding:28px var(--gutter) 40px;font-size:15px;color:var(--content-secondary)}footer nav{display:flex;flex-wrap:wrap;gap:24px}footer a{text-decoration:none;transition:color .2s}footer a:hover{color:var(--content-primary)}@media(max-width:820px){:root{--nav: 64px}.pinned{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:20px}.stage{order:-1;border-radius:24px}.copy{gap:18px;padding-bottom:4px;min-height:252px;align-content:start}.lede{margin-top:12px}.fan{scale:.7}.nav nav{gap:18px}.closing{align-items:start;padding-top:22vh;min-height:100svh}.sticker:nth-of-type(1),.sticker:nth-of-type(2),.sticker:nth-of-type(6){display:none}.sticker:nth-of-type(3){left:8%!important;top:76%!important}.sticker:nth-of-type(4){left:66%!important;top:74%!important}.sticker:nth-of-type(5){left:40%!important;top:86%!important}}