.site-header .wordmark{width:155px}.site-header.scrolled .wordmark{width:120px}
.work-filters button+button{border-left:0}
.project-template{background:var(--ink)}
.template-hero{width:100%;background:#030303;position:relative}
.template-hero-video{display:block;width:100%;height:min(100svh,56.25vw);min-height:380px;object-fit:cover;background:#030303}
.template-overview{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:75px 4vw 85px}
.template-identity h1{font-family:'DM Sans',Arial,sans-serif;font-weight:800;font-size:clamp(38px,5.5vw,94px);line-height:.9;text-transform:uppercase;letter-spacing:-.06em;margin:0}
.template-identity>p{font-size:clamp(16px,2vw,30px);text-transform:uppercase;font-weight:400;line-height:1.08;margin-top:6px}
.template-description>p{font-size:clamp(16px,1.45vw,20px);line-height:1.45;max-width:54ch}
.template-facts{display:grid;gap:22px;margin:36px 0 0}
.template-facts dt{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.template-facts dd{margin:0;color:var(--muted);font-size:14px;line-height:1.4;max-width:52ch}
.template-gallery{display:flex;flex-wrap:wrap;gap:6px;margin:0 6px 6px;align-content:flex-start}
.template-media{margin:0;min-width:0;flex:none;overflow:hidden;background:#030303}
.template-media img{display:block;width:100%;height:100%;object-fit:cover}
.template-media video{display:block;width:100%;height:auto;max-height:90svh;object-fit:contain;background:#030303;aspect-ratio:16/9}
@media(max-width:720px){.site-header .wordmark,.site-header.scrolled .wordmark{width:105px}.template-hero-video{height:65svh;min-height:320px}.template-overview{grid-template-columns:1fr;gap:32px;padding:44px 6vw}.template-identity h1{font-size:clamp(38px,10vw,66px)}.template-identity>p{font-size:18px}.template-description>p{font-size:16px}.template-facts{margin-top:28px}.template-media video{max-height:70svh}}
.template-hero:after{content:'';position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(#0009,transparent);pointer-events:none}
.template-identity h1{font-weight:450;text-transform:none;font-size:clamp(50px,6.3vw,104px);line-height:.9;letter-spacing:-.06em}
.template-identity h1 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic}
.template-identity>p{margin-top:16px}
.template-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:calc((100vw - 42px)/9);grid-auto-flow:dense;gap:6px}
.template-media-image{grid-column:span 2;grid-row:span 4}
.template-media-small{grid-column:span 1;grid-row:span 2}
.template-media-video{grid-column:span 4;grid-row:span 3}
.template-gallery .template-media video{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover}
.template-next{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:340px;height:45svh;max-height:560px;text-align:center;overflow:hidden;background:#030303;margin-top:6px;padding:40px 6vw}
.template-next>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;z-index:-1;pointer-events:none;transition:opacity .4s}
.template-next p{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}
.template-next h2{font-size:clamp(40px,6vw,90px);font-weight:650;line-height:1;text-transform:uppercase;letter-spacing:-.045em}
.template-next h2 span{font-size:.45em;vertical-align:middle}
.template-next:hover>video,.template-next:focus-visible>video{opacity:.25}
.template-next:hover h2,.template-next:focus-visible h2{color:var(--acid)}
@media(min-width:1400px){.template-gallery{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:calc((100vw - 54px)/12)}}
@media(max-width:720px){.template-identity h1{font-size:clamp(48px,12vw,78px)}.template-gallery{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:calc((100vw - 30px)/6)}.template-media-small{grid-column:span 2;grid-row:span 3}.template-media-video{grid-column:span 4;grid-row:span 3}.template-next{min-height:280px;height:38svh}}
@media(prefers-reduced-motion:reduce){.template-next>video{transition:none}}
.template-gallery{display:flex;flex-direction:column;gap:6px}
.template-media-row{display:flex;justify-content:center;gap:6px;width:100%;background:#030303}
.template-media-row .template-media{flex:none}
.template-media-spaced{padding:clamp(18px,4vw,65px)}
.template-media-spaced img{object-fit:contain}
.template-gallery>.template-media-video{width:100%;height:auto}
.template-gallery>.template-media-video video{height:auto;aspect-ratio:16/9;max-height:80svh;object-fit:contain}
.template-next p{margin-bottom:5px;line-height:1.1}
@media(max-width:720px){.template-media-spaced{padding:18px}}
.template-gallery{gap:clamp(28px,4vw,60px)}
.template-media-row{gap:6px}
.template-media-spaced{padding:0}
.template-media-row img{object-fit:cover}
@media(max-width:720px){.template-gallery{gap:28px}}

.template-credit{margin-top:28px;font-size:15px!important}.template-credit a{text-decoration:underline;text-underline-offset:4px}.template-credit a:hover{color:var(--acid)}.template-description>.template-disclaimer{font-size:12px;line-height:1.5;color:var(--muted);margin-top:24px;max-width:65ch}

.template-hero-video.template-hero-contain{object-fit:contain;height:90svh;min-height:0}

.template-hero-image{display:block;width:100%;height:auto;max-height:95svh;object-fit:cover}
.template-next>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;z-index:-1}
.template-gallery.template-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:11vw;gap:6px;grid-auto-flow:dense}
.template-bento>.template-media{grid-column:span 2;grid-row:span 4;width:100%;height:100%}
.template-bento>.template-media:nth-child(9n+1){grid-column:span 4;grid-row:span 4}
.template-bento>.template-media:nth-child(9n+5){grid-column:span 4;grid-row:span 3}
@media(max-width:720px){.template-gallery.template-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:29vw}.template-bento>.template-media{grid-column:span 1;grid-row:span 2}.template-bento>.template-media:nth-child(9n+1),.template-bento>.template-media:nth-child(9n+5){grid-column:span 2;grid-row:span 2}}

/* Keep still-image heroes in their original proportions. */
.template-hero-image{max-height:none;height:auto;object-fit:contain}

/* Supplied Nightwolf mark, fitted within the navigation height. */
.site-header .wordmark{width:80px}.site-header.scrolled .wordmark{width:58px}
@media(max-width:720px){.site-header .wordmark,.site-header.scrolled .wordmark{width:60px}}

.project-video-controls{display:flex;align-items:center;gap:12px;padding:12px 4vw;background:#10100e;position:relative;z-index:1}
.project-video-controls button{min-height:44px;padding:10px 18px;border:1px solid #ffffff50;border-radius:24px;font-size:13px;color:#efefe8;background:#191918}
.video-control-status{font-size:12px;color:#aaa99f}
@media(max-width:720px){
body[data-project="true"] .site-header,body[data-project="true"] .site-header.scrolled{position:relative;height:92px;background:#10100e;border-bottom:0;backdrop-filter:none}
body[data-project="true"] .project-head{padding-top:35px}
.project-video-controls{padding:12px 5vw;flex-wrap:wrap}
.video-control-status:empty{display:none}
}