/* Existing hero footprint; optical artwork sizing within its reserved space. */
.hero-mark--wireframe{width:215px;height:min(77vh,720px);display:grid;place-items:center}
.hero-mark--wireframe img{clip-path:none;width:320px;height:480px;max-width:none;min-height:0;object-fit:contain;object-position:center;mix-blend-mode:lighten}
.hero-mark--wireframe figcaption{position:absolute;bottom:0;white-space:nowrap}
.giraffe-reveal{position:fixed;inset:0;z-index:51;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
.giraffe-flight{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.giraffe-animal{display:block;width:100%;height:100%;overflow:visible}
.giraffe-reveal-active .hero-mark--wireframe img,.giraffe-reveal-active .giraffe-brand-target{opacity:0}
@media(max-width:900px){.hero-mark--wireframe{height:340px}.hero-mark--wireframe img{width:210px;height:315px}}
@media(prefers-reduced-motion:reduce){.giraffe-reveal{display:none}.giraffe-reveal-active .hero-mark--wireframe img,.giraffe-reveal-active .giraffe-brand-target{opacity:1}}

/* Isolated flow/emergence study; production intro is not loaded. */
.flow-stage{position:fixed;inset:0;z-index:51;pointer-events:none;mix-blend-mode:screen}
.flow-active .hero-mark--wireframe img{visibility:hidden}
.flow-replay{position:fixed;right:18px;bottom:18px;z-index:60;border:1px solid #40577b;background:#050709;color:#c4d8ee;padding:10px 14px;font:12px system-ui;cursor:pointer}
.flow-replay:focus-visible{outline:2px solid #74caff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.flow-stage{display:none}.flow-active .hero-mark--wireframe img{visibility:visible}}

/* The material occupies the hero; readable content paints above it. */
.flow-stage{z-index:1}
.hero-grid>div:first-child{position:relative;z-index:2}
.hero-grid>div:first-child h1{position:relative}

/* True alpha compositing: no screen-blended image matte or panel background. */
.flow-stage,.hero-mark--wireframe img{mix-blend-mode:normal;background:transparent}

/* Settled composition retains the approved hero and complete header signature. */
.journey-flight{position:fixed;inset:0;z-index:51;pointer-events:none;background:transparent}
@media(prefers-reduced-motion:reduce){.journey-flight{display:none}}

/* Explicit opt-in only; normal visitors never see development controls. */
.flow-replay[hidden]{display:none!important}