@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.woff2) format("woff2-variations");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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-normal.CCVVNp6i.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-italic.xAqemagA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-italic.DFS986qL.woff2) format("woff2-variations");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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-italic.Bxi8ein9.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/schibsted-grotesk-latin-ext-wght-normal.hsMS0n0O.woff2) format("woff2-variations");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:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/schibsted-grotesk-latin-wght-normal.Bb8VGrTG.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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:Architects Daughter;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/architects-daughter-latin-ext-400-normal.BsHeVfRr.woff2) format("woff2"),url(/_astro/architects-daughter-latin-ext-400-normal.FqHtA13I.woff) format("woff");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:Architects Daughter;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/architects-daughter-latin-400-normal.DOGE_9Aw.woff2) format("woff2"),url(/_astro/architects-daughter-latin-400-normal.Ze4cbGW2.woff) format("woff");unicode-range:U+0000-00FF,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}:root{--paper: #fff;--ink: #111;--accent: #a9bccb;--serif: "Newsreader Variable", Georgia, serif;--sans: "Schibsted Grotesk Variable", system-ui, sans-serif;--hand: "Architects Daughter", "Comic Sans MS", cursive}*{box-sizing:border-box;margin:0}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;scrollbar-width:none;overscroll-behavior-y:none}html::-webkit-scrollbar{display:none}body{font-family:var(--serif);overflow-x:clip}#world{position:fixed;inset:0;width:100%;height:100vh;pointer-events:none}main{position:relative;z-index:1}.hero,.rule{min-height:100vh;min-height:100svh;display:grid;place-content:center;justify-items:center;text-align:center;padding:16px;position:relative}.hero h1{font-weight:400;font-size:clamp(64px,16vw,200px);line-height:.95;letter-spacing:-.03em}.hero .down{position:absolute;bottom:8vh;font:24px var(--sans);opacity:0;animation:show 1s 2.6s forwards,nudge 1.6s 2.6s ease-in-out infinite}.rule h2{font-weight:400;font-size:clamp(36px,7vw,88px);line-height:1.05;letter-spacing:-.02em;max-width:900px}@keyframes show{to{opacity:1}}@keyframes nudge{50%{transform:translateY(8px)}}.letter{max-width:620px;margin:0 auto;padding:10vh 24px;display:grid;gap:1.6em}.letter p{font-size:clamp(24px,3.4vw,34px);line-height:1.3;letter-spacing:-.01em}.hide{height:22vh}.screen{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px 56px;text-align:center;font-size:clamp(30px,5vw,60px);line-height:1.15;letter-spacing:-.015em}.screen p{max-width:900px}#tap svg{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;overflow:visible}#tap.on path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .7s ease-out forwards}#tap.on path+path{animation-delay:.6s;animation-duration:.25s}@keyframes draw{to{stroke-dashoffset:0}}.first{height:100vh;height:100svh;position:relative}.first-spot{position:absolute;top:34%;left:50%;width:1px;height:1px}.first-text{position:absolute;top:56%;left:0;right:0;max-width:680px;margin:0 auto;padding:0 56px 0 24px;text-align:center;font-size:clamp(22px,3vw,30px);line-height:1.25}.first-text.done{top:50%;transform:translateY(-50%)}#first-done{display:grid;gap:.6em;justify-items:center}#first-done[hidden]{display:none!important}.arrow{display:inline-block;animation:point 1.2s ease-in-out infinite}@keyframes point{50%{transform:translate(8px)}}.sooo{max-width:620px;margin:0 auto;padding:0 24px;font-size:clamp(24px,3.4vw,34px);line-height:1.3;overflow-wrap:anywhere}@media(max-width:799px){.sooo{padding-right:52px}}.quest{max-width:620px;margin:0 auto;padding:4vh 52px 4vh 24px;text-align:center;font:400 clamp(18px,2.2vw,24px)/1.3 var(--hand);text-transform:uppercase}.sign{padding:8vh 24px 24vh;text-align:center;font-size:clamp(22px,3vw,30px)}.sign .name{font-style:italic;font-size:clamp(36px,6vw,60px);margin-top:16px}.count{min-height:70vh;display:grid;place-content:center;text-align:center;padding:0 24px}.count b{font-weight:400;font-size:clamp(88px,24vw,280px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.count p{font-size:clamp(22px,3vw,30px);line-height:1.3;margin-top:10px;font-variant-numeric:tabular-nums}.ask{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:32px;text-align:center;padding:0 24px}.ask h2{font-weight:400;font-size:clamp(44px,9vw,96px);line-height:1.02;letter-spacing:-.02em}.ask .buttons{display:flex;gap:12px;position:relative}button{font:500 18px var(--sans);color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);padding:14px 32px;cursor:pointer;touch-action:manipulation}#yes{background:var(--accent);position:relative;z-index:2}#no{white-space:nowrap}button:disabled{opacity:.35;cursor:default}.ask .reply{font-size:clamp(22px,3vw,30px);min-height:1.3em}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,24px);background:var(--ink);color:var(--paper);font:500 15px/1.35 var(--sans);padding:12px 18px;opacity:0;z-index:6;width:max-content;max-width:min(520px,calc(100vw - 80px));text-align:center;pointer-events:none;transition:opacity .25s,transform .25s}#toast.on{opacity:1;transform:translate(-50%)}.no3d #world,.no3d .hide,.no3d #bag,.no3d .first{display:none}@media(prefers-reduced-motion:reduce){.hero .down{animation:show 1s 1s forwards}}[hidden]{display:none!important}#gate{position:fixed;inset:0;z-index:3;background:var(--paper);display:grid;place-items:center;padding:24px}#line{grid-area:1 / 1;max-width:900px;text-align:center;font-size:clamp(32px,6vw,72px);line-height:1.1;letter-spacing:-.02em;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}#line.on{opacity:1;transform:none}#tap{position:fixed;left:50%;bottom:7vh;transform:translate(-50%);display:grid;justify-items:center;gap:2px;font:400 18px var(--hand);text-transform:uppercase;opacity:0;transition:opacity .6s;pointer-events:none}#tap.on{opacity:1}#tap svg{width:44px;height:52px}.confetti{position:fixed;top:-16px;width:9px;height:14px;z-index:7;pointer-events:none;animation:confetti 3s ease-in forwards}@keyframes confetti{to{transform:translateY(110vh) rotate(var(--spin))}}#ask-box{grid-area:1 / 1;width:min(860px,100%);display:grid;gap:36px;justify-items:center;text-align:center;animation:show .6s}#gate h1,#phone h1{font-weight:400;font-size:clamp(36px,6vw,72px);line-height:1.08;letter-spacing:-.02em}#gate h1.long{font-size:clamp(24px,3.2vw,38px);line-height:1.2}#gate form{position:relative;width:min(520px,100%);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .7s,transform .7s}#gate form.on{opacity:1;transform:none;pointer-events:auto}#gate form button{position:absolute;top:7px;right:7px;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--accent);font-size:20px;line-height:1}#gate input{display:block;width:100%;height:60px;font:400 24px var(--serif);color:var(--ink);padding:0 64px 0 26px;border:1.5px solid #d8dfe5;border-radius:30px;background:#f6f8f9;outline:none;-webkit-appearance:none;appearance:none}#scale{position:relative;width:min(520px,100%);height:60px;touch-action:none;cursor:grab;outline:none;opacity:0;transition:opacity .7s}#scale.on{opacity:1}#scale .track{position:absolute;top:22px;left:0;right:0;height:16px;border-bottom:1.5px solid var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0 1.5px,transparent 1.5px 10%);background-size:calc(100% - 1.5px) 100%}#dot{position:absolute;top:15px;left:0;width:30px;height:30px;margin-left:-15px;border-radius:50%;background:var(--accent);border:1.5px solid var(--ink)}#say{font-size:clamp(22px,3vw,28px);line-height:1.3;min-height:3.9em}#phone{position:relative;z-index:4;min-height:100vh;min-height:100svh;max-width:760px;margin:0 auto;padding:24px 24px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;text-align:center;background:var(--paper)}#phone h1{margin-top:auto}#phone #share{width:100%;max-width:340px;padding:18px 20px;font-size:18px;background:var(--accent);margin-bottom:auto}#host{font:400 clamp(20px,6vw,30px) var(--serif);word-break:break-all;margin-bottom:auto}button.plain{border:0;background:none;text-decoration:underline;padding:8px 0;font-size:13px;color:#888}#bag{--slot: min(calc((100svh - 60px) / 15), 44px);position:fixed;top:50%;right:8px;transform:translateY(-50%);z-index:6;display:grid;gap:3px;justify-items:center;font:500 12px var(--sans);font-variant-numeric:tabular-nums;animation:slidein .7s ease-out}@keyframes slidein{0%{opacity:0;transform:translate(24px,-50%)}}.slot{position:relative;width:var(--slot);height:var(--slot);padding:0;border:1px solid #d8dfe5;border-radius:8px;background:#ffffffc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:default;font:500 13px var(--sans);color:#7f95a6}.slot img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:contain;filter:brightness(0) opacity(.22)}.slot span{position:relative}.slot.got{border-color:var(--accent);cursor:pointer}.slot.got img{filter:none}.slot.got span{display:none}.slot.pop{animation:pop .5s ease-out}@keyframes pop{40%{transform:scale(1.3)}}#bag{transition:opacity .4s}#bag.away{opacity:0;pointer-events:none}#bag.done .slot{border-color:var(--ink)}#bag-count{background:#ffffffc7;padding:2px 4px;border-radius:4px}.photos{display:grid;grid-template-columns:repeat(12,1fr);gap:6vh 16px;padding:5vh 24px;max-width:1400px;margin:0 auto}.photo{position:relative;margin:0;grid-column:span 12}.photo img,.photo video{display:block;width:100%;height:100%;object-fit:cover;background:#eef1f3}.photo .frame{width:100%;background:#eef1f3;overflow:hidden}@media(min-width:800px){.photo.p0{grid-column:2 / span 5}.photo.p1{grid-column:7 / span 5;margin-top:10vh}.photo.p2{grid-column:3 / span 5}.photo.p3{grid-column:8 / span 4;margin-top:6vh}.photo:only-child{grid-column:4 / span 6;margin-top:0}}.film{height:260vh}.stage{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;overflow:hidden}#last{height:200vh}.film .frame{background:#000;overflow:hidden}.film video{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:799px){.photos{padding-right:52px;padding-left:16px}.letter{padding-right:52px}}