:root{--blue:#206790;--light-blue:#93b3c6;--charcoal:#333;--ink:#20343f;--line:#d9e4eb;--wash:#f2f7fa;--max:1200px;font-family:Arial,Helvetica,sans-serif;color:var(--charcoal);background:white;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:5;padding:1rem;background:white;border:2px solid var(--blue)}.skip-link:focus{top:1rem}.header{border-bottom:1px solid var(--line)}.header-inner,.footer-inner{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:1.75rem 1.5rem}.brand{display:block;padding:.25rem}.brand img{display:block;width:180px;height:auto}.header-label{font-size:.875rem;letter-spacing:.18em;font-weight:700;color:var(--blue)}main{max-width:var(--max);margin:auto;padding:0 1.5rem}.intro{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;padding:3.25rem 0 2.4rem}.eyebrow{color:var(--blue);font-size:.875rem;font-weight:700;letter-spacing:.16em;margin:0 0 1rem}h1{font-weight:600;font-size:clamp(2.8rem,5vw,4.75rem);letter-spacing:-.04em;line-height:1.08;margin:0 0 1.1rem;color:var(--ink)}.title-period{color:var(--blue)}.intro-copy{font-size:1.125rem;line-height:1.65;margin:0;color:#51616a}.film-note{display:flex;gap:1rem;align-items:center;flex-shrink:0;font-size:.875rem;line-height:1.7;letter-spacing:.05em;padding-bottom:.3rem;color:#566873}.film-note strong{font-weight:400}.quality{border:1px solid var(--light-blue);color:var(--blue);font-weight:700;font-size:1.6rem;padding:.45rem .7rem}.film-section{scroll-margin-top:1.5rem}.film-frame{background:#162f3d;border-radius:3px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 12px 42px #1539501a}.film-frame video,.film-frame iframe{display:block;width:100%;height:100%;border:0;background:#162f3d;object-fit:contain}.film-caption{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 0 .5rem;font-size:.9375rem;font-weight:600}.caption-separator{color:var(--light-blue);margin:0 .6rem}.text-link{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:4px;font-size:.9375rem;font-weight:600}.playback-help{font-size:.875rem;line-height:1.6;color:#5b6b74;margin:.25rem 0 0}.playback-error{padding:1rem;background:var(--wash);border-left:3px solid var(--blue);font-size:1rem;line-height:1.5}.details{border-top:1px solid var(--line);margin-top:3rem;padding:2.75rem 0 3.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem}h2{color:var(--ink);font-size:clamp(1.7rem,3vw,2.25rem);font-weight:500;line-height:1.2;letter-spacing:-.03em;margin:0}.details>p{font-size:1.0625rem;line-height:1.8;max-width:490px;margin:2rem 0 0;color:#51616a}.footer{background:var(--blue);color:white}.footer-inner{padding-top:2rem;padding-bottom:2rem}.footer img{display:block;max-width:144px;height:auto}.footer span{font-size:.875rem;line-height:1.5;color:#e3edf3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:700px){.header-inner{padding:1.25rem}.brand img{width:148px}.header-label{font-size:.8125rem;letter-spacing:.12em}main{padding:0 1.25rem}.intro{display:block;padding:2.25rem 0 1.5rem}h1{font-size:clamp(2.4rem,8vw,3.25rem)}.intro-copy{font-size:1rem}.film-note{margin-top:1.4rem;gap:.8rem;font-size:.8125rem}.quality{font-size:1.25rem;padding:.2rem .55rem}.film-note span:last-child br{display:none}.film-note strong{margin-left:.7rem}.film-caption{align-items:flex-start;flex-wrap:wrap;padding-top:1rem}.details{display:block;padding:2.25rem 0;margin-top:2rem}.details>p{margin-top:1.4rem}.footer-inner{padding:1.5rem 1.25rem;gap:1.2rem;flex-wrap:wrap}.footer img{width:128px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}