.hero-art.interactive-studio{height:620px;margin-right:-16px;background:radial-gradient(ellipse at 50% 40%,#12314b66,transparent 62%);isolation:isolate}.interactive-studio:before,.interactive-studio:after{display:none}.interactive-studio canvas{inset:28px 0 auto;height:450px;width:100%;cursor:grab;touch-action:pan-y}.interactive-studio canvas:active{cursor:grabbing}.studio-overline{position:absolute;top:9px;left:24px;right:24px;display:flex;justify-content:space-between;z-index:2;color:#7f9db0;font:9px monospace;letter-spacing:1.5px;pointer-events:none}.studio-overline span:last-child{color:#78d8fc}.studio-instructions{position:absolute;left:24px;right:24px;bottom:135px;margin:0;color:#9eb2c2;font-size:10px;letter-spacing:.3px;text-align:center;pointer-events:none}.studio-controls{position:absolute;bottom:25px;left:24px;right:24px;z-index:3;border-top:1px solid #35506780;padding-top:16px}.studio-control-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.studio-control-row button{cursor:pointer;border:1px solid #37526b;background:#0a1624bb;color:#c9dce9;padding:9px 11px;border-radius:3px;font-size:10px;transition:background .2s,border-color .2s}.studio-control-row button:hover,.studio-control-row button[aria-pressed=true]{border-color:#42c8ff;background:#15394b;color:#8ce2ff}.studio-control-row .studio-reset{margin-left:auto;color:#7e9db2;border-color:transparent}.studio-slider{display:grid;grid-template-columns:auto 1fr 30px;align-items:center;gap:14px;margin-top:15px;font-size:10px;color:#9db5c5}.studio-slider output{font:10px monospace;color:#70d5ff;text-align:right}.studio-slider input{width:100%;accent-color:#42c8ff;cursor:ew-resize;margin:0}.studio-model-note{position:absolute;bottom:3px;left:24px;right:24px;font-size:8px;color:#65859d;text-align:center;letter-spacing:.5px}.studio-fallback{display:none;position:absolute;inset:70px 40px 140px;color:#b7d5e8;text-align:center;align-items:center;justify-content:center;line-height:1.8}.studio-unavailable .studio-fallback{display:flex}.studio-unavailable canvas,.studio-unavailable .studio-controls,.studio-unavailable .studio-instructions{display:none}.hero-scroll{position:relative}@media(min-width:901px){.hero-scroll{height:185svh}.hero-scroll>.hero{position:sticky;top:84px;height:calc(100svh - 84px);min-height:660px;padding-top:24px;padding-bottom:24px;overflow:visible}.hero-scroll .hero-art{max-height:calc(100svh - 132px)}}@media(max-width:900px){.hero-art.interactive-studio{height:550px;margin-right:0}.interactive-studio canvas{height:330px}.studio-controls{left:10px;right:10px;bottom:25px}.studio-overline{left:10px;right:10px}.studio-instructions{left:10px;right:10px;bottom:175px}.studio-control-row button{font-size:9px;padding:9px 8px}.studio-control-row .studio-reset{margin-left:0}.studio-model-note{left:5px;right:5px}.hero-scroll>.hero{padding-bottom:0}}@media(max-width:620px){.hero-art.interactive-studio{height:550px;margin-top:18px}.interactive-studio canvas{height:330px}.studio-slider{gap:10px}.studio-instructions{font-size:9px}}@media(prefers-reduced-motion:reduce){.hero-scroll{height:auto}.hero-scroll>.hero{position:relative;top:auto}.motion-reveal{transform:none!important;transition:none!important}}

@media(max-width:620px){.studio-control-row{display:grid;grid-template-columns:1fr 1fr}.studio-control-row button{min-height:31px}.studio-control-row .studio-reset{margin:0}}

.studio-loading{position:absolute;top:40%;left:0;right:0;text-align:center;color:#8dabbf;font-size:12px;letter-spacing:.7px}.is-ready .studio-loading,.studio-unavailable .studio-loading{display:none}
@media(min-width:901px){.interactive-studio canvas{height:430px}}