@font-face{font-family:Sora;src:url('/assets/fonts/sora-latin-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
:root{color-scheme:light;--lime:#c8fa5f;--ink:#11150c;font-family:Sora,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:var(--lime);color:var(--ink)}
body{position:fixed;inset:0;height:100%;height:100dvh}
::selection{background:var(--ink);color:var(--lime)}
.page{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.brand-sculpture{position:relative;width:clamp(120px,20dvh,180px);aspect-ratio:1;isolation:isolate;flex:none;margin:0}
.brand-sculpture::after{content:'';position:absolute;width:55%;height:7%;left:22.5%;bottom:1%;border-radius:50%;background:#273b13;opacity:.14;filter:blur(17px);z-index:-1}
.sculpture-fallback{position:absolute;inset:-2.2%;width:104.4%;height:104.4%;object-fit:contain}
#brand-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}
.brand-sculpture.is-ready #brand-canvas{opacity:1}
.brand-sculpture.is-ready .sculpture-fallback{visibility:hidden}
h1{font-size:clamp(34px,3.8vw,56px);font-weight:500;letter-spacing:-.055em;line-height:1.16;margin:0;white-space:nowrap;flex:none}
.not-found h1{font-size:clamp(24px,3.8vw,44px);white-space:normal}
.back-link{display:inline-block;color:var(--ink);font-size:13px;text-decoration:none;border:1px solid #11150c50;border-radius:999px;padding:10px 18px}
.back-link:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:600px){
 .page{gap:18px}.brand-sculpture{width:min(150px,42vw,26dvh)}.brand-sculpture::after{filter:blur(10px)}
 h1{font-size:clamp(26px,8vw,34px)}
}
@media(max-height:480px){.page{gap:16px}.brand-sculpture{width:min(116px,26dvh)}h1{font-size:clamp(26px,3.8vw,44px)}}
@media(max-height:320px){.page{gap:12px}.brand-sculpture{width:min(90px,24dvh)}h1{font-size:24px}}