/* Scroll-driven depth, with a normal document-flow fallback. */
.brand-motion-tools{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px}
.brand-motion-hint{font-size:11px;color:#7b7b7b;display:flex;align-items:center;gap:10px}
.brand-motion-hint:before{content:'↓';display:grid;place-items:center;border:1px solid #d0d0d0;border-radius:50%;width:27px;height:27px;font-size:16px}
.brand-motion-toggle{border:1px solid #d1d1d1;border-radius:99px;padding:9px 16px;font-size:11px;background:#fff;cursor:pointer}
.brand-motion-toggle:hover,.brand-motion-toggle:focus-visible{background:#222;color:#fff}
.brand-motion-progress{height:2px;background:#e5e5e5;margin-top:18px;overflow:hidden;border-radius:9px}
.brand-motion-progress span{display:block;height:100%;background:#2c2c2c;transform:scaleX(var(--spread,0));transform-origin:left}
.brand-motion-scene{position:relative;overflow-anchor:none}
.brand-motion-stage{position:relative;isolation:isolate}
.brand-motion-stage:before{content:'SELECTED / BRANDS';position:absolute;inset:40% 0 auto;text-align:center;font-size:clamp(26px,5.3vw,76px);font-weight:800;letter-spacing:-.05em;color:#e2e2e2;z-index:-1;pointer-events:none;opacity:calc(1 - var(--spread,0))}
.brand-motion-scene:not(.is-3d) .brand-motion-stage:before,.brand-motion-scene:not(.is-3d) .brand-motion-progress{display:none}
@media(min-width:1000px) and (min-height:650px){
 .brand-motion-scene.is-3d{height:calc(var(--brand-stage-height,600px) + var(--brand-travel,620px))}
 .is-3d .brand-motion-stage{position:sticky;top:86px;padding:12px 0 18px}.is-settled .brand-motion-stage{padding:12px 0 18px}
 .home-page :is(.is-3d,.is-settled) .brand-selector-grid{position:relative;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;perspective:1300px;perspective-origin:50% 45%;transform-style:flat}
 .is-3d .brand-select-card{transform:translate3d(var(--tx,0px),var(--ty,0px),var(--tz,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotateZ(var(--rz,0deg)) scale(var(--card-scale,1));transition:border-color .2s,box-shadow .2s;backface-visibility:hidden;box-shadow:0 10px 20px #00000014,0 2px 4px #0000000a}
 .is-3d.is-moving .brand-select-card{will-change:transform}
 .is-3d .brand-select-card:hover{border-color:#111;box-shadow:0 12px 32px #00000033}
 :is(.is-3d,.is-settled) .brand-logo-field{height:clamp(52px,10.3vh,92px);padding:9px 12px}
 :is(.is-3d,.is-settled) .logo-window{max-height:calc(10.3vh - 16px);max-width:86%;width:min(86%,var(--logo-width))}
 :is(.is-3d,.is-settled) .brand-selection-meta{min-height:37px;padding:7px 8px}
 :is(.is-3d,.is-settled) .brand-selection-name{font-size:10px}
 :is(.is-3d,.is-settled) .brand-selection-count{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.brand-motion-progress{display:none}.brand-motion-stage:before{display:none}}

/* Neutral archive folder. Both covers share the grid's center and flat paint order. */
.brand-folder-back,.brand-folder-front{display:none;pointer-events:none;user-select:none}
@media(min-width:1000px) and (min-height:650px){
 .is-3d .brand-folder-back,.is-3d .brand-folder-front{display:block;position:absolute;left:50%;top:50%;width:310px;margin:0;opacity:var(--folder-opacity,1);pointer-events:none}
 .is-3d .brand-folder-back{height:205px;transform:translate(-50%,calc(-40% + var(--folder-drop,0px)));border-radius:13px 17px 20px 20px;background:linear-gradient(155deg,#dcdcdc,#c7c7c7);border:1px solid #bdbdbd;z-index:0;box-shadow:0 22px 32px -17px #0004}
 .is-3d .brand-folder-back:before{content:'';position:absolute;left:0;top:-18px;width:116px;height:24px;background:#dcdcdc;border:1px solid #bdbdbd;border-bottom:0;border-radius:11px 19px 0 0;transform:skewX(12deg);transform-origin:bottom left}
 .is-3d .brand-folder-front{height:143px;transform:translate(-50%,calc(-40% + 37px + var(--folder-drop,0px))) perspective(700px) rotateX(calc(var(--folder-open,0)*-16deg));transform-origin:50% 100%;border:1px solid #c8c8c8;border-top:1px solid #ffffffed;border-radius:15px 15px 20px 20px;background:linear-gradient(145deg,#eeeeeedb,#d7d7d7f5);backdrop-filter:blur(12px);box-shadow:inset 0 1px 2px #fff,0 12px 20px -12px #0005;z-index:40;padding:23px 23px 17px;color:#333}
 .is-3d.cards-released .brand-folder-front{z-index:40}
 .brand-folder-kicker{display:block;font-size:8px;letter-spacing:1.8px;font-weight:500;color:#737373}
 .brand-folder-title{display:flex;align-items:center;justify-content:space-between;margin-top:7px;font-size:23px;font-weight:500;letter-spacing:-.9px;line-height:1.3}
 .brand-folder-title>span{font-size:24px;font-weight:400;color:#686868}
 .brand-folder-detail{display:block;margin-top:15px;font-size:7px;letter-spacing:1.1px;color:#7c7c7c}
 .is-3d.is-spread .brand-folder-back,.is-3d.is-spread .brand-folder-front{visibility:hidden}
}
@media(prefers-reduced-motion:reduce){.brand-folder-back,.brand-folder-front{display:none!important}}