/* Shared 3D presentation for podcast branding and prior agency brands. */
.orbit-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.orbit-hint{font-size:14px;color:var(--soft);white-space:nowrap;visibility:hidden}
:where(.artwork-section,.agency-section):has(.artwork-orbit[data-mode="3d"]) .orbit-hint{visibility:visible}
.orbit-touch-hint{display:none}
.artwork-orbit{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:24px;padding:36px var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:thin;scrollbar-color:#9f77ae #211b27}
.artwork-orbit:focus-visible{outline:2px solid var(--accent);outline-offset:-6px;border-radius:28px}
.orbit-space,.orbit-axis,.orbit-ring{display:contents}
.orbit-card{flex:0 0 clamp(240px,30vw,360px);scroll-snap-align:center;min-width:0;margin:0}
.orbit-cover{display:block;position:relative;padding:0;border:0;border-radius:22px;background:#19171d;color:inherit;width:100%;aspect-ratio:1;overflow:hidden;cursor:grab;box-shadow:0 18px 40px #06050b66}
.orbit-cover img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}
.orbit-cover:focus-visible{outline:3px solid #f0d1f6;outline-offset:5px}
.orbit-cover:active{opacity:1}
.orbit-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin:12px auto 0}
.orbit-controls[hidden]{display:none}
.orbit-controls button{display:grid;place-items:center;min-height:46px;min-width:60px;padding:10px 22px;border:1px solid #71557e;border-radius:100px;background:transparent;color:#eee1f3;font-size:14px;transition:background 160ms ease-out,transform 160ms ease-out}
.orbit-controls button:hover:not(:disabled){background:#302438}.orbit-controls button:active{transform:scale(.97)}
.orbit-controls button:disabled{opacity:.35;cursor:not-allowed}
.orbit-controls button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.artwork-orbit[data-mode="3d"]{display:block;height:clamp(380px,39vw,550px);overflow:hidden;padding:0;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;scrollbar-width:none}
.artwork-orbit[data-mode="3d"] .orbit-space{display:block;position:absolute;inset:0;perspective:1500px;perspective-origin:50% 43%;pointer-events:none}
.artwork-orbit[data-mode="3d"] .orbit-axis{display:block;position:absolute;left:50%;top:30%;width:0;height:0;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--orbit-radius))) rotateX(var(--orbit-pitch,-8deg)) rotateY(var(--orbit-yaw,0deg))}
.artwork-orbit[data-mode="3d"] .orbit-ring{display:block;width:0;height:0;transform-style:preserve-3d;transform:rotateY(var(--orbit-rotation,0deg))}
.artwork-orbit[data-mode="3d"] .orbit-card{position:absolute;left:calc(-.5 * var(--cover-size));top:calc(-.5 * var(--cover-size));width:var(--cover-size);height:var(--cover-size);transform-style:preserve-3d;transform:rotateY(calc(var(--slot) * var(--orbit-step))) translateZ(var(--orbit-radius));opacity:var(--cover-opacity,1);pointer-events:var(--cover-pointer,auto);backface-visibility:visible}
.artwork-orbit[data-mode="3d"] .orbit-cover{height:100%;backface-visibility:visible;box-shadow:0 20px 38px #06050b55}
.artwork-orbit[data-dragging="true"],.artwork-orbit[data-dragging="true"] .orbit-cover{cursor:grabbing}
@media(hover:hover) and (pointer:fine){.orbit-cover:hover{box-shadow:0 24px 42px #03020888}}
@media(max-width:700px){.orbit-mouse-hint{display:none}.orbit-touch-hint{display:inline}.artwork-orbit[data-mode="3d"]{height:430px}.artwork-orbit[data-mode="3d"] .orbit-space{perspective:1100px}.orbit-card{flex-basis:78vw}.orbit-cover{border-radius:18px}.orbit-controls{margin-top:0}}
@media(prefers-reduced-motion:reduce){.orbit-controls button{transition:none}.orbit-hint{display:none}.orbit-cover{cursor:default}}
