.project-page .header{position:relative;background:var(--bg)}
.project-page .navigation{gap:26px}
.project-page .navigation>a[aria-current="location"]{color:var(--accent)}
.project-wrap{max-width:1600px;margin:0 auto;padding-left:var(--page);padding-right:var(--page)}
.project-intro{padding-top:43px;padding-bottom:64px}
.project-back{display:inline-flex;gap:14px;align-items:center;color:#a4ad99;font-size:11px;letter-spacing:.06em;padding:10px 0;margin-bottom:50px}
.project-back:hover{color:var(--ink)}
.project-intro-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end}
.project-kicker{font-size:10px;letter-spacing:.19em;color:var(--accent);margin:0 0 22px;line-height:1.8}
.project-title{font-size:clamp(54px,6.3vw,96px);font-weight:400;letter-spacing:.015em;line-height:1.18;margin:0}
.project-title span{color:#a7b09c;display:block;font-size:.7em;margin-top:10px;letter-spacing:.04em}
.project-description{font-size:15px;color:#adb5a2;line-height:2.1;margin:0 0 26px;max-width:520px}
.project-facts{display:flex;gap:44px;margin:0;padding:22px 0 0;border-top:1px solid var(--line)}
.project-facts div{min-width:0}
.project-facts dt{font-size:9px;color:#6f7b62;letter-spacing:.12em;margin-bottom:10px}
.project-facts dd{font-size:12px;line-height:1.8;margin:0;color:#cbd0c2;letter-spacing:.02em}
.project-cover{position:relative;display:block;width:100%;border:0;padding:0;background:#080b08;overflow:hidden;cursor:pointer}
.project-cover>img{display:block;width:100%;height:auto;object-fit:contain}
.project-cover .poster-play{width:86px;height:86px;font-size:20px}
.project-cover:hover .poster-play{background:var(--ink);color:var(--bg)}
.project-cover .poster-caption{font-size:13px;bottom:30px;left:32px;right:32px}
.project-cover .poster-caption>span{font-size:11px}
.project-cover .poster-shade{background:linear-gradient(0deg,#060906b8,transparent 37%)}
.project-film-note{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 0;font-size:10px;letter-spacing:.08em;color:#818b75}
.project-film-note a{color:#bbc4ae;border-bottom:1px solid #445137;padding:4px 0}
.project-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project-film-item{min-width:0}.project-film-grid .project-cover{aspect-ratio:16/9}.project-film-grid .project-cover>img{height:100%}.project-film-grid .poster-play{width:64px;height:64px;font-size:17px}.project-film-grid .poster-caption{left:20px;right:20px;bottom:20px;font-size:12px}.project-film-grid .poster-caption>span{font-size:9px}.project-film-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.project-film-title h3{font-size:25px;line-height:1.5;font-weight:400;letter-spacing:.04em;margin:0}.project-film-title>span{color:var(--accent);font-size:11px;letter-spacing:.1em}.project-film-grid .project-film-note{padding-top:9px}
@media(max-width:700px){.project-film-grid{grid-template-columns:1fr;gap:35px}.project-film-title{margin-top:17px}.project-film-title h3{font-size:23px}.project-film-grid .poster-play{width:54px;height:54px;font-size:14px}.project-film-grid .poster-caption{left:14px;right:14px;bottom:14px;font-size:10px}.project-film-grid .poster-caption>span{font-size:8px}}
.project-stills{padding-top:100px;padding-bottom:110px}
.project-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:38px}
.project-section-title h2{font-size:34px;font-weight:400;letter-spacing:.03em;margin:0}
.project-section-title p{font-size:10px;letter-spacing:.17em;color:#78866a;margin:0}
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px}
.project-still{border:0;padding:0;background:none;text-align:left;display:block;min-width:0}
.project-still:last-child{grid-column:1/-1}
.project-still-image{position:relative;display:block;background:#070a07;overflow:hidden}
.project-still-image>img{width:100%;height:auto;object-fit:contain;display:block}
.project-still-image .expand-icon{right:18px;bottom:18px;transition:background .2s,color .2s}
.project-still:hover .expand-icon{background:var(--ink);color:var(--bg)}
.project-still-label{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:12px;line-height:1.8;padding-top:16px;color:#c1c9b6}
.project-still-label small{font-size:9px;color:#718260;letter-spacing:.14em;white-space:nowrap}
.project-related{border-top:1px solid var(--line);padding-top:70px;padding-bottom:88px}
.related-heading{display:flex;justify-content:space-between;gap:30px;align-items:baseline;margin-bottom:35px}
.related-heading h2{font-size:30px;font-weight:400;letter-spacing:.03em;margin:0}
.related-heading>a{font-size:11px;letter-spacing:.05em;color:#9ca98e;padding:10px 0}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.related-project{min-width:0}
.related-image{display:block;position:relative;background:#080b08;aspect-ratio:16/9;overflow:hidden}
.related-image>img{width:100%;height:100%;object-fit:contain;display:block}
.related-image>span{position:absolute;right:18px;bottom:16px;background:#070c07a6;color:#ecf0e7;padding:9px 14px;font-size:10px;letter-spacing:.05em;transition:background .2s,color .2s}
.related-project:hover .related-image>span{background:var(--ink);color:var(--bg)}
.related-copy{padding-top:18px;display:flex;justify-content:space-between;gap:20px;align-items:baseline}
.related-copy h3{font-weight:400;font-size:24px;letter-spacing:.02em;margin:0;line-height:1.6}
.related-copy p{font-size:9px;letter-spacing:.07em;color:#7e8c6d;margin:0;white-space:nowrap}
.project-footer{padding-bottom:32px}
.project-page #film-player{height:auto;object-fit:contain}
.project-page .gallery-dialog>img{object-fit:contain}
@media(min-width:1700px){.project-wrap{max-width:1700px}}
@media(max-width:1100px){.project-page .navigation{gap:20px}.project-page .nav-contact span{margin-left:8px}.project-intro-layout{gap:45px}.project-description{font-size:13px}.project-facts{gap:28px}.project-stills{padding-top:75px;padding-bottom:85px}.related-copy h3{font-size:22px}}
@media(max-width:850px){.project-page .navigation{gap:14px;font-size:11px}.project-page .brand{width:155px}.project-intro-layout{gap:32px}.project-title{font-size:54px}.project-facts{display:block}.project-facts>div{display:flex;justify-content:space-between;gap:18px;margin-bottom:10px}.project-facts dt{margin-bottom:0;align-self:center}.project-facts dd{font-size:11px}.project-cover .poster-play{width:70px;height:70px}.related-copy{display:block}.related-copy p{margin-top:7px}}
@media(max-width:700px){.project-page .header{height:80px}.project-page .brand{width:165px}.project-page .navigation{gap:7px;font-size:13px}.project-intro{padding-top:26px;padding-bottom:35px}.project-back{font-size:10px;margin-bottom:32px}.project-intro-layout{display:block}.project-kicker{font-size:9px;margin-bottom:15px}.project-title{font-size:clamp(44px,11.2vw,66px);letter-spacing:0;line-height:1.25}.project-title span{font-size:.66em;margin-top:7px}.project-description{font-size:13px;line-height:2;margin:27px 0 24px;max-width:none}.project-facts{display:flex;gap:30px;padding-top:19px}.project-facts>div{display:block;margin:0}.project-facts dt{font-size:8px;margin-bottom:8px}.project-facts dd{font-size:11px}.project-cover .poster-play{width:54px;height:54px;font-size:14px}.project-cover .poster-caption{left:14px;right:14px;bottom:14px;font-size:10px}.project-cover .poster-caption>span{font-size:8px}.project-film-note{font-size:9px;gap:12px;line-height:1.8;padding-top:14px;align-items:baseline}.project-film-note>span{max-width:60%}.project-stills{padding-top:56px;padding-bottom:60px}.project-section-title{display:block;margin-bottom:25px}.project-section-title h2{font-size:28px}.project-section-title p{font-size:8px;margin-top:12px}.project-gallery{grid-template-columns:1fr;gap:30px}.project-still:last-child{grid-column:auto}.project-still-image .expand-icon{right:11px;bottom:11px;width:27px;height:27px;font-size:16px}.project-still-label{font-size:11px;padding-top:12px;gap:15px}.project-still-label small{font-size:8px}.project-related{padding-top:45px;padding-bottom:55px}.related-heading{margin-bottom:26px;gap:20px}.related-heading h2{font-size:26px}.related-heading>a{font-size:9px}.related-grid{grid-template-columns:1fr;gap:34px}.related-copy{display:flex;padding-top:14px}.related-copy h3{font-size:22px}.related-copy p{font-size:8px;margin:0}.related-image>span{font-size:9px;right:13px;bottom:12px}.project-footer{padding-bottom:28px}}
