@layer properties,theme,base,components,utilities;.header-3d{width:100vw;max-width:none;position:relative;left:50%;translate:-50%}.header-3d img{width:100%;height:auto;display:block}.header-3d canvas{opacity:0;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.header-3d canvas.is-visible{opacity:1}.header-3d-controls{gap:.375rem;display:flex;position:absolute;bottom:13%;left:clamp(.5rem,1.5vw,1.5rem)}.header-3d-controls[hidden]{display:none}.header-3d-button{color:#000000a6;backdrop-filter:blur(4px);cursor:pointer;background:#fff9;border:0;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;padding:0;transition:color .2s,background-color .2s;display:grid}.header-3d-button:hover,.header-3d-button:focus-visible{color:#000;background:#ffffffe6}.header-3d-button:focus-visible{outline-offset:2px;outline:2px solid #000}.header-3d-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:60%;height:60%}.header-3d-icon-play{fill:currentColor}[aria-pressed=true] .header-3d-icon-pause,[aria-pressed=false] .header-3d-icon-play{display:none}@media (width>=48rem){.header-3d-button{width:2rem;height:2rem}}