/* Optional interactive studio, isolated from the photographic presentation. */
.hero.studio-hero{position:relative;height:650px;min-height:0;background:var(--stage-bg);color:var(--stage-ink);overflow:hidden;isolation:isolate}.studio-scene{position:absolute;inset:0;touch-action:pan-y;cursor:grab;outline-offset:-8px!important}.studio-scene:active{cursor:grabbing}#studio-canvas{position:absolute;inset:0;opacity:0;transition:opacity .7s}#studio-canvas canvas{display:block;width:100%;height:100%}.studio-ready #studio-canvas{opacity:1}.studio-fallback{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:90%;text-align:center;pointer-events:none}.studio-fallback strong{display:block;font:900 clamp(70px,10vw,150px)/1 Ample,Arial;letter-spacing:-6px;color:var(--stage-ink);text-shadow:3px 3px var(--stage-muted),6px 8px var(--stage-muted)}.studio-fallback>span{display:block;font-size:8px;letter-spacing:3px;margin-top:20px}.studio-ready .studio-fallback{display:none}.studio-eyebrow{position:absolute;left:32px;right:32px;top:30px;display:flex;justify-content:space-between;gap:20px;pointer-events:none;font-size:8px;letter-spacing:1.4px;z-index:3}.studio-hint{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);display:flex;align-items:center;gap:11px;font-size:8px;letter-spacing:1.2px;pointer-events:none;color:var(--stage-muted);white-space:nowrap}.studio-hint>span{font-size:19px}.studio-bottom{position:absolute;bottom:25px;left:32px;right:32px;display:flex;align-items:end;justify-content:space-between;pointer-events:none;font-size:8px;letter-spacing:1px;z-index:3}.studio-bottom a{pointer-events:auto}.scroll-invitation{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:7px}.scroll-invitation i{width:14px;height:23px;border:1px solid currentColor;border-radius:12px}.studio-flash{position:absolute;inset:0;background:white;opacity:0;pointer-events:none;z-index:5}.studio-flash.is-flashing{animation:studio-shutter .4s ease-out}@keyframes studio-shutter{0%,100%{opacity:0}15%{opacity:.6}45%{opacity:0}}.studio-controls{padding:20px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line)}.controls-caption{font-size:7px;letter-spacing:1px;color:var(--muted);max-width:210px}.camera-controls{display:flex;align-items:center;justify-content:center;gap:20px}.camera-controls button{font-size:11px;min-height:44px;display:flex;align-items:center;gap:8px}.focus-control{display:flex;align-items:center;gap:8px;font-size:10px}.focus-control input{width:60px;accent-color:var(--accent)}#reset-camera,#toggle-motion{width:35px;justify-content:center;font-size:20px}.record-dot{width:7px;height:7px;border:1px solid currentColor;border-radius:50%}.studio-controls .camera-controls{visibility:visible}.studio-lab:not([open]) .studio-lab-content{display:none}
@media(max-width:760px){.hero.studio-hero{height:540px}.studio-eyebrow{left:20px;right:20px;top:22px;font-size:6px;letter-spacing:.8px}.studio-hint{font-size:6px;bottom:85px}.studio-bottom{left:20px;right:20px;font-size:5px;gap:20px;bottom:20px}.studio-bottom>span{max-width:80px}.studio-bottom>a:last-child{font-size:5px}.scroll-invitation{font-size:5px;text-align:center}.studio-controls{display:block;padding:18px}.controls-caption{display:block;max-width:none;font-size:7px;text-align:center;margin-bottom:10px}.camera-controls{flex-wrap:wrap;gap:6px 18px}.camera-controls button{font-size:10px}.focus-control{font-size:10px}.focus-control input{width:60px}}
/* A complete vector studio keeps the experience available without a GPU. */
.vector-studio{position:absolute;inset:0;display:grid;place-items:center;perspective:1200px;--look-x:0deg;--look-y:0deg}.vector-studio>svg{display:block;width:min(100%,1500px);height:100%;max-height:1000px;overflow:visible;transform:rotateX(var(--look-y)) rotateY(var(--look-x));transition:transform .35s ease-out}.vector-camera,.vector-photo{animation:vector-float 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.vector-photo{animation-delay:-2s;animation-duration:6s}.vector-optics{transition:transform .55s cubic-bezier(.2,.7,.2,1);transform:translate(-12px,8px)}.vector-studio.is-paused *,.vector-studio.is-offscreen *{animation-play-state:paused!important}@keyframes vector-float{50%{translate:0 -12px;rotate:2deg}}@media(max-width:720px){.vector-studio>svg{width:165%;max-width:none;height:100%;margin-left:-32.5%}.vector-light{display:none}.vector-name{font-size:169px}.vector-studio .vector-camera,.vector-studio .vector-photo{animation:none}.studio-hint{font-size:6px}}@media(prefers-reduced-motion:reduce){.vector-studio *{animation:none!important;transition:none!important}}
@media(max-width:720px){.vector-studio>svg{margin-left:0}.vector-camera{translate:100px -45px}}