/* Modal reference: layered glyph sculpture. Hoshi surface and wireframe stay intact. */
.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;padding:52px 48px 28px;align-items:center}
.hero-brand-art{background:var(--orange)}.hero:after{background:none}.hero h1{font-size:clamp(42px,4vw,62px)}
.hero-illustrated{margin:0;padding:0;max-width:none;width:100%;min-width:0;text-align:center;color:#30221c}
.sculpture-advisory{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:570px;margin:0 auto;padding:10px 0;border-top:1px solid #30221c55;font-size:16px;text-align:left}.sculpture-advisory span:last-child{font-size:13px;opacity:.8}
.capacity-sculpture{display:block;width:100%;height:auto;max-height:500px;overflow:visible;color:#30221c}
.sculpture-guides{stroke:#30221c40;stroke-width:1;stroke-dasharray:3 6}
.capacity-layer{transition:opacity .4s}.layer-surface{fill:var(--orange)}.layer-texture{color:#30221c;fill:url(#capacity-glyphs)}.layer-capital .layer-texture{opacity:.65}.layer-infrastructure .layer-texture{opacity:.8}.layer-orchestration .layer-texture{opacity:1}
.layer-edge{stroke:#30221c;stroke-width:.7;opacity:.6}.layer-thickness{fill:#30221c12;stroke:#30221c55;stroke-width:.7}.layer-rim{fill:none;stroke:#fff7ed80;stroke-width:1}
.layer-float{animation:layer-assemble 9s ease-in-out infinite;animation-delay:calc(var(--layer)*-.6s)}
.layer-signal{animation:capacity-signal 6s linear infinite;animation-delay:calc(var(--layer)*-1.2s)}
.sculpture-packets{fill:#fff7ed}.sculpture-packets circle{animation:capacity-transfer 4s ease-in-out infinite}.sculpture-packets circle:nth-child(2){animation-delay:-1.4s}.sculpture-packets circle:nth-child(3){animation-delay:-2.8s}
.capacity-layer-controls{display:flex;justify-content:center;gap:0;max-width:570px;margin:-14px auto 0;border-top:1px solid #30221c55;border-bottom:1px solid #30221c55}
.capacity-layer-controls button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 6px;border:0;background:transparent;color:#56321f;font:12px var(--mono);cursor:pointer;transition:background .2s,color .2s}.capacity-layer-controls button+button{border-left:1px solid #30221c40}.capacity-layer-controls button span{font:16px var(--font);color:#30221c}.capacity-layer-controls button:hover{background:#fff7ed20}.capacity-layer-controls button[aria-pressed=true]{background:#30221c;color:#ffb699}.capacity-layer-controls button[aria-pressed=true] span{color:#fff7ed}.capacity-layer-controls button:focus-visible{outline:2px solid #30221c;outline-offset:4px}
.hero-illustrated[data-selected] .capacity-layer{opacity:.18}.hero-illustrated[data-selected=capital] .layer-capital,.hero-illustrated[data-selected=infrastructure] .layer-infrastructure,.hero-illustrated[data-selected=orchestration] .layer-orchestration{opacity:1}.hero-illustrated[data-selected] .layer-float,.hero-illustrated[data-selected] .layer-signal,.hero-illustrated[data-selected] .sculpture-packets circle{animation-play-state:paused}
.hero-illustrated figcaption{font-size:20px;line-height:1.35;margin:22px 0 8px}.hero-art-explanation{font-size:16px;line-height:1.5;min-height:48px;max-width:570px;margin:0 auto}.hero-art-note{display:block;font:11px/1.5 var(--mono);letter-spacing:.06em;color:#582d20;margin-top:12px}
.hero-foot{position:static;grid-column:1/-1;margin-top:12px}
@keyframes layer-assemble{0%,12%,88%,100%{transform:translateY(0)}45%,60%{transform:translateY(calc((1 - var(--layer))*20px))}}
@keyframes capacity-signal{0%{transform:translateX(0);opacity:0}15%,80%{opacity:1}100%{transform:translateX(365px);opacity:0}}
@keyframes capacity-transfer{0%,10%{transform:translateY(0);opacity:0}30%,70%{opacity:1}90%,100%{transform:translateY(165px);opacity:0}}
@media(max-width:1100px){.hero{grid-template-columns:1fr;padding:44px 28px 28px;gap:36px}.hero-content{max-width:800px}.hero-illustrated{max-width:700px;justify-self:center}.hero h1{font-size:clamp(38px,5.5vw,56px)}.hero-foot{margin-top:0}}
@media(max-width:600px){.hero{padding:36px 18px 22px;gap:34px}.hero h1{font-size:38px}.capacity-layer-controls{margin-top:0}.capacity-layer-controls button{flex-direction:column;gap:5px;padding:12px 4px;font-size:11px}.capacity-layer-controls button span{font-size:14px}.sculpture-advisory{font-size:15px}.sculpture-advisory span:last-child{font-size:11px}.hero-illustrated figcaption{font-size:19px}.hero-art-explanation{min-height:72px;font-size:16px}.capacity-sculpture{margin:8px 0}.hero-art-note{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.capacity-sculpture *{animation:none!important}.layer-signal,.sculpture-packets{display:none}}


/* Interactive glyph field: SVG remains the no-script fallback. */
.capacity-field{display:block;width:100%;aspect-ratio:680/520;height:auto;touch-action:pan-y;cursor:crosshair}
.field-ready .capacity-sculpture{display:none}
.field-ready .capacity-layer-controls{margin-top:0}
.hero-illustrated.field-ready{overflow:hidden}
@media(prefers-reduced-motion:reduce){.capacity-field{cursor:default}}

/* Warm Hoshi interpretation of the reference's dark, luminous glyph field. */
.hero{background:#120e0c;color:#fff6e9;border:1px solid #37241a}
.hero .hero-content p{color:#c8bdb5}
.hero .hero-actions .pill{background:#f7652c;color:#fff8ef}
.hero .hero-actions .text-link{color:#f6ede2}
.hero .hero-illustrated{color:#b9a89c}
.hero .hero-foot{color:#b9a89c}
.hero .hero-illustrated figcaption{font-size:15px;color:#b9a89c;margin-top:0}

.hero .hero-brand-art{background:#120e0c}
@media(max-width:600px){.hero .capacity-field{filter:brightness(1.5)}}

.hero .hero-illustrated{position:relative}
.glyph-labels{position:absolute;inset:0;pointer-events:none}
.glyph-label{position:absolute;right:0;width:22%;transform:translateY(-50%);pointer-events:auto;border:0;background:transparent;text-align:left;color:#c9b6a9;padding:8px 0 8px 8px;cursor:pointer;transition:color .2s}
.glyph-label-name{display:block;font:13px var(--font);white-space:nowrap}.glyph-label-name small{font:10px var(--mono);color:#b4754c;margin-right:4px}
.glyph-label-sub{display:block;font:11px var(--font);color:#927e70;margin-top:5px;white-space:nowrap}
.glyph-label[data-active=true],.glyph-label[aria-pressed=true]{color:#fff0d8}.glyph-label[data-active=true] .glyph-label-sub{color:#ffb27b}
.glyph-label:focus-visible{outline:1px solid #ffb27b;outline-offset:3px}
.hero .hero-illustrated figcaption{min-height:40px;max-width:600px;margin-inline:auto}
@media(max-width:600px){.glyph-label{width:23%;padding-left:2px}.glyph-label-name{font-size:9px}.glyph-label-name small{display:none}.glyph-label-sub{font-size:8px;white-space:normal;margin-top:3px}.hero .hero-illustrated figcaption{font-size:13px;min-height:54px}}
@media(max-width:600px){.glyph-label{padding:3px 0 3px 2px}.glyph-label-name{font-size:11px}.glyph-label-sub{font-size:9px}}

.glyph-label[data-flow="true"] .glyph-label-name{color:#fff0d1}.glyph-label[data-flow="true"] .glyph-label-name small{color:#ffad72}