@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{--ink:#0b100f;--paper:#d8d1bd;--muted:#938f80;--amber:#bca16d;--red:#ad493d;--mx:50%;--my:50%;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:7px}button{border:0}::selection{background:#6a352d;color:#ede2ce}.grain,.scanlines{position:fixed;inset:-20%;pointer-events:none;z-index:20}.grain{opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");animation:grain .23s steps(3) infinite}.scanlines{inset:0;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px);opacity:.3}.topbar{position:absolute;z-index:25;top:0;left:0;width:100%;padding:32px 4.5%;display:flex;justify-content:space-between;align-items:center}.wordmark{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;letter-spacing:4px;font-weight:600}.wordmark span{display:block;font:8px 'DM Sans',Arial,sans-serif;letter-spacing:3px;margin-top:7px;color:var(--muted)}.controls{display:flex;gap:23px}.controls button{background:transparent;font-size:9px;letter-spacing:1.5px;padding:10px 0;color:#c0baab}.sound-bars{color:var(--amber);padding-right:7px}.hero{height:100svh;min-height:750px;position:relative;overflow:hidden}.scene{position:absolute;inset:-3%;background:url('assets/house.png') center/cover;animation:breathe 14s ease-in-out infinite;transform:translate(var(--px,0px),var(--py,0px)) scale(1.035)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#07100fe6 0%,#09100fa1 32%,#080e0d15 60%,#080e0d55),linear-gradient(0deg,#0b100f 0%,transparent 25%,transparent 78%,#09100f85)}.light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 280px 280px at var(--mx) var(--my),#d5ab5610,transparent 85%);mix-blend-mode:screen}.recording{position:absolute;right:4.5%;top:145px;font:10px monospace;letter-spacing:2px;color:#b9b7aa;display:flex;gap:10px;align-items:center}.red-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 9px #ad493d70;animation:record 2.5s infinite}.tape-label{margin-left:18px;font-size:8px;opacity:.7}.hero-copy{position:absolute;top:23%;left:11%;width:570px}.eyebrow{font-size:9px;letter-spacing:2.5px;line-height:1.8;color:var(--amber)}.hero-copy .eyebrow{display:flex;align-items:center;gap:11px}.eyebrow>span{display:block;width:22px;height:1px;background:var(--amber)}h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:.74;margin:38px 0 28px;position:relative;display:flex;flex-direction:column;width:max-content}.title-small{font-size:39px;letter-spacing:18px;padding-left:8px;margin-bottom:16px}.title-large{font-size:clamp(130px,13.5vw,205px);letter-spacing:9px;position:relative;text-shadow:2px 0 15px #a6894920}.title-large:after{content:attr(data-text);position:absolute;inset:0;opacity:0;color:#976346;clip-path:inset(35% 0 46%);animation:title-slip 12s infinite}.invitation{font-family:'Cormorant Garamond',Georgia,serif;font-size:31px;line-height:1.1;margin:32px 0;color:#c6bdaa}em{font-weight:400;color:var(--amber)}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:52px;padding:19px 25px;border:1px solid #a78e5c8a;background:#b49b650b;font-size:10px;letter-spacing:2px;transition:background .3s,color .3s,box-shadow .3s}.primary:hover{background:#b49b6524;box-shadow:0 0 30px #b49b6510;color:#f2dfb7}.primary span{font-size:17px;letter-spacing:0}.release-note{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-top:20px}.hero-bottom{position:absolute;bottom:36px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.8px;color:var(--muted)}.hero-bottom a{color:var(--paper)}.hero-bottom a span{margin-left:15px;font-size:18px;display:inline-block;animation:down 3s infinite}.coordinate{font-family:monospace;font-size:8px}.section{max-width:1440px;margin:auto;padding:110px 11%}.section-number{font-size:9px;letter-spacing:2px;color:#777e71;padding-bottom:45px}.invitation.section{display:grid;grid-template-columns:1.2fr 1fr;position:relative;padding-top:115px;padding-bottom:140px;gap:30px 75px}.invitation .section-number{grid-column:1/-1;padding-bottom:12px}h2{font:500 clamp(43px,5vw,70px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-1.7px;margin:25px 0 33px}.letter p:not(.eyebrow){color:#9ba094;font-size:13px;line-height:1.9}.letter .wrong-line{color:var(--paper)!important}.signature{display:block;font:italic 24px 'Cormorant Garamond',Georgia,serif;color:var(--amber);margin-top:35px}.polaroid{width:100%;max-width:320px;align-self:center;justify-self:end;padding:12px 12px 24px;background:#b9b19c;box-shadow:0 20px 60px #0008;transform:rotate(5deg);transition:transform 1s;animation:photo-sway 12s ease-in-out infinite}.polaroid-image{height:325px;background:url('assets/night.png') right center/auto 100%;filter:sepia(.2) brightness(.72)}.polaroid>span{display:block;font:italic 22px 'Cormorant Garamond',Georgia,serif;color:#33382e;text-align:center;margin-top:18px}.loop{border-top:1px solid #d8d1bd12}.loop-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.loop-heading h2{margin-top:0}.loop-heading>p{font-size:12px;color:var(--muted);line-height:1.8;padding-bottom:28px}.experiment{height:470px;border:1px solid #a29a7830;position:relative;overflow:hidden;margin-top:20px;background:#080d0c}.experiment-scene{position:absolute;inset:-5%;background:url('assets/house.png') center/cover;filter:brightness(.55) saturate(.6);transition:transform 2s,filter 2s}.experiment-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b100f88,transparent,#0b100f88),linear-gradient(0deg,#080d0cee,transparent 30%,#080d0c88)}.experiment-top,.experiment-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.5px}.experiment-top{top:24px}.experiment-top .red-dot{margin-right:10px}.experiment-bottom{bottom:22px;color:var(--muted)}.experiment-bottom b{font-weight:400;color:var(--paper)}.door-area{position:absolute;inset:75px 0 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.door-whisper{font:italic 24px 'Cormorant Garamond',Georgia,serif;color:#c4b798}.door-button{background:transparent;display:flex;flex-direction:column;align-items:center;gap:19px;font-size:9px;letter-spacing:2px}.door-drawing{display:block;width:74px;height:119px;border:1px solid #b79c6d88;position:relative;box-shadow:0 0 45px #b49b6510;transition:transform .7s,box-shadow .7s;transform-origin:left}.door-drawing:before{content:'';position:absolute;inset:10px;border:1px solid #b79c6d55}.door-drawing i{position:absolute;right:12px;top:60%;width:4px;height:4px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber)}.door-button:hover .door-drawing{transform:perspective(300px) rotateY(-25deg);box-shadow:10px 0 45px #b49b6540}.door-hint{color:#838577;font-size:7px;letter-spacing:1.8px}.experiment-caption{font:italic 21px 'Cormorant Garamond',Georgia,serif;text-align:center;color:#aaa38f;margin-top:24px;min-height:28px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:80px}.rules article{border-top:1px solid #d8d1bd25;padding-top:20px}.rules article>span{font:9px monospace;color:var(--amber)}h3{font:500 27px 'Cormorant Garamond',Georgia,serif;margin:17px 0 12px}.rules p{font-size:12px;line-height:1.8;color:var(--muted)}.warning{height:480px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.warning-image{position:absolute;inset:-10%;background:linear-gradient(#0b100f99,#0b100f66,#0b100f),url('assets/night.png') right center/cover;filter:saturate(.45);animation:breathe 18s infinite}.warning p{z-index:1;text-align:center;font:500 clamp(55px,7vw,100px)/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-2px}.warning>span{z-index:1;font:8px monospace;letter-spacing:3px;color:#8d9b88}.arrival{text-align:center;padding-top:130px;padding-bottom:115px}.arrival .section-number{padding-bottom:30px}.arrival h2{font-size:clamp(60px,6vw,88px)}.arrival-date{font-size:11px;letter-spacing:2px}.arrival-date span{display:block;font-size:8px;margin-top:13px;color:var(--muted)}.countdown{display:flex;justify-content:center;gap:28px;margin:45px auto 20px}.countdown div{min-width:65px}.countdown b{font:400 54px 'Cormorant Garamond',Georgia,serif;font-variant-numeric:tabular-nums}.countdown span{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:8px}.countdown i{font:30px 'Cormorant Garamond',Georgia,serif;color:#575e51;padding-top:10px}.countdown-label{font:8px monospace;letter-spacing:1.5px;color:#777e71;margin-bottom:40px}.reminder-note{font:italic 19px 'Cormorant Garamond',Georgia,serif;color:var(--muted);margin-top:22px}.return-link{display:block;margin-top:65px;font-size:8px;letter-spacing:2px;color:#828979}footer{margin:0 4.5%;padding:30px 0 40px;border-top:1px solid #d8d1bd1a;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .wordmark{font-size:19px}footer p{font-size:8px;letter-spacing:1px;color:#858a7e;line-height:1.9}footer p span{display:block}footer>span{font:8px monospace;letter-spacing:1.5px;color:#727a6c}.transition{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#121b17;opacity:0;visibility:hidden;transition:opacity .35s;pointer-events:none}.transition.active{opacity:1;visibility:visible}.transition span{font:500 clamp(38px,7vw,90px) 'Cormorant Garamond',Georgia,serif;letter-spacing:5px}.transition small{font-size:9px;letter-spacing:4px;color:var(--amber);margin-top:20px}.reveal{opacity:0;transform:translateY(28px);transition:opacity 1.2s,transform 1.2s}.reveal.visible{opacity:1;transform:none}.noscript{padding:30px;text-align:center}.disturbed .scene{filter:brightness(.65) sepia(.2)}
@keyframes grain{0%{transform:translate(0,0)}33%{transform:translate(2%,-2%)}66%{transform:translate(-2%,2%)}}@keyframes breathe{0%,100%{scale:1}50%{scale:1.035}}@keyframes record{50%{opacity:.25}}@keyframes down{50%{transform:translateY(5px)}}@keyframes photo-sway{50%{rotate:-1deg}}@keyframes title-slip{0%,91%,94%,100%{opacity:0;transform:none}92%{opacity:.4;transform:translateX(4px)}93%{opacity:.1;transform:translateX(-3px)}}
body.still *,body.still *:before,body.still *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}body.still .reveal{opacity:1;transform:none}body.still .scene{transform:scale(1.035)}
.waitlist{max-width:620px;margin:50px auto 18px}.waitlist>label{font-size:9px;letter-spacing:2px;color:var(--amber)}.waitlist>p:not(.privacy-note):not(.signup-status){font:italic 22px 'Cormorant Garamond',Georgia,serif;color:var(--muted)}.signup-row{display:flex;margin-top:25px}.signup-row input{flex:1;min-width:0;border:1px solid #a78e5c70;border-right:0;background:#d8d1bd04;padding:20px;color:var(--paper);font:13px 'DM Sans',Arial,sans-serif;border-radius:0}.signup-row input:focus{outline:1px solid var(--amber);outline-offset:-2px}.signup-row .primary{gap:20px}.consent{display:flex;align-items:center;gap:10px;text-align:left;margin-top:18px;line-height:1.6;letter-spacing:0!important;font-size:10px!important;color:var(--muted)!important}.consent input{accent-color:var(--amber);width:14px;height:14px;flex-shrink:0}.privacy-note{text-align:left;font-size:9px;line-height:1.6;color:#798174}.signup-status{min-height:23px;font-size:12px;line-height:1.7;color:var(--amber)}.signup-status.error{color:#d9917e}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.calendar-button{background:transparent;color:var(--paper);font-size:8px;letter-spacing:1.5px;padding:14px}.calendar-button span{margin-left:12px}.primary:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.signup-row{flex-direction:column;gap:10px}.signup-row input{border-right:1px solid #a78e5c70}.signup-row .primary{justify-content:center;gap:25px}.warning-visage{right:-120px}}
.dust{position:absolute;inset:0;overflow:hidden;pointer-events:none}.dust i{position:absolute;left:var(--x);top:100%;width:2px;height:2px;background:#bba16c;border-radius:50%;box-shadow:0 0 5px #ba9b59;opacity:0;animation:dust var(--duration) linear var(--delay) infinite}.visage{position:absolute;aspect-ratio:1.13;background:url('assets/nana.png') right top/360% auto;mask-image:radial-gradient(ellipse,#000 10%,transparent 70%);filter:grayscale(.8) brightness(.6);pointer-events:none}.warning-visage{width:500px;right:6%;top:0;opacity:.05;transform:scale(.9);transition:opacity 5s,transform 8s}.warning.watched .warning-visage{opacity:.65;transform:scale(1.15)}.warning p,.warning>span{text-shadow:0 2px 20px #000}.transition-visage{width:min(90vw,850px);opacity:0;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7)}.transition.haunted .transition-visage{opacity:.75;transform:translate(-50%,-50%) scale(1.3);transition:transform 1.5s,opacity .8s}.transition>span,.transition>small{position:relative;z-index:1;text-shadow:0 0 20px #000}.still .dust{display:none}@keyframes dust{0%{transform:translate(0,0);opacity:0}15%{opacity:.3}85%{opacity:.2}100%{transform:translate(65px,-100vh);opacity:0}}
@media(min-width:1600px){.hero-copy{left:15%}.hero{max-height:1200px}}
@media(max-width:900px){.hero-copy{left:8%;top:25%}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.coordinate{display:none}.section{padding-left:8%;padding-right:8%}.invitation.section{gap:30px}.polaroid{max-width:255px}.polaroid-image{height:280px}.loop-heading{display:block}.loop-heading>p{padding-bottom:0}.rules{gap:25px}.tape-label{display:none}}
@media(max-width:600px){.topbar{padding:25px 6%}.wordmark{font-size:20px}.controls{gap:13px}.controls button{font-size:7px;letter-spacing:.8px}.sound-bars{display:none}.hero{min-height:740px;height:100svh}.scene{background-position:58% center}.shade{background:linear-gradient(90deg,#08100fd9,#08100f66),linear-gradient(0deg,#0b100f,transparent 40%,#0b100f44)}.recording{top:107px;right:6%;font-size:8px}.hero-copy{left:8%;top:24%;width:84%}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.4px;max-width:280px}.title-large{font-size:138px;letter-spacing:3px}.title-small{font-size:30px;letter-spacing:12px}.invitation{font-size:28px}.hero-bottom{left:8%;right:8%;bottom:29px;font-size:6px;letter-spacing:1.1px}.hero-bottom a span{margin-left:5px}.section{padding-top:75px;padding-bottom:75px}.invitation.section{display:block;padding-top:65px;padding-bottom:85px}.section-number{font-size:8px;padding-bottom:28px}.letter{margin-top:35px}.polaroid{margin:55px auto 0;max-width:265px}.polaroid-image{height:280px}.rules{grid-template-columns:1fr;gap:25px;margin-top:45px}.rules article{padding-top:15px}.rules h3{margin-top:10px}.experiment{height:410px}.experiment-top,.experiment-bottom{left:15px;right:15px;font-size:7px;letter-spacing:.7px}.experiment-bottom{gap:10px}.experiment-caption{font-size:18px}.warning{height:380px}.warning-image{background-size:auto 100%;background-position:right center}.arrival{padding-top:80px}.countdown{gap:12px}.countdown div{min-width:46px}.countdown b{font-size:43px}.countdown i{font-size:22px}.countdown span{font-size:7px}.countdown-label{font-size:7px;letter-spacing:.7px}.arrival-date{font-size:9px}footer{flex-wrap:wrap;margin:0 8%;padding-bottom:25px}footer>span{width:100%;font-size:7px}footer p{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}