.hero.hero--interactive{background:#000;color:#fff;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center;min-height:100svh;padding:110px max(24px,calc((100vw - 1280px)/2)) 50px}
.hero--interactive .hero-content{display:block;width:auto;padding:0;margin:0;min-width:0}
.hero--interactive h1{font-size:clamp(3rem,5.8vw,6rem);line-height:.95;letter-spacing:-.065em;overflow-wrap:normal}
.hero--interactive h1 span{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.6;letter-spacing:-.02em;margin-top:26px;max-width:35ch;color:#c8c8c8}
.hero--interactive .hero-meta{max-width:290px;margin-top:40px;border-color:#444}
.acrylic-viewer{min-width:0}
.acrylic-stage{position:relative;height:clamp(370px,60svh,640px);background:#f1f1f4;border-radius:28px;overflow:hidden;touch-action:pan-y}
.acrylic-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y!important}
.acrylic-stage canvas:focus-visible{outline:3px solid #3359dd;outline-offset:-5px;border-radius:28px}
.acrylic-fallback{display:block;width:100%;height:100%;object-fit:cover}
.acrylic-stage.is-ready .acrylic-fallback{opacity:0;visibility:hidden}
.acrylic-status{font-size:11px;color:#aaa;letter-spacing:.025em;margin:16px 0;text-align:center}
.acrylic-controls,.acrylic-modes,.acrylic-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.acrylic-controls{gap:14px}.acrylic-controls[hidden]{display:none}
.acrylic-controls button{font:600 11px Inter,Arial,sans-serif;background:#000;color:#fff;border:1px solid #555;border-radius:100px;padding:11px 15px;cursor:pointer}
.acrylic-modes button[aria-pressed=true]{background:#fff;color:#000;border-color:#fff}
.acrylic-controls button:hover{border-color:#55c7d0}.acrylic-controls button:focus-visible{outline:2px solid #55c7d0;outline-offset:3px}
@media(max-width:750px){.hero.hero--interactive{grid-template-columns:1fr;gap:30px;padding:95px 20px 34px;min-height:auto}.hero--interactive h1{font-size:clamp(3rem,12vw,5rem);max-width:11ch}.hero--interactive .hero-meta{display:none}.hero--interactive h1 span{font-size:1rem;max-width:36ch;margin-top:20px}.acrylic-stage{height:clamp(340px,53svh,490px)}.acrylic-controls{gap:10px}.acrylic-controls button{padding:10px 13px}}