:root{--glass-cream: #f1e9df}.hero{--ceiling: #5a2822;--wall: #746357;--wall-deep: #5f5047;--slat: #8a6743;--floor: #6b4a2d;--floor-deep: #4f3620;--cord: #1c1613;--ceiling-h: 14.5vh;--floor-h: 17vh}#hero-root{display:contents}.hero{position:sticky;top:0;z-index:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;color:var(--glass-cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:linear-gradient(to bottom,var(--ceiling) 0,var(--ceiling) var(--ceiling-h),transparent var(--ceiling-h)),linear-gradient(to top,var(--floor-deep) 0,var(--floor) calc(var(--floor-h) * .55),var(--floor) var(--floor-h),transparent var(--floor-h)),radial-gradient(120% 90% at 50% 62%,var(--wall) 0%,var(--wall-deep) 100%)}.hero:before{content:"";position:absolute;inset:auto 0 0;height:var(--floor-h);background:repeating-linear-gradient(45deg,transparent 0 46px,rgba(0,0,0,.07) 46px 48px),repeating-linear-gradient(-45deg,transparent 0 46px,rgba(0,0,0,.07) 46px 48px);pointer-events:none;z-index:0}.hero:after{content:"";position:absolute;top:var(--ceiling-h);bottom:var(--floor-h);left:0;width:clamp(120px,22vw,380px);background:repeating-linear-gradient(to right,var(--slat) 0 5px,rgba(0,0,0,.18) 5px 8px);opacity:.55;mask-image:linear-gradient(to right,black 70%,transparent);-webkit-mask-image:linear-gradient(to right,black 70%,transparent);pointer-events:none;z-index:0}.hero-stage{position:absolute;inset:0;z-index:1;display:grid;grid-template-rows:1fr auto auto 1fr;justify-items:center;padding-top:var(--ceiling-h);padding-bottom:var(--floor-h)}.glass-pill{--pill-bg: rgba(255, 255, 255, .1);--pill-line: rgba(255, 255, 255, .29);--pill-blur: blur(18px) saturate(1.3);--pill-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), inset 0 -1px 1px rgba(0, 0, 0, .18), 0 7px 20px rgba(0, 0, 0, .18);position:relative;display:inline-flex;align-items:center;gap:2px;padding:8px 15px;border-radius:999px;color:var(--glass-cream);font-size:14px;font-weight:600;line-height:1;text-decoration:none;background:var(--pill-bg);border:1px solid var(--pill-line);box-shadow:var(--pill-shadow);backdrop-filter:var(--pill-blur);-webkit-backdrop-filter:var(--pill-blur);transition:background-color .26s ease,transform .22s ease,box-shadow .26s ease;isolation:isolate}.glass-pill:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(60% 80% at 22% 8%,rgba(255,255,255,.4),transparent 60%),linear-gradient(to bottom,rgba(255,255,255,.11),transparent 55%,rgba(0,0,0,.06));pointer-events:none;z-index:-1}.glass-pill:hover{background:#ffffff2b;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff7a,inset 0 -1px 1px #0000002e,0 12px 26px #00000038}.glass-pill:active{transform:translateY(0);background:#ffffff36}.glass-pill:focus-visible,.glass-pill-group a:focus-visible{outline:2px solid var(--glass-cream);outline-offset:3px}.glass-pill[aria-current=page]{background:#fff3}.glass-pill-group{padding:3px}.glass-pill-group a{padding:5px 10px;border-radius:999px;color:#f1e9dfd1;text-decoration:none;transition:background-color .23s ease,color .23s ease}.glass-pill-group a[aria-current=page]{color:var(--glass-cream);background:#ffffff38;box-shadow:inset 0 1px #ffffff69}.glass-pill-group a:hover:not([aria-current=page]){color:var(--glass-cream)}.hero-nav{position:absolute;inset:0 0 auto;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(18px,2.4vw,40px)}.hero-nav ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;align-items:center}.hero-mark{position:relative;grid-row:2;width:min(74vw,1180px,calc((100svh - var(--ceiling-h) - var(--floor-h)) * 1.15));aspect-ratio:1000 / 472;display:grid;place-items:center;margin-top:-2vh;perspective:1400px}.hero-cord{position:absolute;left:50%;bottom:87.3%;width:2px;height:200vh;background:var(--cord);transform:translate(-50%);pointer-events:none}.hero-shadow{position:absolute;left:12%;right:12%;bottom:4%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.22),transparent);filter:blur(6px);pointer-events:none}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .9s ease;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg))}.hero-mark.is-live .hero-canvas{opacity:1}.hero-mark-fallback{font-weight:900;font-size:clamp(88px,22vw,340px);line-height:1;letter-spacing:-.04em;color:var(--glass-cream);opacity:.55;user-select:none;transition:opacity .6s ease}.hero-mark.is-live .hero-mark-fallback{opacity:0}.hero-studio{grid-row:3;margin-top:clamp(6px,1.4vh,16px);text-align:center}.hero-studio-name{font-size:17px;font-weight:600;margin:0}.hero-studio-kind{font-family:var(--serif);font-style:italic;font-size:24px;margin:4px 0 0}.hero-scroll{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:2;display:grid;justify-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--glass-cream);text-decoration:none}.hero-scroll:after{content:"";width:2px;height:22px;background:var(--glass-cream);opacity:.8}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:720px){.hero{--ceiling-h: 12vh;--floor-h: 15vh}.hero-nav{padding:14px}.hero-nav .hero-nav-primary{display:none}.hero:after{display:none}.hero-mark{width:92vw}.hero-studio-name{font-size:15px}.hero-studio-kind{font-size:21px}}@media(prefers-reduced-motion:reduce){.hero-canvas,.hero-mark-fallback,.glass-pill{transition:none}}.nav .glass-pill{padding:8px 15px;min-height:0;border-radius:999px}.nav .glass-pill:after{display:none}.nav .glass-pill-group{padding:3px;gap:0}.nav .glass-pill-group button{padding:5px 10px;min-width:30px;min-height:0;border-radius:999px;color:#f1e9dfd1;transition:background-color .23s ease,color .23s ease}.nav .glass-pill-group button:after{display:none}.nav .glass-pill-group button[aria-current]{color:var(--glass-cream, #f1e9df);background:#ffffff38;box-shadow:inset 0 1px #ffffff69;opacity:1}.nav.is-page .glass-pill{background:none;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.nav.is-page .glass-pill:before{display:none}.nav.is-page .glass-pill-group button[aria-current]{color:inherit;background:none;box-shadow:none}@media(prefers-reduced-motion:reduce){.nav .glass-pill-group button{transition:none}}@media(max-width:640px){.nav .glass-pill{padding:0 11px;min-height:34px;font-size:12px}.nav__in ul{gap:6px}.nav .glass-pill-group button{padding:4px 8px;min-width:26px}}