.device-film{padding:80px var(--space,5vw);border-top:1px solid var(--line,#d7ddd8);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:clamp(32px,7vw,112px);align-items:center;max-width:1440px;margin:auto;scroll-margin-top:32px}
.device-film__story h2{font-size:clamp(36px,4.5vw,64px);line-height:1.06;letter-spacing:-.045em;margin:16px 0 24px}.device-film__story>p{font-size:18px;line-height:1.65;max-width:40ch}.device-film__picture{margin:0;min-width:0}.device-film video{display:block;width:100%;height:auto;aspect-ratio:var(--film-ratio);object-fit:contain;background:#234138;border-radius:8px}.device-film video:focus-visible{outline:3px solid #598977;outline-offset:4px}.device-film__picture figcaption{margin-top:12px;font-size:13px;color:var(--muted,#59645d)}.device-film a{text-underline-offset:4px}.device-film__devices{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.device-film__devices a{border:1px solid #c9d2cc;border-radius:24px;padding:10px 18px;font-size:14px;text-decoration:none}.device-film__devices a[aria-current]{background:#234138;color:#fff;border-color:#234138}.device-film__chapters{display:grid;margin:24px 0}.device-film__chapters button{display:flex;align-items:baseline;gap:20px;padding:16px 0;min-height:48px;border:0;border-bottom:1px solid #c9d2cc;background:none;text-align:start;font:inherit;font-size:16px;color:inherit;cursor:pointer}.device-film__chapters button span{font-size:12px;font-variant-numeric:tabular-nums;color:#59645d}.device-film__chapters button[aria-current]{color:#234138;font-weight:600}.device-film details{line-height:1.6;font-size:15px}.device-film summary{cursor:pointer;padding:12px 0;min-height:44px}.device-film ol{padding-inline-start:20px}.device-film li{padding:5px 0}.device-film__story>.device-film__note{font-size:13px;color:#59645d;line-height:1.6;margin-top:20px}.device-film [hidden]{display:none!important}
@media(max-width:719px){.device-film{grid-template-columns:1fr;padding-block:48px;gap:28px}.device-film__story h2{font-size:40px}.device-film__picture{width:100%;max-width:380px;margin:auto}.device-film__chapters{grid-template-columns:1fr 1fr;gap:0 16px}.device-film__chapters button{font-size:14px;gap:8px}.device-film__story>p{font-size:17px}}

/* The home page already provides the headline alongside the film. */
.screening-experience .device-film{display:flex;flex-direction:column;padding:0;border:0;gap:18px;max-width:520px}.screening-experience .device-film__picture{order:0;width:min(100%,314px)}.screening-experience .device-film__story{order:1;width:100%}.screening-experience .device-film__story>h2,.screening-experience .device-film__story>p:not(.device-film__note){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.screening-experience .device-film__devices{margin:0 0 12px}.screening-experience .device-film__chapters{grid-template-columns:1fr 1fr;gap:0 20px;margin:8px 0}.screening-experience .device-film__chapters button{font-size:14px;gap:10px}.screening-experience .device-film__note{margin-top:8px}.screening-experience .device-film__picture video{max-height:680px}.screening-experience .device-film__picture figcaption{text-align:center}
@media(max-width:719px){.screening-experience .device-film__picture{width:min(100%,314px)}.screening-experience .device-film__chapters button{font-size:13px}}
.device-film-page-title{padding:48px var(--space,5vw) 0;font-size:20px;font-weight:500;max-width:1440px;margin:auto}.device-film-download{padding:48px var(--space,5vw) 80px;max-width:1440px;margin:auto;border-top:1px solid #c9d2cc}.device-film-download h2{font-size:36px;letter-spacing:-.04em}.device-film-download p{max-width:60ch;font-size:17px;line-height:1.6;margin:20px 0 28px}.device-film-download .official-app-store-badge{display:inline-block}

.device-film__picture{width:min(100%,var(--film-width,420px));max-width:420px;margin-inline:auto}@media(max-width:719px){.device-film__picture{order:-1}}
.device-film__media{position:relative}
.device-film__play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;padding:0;border:1px solid #ffffffb3;border-radius:50%;background:#153b32e6;color:#fff;box-shadow:0 4px 24px #0004;cursor:pointer}
.device-film__play svg{width:28px;height:28px;margin-inline-start:4px;fill:currentColor}
.device-film__play:hover{background:#153b32}
.device-film__play:focus-visible{outline:3px solid #fff;outline-offset:5px}
.device-film__play.is-loading::after{content:"";position:absolute;inset:-5px;border:3px solid #fff5;border-top-color:#fff;border-radius:50%;animation:device-film-loading 1s linear infinite}
@keyframes device-film-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.device-film__play.is-loading::after{animation:none}}
/* Give the native Mac window room at its landscape aspect ratio. */
.device-film--wide{grid-template-columns:1fr;gap:32px}.device-film--wide .device-film__picture{order:-1;width:100%;max-width:none}.device-film--wide .device-film__story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;align-items:start}.device-film--wide .device-film__story>.eyebrow,.device-film--wide .device-film__story>h2,.device-film--wide .device-film__story>p:not(.device-film__note),.device-film--wide .device-film__devices{grid-column:1}.device-film--wide .device-film__chapters{grid-column:2;grid-row:1 / span 4;margin:0}.device-film--wide details{grid-column:2;grid-row:5}.device-film--wide .device-film__note{grid-column:1;grid-row:5}.device-film--wide .device-film__story h2{margin-top:0}
@media(max-width:719px){.device-film--wide .device-film__story{display:block}.device-film--wide .device-film__chapters{margin:24px 0}.device-film--wide .device-film__picture{max-width:none}}