/* The official mark becomes a freestanding sculpture; the original artwork is untouched. */
.hero{isolation:isolate;background:radial-gradient(ellipse at 81% 42%,#062139 0,#020b13 23%,transparent 54%)}
.hero::before{display:none}
.hero-inner{grid-template-columns:1.1fr 1fr;gap:26px;padding-block:44px 54px}
.hero-art.hero-art-3d{display:block;min-height:500px;isolation:isolate}
.hero-art-3d::before{display:none}
.scene-stage{position:relative;width:100%;height:455px;isolation:isolate}
.scene-aura{position:absolute;inset:5% -10% 0;background:radial-gradient(ellipse at 56% 47%,#0878b526 0,#07579410 36%,transparent 66%);pointer-events:none}
.scene-horizon{position:absolute;left:0;right:0;bottom:19%;height:1px;background:linear-gradient(90deg,transparent,#264e6a66 30%,#84c8ec55 60%,transparent);transform:rotate(-9deg);filter:blur(.4px)}
.scene-horizon::after{content:"";position:absolute;left:10%;right:0;top:3px;height:38px;background:linear-gradient(180deg,#1f92c90e,transparent);filter:blur(8px)}
.sculpture-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease}
.scene-ready .sculpture-canvas{opacity:1}
.scene-fallback{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .5s ease}
.hero-art-3d .hero-logo{width:280px;max-width:62%;height:auto;transform:rotate(-8deg);filter:drop-shadow(15px 24px 12px #0009) drop-shadow(0 0 50px #0681be28)}
.scene-ready .scene-fallback{opacity:0;pointer-events:none}
.sculpture-wordmark{position:absolute;width:108px;height:auto;left:50%;bottom:15px;transform:translateX(-50%);opacity:.68}
.scene-caption{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:17px;flex-wrap:wrap}
.scene-caption .art-label{position:static;inset:auto;font-size:9px;letter-spacing:.1em;color:#7993aa}
.scene-caption .art-label b{color:#b0cfdf;font-weight:400}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #1c3040;border-radius:999px;background:#030b12;color:#91a8bc;font:10px/1.3 var(--body),sans-serif;cursor:pointer}
.motion-toggle:hover{border-color:#3b779f;color:#e9eef5}.motion-toggle:focus-visible{outline:2px solid #60ceff;outline-offset:4px}.motion-toggle:disabled{cursor:default;opacity:.7}
.motion-dot{width:5px;height:5px;border-radius:50%;background:#64c4f9}.motion-toggle[aria-pressed=false] .motion-dot{background:#718597}
.motion-paused .card{transform:none}
.grid{perspective:1800px}
.card{position:relative;transform:perspective(1100px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg));transition:transform .35s ease-out,border-color .25s,box-shadow .25s;isolation:isolate}
.card::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(430px circle at var(--light-x,50%) var(--light-y,0%),#a4e5ff0d,transparent 63%);opacity:0;transition:opacity .3s}
.card:hover::after{opacity:1}
@media(max-width:1100px) and (min-width:901px){.hero-inner{grid-template-columns:1.1fr 1fr;gap:8px}.scene-stage{height:410px}.hero-art.hero-art-3d{min-height:465px}}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:8px;padding-block:52px 35px}.hero-art.hero-art-3d{min-height:410px;width:100%;max-width:550px;margin:0 auto}.scene-stage{height:370px}.scene-caption{margin-top:4px}.hero{background:radial-gradient(ellipse at 50% 74%,#062139 0,transparent 48%)}}
@media(max-width:640px){.hero-inner{gap:10px;padding-top:42px;padding-bottom:28px}.hero-art.hero-art-3d{min-height:330px;max-width:430px}.scene-stage{height:300px}.hero-art-3d .hero-logo{width:220px}.sculpture-wordmark{width:86px;bottom:9px}.scene-caption{gap:10px;margin-top:7px}.scene-caption .art-label{font-size:8px}.motion-toggle{font-size:9px;min-height:34px}}
@media(max-width:350px){.scene-stage{height:265px}.hero-art.hero-art-3d{min-height:305px}.scene-caption{gap:6px}}
@media(prefers-reduced-motion:reduce){.card{transform:none!important}.scene-fallback,.sculpture-canvas{transition:none!important}}