/* Dedicated full-bleed motion compositions; original templates remain untouched. */
.cinema-scene{height:270vh;position:relative;background:#191515;color:#fff}.cinema-stage{height:calc(100svh - 80px);min-height:620px;position:sticky;top:80px;overflow:hidden;isolation:isolate}.cinema-picture,.cinema-shade{position:absolute;inset:0}.cinema-picture{overflow:hidden;background:#211716}.cinema-still,.cinema-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinema-canvas{opacity:0;transition:opacity .5s}.cinema-canvas.ready{opacity:1}.cinema-shade{background:linear-gradient(90deg,rgba(12,10,9,.78),rgba(12,10,9,.32) 48%,rgba(12,10,9,.04) 76%),linear-gradient(0deg,rgba(12,10,9,.83),transparent 33%);pointer-events:none}.cinema-copy{position:absolute;left:max(64px,calc((100vw - 1280px)/2));top:22%;max-width:660px;z-index:2;opacity:calc(1 - var(--exit,0));transform:translateY(calc(var(--exit,0)*-40px))}.cinema-copy h1{font-size:clamp(54px,6.3vw,100px);line-height:1.02;letter-spacing:-.04em;margin:24px 0}.cinema-copy>p:not(.eyebrow){font-size:18px;max-width:420px;line-height:1.65}.cinema-actions{display:flex;align-items:center;gap:26px;margin-top:32px;flex-wrap:wrap}.cinema-actions .text-action{border-color:#ffffff70}.cinema-end{position:absolute;inset:26% 64px auto auto;text-align:right;opacity:var(--arrival,0);transform:translateY(calc(25px - var(--arrival,0)*25px));pointer-events:none}.cinema-end h2{font-size:clamp(60px,7vw,110px);margin-top:24px;text-shadow:0 2px 30px #0008}.cinema-controls{position:absolute;bottom:32px;left:64px;right:64px;display:flex;align-items:end;gap:40px;justify-content:space-between;z-index:4}.cinema-progress{width:240px}.cinema-chapter{font-size:14px;letter-spacing:.04em}.progress-track{height:2px;background:#ffffff40;margin-top:16px}.progress-track i{display:block;width:calc(var(--travel,0)*100%);height:100%;background:#e2a583}.cinema-tools{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.cinema-tools button,.cinema-tools a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid #ffffff60}.cinema-tools label{font-size:14px;display:flex;align-items:center;gap:12px}.cinema-tools input{width:90px;min-height:44px;accent-color:#e2a583}.cinema-tools output{min-width:34px;font-size:12px}.cinema-position{position:absolute;right:34px;top:30px;font-size:12px;letter-spacing:.18em;writing-mode:vertical-rl}.motion-intro{display:grid;grid-template-columns:1fr 1fr;gap:24px 80px;align-items:center}.motion-intro>.eyebrow{grid-column:1/-1}.motion-intro h2{font-size:clamp(42px,5vw,76px);grid-row:2/4}.motion-intro>p:not(.eyebrow){font-size:18px;max-width:420px}.motion-intro .text-action{justify-self:start}.cinema-sway .cinema-shade{background:linear-gradient(90deg,#230d20e8,#230d2090 42%,#230d2000 72%),linear-gradient(0deg,#230d20ee,transparent 33%)}.cinema-sway .cinema-copy{max-width:620px}.cinema-sway .cinema-end{left:64px;right:auto;text-align:left}.cinema-sway .progress-track i{background:#e5bac9}.theme-pass .studio-section{background:#252820}.theme-pass .motion-intro{background:#e9e0cc;color:#262921}.theme-pass .motion-intro .eyebrow{color:#843b24}.cinema-tools button:focus-visible,.cinema-tools a:focus-visible,.cinema-tools input:focus-visible{outline-color:#fff}.motion-intro~.section .work-item{transition:transform .6s}.cinema-static{height:auto}.cinema-static .cinema-stage{position:relative}.cinema-static .cinema-copy{opacity:1;transform:none}.cinema-static .cinema-end{display:none}.cinema-static .cinema-progress{display:none}
@media(max-width:900px){.cinema-stage{min-height:760px}.cinema-copy{left:32px;top:19%;max-width:560px}.cinema-copy h1{font-size:68px}.cinema-controls{left:32px;right:32px;align-items:start;flex-direction:column;gap:20px}.cinema-end,.cinema-sway .cinema-end{left:32px;right:32px;text-align:left}.cinema-end h2{font-size:70px}.cinema-position{right:20px}.motion-intro{gap:24px 32px}}
@media(max-width:560px){.cinema-scene{height:200svh}.cinema-stage{height:calc(100svh - 80px);min-height:720px}.cinema-copy{left:20px;right:20px;top:12%;max-width:350px}.cinema-copy h1{font-size:50px;line-height:1.03}.cinema-copy>p:not(.eyebrow){font-size:16px;max-width:290px}.cinema-copy .eyebrow{font-size:12px;max-width:240px}.cinema-shade{background:linear-gradient(90deg,#15100cdc,#15100c70),linear-gradient(0deg,#15100cee,transparent 50%)}.cinema-sway .cinema-shade{background:linear-gradient(90deg,#230d20e8,#230d2065),linear-gradient(0deg,#230d20ee,transparent 40%)}.cinema-actions{gap:14px;margin-top:24px}.cinema-controls{left:20px;right:20px;bottom:24px;gap:16px}.cinema-progress{width:100%}.cinema-tools{gap:8px 20px}.cinema-tools label{width:100%}.cinema-tools input{width:130px}.cinema-end,.cinema-sway .cinema-end{left:20px;right:20px;top:23%}.cinema-end h2{font-size:64px}.cinema-position{display:none}.motion-intro{grid-template-columns:1fr;padding:72px 20px}.motion-intro h2{grid-row:auto;font-size:44px}.motion-intro>p:not(.eyebrow){font-size:16px}.cinema-static{height:auto}}
@media(prefers-reduced-motion:reduce){.cinema-scene{height:auto}.cinema-stage{position:relative}.cinema-canvas{display:none}.cinema-copy{opacity:1;transform:none}.cinema-end,.cinema-progress{display:none}.cinema-tools .tour-play,.cinema-tools label{display:none}}
@media(min-width:901px){.cinema-sway .cinema-copy{left:auto;right:64px;width:43%;top:20%}.cinema-sway .cinema-copy h1{font-size:clamp(60px,5.8vw,88px)}.cinema-sway .cinema-shade{background:linear-gradient(270deg,#230d20d9,#230d2040 50%,transparent 70%),linear-gradient(0deg,#230d20ee,transparent 35%)}.cinema-sway .cinema-end{left:auto;right:64px;text-align:right}}
@media(max-width:560px){.cinema-sway .cinema-still{object-position:40% center}}