/* Project films and source documents, sharing the existing brand palette. */
.film-section,.materials-section{padding-block:80px;scroll-margin-top:75px}.materials-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.materials-heading .eyebrow{font-size:10px;color:var(--muted);letter-spacing:.13em;margin-bottom:20px}.materials-heading h2{font-size:clamp(30px,3.4vw,46px);line-height:1.35;letter-spacing:-.045em}.materials-heading>p{color:var(--muted);font-size:13px;line-height:1.9;max-width:390px}.film-frame{background:#080b0c;border-radius:16px;overflow:hidden}.film-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.film-caption{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:11px;color:var(--muted)}.film-caption>span{font-size:10px;letter-spacing:.08em}.film-caption>div{display:flex;gap:28px}.film-caption a{color:var(--ink)}.film-caption a:hover,.document-actions a:hover,.study-links a:hover{color:var(--accent)}.film-transcript{border-bottom:1px solid var(--line);padding-block:24px;font-size:12px;color:var(--muted)}.film-transcript>summary{width:fit-content;color:var(--ink);cursor:pointer}.film-transcript>p{max-width:800px;margin-top:16px;line-height:1.95}.materials-section{border-top:1px solid var(--line)}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.document-card{display:grid;grid-template-columns:42% 1fr;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.document-preview{display:block;position:relative;background:#e4e9e5;padding:24px;min-width:0;overflow:hidden}.document-preview img{width:100%;height:100%;aspect-ratio:1/1.414;object-fit:contain;filter:drop-shadow(2px 6px 7px #17232b22);transition:transform .3s}.document-preview:hover img{transform:translateY(-4px)}.document-preview>span{position:absolute;left:0;right:0;bottom:0;background:#17232be8;color:#fff;padding:8px;text-align:center;font-size:10px}.document-info{min-width:0;padding:28px 24px;display:flex;flex-direction:column;justify-content:center}.document-meta{color:var(--muted);font-size:9px;line-height:1.8;letter-spacing:.03em}.document-info h3{font-size:21px;letter-spacing:-.03em;line-height:1.5;margin-top:14px}.document-info>p{font-size:12px;color:var(--muted);margin-top:13px;line-height:1.9}.document-actions{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;margin-top:24px}.document-actions a:first-child{color:var(--link)}.materials-date{font-size:10px;line-height:1.9;color:var(--muted);margin-top:25px}.revision-note{background:#e5eae6;border-radius:10px;margin-top:28px;padding:23px 28px;font-size:12px}.revision-note>summary{cursor:pointer}.revision-note>p{font-size:12px;line-height:1.95;color:var(--muted);margin-top:16px;max-width:950px}.tread-gallery{margin-top:65px}.tread-gallery .gallery-stage{aspect-ratio:2;max-height:650px}.active-studies{padding-block:20px 60px}.study-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.study-pair>article{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}.study-image{display:block;overflow:hidden;background:#000}.study-image>img{width:100%;aspect-ratio:1.8;object-fit:cover;transition:transform .5s}.study-image:hover img{transform:scale(1.03)}.study-pair>article>div{padding:27px 30px}.study-pair .eyebrow{font-size:9px;color:var(--muted);letter-spacing:.1em}.study-pair h3{font-size:30px;line-height:1.5;margin-top:12px;letter-spacing:-.04em}.study-pair h3 span{display:block;font-size:14px;font-weight:400;letter-spacing:0;margin-top:8px}.study-pair p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:14px}.study-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:24px;font-size:11px}.study-links>a:first-child{color:var(--link)}
@media(max-width:1024px){.document-card{grid-template-columns:1fr}.document-preview{height:250px}.document-preview img{max-width:190px;margin-inline:auto}.document-info{padding:25px}.document-info h3{font-size:21px}.materials-heading>p{font-size:12px}.project-nav nav{gap:22px}}
@media(max-width:767px){.film-section,.materials-section{padding-block:48px;scroll-margin-top:65px}.materials-heading{display:block;margin-bottom:25px}.materials-heading .eyebrow{font-size:8px;margin-bottom:17px}.materials-heading h2{font-size:31px}.materials-heading>p{font-size:12px;margin-top:19px}.film-frame{border-radius:10px}.film-caption{display:block;font-size:10px;line-height:1.9;margin-top:16px}.film-caption>span{font-size:8px}.film-caption>div{gap:22px;margin-top:10px;flex-wrap:wrap}.film-transcript{font-size:11px;padding-block:20px}.film-transcript>p{font-size:11px}.document-grid{grid-template-columns:1fr;gap:20px}.document-card{grid-template-columns:38% 1fr}.document-preview{height:auto;padding:20px 14px 28px}.document-preview img{max-width:100%}.document-preview>span{font-size:8px;padding:7px}.document-info{padding:22px 18px}.document-meta{font-size:8px}.document-info h3{font-size:18px;margin-top:10px}.document-info>p{font-size:11px;margin-top:10px}.document-actions{font-size:10px;gap:17px;margin-top:20px}.materials-date{font-size:9px;margin-top:20px}.revision-note{padding:20px;font-size:11px}.revision-note>p{font-size:11px}.tread-gallery{margin-top:40px}.tread-gallery .gallery-stage{aspect-ratio:1.5}.tread-gallery .gallery-stage>img{object-fit:contain}.active-studies{padding-block:10px 45px}.study-pair{grid-template-columns:1fr;gap:20px}.study-pair>article>div{padding:24px}.study-pair h3{font-size:28px}.study-pair h3 span{font-size:13px}.study-links{font-size:10px;gap:22px}.project-nav nav{gap:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.document-preview img,.study-image>img{transition:none}}
.film-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.film-toolbar[hidden]{display:none}.film-toolbar>span{font-size:9px;color:var(--muted);letter-spacing:.08em}.film-toolbar>div{display:flex;gap:4px;padding:4px;background:#e2e7e3;border-radius:999px}.film-toolbar button{border-radius:999px;padding:10px 23px;background:transparent;font-size:12px;color:var(--muted);min-height:40px}.film-toolbar button[aria-pressed=true]{background:var(--ink);color:#fff}.film-toolbar button:hover{color:var(--ink)}.film-toolbar button[aria-pressed=true]:hover{color:#fff}@media(max-width:767px){.film-toolbar{gap:10px;margin-bottom:16px}.film-toolbar>span{font-size:8px}.film-toolbar button{padding:9px 18px;font-size:11px}}

.study-pair h3 small{display:inline-block;font-size:12px;font-weight:500;letter-spacing:.04em;vertical-align:middle;margin-left:8px}