@font-face{font-family:ArchivoSemi;src:url('assets/archivo-semiexpanded.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--black:#090909;--chalk:#f1efe9;--muted:#a8a9a5;--line:rgba(241,239,233,.22);--pad:clamp(22px,4vw,80px);--gap:clamp(12px,1.4vw,24px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--chalk);font-family:ArchivoSemi,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,video{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--chalk);outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:#fff;color:#000;z-index:200}.skip-link:focus{top:20px}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px var(--pad)}.brand{flex:none}.brand img{width:168px;height:auto}.site-header nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,38px)}.site-header nav a,.eyebrow,.opening-line,.text-link,.intro-instagram,.opening-portrait figcaption,.collection-toolbar,.film-meta>span,.collection-foot,.blue-study figcaption,.instagram-link>span,.ending-links,.footer,.dialog-head small,.dialog-head button,.dialog-bottom{font-size:9px;letter-spacing:.14em;line-height:1.6;text-transform:uppercase}.site-header nav a{white-space:nowrap}.site-header nav a:hover,.intro-instagram:hover{opacity:.65}.eyebrow{margin:0;color:var(--muted)}
.opening{padding:125px var(--pad) 80px}.opening-line{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:15px;color:var(--muted)}.opening-line>span:last-child{text-align:right}.opening-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,32%);gap:8vw;align-items:center;padding-top:clamp(50px,6vw,100px)}.opening-copy{max-width:880px}.opening h1{font-size:clamp(64px,8.7vw,155px);font-weight:400;line-height:.91;letter-spacing:-.075em;margin:30px 0 35px}.opening h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(241,239,233,.8)}.opening-copy>p:not(.eyebrow){max-width:410px;color:#babbb5;font-size:clamp(15px,1.25vw,19px);line-height:1.6;letter-spacing:-.015em;margin:0 0 35px}.text-link{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid #a4a59f;padding:10px 0}.text-link span{font-size:18px}.intro-instagram{display:flex;align-items:center;gap:14px;width:max-content;margin-top:20px;color:var(--muted)}.opening-portrait{width:min(100%,330px);margin:0;justify-self:end}.opening-portrait img{width:100%;aspect-ratio:9/16;object-fit:cover;object-position:center}.opening-portrait figcaption{display:flex;justify-content:space-between;gap:15px;color:var(--muted);padding-top:12px;font-size:7px}
.collection{padding:80px var(--pad) 110px;scroll-margin-top:40px}.collection-heading,.field-notes-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;border-top:1px solid var(--line);padding-top:27px;margin-bottom:42px}.collection-heading h2,.field-notes h2{font-weight:400;font-size:clamp(39px,4.4vw,80px);line-height:.98;letter-spacing:-.06em;margin:28px 0 0}.collection-heading h2 em,.field-notes h2 em,.ending h2 em{font-style:normal;color:#a8a9a5}.collection-heading>p,.field-notes-heading>p{font-size:14px;line-height:1.6;color:var(--muted);max-width:300px;margin:0 0 3px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px;color:var(--muted)}.collection-controls{display:flex;align-items:center;gap:8px}.collection-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--line);background:transparent;transition:background .2s,color .2s}.collection-controls button:hover:not(:disabled){background:var(--chalk);color:var(--black)}.collection-controls button:disabled{opacity:.3;cursor:default}.collection-controls button>span{font-size:21px;line-height:1}.collection-controls #preview-toggle{border:0;margin-right:13px;font-size:8px;letter-spacing:.12em}
.film-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*var(--gap))/4);gap:var(--gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#5d5e58 transparent;padding:7px 0 21px;margin:-7px 0 0}.film-track::-webkit-scrollbar{height:3px}.film-track::-webkit-scrollbar-thumb{background:#5d5e58}.film-item{min-width:0;scroll-snap-align:start}.film-card{position:relative;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;background:#141513;border:1px solid rgba(255,255,255,.08)}.film-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-card:focus-visible{outline-offset:-5px;outline-width:2px}.watch-mark{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,.38);background:rgba(0,0,0,.4);border-radius:50%;font-size:17px;transition:background .2s}.film-card:hover .watch-mark,.film-card:focus-visible .watch-mark{background:rgba(0,0,0,.8)}.film-meta{padding-top:18px}.film-meta>span{display:block;font-size:8px;color:var(--muted)}.film-meta h3{font-size:clamp(17px,1.55vw,26px);font-weight:400;letter-spacing:-.04em;line-height:1.2;min-height:2.4em;margin:9px 0 7px}.film-meta p{font-size:12px;line-height:1.6;color:var(--muted);max-width:280px;margin:0}.collection-foot{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:14px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}
.field-notes{padding:55px var(--pad) 105px}.field-notes-heading{margin-bottom:45px}.field-notes-heading>p{max-width:330px}.blue-study{margin:0}.blue-study>video{width:100%;aspect-ratio:2.35/1;object-fit:cover;background:#092b38}.blue-study figcaption{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-top:17px;color:var(--muted);font-size:8px}.blue-study figcaption>div{display:flex;align-items:center;gap:25px}.blue-preview-toggle{font-size:8px;letter-spacing:.13em;border:0;background:none;padding:10px 0;min-height:44px}.film-open{display:inline-flex;align-items:center;min-height:44px}.instagram-link{display:grid;grid-template-columns:1fr auto 30px;align-items:center;gap:22px;padding:27px 0;margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.instagram-link strong{font-size:clamp(24px,3vw,48px);font-weight:400;letter-spacing:-.055em}.instagram-link>span:first-child{color:var(--muted)}.instagram-link>span:last-child{font-size:25px;text-align:right}.instagram-link:hover strong{color:#aaa9a5}
.ending{padding:70px var(--pad) 110px}.ending h2{font-size:clamp(50px,7vw,115px);line-height:.93;letter-spacing:-.065em;font-weight:400;margin:36px 0 60px}.ending-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid var(--line)}.ending-links a{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line);min-height:64px}.ending-links a>span{font-size:20px}.ending-links a:hover{color:#aaa9a5}.footer{padding:34px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.footer img{width:145px}.footer>a:last-child{padding:12px 0}
.film-dialog{position:fixed;inset:0;width:min(96vw,1000px);max-width:none;max-height:96svh;height:96svh;margin:auto;border:1px solid #292a26;padding:20px;background:#050505;color:var(--chalk);z-index:1000}.film-dialog::backdrop{background:rgba(0,0,0,.94)}.dialog-head,.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-head h2{margin:5px 0 0;font-size:15px;font-weight:400;letter-spacing:.02em}.dialog-head small{font-size:7px;color:var(--muted)}.dialog-head button{border:0;background:none;color:var(--chalk);cursor:pointer;padding:12px;min-height:44px}.dialog-head button span{font-size:23px;vertical-align:-2px;margin-left:8px}.film-dialog video{height:calc(96svh - 150px);width:100%;object-fit:contain;margin:12px auto;background:#000}.dialog-bottom{color:var(--muted);font-size:8px}.dialog-bottom a{min-height:36px;display:flex;align-items:center}
@media(max-width:1100px){.film-track{grid-auto-columns:calc((100% - var(--gap))/2)}.opening-grid{gap:6vw}.opening h1{font-size:9vw}.film-meta h3{font-size:24px;min-height:1.2em}}
@media(max-width:700px){.opening{padding-top:150px;padding-bottom:30px}.opening-line{font-size:7px}.opening-line>span:last-child{max-width:150px}.opening-grid{grid-template-columns:1fr;gap:35px;padding-top:45px}.opening h1{font-size:clamp(60px,13.9vw,96px);margin:24px 0 28px}.opening-copy>p:not(.eyebrow){font-size:14px;max-width:350px;margin-bottom:25px}.opening-portrait{width:62%;max-width:290px;justify-self:end}.opening-portrait figcaption{font-size:6px;gap:8px}.collection{padding-top:65px;padding-bottom:60px}.collection-heading,.field-notes-heading{display:block;margin-bottom:25px}.collection-heading h2,.field-notes h2{font-size:clamp(37px,8.8vw,59px);margin-top:24px}.collection-heading>p,.field-notes-heading>p{font-size:13px;max-width:320px;margin-top:23px}.collection-toolbar{font-size:8px;gap:8px}.collection-controls{gap:6px}.collection-controls #preview-toggle{font-size:6px;margin-right:3px;letter-spacing:.08em}.film-track{grid-auto-columns:82%;scroll-padding-inline:0}.film-meta h3{font-size:24px;min-height:1.2em}.film-meta p{font-size:12px;max-width:260px}.collection-foot{font-size:6px;gap:12px}.field-notes{padding-top:40px;padding-bottom:60px}.blue-study>video{aspect-ratio:16/10}.blue-study figcaption{align-items:flex-start;gap:12px;font-size:6px}.blue-study figcaption>div{flex-direction:column;align-items:flex-end;gap:0}.blue-preview-toggle,.film-open{font-size:6px;letter-spacing:.08em}.instagram-link{margin-top:35px;grid-template-columns:1fr 25px;gap:12px}.instagram-link>span:first-child{grid-column:1/-1;font-size:7px}.instagram-link strong{font-size:clamp(23px,6.8vw,37px)}.ending{padding-top:40px;padding-bottom:65px}.ending h2{font-size:clamp(45px,10.5vw,73px);margin:28px 0 40px}.ending-links{grid-template-columns:1fr;gap:0}.footer{flex-wrap:wrap;gap:22px;font-size:7px}.footer img{width:125px}.film-dialog{width:100vw;height:100svh;max-height:100svh;padding:14px;border:0}.film-dialog video{height:calc(100svh - 145px)}.dialog-head h2{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-track{scroll-behavior:auto;scroll-snap-type:none}.collection-controls button,.watch-mark{transition:none}}

/* Curated clean covers, matching the portrait collection on the home page. */
.film-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.13) brightness(.9);transition:filter .6s ease}
.film-card video{opacity:0;transition:opacity .5s ease}
.film-card.is-preview-ready video{opacity:1}
.film-card:hover>img,.film-card:focus-visible>img{filter:grayscale(0) contrast(1.03)}
.opening-portrait img{filter:grayscale(1) contrast(1.08)}
@media(prefers-reduced-motion:reduce){.film-card>img,.film-card video{transition:none}}
