/* Every selector is local to the Cinema direction study. */
.cs-study{--cs-paper:#f6f3ed;--cs-secondary:#eee9e0;--cs-ink:#29282a;--cs-muted:#6b6669;--cs-wine:#622b35;--cs-progress:1;--cs-radius:18px;--cs-gutter:clamp(24px,5vw,88px);--cs-gap:clamp(40px,5vw,80px);box-sizing:border-box;position:relative;isolation:isolate;width:100%;padding:96px var(--cs-gutter);background:var(--cs-paper);color:var(--cs-ink);font-family:InstrumentSans,Arial,sans-serif;font-size:18px;line-height:1.65;overflow:clip}
.cs-study *{box-sizing:border-box}.cs-study p,.cs-study h2{margin:0}.cs-study em{font-family:Bodoni,Georgia,serif;font-weight:400}.cs-study .cs-label{font:500 12px/1.5 InstrumentSans,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;text-align:left;color:var(--cs-wine);margin:0 0 16px}.cs-study .cs-title{font:400 clamp(48px,6.4vw,100px)/1.03 Bodoni,Georgia,serif;letter-spacing:-.045em;color:inherit;overflow-wrap:normal}.cs-study .cs-lead{font:400 clamp(28px,3.2vw,46px)/1.19 Bodoni,Georgia,serif;letter-spacing:-.025em;max-width:21ch}.cs-study .cs-lead em{color:var(--cs-wine)}.cs-study .cs-description{font:400 18px/1.65 InstrumentSans,Arial,sans-serif;color:var(--cs-muted);max-width:67ch}.cs-study .cs-cta{position:relative;display:inline-flex;align-items:center;width:fit-content;min-height:44px;padding:7px 0;color:var(--cs-wine);font:400 18px/1.65 InstrumentSans,Arial,sans-serif;text-decoration:none;white-space:nowrap;border:0}.cs-study .cs-cta::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 850ms cubic-bezier(.22,.61,.36,1)}.cs-study .cs-cta:hover::after,.cs-study .cs-cta:focus-visible::after{transform:scaleX(1);transform-origin:left}.cs-study .cs-cta:focus-visible,.cs-study .cs-play:focus-visible{outline:2px solid var(--cs-wine);outline-offset:6px}
.cs-study .cs-stage{position:relative;isolation:isolate;aspect-ratio:16/9;width:100%;background:#29282a;overflow:hidden;border-radius:calc(var(--cs-radius) * var(--cs-progress));line-height:1}.cs-study .cs-poster,.cs-study .cs-video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;transform:none}.cs-study .cs-poster{opacity:1}.cs-study .cs-video{z-index:2;opacity:0}.cs-study .cs-started .cs-video{opacity:1}.cs-study .cs-started .cs-poster{visibility:hidden}.cs-study .cs-play{position:absolute;z-index:3;inset:0;width:100%;padding:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;border:0;border-radius:inherit;color:#f6f3ed;background:linear-gradient(0deg,#29282a44,#29282a11);cursor:pointer;font:400 16px/1.65 InstrumentSans,Arial,sans-serif}.cs-study .cs-play:hover{background:linear-gradient(0deg,#29282a55,#29282a22)}.cs-study .cs-play-symbol{width:72px;height:72px;display:grid;place-items:center;padding-left:3px;border:1px solid #f6f3edb8;border-radius:50%;font:400 19px/1 InstrumentSans,Arial,sans-serif;background:#29282a22;transition:background 850ms cubic-bezier(.22,.61,.36,1)}.cs-study .cs-play:hover .cs-play-symbol{background:#622b3580}.cs-study .cs-play:focus-visible{outline-color:var(--cs-paper);outline-offset:-8px}.cs-study .cs-play:disabled{cursor:wait}.cs-study .cs-started .cs-play{visibility:hidden;pointer-events:none}.cs-study .cs-player-status{position:absolute;z-index:4;left:24px;right:24px;bottom:24px;color:var(--cs-paper);text-align:center;font:400 14px/1.5 InstrumentSans,Arial,sans-serif;pointer-events:none}.cs-study .cs-player-status:empty{display:none}
.cs-study .cs-top{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:var(--cs-gap);margin-bottom:48px}.cs-study .cs-top .cs-lead{justify-self:end}.cs-study .cs-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--cs-gap);margin-top:40px}.cs-study .cs-bottom .cs-cta{margin-top:0}
/* 1: A broad editorial screen, with two quiet text baselines. */
.cs-v1 .cs-heading{padding-bottom:4px}.cs-v1 .cs-title{font-size:clamp(48px,5.7vw,96px)}.cs-v1 .cs-bottom .cs-description{max-width:76ch}.cs-v1.cs-motion .cs-heading{transform:translateY(calc((1 - var(--cs-progress))*10px));opacity:calc(.8 + var(--cs-progress)*.2)}.cs-v1.cs-motion .cs-lead{transform:translateY(calc((1 - var(--cs-progress))*18px))}.cs-v1.cs-motion .cs-description{opacity:calc(.7 + var(--cs-progress)*.3)}
/* 2: The film dominates a right-hand page, with a genuine reading rail. */
.cs-v2{display:grid;grid-template-columns:minmax(230px,.31fr) minmax(0,1fr);gap:40px;align-items:start;background:var(--cs-secondary)}.cs-v2 .cs-title{font-size:clamp(29px,2.8vw,44px);letter-spacing:-.04em}.cs-v2 .cs-rail{display:flex;flex-direction:column;align-items:flex-start;gap:40px;padding-top:24px}.cs-v2 .cs-lead{font-size:clamp(28px,3vw,42px);max-width:14ch}.cs-v2 .cs-rail .cs-cta{margin-top:8px}.cs-v2 .cs-screen-column .cs-description{margin:32px 0 0;max-width:62ch}.cs-v2.cs-motion .cs-rail .cs-lead{transform:translateY(calc((1 - var(--cs-progress))*16px));opacity:calc(.72 + var(--cs-progress)*.28)}.cs-v2.cs-motion .cs-screen-column .cs-description{transform:translateY(calc((1 - var(--cs-progress))*8px));opacity:calc(.85 + var(--cs-progress)*.15)}
/* 3: A wine-colour room for one uninterrupted full-width film. */
.cs-v3{background:var(--cs-wine);color:var(--cs-paper)}.cs-v3 .cs-label,.cs-v3 .cs-lead em,.cs-v3 .cs-cta{color:var(--cs-paper)}.cs-v3 .cs-title{font-size:clamp(48px,5.8vw,88px)}.cs-v3 .cs-description{color:var(--cs-paper);max-width:72ch}.cs-v3 .cs-top{align-items:start;margin-bottom:64px}.cs-v3 .cs-lead{font-size:clamp(28px,3.4vw,48px)}.cs-v3 .cs-bottom{margin-top:40px}.cs-v3 .cs-cta:focus-visible{outline-color:var(--cs-paper)}.cs-v3.cs-motion .cs-heading{clip-path:inset(0 0 calc((1 - var(--cs-progress))*16%) 0)}.cs-v3.cs-motion .cs-lead{opacity:calc(.68 + var(--cs-progress)*.32)}.cs-v3.cs-motion .cs-bottom{transform:translateY(calc((1 - var(--cs-progress))*8px));opacity:calc(.8 + var(--cs-progress)*.2)}
/* 4: Film at left, an essay alongside; the lead is its own opening line. */
.cs-v4 .cs-top{grid-template-columns:1fr 1fr;align-items:start;margin-bottom:48px}.cs-v4 .cs-title{font-size:clamp(48px,5.7vw,86px)}.cs-v4 .cs-essay{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(250px,1fr);gap:40px;align-items:center}.cs-v4 .cs-essay-copy{display:flex;align-items:flex-start;flex-direction:column;gap:32px}.cs-v4 .cs-description{max-width:31ch}.cs-v4.cs-motion .cs-lead{transform:translateY(calc((1 - var(--cs-progress))*12px));opacity:calc(.85 + var(--cs-progress)*.15)}.cs-v4.cs-motion .cs-essay-copy{transform:translateY(calc((1 - var(--cs-progress))*20px));opacity:calc(.72 + var(--cs-progress)*.28)}
/* 5: A typographic overture; the large film is the final punctuation. */
.cs-v5{background:var(--cs-secondary)}.cs-v5 .cs-heading{margin-bottom:48px}.cs-v5 .cs-title{font-size:clamp(48px,5.3vw,80px)}.cs-v5 .cs-opening{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--cs-gap);margin-bottom:64px;align-items:start}.cs-v5 .cs-lead{font-size:clamp(38px,4.7vw,70px);line-height:1.1;max-width:18ch}.cs-v5 .cs-opening-copy{display:flex;align-items:flex-start;flex-direction:column;gap:24px;padding-top:4px}.cs-v5 .cs-description{max-width:54ch}.cs-v5.cs-motion .cs-opening .cs-lead{clip-path:inset(calc((1 - var(--cs-progress))*8%) 0 0 0);opacity:calc(.78 + var(--cs-progress)*.22)}.cs-v5.cs-motion .cs-opening-copy{transform:translateY(calc((1 - var(--cs-progress))*10px))}
/* 6: The image precedes its large, deliberately separate closing titles. */
.cs-v6{padding-top:0}.cs-v6 .cs-closing{display:grid;grid-template-columns:.9fr 1fr;gap:var(--cs-gap);margin-top:48px;align-items:start}.cs-v6 .cs-title{font-size:clamp(48px,5.5vw,84px)}.cs-v6 .cs-closing-copy{display:flex;align-items:flex-start;flex-direction:column;gap:24px}.cs-v6 .cs-lead{font-size:clamp(30px,3.3vw,48px);margin-bottom:8px}.cs-v6 .cs-description{max-width:56ch}.cs-v6.cs-motion .cs-heading{transform:translateY(calc((1 - var(--cs-progress))*18px))}.cs-v6.cs-motion .cs-closing-copy .cs-lead{opacity:calc(.72 + var(--cs-progress)*.28)}.cs-v6.cs-motion .cs-description{transform:translateY(calc((1 - var(--cs-progress))*8px))}
@media(max-width:1100px){.cs-study{padding-block:80px;--cs-gap:40px}.cs-study .cs-title{font-size:clamp(44px,5.6vw,76px)}.cs-v2{grid-template-columns:minmax(210px,.34fr) minmax(0,1fr);gap:32px}.cs-v2 .cs-title{font-size:clamp(29px,2.8vw,40px)}.cs-v2 .cs-rail{gap:32px;padding-top:0}.cs-v2 .cs-lead{font-size:30px}.cs-v4 .cs-essay{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:32px}.cs-v4 .cs-top .cs-lead{font-size:32px}.cs-v4 .cs-description{font-size:18px}.cs-v6{padding-top:0}}
@media(max-width:900px){.cs-study{--cs-radius:14px}.cs-study .cs-top{display:flex;align-items:flex-start;flex-direction:column;gap:24px}.cs-study .cs-top .cs-lead{align-self:flex-start}.cs-v2{display:block}.cs-v2 .cs-rail{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin-bottom:40px}.cs-v2 .cs-rail .cs-heading{grid-column:1/-1}.cs-v2 .cs-title{font-size:clamp(44px,7vw,64px)}.cs-v2 .cs-rail .cs-cta{align-self:end;margin:0;justify-self:end}.cs-v2 .cs-screen-column .cs-description{max-width:70ch}.cs-v4 .cs-essay{display:block}.cs-v4 .cs-essay-copy{display:grid;grid-template-columns:1fr auto;align-items:start;gap:32px;margin-top:32px}.cs-v4 .cs-description{max-width:64ch;font-size:18px}.cs-v5 .cs-opening{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px}.cs-v5 .cs-lead{font-size:clamp(34px,5.6vw,48px)}.cs-v6 .cs-closing{display:block;gap:32px}.cs-v6 .cs-closing-copy{margin-top:32px}.cs-v6 .cs-title{font-size:clamp(42px,6vw,64px)}}
@media(max-width:650px){.cs-study{padding:64px 24px;font-size:16px;--cs-gap:32px}.cs-study .cs-label{font-size:11px;margin-bottom:12px}.cs-study .cs-title{font-size:clamp(37px,10.3vw,64px);letter-spacing:-.04em}.cs-study .cs-description{font-size:16px;line-height:1.65}.cs-study .cs-lead{font-size:32px;line-height:1.2;max-width:22ch}.cs-study .cs-top{display:flex;align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:32px}.cs-study .cs-top .cs-lead{align-self:flex-start}.cs-study .cs-bottom{display:flex;align-items:flex-start;flex-direction:column;gap:24px;margin-top:24px}.cs-study .cs-play{font-size:14px;gap:10px;padding:16px}.cs-study .cs-play-symbol{width:52px;height:52px;font-size:15px}.cs-study .cs-player-status{left:12px;right:12px;bottom:12px;font-size:12px}.cs-v2 .cs-rail{display:flex;gap:24px;margin-bottom:32px}.cs-v2 .cs-rail .cs-cta{align-self:flex-start;justify-self:start;margin-top:0}.cs-v2 .cs-screen-column .cs-description{margin-top:24px}.cs-v3 .cs-top{margin-bottom:32px}.cs-v4 .cs-essay-copy{display:flex;gap:24px;margin-top:24px}.cs-v4 .cs-description{max-width:none}.cs-v5 .cs-heading{margin-bottom:32px}.cs-v5 .cs-opening{display:block;margin-bottom:32px}.cs-v5 .cs-opening .cs-lead{font-size:clamp(34px,8vw,44px);line-height:1.16;margin-bottom:24px}.cs-v5 .cs-opening-copy{gap:16px;padding:0}.cs-v6{padding-top:0}.cs-v6 .cs-closing{display:block;margin-top:32px}.cs-v6 .cs-closing-copy{gap:24px;margin-top:24px}.cs-v6 .cs-closing-copy .cs-lead{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.cs-study{--cs-progress:1!important}.cs-study .cs-heading,.cs-study .cs-lead,.cs-study .cs-description,.cs-study .cs-bottom,.cs-study .cs-essay-copy,.cs-study .cs-opening-copy{transform:none!important;clip-path:none!important;opacity:1!important}}