.entity-sequence{position:relative;background:var(--sbi-gray-3);color:var(--sbi-ink)}
.entity-sequence[data-home-guided]{touch-action:pan-x pinch-zoom}
.entity-intro{height:300svh;min-height:2040px;position:relative;z-index:1}
.entity-stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:clip;isolation:isolate}
.symbol-track{position:absolute;inset:0;z-index:3;pointer-events:none}
.symbol-viewport{position:sticky;top:0;height:100svh;min-height:680px;overflow:clip}
.symbol-narrative{position:absolute;inset:0;z-index:1;pointer-events:none;color:var(--sbi-ink)}
.symbol-narrative a{pointer-events:auto}
.entity-curtain,.entity-hero-content,.entity-underlay,.entity-pattern-clip,.entity-pattern{position:absolute;inset:0;width:100%;height:100%}
.entity-underlay{z-index:0;background:radial-gradient(ellipse at 50% 0%,var(--sbi-gray-2) 0%,var(--sbi-gray-3) 49%,var(--sbi-gray-4) 100%);color:var(--sbi-ink)}
.entity-curtain{z-index:1;background:var(--hero-bg);will-change:transform}
.entity-pattern-clip{z-index:2;pointer-events:none;color:var(--hero-ink)}
.entity-pattern{clip-path:inset(33% 0 27% 0);overflow:hidden}
.module-solid{fill:currentColor}.module-outline{fill:none;stroke:currentColor;stroke-width:1.3}
.module-bridge{fill:none;stroke:currentColor;stroke-width:1;opacity:.32}
.entity-pattern[data-computing=true] .module-solid{transition:opacity 800ms var(--ease-out,cubic-bezier(.23,1,.32,1))}
.entity-pattern[data-computing=true] .module-solid[data-reacting]{transition-duration:200ms}
.entity-hero-content{z-index:3;color:var(--hero-ink);pointer-events:none;will-change:transform}
.entity-hero-content a,.entity-hero-content button{pointer-events:auto}
.symbol-scene{position:absolute;inset:0;pointer-events:none}
.symbol-scene canvas{display:block;width:100%;height:100%}
.symbol-fallback{position:absolute;top:0;left:0;stroke:none;overflow:visible}
.symbol-scene .symbol-fallback{visibility:visible}
.symbol-index{position:absolute;top:calc(var(--menu-top) + var(--menu-height) + 40px);left:var(--menu-left);width:72%;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;font:600 clamp(11px,.95vw,16px)/1.4 ui-monospace,monospace;letter-spacing:.025em;text-transform:uppercase}
.symbol-index>span{white-space:nowrap}
.symbol-about{position:absolute;inset:55% var(--menu-left) auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.symbol-about-label{position:absolute;left:0;top:0;font:600 12px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em}
.symbol-about-body{grid-column:2;padding-right:3vw}
.symbol-about h2{font-size:clamp(32px,3.45vw,64px);line-height:1.05;letter-spacing:-.04em;font-weight:450;text-wrap:initial;text-indent:18%}
.about-word{display:inline-block;text-indent:0}
.symbol-index{width:calc((100% - var(--menu-left) * 2) * .72);gap:24px;top:calc(var(--menu-top) + 116px)}
.symbol-about-label{top:-36px}
@media(min-width:901px){.entity-meta .entity-meta-items{gap:24px}}
.symbol-about p{font-size:clamp(13px,1vw,17px);line-height:1.5;max-width:54ch;margin-top:20px}
.symbol-about .text-link{margin-top:30px}
@media(hover:hover) and (pointer:fine){}
.entity-top{position:absolute;top:var(--menu-top);left:44%;right:var(--menu-left);display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,29%);gap:clamp(30px,5vw,90px);align-items:start}
.entity-top h1{font-size:clamp(20px,1.82vw,34px);font-weight:500;line-height:1.08;letter-spacing:-.035em;text-transform:uppercase;margin:0;white-space:nowrap}
.entity-top h1>span{display:block;width:max-content}.entity-top h1>span:first-child{margin-left:clamp(25px,3.2vw,65px)}
.entity-top .studio-contact{margin-top:0}
.entity-meta{position:absolute;top:28%;left:var(--menu-left);right:var(--menu-left);display:flex;justify-content:space-between;align-items:center;min-height:44px;border-bottom:1px solid currentColor;font-family:ui-monospace,monospace;font-size:clamp(12px,.95vw,16px);font-weight:600;letter-spacing:.045em;line-height:1.2}
.entity-meta-items{display:grid;grid-template-columns:repeat(4,1fr);align-items:start;width:72%;gap:24px}
.entity-equation{white-space:nowrap}.entity-equation>span{font-family:Onest,sans-serif;font-size:17px;padding:0 4px;line-height:.8}
.entity-signal-toggle{width:44px;height:44px;flex:none}
.entity-signal-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}
.signal-play,.entity-signal-toggle[aria-pressed=true] .signal-pause{display:none}.entity-signal-toggle[aria-pressed=true] .signal-play{display:block}
.entity-wordmark-row{position:absolute;bottom:var(--menu-top);left:var(--menu-left);right:var(--menu-left);display:flex;align-items:baseline;justify-content:space-between;gap:30px}
.entity-wordmark{font-size:clamp(100px,12.2vw,235px);font-weight:450;line-height:1.1;letter-spacing:-.04em;white-space:nowrap;margin:0}.entity-wordmark>span:first-child{font-weight:550}
.entity-discover{width:24%}
.entity-discover svg{align-self:baseline;flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3}
.palette-tools{position:absolute;top:calc(var(--menu-top) + 70px);right:var(--menu-left);bottom:auto;max-width:calc(100% - var(--menu-left) * 2)}
@keyframes explore-arrow{0%,100%{opacity:1}50%{opacity:.18}}
@media(hover:hover) and (pointer:fine){.entity-discover:hover .scramble-label{text-decoration:underline;text-underline-offset:5px}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.entity-discover:hover svg{animation:explore-arrow 800ms ease-in-out infinite}}
@media(max-width:1100px){.entity-top{left:43%;grid-template-columns:1fr;gap:22px}.entity-top .studio-contact{justify-self:end}.entity-top h1{font-size:clamp(20px,2.6vw,29px)}.entity-meta{top:30%}.entity-meta-items{gap:5vw}.entity-pattern{clip-path:inset(36% 0 28% 0)}.palette-tools{top:calc(var(--menu-top) + 150px)}}
@media(max-width:900px){
 .entity-intro{height:300svh;min-height:2160px}.entity-stage,.symbol-viewport{height:100svh;min-height:720px}
 .entity-top{top:200px;left:var(--menu-left);right:var(--menu-left);display:flex;flex-direction:column;align-items:stretch;gap:18px}
 .entity-top h1{font-size:clamp(20px,5.5vw,30px)}.entity-top h1>span:first-child{margin-left:8vw}.entity-top .studio-contact{align-self:flex-end}
 .entity-meta{top:max(350px,42%);font-size:11px}.entity-meta-items{display:flex;justify-content:space-between;flex:1;width:auto;gap:8px}.entity-meta-items>span:first-child{display:none}.entity-equation>span{font-size:13px;padding:0}.entity-signal-toggle{margin-left:8px}
 .entity-pattern{clip-path:inset(42% 0 25% 0)}
 .entity-wordmark-row{bottom:var(--menu-top);align-items:baseline;flex-direction:row;gap:16px}.entity-wordmark{font-size:clamp(38px,10vw,110px)}.entity-discover{max-width:none;width:26%;min-width:88px}.entity-discover svg{width:18px;height:18px}
 .symbol-index{top:calc(var(--menu-top) + var(--menu-height) + 22px);width:auto;right:var(--menu-left);grid-template-columns:1.4fr 1fr;gap:10px;font-size:10px}
 .symbol-index>span:first-child,.symbol-index>span:last-child{display:none}
 .symbol-index>span{justify-self:end}
 .symbol-about{top:56%;display:block}
 .symbol-about-label{position:static;display:block;font-size:10px;margin-bottom:12px}
 .symbol-about-body{padding:0}
 .symbol-about h2{font-size:clamp(25px,5.8vw,40px);max-width:26ch;text-wrap:initial;text-indent:12%}
 .symbol-about p{font-size:13px;line-height:1.5;margin-top:14px;max-width:60ch}
 .symbol-about .text-link{margin-top:8px}
 .palette-tools{top:calc(var(--menu-top) + var(--menu-height) + 12px);right:var(--menu-left);bottom:auto}.palette-tools summary{font-size:10px;padding:6px 10px;min-height:34px}
}
@media(prefers-reduced-motion:reduce){
 .entity-sequence{height:auto;min-height:0}.entity-intro{height:auto;min-height:0}.entity-stage{position:relative;height:auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}
 .symbol-track{top:max(100svh,720px);bottom:auto;height:max(100svh,720px)}.symbol-viewport{position:relative;height:100%;min-height:0}
 .entity-curtain,.entity-pattern-clip{height:max(100svh,720px);will-change:auto}.entity-hero-content{position:relative;height:max(100svh,720px);will-change:auto;order:0}
 .entity-underlay{position:relative;height:max(100svh,720px);order:1}.entity-pattern rect{transition:none}
 .entity-signal-toggle{visibility:hidden}
}
@media(max-width:900px) and (min-height:500px) and (max-height:740px) and (prefers-reduced-motion:no-preference){
 .entity-intro{height:300svh;min-height:0}
 .entity-stage,.symbol-viewport{height:100svh;min-height:0}
 .entity-top{top:calc(var(--menu-top) + var(--menu-height) + 35px)}
 .entity-top h1{font-size:20px}
 .entity-meta{top:max(280px,48%)}
}
/* Short landscape screens get two readable panels in normal document flow. */
@media(max-width:900px) and (max-height:499px) and (prefers-reduced-motion:no-preference){
 .entity-intro{height:auto;min-height:0}
 .entity-stage{position:relative;height:auto;min-height:0;display:flex;flex-direction:column}
 .entity-hero-content{position:relative;height:600px;order:0;will-change:auto}
 .entity-curtain,.entity-pattern-clip{height:600px;will-change:auto}
 .entity-underlay{position:relative;height:600px;order:1}
 .symbol-track{top:600px;bottom:auto;height:600px}
 .symbol-viewport{position:relative;height:100%;min-height:0}
}