.brand img{width:125px;height:auto}
.work-head{padding:180px var(--pad) 80px;border-bottom:1px solid var(--line)}
.work-head h1{font-size:clamp(70px,11vw,175px);line-height:.8;letter-spacing:-.08em;font-weight:500;margin:25px 0 45px}
.work-head h1 em{color:#f03a2e;font-style:normal}
.work-head>p:last-child{max-width:650px;color:#aaa;font-size:18px}
.bts-feature{display:grid;grid-template-columns:1.55fr 1fr;min-height:520px;margin:0 var(--pad);background:#f03a2e;color:#fff;overflow:hidden}
.bts-feature-image{overflow:hidden}
.bts-feature-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .35s}
.bts-feature:hover .bts-feature-image img{transform:scale(1.025);filter:saturate(1)}
.bts-feature-copy{display:flex;flex-direction:column;padding:45px;min-width:0}
.bts-feature-copy .section-no{color:#fff9}
.bts-feature-copy h2{font-size:clamp(48px,6vw,92px);line-height:.88;letter-spacing:-.07em;font-weight:500;margin:auto 0 42px}
.bts-feature-copy span{font:11px DM Mono;text-transform:uppercase;border-bottom:1px solid #fff8;padding-bottom:8px;width:max-content}
.work-index{padding:40px var(--pad) 120px}
.work-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}
.work-toolbar>p{font:12px DM Mono;text-transform:uppercase;color:#777}
.work-toolbar>p span{color:#fff}
.work-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.work-filters button{appearance:none;border:1px solid var(--line);border-radius:999px;background:transparent;color:#888;padding:9px 14px;font:11px DM Mono;text-transform:uppercase;cursor:pointer}
.work-filters button:hover,.work-filters button.active{background:#fff;color:#090909;border-color:#fff}
.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 14px}
.film-card{margin:0}
.film-card[hidden]{display:none}
.film-card>button{all:unset;display:block;width:100%;cursor:pointer}
.film-still{position:relative;overflow:hidden;background:#181818;aspect-ratio:16/9}
.film-still img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .35s;filter:saturate(.86)}
.film-card:hover .film-still img{transform:scale(1.025);filter:saturate(1)}
.film-play{position:absolute;left:18px;bottom:18px;width:48px;height:48px;border:0;border-radius:50%;background:#f03a2e;color:#fff;font-size:15px;display:grid;place-items:center;opacity:0;transform:translateY(8px);transition:.25s}
.film-card:hover .film-play,.film-card:focus-within .film-play{opacity:1;transform:none}
.film-info{display:grid;grid-template-columns:1fr auto;gap:20px;padding-top:12px}
.film-info h2{font-size:19px;font-weight:500;line-height:1.15;margin:0;letter-spacing:-.025em}
.film-info p{font:11px DM Mono;text-transform:uppercase;color:#777;margin:4px 0 0}
.film-info time{font:11px DM Mono;color:#666}
.vimeo-link{text-align:right;margin-top:65px;font:11px DM Mono;text-transform:uppercase}
.vimeo-link a{border-bottom:1px solid #555}
.film-dialog{width:min(1200px,94vw);padding:0;border:0;background:#080808;color:#fff;box-shadow:0 30px 100px #000}
.film-dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}
.dialog-close{position:absolute;z-index:3;right:14px;top:12px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#080808;font-size:28px;line-height:1;cursor:pointer}
.player-wrap{aspect-ratio:16/9;background:#000}
.player-wrap iframe{width:100%;height:100%;border:0}
.dialog-meta{padding:22px 26px 28px}
.dialog-meta p{font:11px DM Mono;text-transform:uppercase;color:#f03a2e;margin:0 0 7px}
.dialog-meta h2{font-size:clamp(24px,3vw,42px);letter-spacing:-.04em;margin:0}
.work-contact{padding:100px var(--pad);border-top:1px solid var(--line)}
.work-contact a{display:inline-block;margin-top:20px;font-size:clamp(28px,5vw,70px);letter-spacing:-.05em;border-bottom:2px solid #f03a2e}
@media(max-width:760px){.brand img{width:105px}.work-head{padding-top:140px}.bts-feature{grid-template-columns:1fr;min-height:0}.bts-feature-image{aspect-ratio:4/3}.bts-feature-copy{min-height:330px;padding:28px}.bts-feature-copy h2{margin:auto 0 35px}.work-index{padding-top:26px}.work-toolbar{align-items:flex-start;gap:20px;flex-direction:column}.work-filters{justify-content:flex-start}.film-grid{grid-template-columns:1fr;gap:42px}.film-play{opacity:1;transform:none;width:42px;height:42px}.film-dialog{width:100vw}.dialog-close{right:8px;top:8px}}
.bts-section{padding:140px var(--pad);border-top:1px solid var(--line);background:#efeee9;color:#090909}
.bts-head{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:45px;align-items:end;margin-bottom:60px}
.bts-head .section-no{color:#666}
.bts-head h2{font-size:clamp(48px,7vw,110px);line-height:.9;letter-spacing:-.07em;font-weight:500;margin:0}
.bts-head h2 em{color:#f03a2e;font-style:normal}
.bts-head>p:last-child{color:#555;font-size:17px}
.bts-collage{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:10px;margin-bottom:70px}
.bts-collage img{width:100%;height:100%;min-height:310px;object-fit:cover;filter:saturate(.82)}
.bts-collage img:first-child{min-height:520px}
.bts-grid{gap:58px 14px}
.bts-grid .film-still{background:#d9d8d3}
.bts-grid .film-info h2{color:#090909}
.bts-grid .film-info p{color:#666}
.bts-vimeo-link{text-align:right;margin-top:65px;font:11px DM Mono;text-transform:uppercase}
.bts-vimeo-link a{border-bottom:1px solid #999}
@media(max-width:760px){.bts-section{padding:90px var(--pad)}.bts-head{grid-template-columns:1fr;margin-bottom:40px}.bts-collage{grid-template-columns:1fr 1fr}.bts-collage img,.bts-collage img:first-child{min-height:240px}.bts-collage img:first-child{grid-column:span 2;height:420px}.bts-grid{grid-template-columns:1fr;gap:42px}}
.film-play{font-size:0;background:rgba(8,8,8,.78);border:1px solid rgba(255,255,255,.65);backdrop-filter:blur(8px)}.film-play::before{content:"";display:block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #fff;margin-left:2px}.film-card:hover .film-play,.film-card:focus-within .film-play{background:#f03a2e;border-color:#f03a2e}
