*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#342b20;color:white;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:6px}#world{position:fixed;inset:0;overflow:hidden;background:#81623b}.scene{position:absolute;left:50%;top:50%;width:var(--sw);height:var(--sh);transform:translate(-50%,-50%);will-change:transform;transform-origin:50% 60%}.scene>img{width:100%;height:100%;display:block;user-select:none}.head{position:absolute;inset:0;background:url('assets/meadow.png') center/100% 100%;clip-path:polygon(47% 47%,50% 44%,53% 46%,54% 42%,59% 38%,64% 41%,65% 50%,69% 59%,68% 64%,62% 60%,59% 66%,53% 62%,50% 55%);transform-origin:57% 62%;will-change:transform}.eye{position:absolute;width:2.75%;height:4.8%;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transform-origin:center;overflow:hidden}#eye1{left:55.56%;top:48.35%}#eye2{left:58.6%;top:50.72%}.eye i{position:absolute;left:29%;top:28%;width:43%;height:46%;border-radius:50%;background:radial-gradient(circle at 34% 27%,#ddd 0 8%,#292320 12%,#080706 60%);box-shadow:0 1px 3px #0008;will-change:transform}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#171b1645,transparent 36%,transparent 65%,#201c2035),linear-gradient(0deg,#080d1766,transparent 42%,#29202530);pointer-events:none}.night{position:absolute;inset:0;background:#102452;mix-blend-mode:multiply;opacity:0;pointer-events:none}header{position:absolute;top:5%;left:4%;right:4%;display:flex;align-items:center}.brand{font-size:22px;color:white;text-decoration:none;letter-spacing:-1px}.brand span{font-size:26px;vertical-align:middle;margin-right:5px}nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;background:#292422ad;padding:5px;border-radius:30px;box-shadow:0 3px 8px #0002;backdrop-filter:blur(16px)}nav button{font-size:12px;background:none;border:0;border-radius:30px;padding:9px 17px}nav .active{background:#fff;color:#292522}.headline{position:absolute;left:4%;top:36%;width:31%}h1{font-size:clamp(48px,5.1vw,90px);font-weight:400;letter-spacing:-.06em;line-height:1.02;margin:0}.invitation{position:absolute;right:6.5%;top:22%;width:17.4%;padding:14px 16px;border:1px solid #ffffff1c;background:#1516170c;backdrop-filter:blur(2px)}.invitation p{margin:0 0 18px;font-size:clamp(14px,1.15vw,21px);line-height:1.25;letter-spacing:-.025em}.invitation button{display:flex;justify-content:space-between;align-items:center;width:100%;background:#ffffff12;border:0;border-top:1px solid #ffffff33;padding:12px 2px 0;font-size:11px}.invitation button span{font-size:24px;line-height:12px}.description{position:absolute;right:4%;bottom:12%;width:23%}.description h2{font-size:clamp(24px,2.2vw,40px);line-height:1.12;letter-spacing:-.045em;font-weight:400;margin:0 0 16px}.description p{font-size:clamp(12px,.95vw,16px);line-height:1.7;margin:0;max-width:320px}footer{position:absolute;bottom:4%;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#ffffffe0}footer button{border:0;background:none;font-size:11px}footer button span{padding-left:10px}.progress{position:absolute;bottom:0;width:100%;height:3px;background:#ffffff12}.progress i{display:block;width:0;height:100%;background:#efddae}.scroll-space{height:350vh}#stars{position:absolute;inset:0;pointer-events:none;opacity:0}#stars i{position:absolute;width:2px;height:2px;background:#fff4c9;border-radius:50%;box-shadow:0 0 9px #fff}dialog{border:1px solid #ffffff44;background:#302d24;color:#fff;border-radius:18px;padding:45px;max-width:90vw;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#10151b88;backdrop-filter:blur(8px)}dialog h2{font-size:32px;font-weight:400;letter-spacing:-1px}dialog p{font-size:14px}dialog button{border:1px solid #ffffff44;background:transparent;border-radius:20px;padding:12px 20px}#close{position:absolute;top:10px;right:10px;padding:2px 10px;font-size:24px;border:0}#title,#subtitle,#bodycopy,#invite{transition:opacity .2s}body.changing #title,body.changing #subtitle,body.changing #bodycopy,body.changing #invite{opacity:0}@media(max-width:650px){header{top:25px;align-items:flex-start}.brand{font-size:19px}nav{left:auto;right:0;transform:none}nav button{padding:8px 10px;font-size:10px}nav button:last-child{display:none}.headline{top:19%;left:7%;width:70%}h1{font-size:58px}.invitation{right:7%;top:auto;bottom:31%;width:40%;padding:9px 11px}.invitation p{display:none}.invitation button{padding:0;border:0}.description{left:7%;right:7%;bottom:10%;width:auto}.description h2{font-size:29px;margin-bottom:10px}.description p{max-width:300px;font-size:12px;line-height:1.5}footer{left:7%;right:7%;bottom:3%}#hint{display:none}.shade{background:linear-gradient(0deg,#10130cdf,transparent 60%,#14181620)}.scene{left:43%}dialog{padding:30px}dialog h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:650px){.headline{width:86%}nav button{padding:8px;font-size:9px}nav button:last-child{display:block}.brand{font-size:18px}.brand span{font-size:21px}}

nav .story-link{font-size:12px;text-decoration:none;color:inherit;border-radius:30px;padding:9px 17px;display:flex;align-items:center}#explore{display:flex;justify-content:space-between;align-items:center;width:100%;background:#ffffff12;border:0;border-top:1px solid #ffffff33;padding:12px 2px 0;font-size:11px;color:inherit;text-decoration:none}#explore span{font-size:24px;line-height:12px}@media(max-width:650px){nav .story-link{padding:8px;font-size:9px}#explore{padding:0;border:0}}