/* Scoped opening: removing this module restores the original case section. */
.case-motion{position:relative;isolation:isolate;overflow:hidden;background:#101110;color:#f5f5f0;min-height:580px;height:min(820px,88svh);touch-action:pan-y pinch-zoom;cursor:crosshair}
.motion-covers{position:absolute;inset:0;perspective:1300px}
.motion-card{position:absolute;width:clamp(190px,23vw,370px);max-width:550px;aspect-ratio:16/9;display:block;padding:0;border:0;background:#101110;cursor:pointer;transform-origin:center;box-shadow:0 18px 55px #0008;-webkit-tap-highlight-color:transparent}
.motion-card img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.motion-card:focus-visible{outline:2px solid #fff;outline-offset:6px}
.motion-credit{position:absolute;right:8px;bottom:6px;color:#ffffffb3;font:400 9px/1.3 Arial,sans-serif;text-shadow:0 1px 3px #000;pointer-events:none}
.motion-copy{position:absolute;z-index:20;left:50%;top:23%;transform:translate(-50%,-50%);text-align:center;width:max-content;max-width:80%;pointer-events:none;text-shadow:0 2px 20px #101110,0 0 60px #101110}
.motion-copy .aside-label{display:block;margin-bottom:25px;color:#a0a29d;font-size:11px;letter-spacing:.15em}
.motion-copy h2{font-size:clamp(30px,3.6vw,54px);line-height:1.28;letter-spacing:-.035em;font-weight:400;margin:0}
.motion-copy p{font-size:clamp(12px,1vw,15px);line-height:1.7;margin-top:24px;color:#babdb5}
.motion-footer{position:absolute;z-index:21;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;align-items:end;justify-content:space-between;gap:24px;font-size:12px}
.motion-help{line-height:1.8;color:#9da096;pointer-events:none;min-width:0}
.motion-help .motion-current{display:block;max-width:55vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#d2d5cc;margin-top:7px;font-size:11px}
.motion-touch-help{display:none}
.motion-browse{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;flex:none;padding:10px 17px;border:1px solid #ffffff38;border-radius:999px;background:#ffffff0b;color:#f5f5f0;cursor:pointer;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .2s}
.motion-browse:hover{background:#ffffff1b}
.case-work-section{padding-top:55px}
.chapter-intro.chapter-intro-aigc{display:grid;grid-template-columns:17% minmax(0,1fr);gap:18px;align-items:start;padding-top:35px;padding-bottom:100px}
.chapter-intro-aigc .aside-label{width:auto;margin:0;padding-top:13px}
.aigc-intro-copy{max-width:1100px}
.chapter-intro-aigc .aigc-intro-lead{display:flex;flex-wrap:wrap;gap:0 .2em;font-size:clamp(30px,3.15vw,56px);line-height:1.35;letter-spacing:-.04em;margin:0}
.aigc-intro-lead>span{white-space:nowrap}
.aigc-services{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;padding:0;margin:26px 0 0;font-size:clamp(14px,1.15vw,18px);line-height:1.7;letter-spacing:0;color:var(--muted)}
.aigc-services li{white-space:nowrap}
@media(max-width:700px){
  .case-motion{height:660px;height:min(730px,90svh);min-height:540px}
  .motion-copy{top:25%;max-width:88%;width:88%}
  .motion-copy h2{font-size:28px}
  .motion-copy .aside-label{margin-bottom:22px;font-size:10px}
  .motion-copy p{font-size:12px;margin-top:20px}
  .motion-card{width:62%;max-width:340px}
  .motion-footer{bottom:18px;gap:12px;font-size:10px}
  .motion-help .motion-current{display:none}
  .motion-desktop-help{display:none}.motion-touch-help{display:inline}
  .motion-browse{font-size:11px;gap:10px;padding:9px 12px}
  .case-work-section{padding-top:35px}
  .chapter-intro.chapter-intro-aigc{grid-template-columns:1fr;gap:19px;padding-top:10px;padding-bottom:65px}
  .chapter-intro-aigc .aside-label{padding-top:0}
  .chapter-intro-aigc .aigc-intro-lead{font-size:clamp(27px,6vw,38px);gap:0}
  .aigc-services{gap:8px 19px;margin-top:21px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.case-motion{cursor:auto}.motion-help>span:not(.motion-current){display:none}.motion-browse{transition:none}}
@media print{.case-motion{display:none}}