/* Scoped presentation update: distinct editorial reel, complete pagination. */
.reel-studio{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(32px,6vw,88px);padding-block:100px;isolation:isolate}
.reel-intro{min-width:0}.reel-studio h2{font-size:clamp(2.6rem,4.8vw,4.6rem);line-height:1.04;max-width:9ch;margin:24px 0;letter-spacing:-.045em}
.reel-description{font-size:1rem;line-height:1.7;color:var(--muted);max-width:34ch;margin:0 0 28px}
.reel-links .pill{min-height:48px;gap:28px}
.reel-film{margin:0;min-width:0;perspective:1200px}
.reel-mount{padding:12px;border:1px solid var(--line);border-radius:16px;background:#eae5d9;box-shadow:0 22px 50px -32px #102c2b55;transform:rotateY(var(--reel-ry,0deg)) rotateX(var(--reel-rx,0deg));transition:transform .35s ease-out}
.reel-screen{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:16/10;overflow:hidden;border:0;border-radius:8px;background:#102c2b;color:#fffdf8;padding:0;cursor:pointer;text-align:left;touch-action:manipulation}
.reel-screen>img{display:block;width:100%;height:100%;object-fit:contain;opacity:.9;transition:opacity .25s}
.reel-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081f20b8,transparent 35%);pointer-events:none;z-index:1}
.reel-play{position:absolute;inset:0;margin:auto;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;border:1px solid #fffdf8bb;background:#f8f4e9;color:#154140;box-shadow:0 8px 35px #081f2044;z-index:2;transform:translate(var(--reel-x,0px),var(--reel-y,0px));transition:transform .28s ease-out,background .18s,color .18s}
.reel-play svg{width:32px;height:32px;margin-left:3px}
.reel-watch{position:absolute;bottom:22px;left:24px;z-index:2;font-family:var(--sans);font-size:.875rem;font-weight:600;letter-spacing:normal;display:flex;align-items:center;gap:12px}
.reel-watch:before{content:'';width:22px;height:1px;background:#d1aa69}
.reel-film figcaption{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:baseline;margin:18px 2px 0;font-size:.875rem;line-height:1.6;color:var(--ink)}
.reel-format{font-size:.75rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}
.reel-screen:hover>img{opacity:1}.reel-screen:hover .reel-play{background:#154140;color:#fffdf8}
.reel-screen:active .reel-play{scale:.95}.reel-screen:focus-visible{outline:3px solid var(--teal);outline-offset:6px}.reel-screen:focus-visible .reel-play{background:#154140;color:#fffdf8}
.reel-studio.is-reel-entering .reel-film{animation:reel-arrive .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes reel-arrive{from{opacity:.65;translate:0 16px}to{opacity:1;translate:0 0}}
.pagination.pagination-complete{display:flex;flex-direction:column;gap:20px;align-items:center;margin:64px 0 76px;padding-top:32px;border-top:1px solid var(--line)}
.pagination-summary{margin:0;font-size:.875rem;line-height:1.6;color:var(--muted);font-variant-numeric:tabular-nums}.pagination-summary strong{font-weight:600;color:var(--ink)}
.pagination-controls,.pagination-numbers{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.pagination-controls{gap:20px;flex-wrap:wrap}
.pagination-complete a{text-decoration:none;color:var(--ink);font-family:var(--sans);font-size:.875rem;line-height:1.3}
.pagination-number{min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-variant-numeric:tabular-nums;transition:background .18s,color .18s,border-color .18s}
.pagination-number[aria-current=page]{background:var(--teal);border-color:var(--teal);color:var(--ivory)}
.pagination-number:not([aria-current]):hover,.pagination-step:hover{background:#e9e3d6;border-color:var(--teal)}
.pagination-step{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);padding:10px 16px;border-radius:99px;font-size:.875rem;line-height:1.3;transition:background .18s,border-color .18s}
.pagination-step svg{width:20px;height:20px;flex:none}.pagination-step.is-disabled{color:var(--muted);opacity:.5;cursor:default}.pagination-gap{padding-inline:2px;color:var(--muted);font-size:1rem}
.pagination-complete a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.pagination-complete a:active{background:var(--teal);color:var(--ivory)}
@media(max-width:900px){.reel-studio{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:64px}.reel-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 32px}.reel-intro>.eyebrow{grid-column:1/-1}.reel-studio h2{grid-row:2/4;margin:20px 0 0;max-width:12ch}.reel-description{margin:20px 0}.reel-links{grid-column:2}.reel-play{width:76px;height:76px}}
@media(max-width:600px){.reel-intro{display:block}.reel-studio{padding-block:56px;gap:30px}.reel-studio h2{font-size:clamp(2.4rem,10vw,3.4rem);max-width:10ch;margin:22px 0}.reel-description{font-size:.9375rem;max-width:38ch;margin-bottom:24px}.reel-mount{padding:8px;border-radius:12px}.reel-screen{aspect-ratio:4/3;border-radius:6px}.reel-play{width:72px;height:72px}.reel-watch{bottom:16px;left:16px}.reel-film figcaption{margin-top:14px;gap:6px}.reel-format{width:100%}.pagination.pagination-complete{margin-block:44px 52px;gap:18px}.pagination-controls{gap:10px;width:100%}.pagination-numbers{gap:8px;order:-1;width:100%;flex-wrap:wrap}.pagination-step{min-width:124px}.pagination-number{min-width:44px;min-height:44px}.pagination-gap{padding:0}}
@media(prefers-reduced-motion:reduce){.reel-mount,.reel-play,.reel-screen>img,.pagination-number,.pagination-step{transition:none;transform:none}.reel-studio.is-reel-entering .reel-film{animation:none}}