:root{--ground:#0c0a08;--ink:#f4ede1;--accent:#f2b25c;--photo-s:8s;--cycle:calc(var(--photo-s) * 3);--drift-s:20s}html,body{background:var(--ground);height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:DM Mono,ui-monospace,monospace}a{color:var(--ink)}.home{width:100%;height:100svh;min-height:560px;position:relative;overflow:hidden}.hero{animation:60s ease-in-out infinite alternate hue;position:absolute;inset:0;overflow:hidden}.slide{opacity:0;will-change:opacity, transform;animation-duration:var(--cycle), var(--cycle);background-position:50%;background-size:cover;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;inset:-2%}.s1{background-image:-webkit-image-set(url(/images/hero/lanterns-2400.webp) 1x type("image/webp"),url(/images/hero/lanterns-2400.jpg) 1x type("image/jpeg"));background-image:image-set("/images/hero/lanterns-2400.webp" 1x type("image/webp"),"/images/hero/lanterns-2400.jpg" 1x type("image/jpeg"));animation-name:fade,glide1;animation-delay:0s,0s}.s2{animation-name:fade,glide2;animation-delay:var(--photo-s), var(--photo-s);background-image:-webkit-image-set(url(/images/hero/driftwood-2400.webp) 1x type("image/webp"),url(/images/hero/driftwood-2400.jpg) 1x type("image/jpeg"));background-image:image-set("/images/hero/driftwood-2400.webp" 1x type("image/webp"),"/images/hero/driftwood-2400.jpg" 1x type("image/jpeg"))}.s3{animation-name:fade,glide3;animation-delay:calc(var(--photo-s) * 2), calc(var(--photo-s) * 2);background-image:-webkit-image-set(url(/images/hero/believe-2400.webp) 1x type("image/webp"),url(/images/hero/believe-2400.jpg) 1x type("image/jpeg"));background-image:image-set("/images/hero/believe-2400.webp" 1x type("image/webp"),"/images/hero/believe-2400.jpg" 1x type("image/jpeg"))}@media (width<=900px){.s1{background-image:-webkit-image-set(url(/images/hero/lanterns-1280.webp) 1x type("image/webp"),url(/images/hero/lanterns-1280.jpg) 1x type("image/jpeg"));background-image:image-set("/images/hero/lanterns-1280.webp" 1x type("image/webp"),"/images/hero/lanterns-1280.jpg" 1x type("image/jpeg"))}.s2{background-image:-webkit-image-set(url(/images/hero/driftwood-1280.webp) 1x type("image/webp"),url(/images/hero/driftwood-1280.jpg) 1x type("image/jpeg"));background-image:image-set("/images/hero/driftwood-1280.webp" 1x type("image/webp"),"/images/hero/driftwood-1280.jpg" 1x type("image/jpeg"))}.s3{background-image:-webkit-image-set(url(/images/hero/believe-1280.webp) 1x type("image/webp"),url(/images/hero/believe-1280.jpg) 1x type("image/jpeg"));background-image:image-set("/images/hero/believe-1280.webp" 1x type("image/webp"),"/images/hero/believe-1280.jpg" 1x type("image/jpeg"))}}@keyframes fade{0%{opacity:0}9.3%{opacity:1}33.3%{opacity:1}42.6%{opacity:0}to{opacity:0}}@keyframes glide1{0%{transform:scale(1)translate(0)}42.6%,to{transform:scale(1.04)translate(-.4%,.3%)}}@keyframes glide2{0%{transform:scale(1.01)translate(.2%)}42.6%,to{transform:scale(1.045)translate(.5%,-.3%)}}@keyframes glide3{0%{transform:scale(1)translateY(.2%)}42.6%,to{transform:scale(1.035)translate(-.3%,-.4%)}}@keyframes hue{0%{filter:hue-rotate(-2deg)}to{filter:hue-rotate(3deg)saturate(1.04)}}.shade{pointer-events:none;position:absolute;inset:0}.shade-vignette{background:radial-gradient(85% 75% at 55% 45%,#0c0a0800 45%,#0c0a089e 100%)}.shade-corner{background:linear-gradient(20deg,#0c0a08c7 0%,#0c0a0859 38%,#0c0a0800 62%)}.tagline{text-align:right;text-shadow:0 1px 14px #000000a6;max-width:22ch;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(17px,1.7vw,24px);font-style:italic;font-weight:300;line-height:1.3;position:absolute;top:6vh;right:5vw}.title{pointer-events:none;flex-direction:column;gap:14px;display:flex;position:absolute;bottom:9vh;left:5.5vw;right:5.5vw}.title h1{font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 1;letter-spacing:-.02em;text-shadow:0 2px 30px #0000008c;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(54px,9.2vw,136px);font-weight:300;line-height:.92}.subtitle{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);text-shadow:0 1px 12px #000c;margin:0;padding-left:.3vw;font-size:clamp(12px,1.05vw,15px)}.rooms{position:absolute;inset:0}.drift{justify-content:center;width:220px;margin-top:-66px;margin-left:-110px;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:both;display:flex;position:absolute}.d1{animation-name:wander1;animation-duration:var(--drift-s);top:42%;left:14%}.d2{animation-name:wander2;animation-duration:calc(var(--drift-s) * 1.17);top:42%;left:38%}.d3{animation-name:wander3;animation-duration:calc(var(--drift-s) * .88);top:42%;left:62%}.d4{animation-name:wander4;animation-duration:calc(var(--drift-s) * 1.31);top:42%;left:86%}@keyframes wander1{0%{transform:translate(0)}50%{transform:translate(-2vw,-9vh)}to{transform:translate(1.5vw,-17vh)}}@keyframes wander2{0%{transform:translate(0)}50%{transform:translate(4vw,-6vh)}to{transform:translate(7vw,-13vh)}}@keyframes wander3{0%{transform:translate(0)}50%{transform:translate(3vw,7vh)}to{transform:translate(6vw,13vh)}}@keyframes wander4{0%{transform:translate(0)}50%{transform:translate(-3vw,8vh)}to{transform:translate(-1vw,16vh)}}.quick{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex;position:absolute;bottom:44px;right:0}.pill{letter-spacing:.22em;text-transform:uppercase;color:var(--ink);-webkit-backdrop-filter:blur(3px)saturate(1.12)brightness(1.04);backdrop-filter:blur(3px)saturate(1.12)brightness(1.04);text-shadow:0 1px 8px #000c;background:linear-gradient(#282e3438 0%,#0c0e127a 100%);border-radius:999px;align-items:center;gap:12px;padding:14px 24px 14px 18px;font-size:12px;text-decoration:none;transition:transform .5s,filter .5s;display:inline-flex;position:relative;box-shadow:0 16px 28px -14px #000000b3,0 2px 5px #00000040,inset 0 -10px 16px -8px #0000006b,inset 0 8px 12px -10px #e1f0ff1c,inset 0 0 0 1px #e6f2ff17}.pill:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(30% 70% at 18% 8%,#ffffff26 0%,#fff0 75%),radial-gradient(50% 50%,#0000 80%,#f0f8ff17 100%);position:absolute;inset:0}.pill svg{width:22px;height:22px;color:var(--accent);flex:none}.pill:hover,.pill:focus-visible{filter:drop-shadow(0 0 16px #f2b25c66);transform:translateY(-2px)}.pill:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width>=761px) and (width<=1180px){.quick{flex-direction:column;align-items:stretch;gap:10px;bottom:20px}}.turn{animation:34s ease-in-out infinite alternate turn}.t2{animation-duration:41s;animation-delay:-11s}.t3{animation-duration:29s;animation-delay:-17s}.t4{animation-duration:47s;animation-delay:-5s}@keyframes turn{0%{transform:scale(1.06)rotate(-8deg)}50%{transform:scale(1.06)rotate(3deg)}to{transform:scale(1.06)rotate(9deg)}}.drift:hover,.drift:focus-within,.drift:hover .turn,.drift:focus-within .turn{animation-play-state:paused}.room{flex-direction:column;align-items:center;gap:12px;text-decoration:none;transition:transform .6s,filter .6s;display:flex}.room:hover,.room:focus-visible{filter:drop-shadow(0 0 18px #f2b25c73);transform:scale(1.06)}.room:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:12px}.label{letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 4px #000000d9,0 1px 12px #000000e6;font-size:12px}.bubble{width:clamp(88px,9vw,132px);height:clamp(88px,9vw,132px);color:var(--accent);-webkit-backdrop-filter:blur(2px)saturate(1.12)brightness(1.04);backdrop-filter:blur(2px)saturate(1.12)brightness(1.04);background:radial-gradient(circle at 50% 58%,#282e3433 0%,#0c0e1275 100%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 20px 32px -16px #000000a6,0 2px 5px #00000040,inset 0 -12px 20px -8px #0000006b,inset 0 8px 14px -10px #e1f0ff24,inset 0 0 0 1px #e6f2ff1a}.bubble:after{content:"";pointer-events:none;background:radial-gradient(34% 20% at 36% 24%,#ffffff4d 0%,#ffffff1a 50%,#fff0 75%),radial-gradient(circle at 70% 79%,#d7ecff24 0%,#d7ecff00 6%),radial-gradient(circle,#0000 68%,#0000001f 84%,#c8e4ff1a 94%,#f0f8ff47 98.5%,#fff0 100%);border-radius:50%;position:absolute;inset:0}.bubble svg{filter:drop-shadow(0 2px 3px #0009);width:52%;height:52%;transform:scale(1.06)}@media (width<=760px){.d1{top:26%;left:27%}.d2{top:26%;left:73%}.d3{top:46%;left:27%}.d4{top:46%;left:73%}.quick{flex-wrap:nowrap;order:-1;justify-content:flex-start;gap:8px;margin-bottom:14px;position:static}.pill{letter-spacing:.12em;white-space:nowrap;flex:0 auto;gap:8px;min-width:0;padding:10px 14px 10px 10px;font-size:10px}.pill svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){:root{--drift-s:50s}.s1,.s2,.s3{animation-name:fade}.hero,.turn{animation:none}.room,.pill{transition:none}}