.examples{padding-bottom:125px}
.examples-intro{max-width:300px;color:var(--muted);font-size:16px;line-height:1.7}
.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.example-card{margin:0;min-width:0}
.example-image{aspect-ratio:3/4;overflow:hidden;border-radius:14px;background:var(--panel)}
.example-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.example-card:hover img{transform:scale(1.025)}
.example-card figcaption{position:static;display:block;padding-top:20px}
.example-index{font-size:12px;letter-spacing:1.2px;color:#9ba7be}
.example-card h3{font-size:20px;letter-spacing:-.5px;line-height:1.4;margin-top:7px;font-weight:600}
.example-credit{color:var(--muted);font-size:14px;margin-top:25px}
.studio-visual{margin:0;background:#0e1320;isolation:isolate}
.studio-visual>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:48% center;z-index:-2}
.studio-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#05090b88 0%,transparent 30%,transparent 62%,#05090bd9 100%);z-index:-1}
.studio-visual .visual-label,.studio-visual .visual-bottom{z-index:1;color:white}
.studio-visual .visual-label{font-size:12px}
.watch-section{padding-bottom:100px}
.watch-section .section-heading{align-items:end}
.film{margin:0 auto;max-width:920px}
.film video{display:block;width:100%;height:auto;aspect-ratio:4/3;background:#111;border:1px solid var(--line);border-radius:16px;overflow:hidden;object-fit:contain}
.film video:focus-visible{outline:3px solid #91b5ff;outline-offset:6px}
.film figcaption{position:static;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 2px 0;font-size:14px;color:var(--muted)}
.film figcaption>span:first-child{letter-spacing:1.4px;font-size:12px;color:#ced3de}
.film figcaption a{text-decoration:underline;text-underline-offset:4px}
.film figcaption a:hover{color:white}
@media(max-width:1000px){.examples-grid{gap:16px}.example-card h3{font-size:18px}.examples-intro{max-width:250px}.studio-visual>img{object-position:48% center}}
@media(max-width:700px){.examples{padding-bottom:75px}.examples .section-heading{display:block}.examples-intro{max-width:430px;margin-top:22px}.examples-grid{grid-template-columns:1fr;gap:30px}.example-image{aspect-ratio:4/5}.example-image img{object-position:center 42%}.example-card figcaption{padding-top:15px}.example-card h3{font-size:22px}.example-credit{margin-top:25px}.studio-visual{min-height:390px}.studio-visual .visual-label{font-size:11px;left:20px}.studio-visual .visual-bottom{left:20px;right:20px}.watch-section{padding-bottom:65px}.film video{border-radius:12px}.film figcaption{font-size:13px;gap:15px}.watch-section .section-heading{margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){.example-card:hover img{transform:none}}

.intro-film{margin:48px 0 0;text-align:left}
.intro-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#111;border:1px solid var(--line);border-radius:16px;object-fit:contain}
.intro-film figcaption{position:static;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 2px 0;color:var(--muted);font-size:14px}
.intro-film figcaption span:first-child{color:#ced3de;letter-spacing:1px}
.video-examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.video-example{min-width:0;margin:0}
.video-example video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#111;border:1px solid var(--line);border-radius:14px}
.video-example figcaption{position:static;display:block;padding-top:20px}
.video-example h3{font-size:22px;line-height:1.35;letter-spacing:-.5px;margin:8px 0}
.video-example p{color:var(--muted);font-size:16px;line-height:1.6;margin:0}
.intro-film video:focus-visible,.video-example video:focus-visible{outline:3px solid #91b5ff;outline-offset:5px}
@media(max-width:700px){.intro-film{margin-top:32px}.intro-film figcaption{align-items:flex-start;flex-direction:column;gap:4px;font-size:14px}.video-examples-grid{grid-template-columns:1fr;gap:36px;max-width:430px;margin:auto}.watch-section .section-heading{display:block}.watch-section .examples-intro{max-width:430px;margin-top:20px}.video-example h3{font-size:23px}}