/* Two shallow arcs share one stage, with no independent lighting boxes. */
.case-wall-motion{display:block;position:relative;border:0;border-radius:0;background:none;overflow:hidden;isolation:isolate;--arc-card-w:190px;--arc-card-h:250px;--arc-art-h:174px;--arc-row-h:277px;--arc-gap:22px}
.case-wall-motion:after{content:'';position:absolute;inset:0;z-index:40;pointer-events:none;background:linear-gradient(90deg,var(--bg),transparent 5%,transparent 95%,var(--bg))}
.case-arc-row{display:contents}
.case-wall .case-gallery-card{order:var(--case-order,0)}
.case-wall-compact .case-arc-row>.case-gallery-card{display:flex}
.case-wall-compact .case-arc-row>.case-gallery-card[data-compact-hidden]{display:none}
.case-wall-motion .case-arc-row{display:block;position:relative;height:var(--arc-row-h);perspective:1250px;perspective-origin:50% 48%;transform-style:preserve-3d}
.case-wall-motion .case-gallery-card{position:absolute;left:50%;top:10px;width:var(--arc-card-w);height:var(--arc-card-h);border:1px solid #859fcd2a;border-radius:11px;background:#050607;box-shadow:0 10px 24px -16px #000c;overflow:hidden;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform;animation:none!important;transition:border-color .25s;--depth-x:0deg;--depth-y:0deg}
.case-wall-motion .case-gallery-card:before,.case-wall-motion .case-gallery-card:after{display:none}
.case-wall-motion .case-portrait-art,.case-wall-motion .case-type-art{height:var(--arc-art-h);flex:none;transform:none!important;transition:none}
.case-wall-motion .case-caption{height:calc(var(--arc-card-h) - var(--arc-art-h));min-height:0;flex:none;padding:10px 13px 12px;box-sizing:border-box}
.case-wall-motion h3,.case-wall-motion:has(.company-gallery-logo) h3{font-size:13px;line-height:1.4;min-height:18px}
.case-wall-motion .case-sector{font-size:10px;line-height:1.4;margin:3px 0 0}
.case-wall-motion .case-gallery-card[data-arc-hidden]{visibility:hidden;pointer-events:none}
.case-wall .podcast-gallery-card .case-portrait-art>img{top:6%;height:auto;width:211.96%;left:-19.57%;max-width:none;object-fit:initial;mask-image:linear-gradient(#000 72%,transparent 100%)}
.case-wall .podcast-gallery-card .tembase-gallery-badge{bottom:3px;width:63px}
.case-wall .podcast-gallery-card .tembase-gallery-badge img{mask-image:none}
.case-wall .case-gallery-card[data-entered]{animation:none}
.case-wall-footer{gap:12px;flex-wrap:wrap}
.case-motion-toggle{border:1px solid #84a2d630;background:transparent;border-radius:8px;padding:12px 17px;min-height:48px;color:#91a5c7;font:500 12px/1.5 Montserrat,sans-serif}
.case-motion-toggle[hidden]{display:none}
.case-motion-toggle[aria-pressed=true]{color:#98b3e2;border-color:#84a2d670}
.case-motion-toggle:focus-visible,.case-wall-toggle:focus-visible{outline:2px solid #84a2d6;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.case-wall-motion a:hover{border-color:#84a2d670}.case-motion-toggle:hover{color:#98b3e2;border-color:#84a2d670}}
@media(max-width:1100px){.case-wall-motion{--arc-card-w:166px;--arc-card-h:242px;--arc-art-h:166px;--arc-row-h:266px;--arc-gap:18px}}
@media(max-width:700px){.case-wall-motion{--arc-card-w:142px;--arc-card-h:229px;--arc-art-h:153px;--arc-row-h:253px;--arc-gap:15px}.case-wall-motion .case-caption{padding:10px 11px 11px}.case-wall-motion h3,.case-wall-motion:has(.company-gallery-logo) h3{font-size:12px;line-height:1.4;min-height:17px}.case-wall-motion .case-sector{font-size:10px;margin-top:4px}.case-wall-motion .case-backword{font-size:28px}.case-wall-motion .case-type-art{padding:20px 10px 8px;gap:15px}.case-wall-motion .case-type-art>b{font-size:21px}.case-wall-motion .company-gallery-logo{height:76px}.case-wall-motion .company-gallery-logo.logo-sertanejo{width:90px;height:90px}.case-wall-motion .company-gallery-logo.logo-filtr{width:91px;height:91px}.case-wall .podcast-gallery-card .tembase-gallery-badge{width:55px;bottom:3px}.case-motion-toggle{padding:12px 13px;font-size:11px}.case-wall-toggle{font-size:11px;padding:12px 14px;gap:12px}}
@media(max-width:370px){.case-wall-motion{--arc-card-w:133px;--arc-card-h:223px;--arc-art-h:146px;--arc-row-h:248px;--arc-gap:13px}.case-wall-motion .case-caption{padding:9px 10px 10px}.case-wall-motion h3,.case-wall-motion:has(.company-gallery-logo) h3{font-size:11px}.case-wall-motion .case-sector{font-size:10px}.case-wall-motion .case-type-art>b{font-size:20px}.case-wall-motion .company-gallery-logo.logo-filtr{width:86px;height:86px}.case-wall-motion .company-gallery-logo.logo-sertanejo{width:86px;height:86px}.case-wall .podcast-gallery-card .tembase-gallery-badge{width:52px}.case-wall-footer{gap:8px}}
@media(prefers-reduced-motion:reduce){.case-motion-toggle{display:none}.case-wall .case-portrait-art,.case-wall .case-type-art{transition:none}}
@media print{.case-wall{display:grid!important}.case-arc-row{display:contents!important}.case-wall .case-gallery-card{position:relative!important;left:auto!important;top:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;display:flex!important}.case-wall:after,.case-wall-footer{display:none!important}}

/* OS reduced-motion uses the same two rows as scrollable rails, never a full grid. */
.case-wall-reduced{display:block;background:none;border:0;overflow:visible}
.case-wall-reduced .case-arc-row{display:flex;gap:16px;overflow-x:auto;padding:8px 2px 18px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#768fb944 transparent}
.case-wall-reduced .case-gallery-card{position:relative;left:auto;top:auto;width:190px;min-width:190px;height:250px;flex:none;scroll-snap-align:center;animation:none!important;transform:none!important;opacity:1!important}
.case-wall-reduced .case-portrait-art,.case-wall-reduced .case-type-art{height:174px;flex:none}
.case-wall-reduced .case-caption{padding:10px 13px;min-height:76px;box-sizing:border-box}
.case-wall-reduced h3{font-size:13px;line-height:1.4}
.case-wall .treyce-gallery-card .case-portrait-art>img{width:93%;height:100%;left:3.5%;bottom:0;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(#000 83%,transparent 100%)}
@media(max-width:700px){.case-wall-reduced .case-gallery-card{width:142px;min-width:142px;height:229px}.case-wall-reduced .case-portrait-art,.case-wall-reduced .case-type-art{height:153px}.case-wall-reduced h3{font-size:12px}.case-wall-reduced .case-sector{font-size:10px}}
