/* Floating collections: motion and film share one interaction. */
.motion-section{position:relative;overflow:hidden;padding:95px var(--pad) 65px;background:#e6e0f8;scroll-margin-top:0}
.motion-heading{grid-template-columns:1fr 1.65fr 1fr;align-items:end;margin-bottom:40px;gap:25px}
.motion-heading h2{font-size:clamp(64px,7.8vw,124px);letter-spacing:-.065em;line-height:.93;font-weight:400}
.motion-heading h2 em{font-style:normal;color:#7651d8}
.motion-heading .eyebrow{font-size:8px;letter-spacing:.09em}
.motion-intro{font-size:12px;line-height:1.6;justify-self:end}
.motion-reel-link{margin-top:18px;padding:0 0 5px;background:none;border-bottom:1px solid #76648a;color:#2a2039;font-size:11px}
.motion-selection{padding:0 0 10px;border-bottom:1px solid #392b561b}
.motion-filters{gap:30px}.motion-filters button{font-size:13px}.motion-hint{font-size:8px;letter-spacing:.13em;color:#736184}
.motion-orbit{position:relative;height:530px;margin:0 calc(-1 * var(--pad));perspective:1400px;isolation:isolate;touch-action:pan-y;cursor:grab;user-select:none;outline-offset:-5px}
.motion-orbit.is-dragging{cursor:grabbing}
.orbit-aura{position:absolute;left:50%;top:50%;width:65%;height:75%;transform:translate(-50%,-40%);background:radial-gradient(ellipse,#bba0f184,transparent 68%);pointer-events:none}
.orbit-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(100px,20vw,300px);font-weight:600;letter-spacing:-.07em;line-height:1;color:#c5b5e535;white-space:nowrap;pointer-events:none}
.orbit-track{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.orbit-card{position:absolute;left:50%;top:42px;width:280px;height:420px;padding:0;background:transparent;border-radius:30px;transform:translate(-50%,0) translateX(var(--orbit-x)) translateY(var(--orbit-y)) rotateY(var(--orbit-r)) rotateZ(calc(var(--orbit-r) * -.35)) scale(var(--orbit-scale));transition:transform .78s cubic-bezier(.2,.75,.15,1),opacity .65s;pointer-events:auto;will-change:transform;cursor:inherit;outline-offset:8px}
.orbit-glass{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#161020;border:5px solid #ffffffb5;box-shadow:0 28px 46px -18px #36214b55,0 2px 4px #ffffffa6,inset 0 0 0 1px #fff8;transform:translateZ(0)}
.orbit-card.is-active .orbit-glass{box-shadow:0 35px 65px -22px #45257a66,0 0 0 1px #ffffff,0 2px 4px #ffffffa6}
.orbit-wash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(24px) brightness(.5);transform:scale(1.2);pointer-events:none}
.orbit-card video{position:relative;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.orbit-card-label{position:absolute;left:16px;right:16px;bottom:14px;display:flex;justify-content:space-between;color:white;font-size:9px;text-shadow:0 1px 6px #000;pointer-events:none;opacity:.8}
.orbit-card-label span{font-size:17px}
.is-dragging .orbit-card{transition:none}
.orbit-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #392b5620;padding-top:25px}
.orbit-caption{display:grid;grid-template-columns:60px 1fr;gap:8px 20px;align-items:baseline}
.orbit-index{grid-row:1/3;font-size:10px;color:#78668e;font-variant-numeric:tabular-nums}
.orbit-caption h3{font-weight:400;font-size:clamp(18px,2vw,28px);letter-spacing:-.04em}
.orbit-caption p{grid-column:2;font-size:8px;color:#78668e;letter-spacing:.07em}
.orbit-controls{display:flex;gap:8px;align-items:center}
.orbit-controls button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid #57437035;color:#39204e;font-size:18px;transition:background .2s,color .2s}
.orbit-controls button:hover{background:#7651d8;color:white}
.orbit-controls [data-orbit-sound]{width:86px;border-radius:22px;font-size:8px;letter-spacing:.05em}
.orbit-controls [data-orbit-pause]{font-size:13px}
.orbit-dots{display:flex;justify-content:center;margin:25px auto 0;gap:3px}
.orbit-dots button{background:transparent;padding:9px 5px}
.orbit-dots span{display:block;width:5px;height:5px;border-radius:5px;background:#a28eba;transition:width .4s,background .4s}
.orbit-dots [aria-pressed=true] span{width:26px;background:#7651d8}
@media(min-width:1500px){.motion-orbit{height:600px}.orbit-card{width:320px;height:480px}}
@media(max-width:900px){.motion-heading{grid-template-columns:1fr 1fr}.motion-heading>.eyebrow{grid-column:1/-1}.motion-intro{justify-self:end}.orbit-caption{grid-template-columns:45px 1fr;gap:8px 10px}.orbit-controls{gap:5px}}
@media(max-width:700px){
 .motion-section{padding-top:85px;padding-bottom:40px}
 .motion-heading{display:grid;grid-template-columns:1fr;margin-bottom:26px;gap:22px}
 .motion-heading h2{font-size:18vw;margin:0;line-height:.95}
 .motion-intro{display:flex;justify-content:space-between;align-items:end;justify-self:stretch;font-size:11px;gap:15px}
 .motion-reel-link{font-size:9px;margin:0;white-space:nowrap}
 .motion-heading .eyebrow{font-size:7px}
 .motion-filters{gap:20px}.motion-filters button{font-size:12px}.motion-hint{display:none}
 .motion-orbit{height:440px}
 .orbit-card{top:30px;width:64vw;max-width:280px;height:360px;border-radius:25px}
 .orbit-glass{border-width:4px}
 .orbit-footer{display:block;padding-top:20px}
 .orbit-caption{grid-template-columns:45px 1fr;gap:8px 10px}
 .orbit-caption h3{font-size:20px}
 .orbit-caption p{font-size:7px}
 .orbit-controls{justify-content:center;margin-top:25px;gap:12px}
 .orbit-controls button{width:42px;height:42px}
 .orbit-dots{margin-top:15px}
}
@media(max-width:370px){.motion-filters{gap:14px}.motion-filters button{font-size:11px}.motion-orbit{height:390px}.orbit-card{height:315px}.orbit-controls{gap:6px}.motion-intro{font-size:10px}.motion-reel-link{font-size:8px}}
@media(prefers-reduced-motion:reduce){.orbit-card,.orbit-dots span,.orbit-controls button{transition:none}}