.feature-image .gc-image img{aspect-ratio:auto;object-fit:contain;height:auto}.wide-room .gc-image img{aspect-ratio:16/9;object-fit:contain;height:auto;min-height:0}.film-media .gc-image img,.film-media .film-video{object-fit:cover;object-position:60% 50%}.film-section--hero .film-media .gc-image img{object-position:78% 50%}.film-media{background:#343633}.film-mobile-caption{display:none}.film-section--room .film-media{background:#c5beb0}:is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-media{background:var(--dark)}:is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-media .gc-image img{-webkit-mask-image:linear-gradient(#0000 0,#000 16% 82%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 16% 82%,#0000 100%)}.film-section--hero .film-shade{background:linear-gradient(90deg,#171b19e8,#171b1990 35%,#0000 64%),linear-gradient(#0000 68%,#171b19e0)}@media (prefers-reduced-motion:no-preference) and (width>=641px){.film-section[data-layout=pinned] .film-content{transform:translateY(calc(var(--scene-progress,0)*-14px))}.film-section[data-layout=pinned] .film-chapter-copy{transform:translateY(calc(var(--scene-progress,0)*-6px))}.film-video{transition:opacity .18s}}.film-controls button{position:relative}.film-controls button:after{content:"";transform-origin:0;background:currentColor;height:1px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.film-controls button[aria-pressed=true]:after{transform:scaleX(1)}@media (width>=1021px) and (height<=759px){html:not(.text-enlarged) :is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-sticky{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy media""chapters chapters";align-items:center;column-gap:20px;padding-top:24px;display:grid}html:not(.text-enlarged) :is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-content{width:auto;max-width:none;margin:0 0 0 var(--gutter);grid-area:copy;padding:0 0 16px}html:not(.text-enlarged) :is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-content h1{max-width:18ch;font-size:clamp(3rem,4.3vw,4rem)}html:not(.text-enlarged) :is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-content .eyebrow{margin-bottom:18px}html:not(.text-enlarged) :is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-intro{max-width:38ch;margin-top:20px;font-size:1.125rem}html:not(.text-enlarged) :is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .hero-actions{gap:10px 20px;margin-top:22px}html:not(.text-enlarged) :is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-media{aspect-ratio:16/9;grid-area:media;align-self:center;width:100%}html:not(.text-enlarged) :is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-shade{background:linear-gradient(90deg,var(--dark),transparent 14%);display:block}html:not(.text-enlarged) :is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-bottom{grid-area:chapters;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin:18px auto 28px;padding:0}}@media (width<=640px){:is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-media{aspect-ratio:16/11}.wide-room .gc-image img{aspect-ratio:16/9}.wide-room .room-caption{padding:32px var(--gutter);background:var(--paper);color:var(--ink);max-width:none;position:relative;bottom:auto;left:auto}.wide-room .room-caption p{color:var(--muted)}:is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-content{display:contents}:is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-content>*{width:calc(100% - var(--gutter)*2);max-width:var(--container);align-self:center}:is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-content>.eyebrow{order:1;margin-top:24px;margin-bottom:18px;font-size:1rem}:is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-content>h1{order:2;margin-bottom:26px;font-size:2.5rem;line-height:1.08}:is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-media{order:3}:is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-content>.film-intro{order:4;margin-top:22px;font-size:1.1875rem;line-height:1.6}:is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-content>.hero-actions{order:5;margin-block:22px 16px}:is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-bottom{order:6}:is(.film-section[data-layout=flow],.flow-stories .film-section) .film-media figcaption{display:none}:is(.film-section[data-layout=flow],.flow-stories .film-section) .film-mobile-caption{width:calc(100% - var(--gutter)*2);color:inherit;order:1;align-self:center;margin:12px 0 0;font-size:1rem;line-height:1.5;display:block}:is(.film-section--hero[data-layout=flow],.flow-stories .film-section--hero) .film-mobile-caption{order:4}:is(.film-section:not(.film-section--hero)[data-layout=flow],.flow-stories .film-section:not(.film-section--hero)) .film-media{order:0}:is(.film-section:not(.film-section--hero)[data-layout=flow],.flow-stories .film-section:not(.film-section--hero)) .film-content{padding-top:28px}html.text-enlarged .film-section--hero .film-content>h1{font-size:1.5rem}}
