@font-face{font-family:Quedami;src:url(/Quedami.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display:"Quedami", "Helvetica Neue", Arial, sans-serif;--serif:"Crimson Text", Georgia, "Times New Roman", serif;--c-blue:#a7d8e5;--c-teal:#6fafad;--c-pink:#f186af;--c-red:#d94e3b;--c-cream:#fdf5e7;--c-ink:#303030;--glass-bg:radial-gradient(#aee9fa03 0%, #b9e4ec1e 70%, #daf2f733 90%, #daf2f733 100%);--glass-blur:blur(0px) saturate(100%) brightness(.95);--glass-rim:#fff;--glass-depth:inset 0 3px 7px #ffffff0d, inset 0 -10px 18px #081e240d;--noise-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html,body{background:#0a2c2e;margin:0;overflow-x:hidden}::selection{color:var(--c-cream);background:#142e42eb}#root{position:relative}.app{z-index:0;position:fixed;inset:0}canvas{display:block}.scroll-spacer{z-index:0;pointer-events:none;width:100%;position:relative}.stage{z-index:8;pointer-events:none;position:fixed;inset:0}.section-layer{opacity:0;visibility:hidden;will-change:opacity;position:absolute;inset:0}.wordmark{z-index:8;font-family:var(--mono);letter-spacing:.16em;color:#eafaf6;text-shadow:0 1px 12px #061c2299;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(13px,1.5vw,18px);font-weight:500;position:fixed;top:3vh;left:3vw}.section-title{font-family:var(--display);letter-spacing:.004em;color:var(--c-red);text-shadow:0 2px 24px #081e2447;margin:0;font-size:clamp(52px,8.4vw,72px);font-weight:400;line-height:.9;position:absolute;top:9vh;left:3vw}.cstack{width:var(--cbubble-w,clamp(200px, 18vw, 236px));pointer-events:none;z-index:2;flex-direction:column;gap:18px;display:flex;position:absolute;top:0;left:0}.cbubble{isolation:isolate;box-sizing:border-box;width:100%;font-family:var(--mono);color:var(--c-ink);white-space:pre-line;text-align:center;will-change:opacity;z-index:2;padding:20px 8%;font-size:clamp(11px,.95vw,14px);line-height:1.5;position:relative}.cbubble.spacer{visibility:hidden}.cbubble:before{content:"";z-index:-1;border-style:solid;border-width:12px 95px;border-image-source:var(--bubble-img);border-image-slice:12 95 fill;border-image-width:auto;border-image-outset:0;border-image-repeat:stretch;position:absolute;inset:-7px -22px}.cbubble:after{content:"";z-index:-2;-webkit-mask-box-image:url(/UI/conversation-mask.svg) 12 95 fill;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#ebf6f852;position:absolute;inset:-7px -22px;-webkit-mask-box-image:url(/UI/conversation-mask.svg) 12 95 fill/auto;mask-border:url(/UI/conversation-mask.svg) 12 95 fill/auto}.cbubble.axolotl{--bubble-img:url(/UI/axolotl%20cbubble.png)}.cbubble.octopus{--bubble-img:url(/UI/octopus%20%20cbubble.png)}.content-cloud{isolation:isolate;pointer-events:auto;will-change:transform, opacity;z-index:1;--cloud-mask:url(/UI/content%20bubble.svg);position:absolute}.content-cloud:before{content:"";z-index:-1;-webkit-mask:var(--cloud-mask) no-repeat center / 100% 100%;-webkit-mask:var(--cloud-mask) no-repeat center / 100% 100%;mask:var(--cloud-mask) no-repeat center / 100% 100%;background-image:var(--cloud-mask);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-depth);filter:drop-shadow(0 0 6px var(--glass-rim)) drop-shadow(0 0 1.4px #ffffff80) drop-shadow(0 10px 30px #081e243d);background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.content-cloud:after{content:"";z-index:-1;pointer-events:none;-webkit-mask:var(--cloud-mask) no-repeat center / 100% 100%;-webkit-mask:var(--cloud-mask) no-repeat center / 100% 100%;mask:var(--cloud-mask) no-repeat center / 100% 100%;-webkit-backdrop-filter:url(#glassWarp);backdrop-filter:url(#glassWarp);position:absolute;inset:0}.cloud-inner{flex-direction:column;justify-content:center;display:flex;position:absolute;inset:17% 17% 24%}.cloud-heading{font-family:var(--display);color:#2c2c2c;margin:0 0 .4em;font-size:clamp(30px,3.9vw,56px);font-weight:400;line-height:1}.cloud-body{font-family:var(--serif);color:#303030;font-size:clamp(14px,1.18vw,19px);line-height:1.5}.cloud-body p{margin:0 0 .8em}.cloud-button{isolation:isolate;font-family:var(--mono);letter-spacing:.02em;color:var(--c-ink);text-align:center;--tint:#ff1e0031;--tint0:#fd6c592f;--tint1:#ff2e1380;will-change:transform;align-self:center;margin-top:1.1em;padding:25px;font-size:clamp(12px,1.05vw,15px);text-decoration:none;display:inline-block;position:relative}.cloud-button-label{position:relative}.cloud-button-shape{z-index:-2;transform-origin:50%;will-change:transform;background:radial-gradient(var(--tint0) 0%, var(--tint) 30%, var(--tint1) 100%);background-blend-mode:multiply;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-depth);-webkit-mask-box-image:url(/UI/conversation-mask.svg) 12 95 fill;filter:drop-shadow(0 0 .6px var(--glass-rim)) drop-shadow(0 0 1.4px #ffffff80) drop-shadow(0 5px 15px #081e2433);background-repeat:no-repeat;background-size:100% 100%,100% 100%;position:absolute;inset:0;-webkit-mask-box-image:url(/UI/conversation-mask.svg) 12 95 fill/auto;mask-border:url(/UI/conversation-mask.svg) 12 95 fill/auto}.cloud-button-shape:after{content:"";pointer-events:none;-webkit-mask-box-image:url(/UI/conversation-mask.svg) 12 95 fill;-webkit-backdrop-filter:url(#glassWarp);backdrop-filter:url(#glassWarp);position:absolute;inset:0;-webkit-mask-box-image:url(/UI/conversation-mask.svg) 12 95 fill/auto;mask-border:url(/UI/conversation-mask.svg) 12 95 fill/auto}.cloud-preview{z-index:40;pointer-events:none;opacity:0;will-change:transform, opacity;border-radius:14px;width:min(320px,26vw);position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 20px 50px #081e2461,0 0 0 1px #ffffff47}.cloud-preview img{width:100%;height:auto;display:block}.section-layer[data-section=about] .content-cloud{--cloud-mask:url(/UI/content%20bubble-sm.svg);width:min(30vw,400px);height:min(44vh,440px);top:38vh;left:4vw}.section-layer[data-section=cassette-jury] .content-cloud{width:min(48vw,680px);height:min(82vh,760px);top:8vh;left:38vw}.section-layer[data-section=santa-beer] .content-cloud{width:min(50vw,700px);height:min(86vh,800px);margin-left:calc(min(50vw,700px)/-2);top:6vh;left:50%}.section-layer[data-section=flaneur] .content-cloud{width:min(50vw,700px);height:min(82vh,780px);margin-left:calc(min(50vw,700px)/-2);top:8vh;left:50%}@media (width<=768px){.section-title{font-size:clamp(38px,13vw,64px);top:7vh}.wordmark{font-size:12px}.cchat{pointer-events:none;z-index:2;flex-direction:column;gap:16px;display:flex;position:absolute;bottom:35vh;left:7vw;right:7vw}.cchat .cbubble{width:auto;max-width:74%;padding:16px 20px;font-size:12px}.cchat .cbubble.axolotl{align-self:flex-start}.cchat .cbubble.octopus{align-self:flex-end}.cchat .cbubble:before{border-width:9px 28px;inset:-5px -9px}.stage .content-cloud{right:4vw;width:auto!important;height:min(74vh,660px)!important;margin-left:0!important;top:9vh!important;left:4vw!important}.stage .content-cloud,.stage .section-layer[data-section=about] .content-cloud{--cloud-mask:url(/UI/content%20bubble-mobile.svg)}.cloud-inner{inset:12% 11% 16%}}@media (hover:none),(width<=768px){:root{--glass-blur:none}.content-cloud:after,.cloud-button-shape:after,.sidebar-refract{-webkit-backdrop-filter:none;backdrop-filter:none}.cloud-preview{display:none}}.ui{z-index:10;color:#e7f6f2;font-family:var(--mono);letter-spacing:.04em;text-shadow:0 1px 8px #00000080;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;position:fixed;bottom:16px;left:18px}.ui .t{opacity:.85}.ui .h{opacity:.5;margin-top:4px}.hint{z-index:10;color:#f0fbf6;font-family:var(--mono);letter-spacing:.06em;text-shadow:0 1px 10px #0000008c;pointer-events:none;opacity:.9;font-size:13px;transition:opacity 1.2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.hint.is-hidden{opacity:0}@media (prefers-reduced-motion:reduce){.hint{display:none}}.loader{z-index:100;background:linear-gradient(#7fb8b3 0%,#6fafad 52%,#669f9e 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loader-water{will-change:transform;height:100%;position:absolute;bottom:0;left:0;right:0}.loader-water:after{content:"";background:#a7d8e5;height:100%;position:absolute;top:100%;left:0;right:0}.loader-wave{will-change:transform;width:200%;height:100%;position:absolute;top:0;left:0}.loader-wave--back path{fill:#c2e6ee}.loader-wave--front path{fill:#a7d8e5}.loader-wave--back{opacity:.55}.loader-wave--front{filter:drop-shadow(0 -2px 10px #78c8d259)}.loader-bubble{width:var(--sz);height:var(--sz);pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle at 34% 30%,#fffffff2,#e9f8fa59 52%,#e9f8fa00 72%);border-radius:50%;position:absolute;box-shadow:inset 0 0 0 1px #fff6}.loader-brand{z-index:2;text-align:center;color:#f4fbf9;text-shadow:0 2px 24px #12383766;-webkit-user-select:none;user-select:none;position:relative}.loader-word{font-family:var(--display);letter-spacing:.05em;font-size:clamp(56px,13vw,150px);font-weight:400;line-height:.9}.loader-status{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;justify-content:center;align-items:baseline;gap:.9em;margin-top:1.5em;font-size:clamp(10px,1.1vw,12px);display:inline-flex}.loader-status-text{opacity:.72}.loader-pct{font-variant-numeric:tabular-nums;text-align:left;opacity:.95;min-width:3.2em}.loader-enter{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:#f4fbf9;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f4fbf91a;border:1px solid #f4fbf98c;border-radius:999px;margin:1.8em auto 0;padding:.85em 2.6em;font-size:clamp(11px,1.15vw,13px);transition:background .25s,border-color .25s,transform .25s;animation:.5s both loader-enter-in;display:block}.loader-enter:hover,.loader-enter:focus-visible{background:#f4fbf938;border-color:#f4fbf9e6;transform:translateY(-1px)}.loader-enter:active{transform:translateY(0)}@keyframes loader-enter-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.loader-bubble{display:none}}.sidebar,.sidebar-rim{z-index:7;pointer-events:none;width:46vh;height:100vh;position:fixed;top:0;right:0}.sidebar{z-index:8;background:var(--noise-bg), var(--glass-bg);background-blend-mode:add, normal;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-depth);background-repeat:repeat,no-repeat;background-size:220px 220px,100% 100%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sidebar-rim{z-index:9;opacity:.7;background-repeat:no-repeat;background-size:100% 100%}.sidebar-refract{z-index:6;pointer-events:none;-webkit-backdrop-filter:url(#glassWarp);backdrop-filter:url(#glassWarp);width:46vh;height:100vh;position:fixed;top:0;right:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.menu{z-index:11;pointer-events:none;width:22vh;transition:opacity .3s;position:fixed;top:18vh;right:3vh}.menu a{pointer-events:auto;color:#f4fbff;font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;opacity:.9;text-shadow:0 1px 12px #061c2299;white-space:nowrap;padding:.62em 0;font-size:clamp(12px,1.55vh,19px);font-weight:400;text-decoration:none;transition:opacity .25s,letter-spacing .25s;display:block}.menu a:hover{opacity:1;letter-spacing:.27em}.sidebar,.sidebar-refract,.sidebar-rim,.menu{will-change:transform;transition:transform .5s cubic-bezier(.22,.61,.36,1)}body:not(.nav-open) .sidebar,body:not(.nav-open) .sidebar-refract,body:not(.nav-open) .sidebar-rim,body:not(.nav-open) .menu{transform:translate(112%)}body:not(.nav-open) .menu{opacity:0}body:not(.nav-open) .menu a{pointer-events:none}.nav-toggle{z-index:12;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(6px)saturate(115%);backdrop-filter:blur(6px)saturate(115%);background:linear-gradient(200deg,#e4e9ec57,#b1f1ff14);border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;padding:0;transition:transform .3s;display:flex;position:fixed;top:3vh;right:3vh;box-shadow:inset 0 0 0 1px #ffffff80,0 3px 14px #081e2447}.nav-toggle:hover{transform:scale(1.06)}.nav-toggle .bar,.nav-toggle .bar:before,.nav-toggle .bar:after{background:#f4fbff;border-radius:2px;width:20px;height:2px}.nav-toggle .bar{transition:background .3s;position:relative}.nav-toggle .bar:before,.nav-toggle .bar:after{content:"";transition:transform .3s,top .3s;position:absolute;left:0}.nav-toggle .bar:before{top:-6px}.nav-toggle .bar:after{top:6px}body.nav-open .nav-toggle .bar{background:0 0}body.nav-open .nav-toggle .bar:before{top:0;transform:rotate(45deg)}body.nav-open .nav-toggle .bar:after{top:0;transform:rotate(-45deg)}