.materials-film{padding:48px 4.45vw 64px;background:var(--paper-warm,#f4f0e7);color:var(--ink,#302b24)}.materials-film h1{color:var(--brand-green,#0b4b3d);font:400 clamp(32px,4vw,56px)/1.15 Georgia,serif;margin:12px 0 18px}.materials-film:lang(zh) h1{font-family:'HomeFilmNoto','Noto Serif SC',serif;font-weight:300}.film-eyebrow{font-size:11px;letter-spacing:.16em;color:#6d685f}.materials-film p{max-width:55em;line-height:1.75}.film-window{margin:30px 0 0;overflow:hidden;background:#ded7c7;aspect-ratio:16/7;position:relative}.film-window video{display:block;width:100%;height:110%;object-fit:cover;transform:translateY(var(--film-shift,-3%));will-change:transform}.film-controls{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:18px}.film-controls button{border:0;border-bottom:1px solid #0b4b3d;padding:4px 0;background:none;color:#0b4b3d;cursor:pointer;font:inherit;font-size:14px}.film-scenes{display:flex;gap:32px;font-size:12px;color:#6d685f;list-style:none;padding:0;margin:0}.materials-film:focus{outline:none}
@font-face{font-family:HomeFilmNoto;src:url('assets/fonts/home-noto-300.woff2') format('woff2');font-weight:300;font-display:swap}
@media(max-width:760px){.materials-film{padding:30px 24px 44px}.film-window{aspect-ratio:4/3}.film-controls{align-items:start;gap:16px}.film-scenes{display:grid;gap:6px;font-size:11px}.materials-film h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.film-window video{transform:none;will-change:auto}}