:root{--bg:#171a19;--ink:#efede4;--dim:#b0b3a8;--acid:#dcff65;--line:#454a43;--sans:'Helvetica Neue',Arial,sans-serif;--display:'Arial Narrow','Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.4 var(--sans)}button,a{-webkit-tap-highlight-color:transparent;color:inherit}button{font:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:5px}button:hover,a:hover{color:var(--acid)}[hidden]{display:none!important}.grain{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.skip{position:absolute;top:-80px;left:20px;z-index:30;background:var(--bg);padding:12px}.skip:focus{top:10px}.masthead{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 28px;padding:23px 0 21px;border-bottom:1px solid var(--line)}.identity{font-family:var(--display);font-weight:650;font-size:clamp(27px,3vw,44px);letter-spacing:-.06em;line-height:1}.identity span{display:block;font:10px/1.4 var(--sans);letter-spacing:1.4px;text-transform:uppercase;margin-top:10px}.top-right{display:flex;align-items:center;gap:45px;font-size:12px}.dga{font-size:10px;color:var(--dim)}main{position:relative}.toolbar{position:relative;z-index:2;margin:0 28px;padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.view-tabs,.filters{display:flex;align-items:center;gap:24px}.toolbar button{font-size:12px;color:var(--dim);padding:5px 0}.toolbar button[aria-pressed=true]{color:var(--acid)}.view-tabs button{font-weight:600}.view-tabs span{margin-left:7px}.filters sup{font-size:8px}#wall{padding:0 28px}#image-wall{columns:4;column-gap:16px}.tile{break-inside:avoid;display:block;width:100%;margin:0 0 25px;text-align:left;color:var(--ink)}.tile-media{position:relative;display:block;overflow:hidden;background:#101211}.tile img{width:100%;height:auto;display:block;transition:filter .25s}.tile:hover img{filter:brightness(1.12)}.tile .play{position:absolute;bottom:12px;left:12px;background:#111b;border:1px solid #fff8;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:10px;color:white}.tile-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:8px;font-size:12px}.tile-label small{font-size:9px;color:var(--dim)}.tile-label span:last-child{font-size:15px;color:var(--acid)}.wall-end{padding:65px 0 40px;display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);margin-top:45px}.wall-end p{font-size:clamp(26px,4vw,55px);line-height:1.03;letter-spacing:-.05em;margin:0}.wall-end button{border-bottom:1px solid var(--acid);padding-bottom:9px;font-size:13px}body.index-mode{background:#111713}.index-mode .masthead{border-color:#eaffbc33}#index{min-height:calc(100svh - 174px);padding:25px 6vw 40px;position:relative;isolation:isolate}.index-atmosphere{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 90% 80%,#42564355,transparent 60%),#111713}.index-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c120ef0 0%,#0c120ec4 36%,#0c120e66 70%,#0c120e33),linear-gradient(0deg,#0c120ec9,transparent 45%,#0c120eaa)}.background-pair{position:absolute;inset:9% 0 0 12%;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:3vw;opacity:0;transform:translateX(25px);transition:opacity .55s,transform 1s cubic-bezier(.2,.65,.2,1)}.background-pair.visible{opacity:.9;transform:translateX(0)}.background-pair img{width:100%;height:83vh;object-fit:contain;filter:saturate(.85)}.background-pair.single{display:block;inset:0}.background-pair.single img{width:100%;height:100%;object-fit:contain}.background-pair img:nth-child(2){transform:translateY(9vh)}.index-heading{display:flex;justify-content:space-between;align-items:start;color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:22px}.index-heading p{font-size:12px;letter-spacing:0;text-transform:none;margin:0;text-align:right}#project-index{display:flex;flex-wrap:wrap;column-gap:28px;row-gap:2px;max-width:1150px}.index-project{display:flex;align-items:baseline;gap:8px;padding:4px 0;color:#edeedf;text-shadow:0 2px 18px #000b}.index-project .num{font:9px var(--sans);color:#b5c5a9;align-self:start;padding-top:10px}.index-project .title{font:650 clamp(30px,4.4vw,73px)/1.12 var(--display);letter-spacing:-.055em}.index-project .kind{font-size:8px;color:#b5c5a9;align-self:start;padding-top:10px;max-width:28px}.index-project:hover,.index-project:focus-visible{color:var(--acid)}.index-project:hover .title,.index-project:focus-visible .title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.index-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:45px;font-size:12px;color:var(--dim)}#open-preview{color:var(--acid);font-size:15px;border-bottom:1px solid;padding-bottom:9px}dialog{border:0;margin:0;width:100%;height:100svh;max-width:100%;max-height:100svh;background:#161a18;color:var(--ink);padding:0;overflow-y:auto}dialog::backdrop{background:#000b}dialog[open]{animation:appear .3s ease}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.project-nav{position:sticky;top:0;z-index:8;display:flex;justify-content:space-between;align-items:center;padding:15px 4vw;background:#151916ed;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff20;font-size:12px}.project-nav>div{display:flex;gap:12px}.project-nav button{min-height:36px;min-width:36px}.project-nav>span{color:var(--dim);font-size:10px}.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:40px 5vw 35px;align-items:end}.project-intro small{font-size:10px;color:var(--acid);letter-spacing:1px;text-transform:uppercase}.project-intro h1{font:650 clamp(38px,6vw,88px)/1 var(--display);letter-spacing:-.055em;margin:14px 0 10px}.project-intro p{color:#c5c8bb;max-width:490px;font-size:15px;line-height:1.6;margin:0}.project-intro .subtitle{font-size:12px}.project-gallery{padding:0 5vw 60px;columns:3;column-gap:25px}.project-gallery button{display:block;break-inside:avoid;width:100%;margin:0 0 24px;cursor:zoom-in}.project-gallery img{display:block;width:100%;height:auto}.project-gallery small{display:block;color:var(--dim);text-align:left;font-size:9px;margin-top:7px}.project-gallery.pola{columns:4;column-gap:18px;padding:15px 4vw 70px;background:radial-gradient(ellipse at 35% 20%,#41463866,transparent 65%)}.film-stage{padding:0 5vw 35px;max-width:1600px;margin:auto}.film-stage video{display:block;width:100%;max-height:72svh;background:#090b0a;object-fit:contain}.film-note{font-size:11px;color:var(--dim);margin:13px 0}.continue{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);margin:30px 5vw 0;padding:35px 0 60px}.continue small{color:var(--dim);font-size:10px}.continue button{font-size:clamp(26px,4vw,50px);letter-spacing:-.04em}.close{position:absolute;right:25px;top:20px;z-index:3;padding:10px 14px;background:#121612;border:1px solid #ffffff30;color:#f3f3e8;font-size:12px}#lightbox{padding:80px 4vw 75px;overflow:hidden;background:#101411}#lightbox-image{width:100%;height:100%;object-fit:contain}.lightbox-nav{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:30px}.lightbox-nav button{padding:8px 20px;font-size:25px}.lightbox-nav span{font-size:12px}.info-copy{max-width:950px;padding:12vh 9vw}.info-copy small{font-size:11px;color:var(--dim)}.info-copy h2{font-size:clamp(55px,8vw,110px);line-height:.99;letter-spacing:-.05em;font-weight:500;margin:30px 0}.info-copy em{color:var(--acid);font-style:normal}.info-copy p{font-size:20px;max-width:470px;color:#c5c8bb;line-height:1.5}.info-copy>a{display:inline-block;color:var(--acid);font-size:20px;border-bottom:1px solid;padding-bottom:7px}.info-copy .contact{font-size:14px;line-height:1.9}@media(min-width:1700px){#image-wall{columns:5}#project-index{max-width:1500px}}@media(max-width:1050px){#image-wall{columns:3}.top-right{gap:20px}.index-project .title{font-size:clamp(32px,5.6vw,62px)}.project-gallery.pola{columns:3}.toolbar{align-items:start}.filters{gap:15px}.view-tabs{gap:14px}}@media(max-width:700px){.masthead{margin:0 17px;padding:20px 0}.identity{font-size:31px}.identity span{font-size:8px;letter-spacing:.8px}.top-right{display:block;text-align:right;font-size:11px}.dga{display:block;font-size:8px;margin-bottom:8px}.toolbar{margin:0 17px;display:block;padding:15px 0}.view-tabs{gap:25px;margin-bottom:12px}.filters{justify-content:space-between;gap:12px}.toolbar button{font-size:11px}#wall{padding:0 14px}#image-wall{columns:2;column-gap:11px}.tile{margin-bottom:19px}.tile-label{font-size:10px;gap:6px}.tile-label small{font-size:8px}.wall-end{display:block;padding:40px 0}.wall-end button{margin-top:25px}#index{padding:15px 20px 40px}.index-heading{margin-bottom:25px}#project-index{gap:8px 19px}.index-project .title{font-size:clamp(28px,8vw,48px)}.index-project .num{font-size:7px}.index-project .kind{display:none}.background-pair{inset:0 -20% 0 0;gap:0;grid-template-columns:1fr 1fr}.background-pair img{height:85svh}.index-atmosphere:after{background:linear-gradient(90deg,#0c120ec9,#0c120e88),linear-gradient(0deg,#0c120e,transparent 70%)}.index-bottom{font-size:10px;align-items:end}#open-preview{font-size:13px;white-space:nowrap}.project-nav{padding:10px 17px}.project-intro{display:block;padding:30px 5vw}.project-intro h1{font-size:47px}.project-intro p{font-size:14px}.project-intro>p{margin-top:18px}.project-gallery,.project-gallery.pola{columns:2;column-gap:12px;padding-left:4vw;padding-right:4vw}.project-gallery small{font-size:8px}.film-stage{padding:0 3vw 25px}.info-copy{padding:14vh 7vw}.info-copy p{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Index-first refinement: edge-to-edge imagery, quiet names until interaction. */
.background-pair{inset:0;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;transform:none}
.background-pair.visible{opacity:1;transform:none}
.background-pair img,.background-pair.single img{height:100%;min-height:0;min-width:0;object-fit:cover;filter:none}
.background-pair img:nth-child(2){transform:none}
.background-pair.polaroids img{object-fit:contain}
.index-atmosphere:after{background:linear-gradient(90deg,#0c120e8c,#0c120e38 65%),linear-gradient(0deg,#0c120eb3,transparent 50%,#0c120e99)}
.index-project{opacity:.48;transition:opacity .22s,color .22s}
.index-project:hover,.index-project:focus-visible{opacity:1}
@media(max-width:700px){
 .background-pair{inset:0;grid-template-columns:1fr}
 .background-pair img:nth-child(2){display:none}
 .background-pair img{height:100%}
 .index-atmosphere:after{background:linear-gradient(90deg,#0c120e99,#0c120e66),linear-gradient(0deg,#0c120eb3,transparent 65%)}
 .index-project{opacity:.62}
 .index-project:hover,.index-project:focus-visible{opacity:1}
}
@media(prefers-reduced-motion:reduce){.index-project{transition:none}}
/* Continuous reading sequence beneath the index. */
#project-flow{position:relative;z-index:1;background:var(--bg)}
.flow-project{position:relative;background:var(--bg);scroll-margin-top:0}
.flow-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:10px 5vw;background:#171a19ee;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff20;font-size:11px}
.flow-nav button{min-height:38px}.flow-nav span{color:var(--dim)}.flow-nav small{font-size:10px;color:var(--dim)}
.project-intro h2{font:650 clamp(38px,6vw,88px)/1 var(--display);letter-spacing:-.055em;margin:14px 0 10px}
.next-feature{position:relative;isolation:isolate;display:block;width:100%;height:72svh;min-height:340px;text-align:left;overflow:hidden;background:#101411}
.next-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.next-feature.pola img{object-fit:contain}
.next-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07100ce6,transparent 80%);z-index:-1}
.next-feature .next-copy{display:flex;position:absolute;left:5vw;right:5vw;bottom:8vh;flex-direction:column;align-items:start;gap:20px;color:var(--ink)}
.next-feature small{font-size:11px;text-transform:uppercase;letter-spacing:1px}
.next-feature strong{font:650 clamp(45px,8vw,120px)/.98 var(--display);letter-spacing:-.055em}
.next-feature em{font-size:13px;font-style:normal;color:var(--acid)}
.next-feature:hover strong{color:var(--acid)}
.flow-end{padding:12vh 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.flow-end p{color:var(--dim)}.flow-end button{color:var(--acid)}
/* Information follows a quiet editorial hierarchy. */
.contact-page{max-width:1320px;margin:auto;padding:80px 7vw 70px}
.contact-page header{margin-bottom:70px}.contact-page h2{font:600 clamp(28px,4vw,44px)/1 var(--sans);letter-spacing:-.045em;margin:0 0 14px}
.contact-page header p{margin:0 0 10px;font-size:12px}.contact-page header small{color:var(--dim);font-size:10px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 8vw}.contact-grid h3{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;font-weight:500;color:var(--dim);margin:0 0 19px}
.contact-grid p{font-size:17px;line-height:1.85;margin:0;max-width:540px}.contact-grid a{overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:5px}
#project-index:has(.index-project:hover) .index-project:focus-visible:not(:hover){opacity:.48;color:#edeedf;outline:none}
#project-index:has(.index-project:hover) .index-project:focus-visible:not(:hover) .title{text-decoration:none}
@media(max-width:700px){.flow-nav{gap:10px;padding:8px 4vw}.flow-nav span{max-width:40%;text-align:center}.project-intro h2{font-size:47px}.next-feature{height:65svh;min-height:300px}.flow-end{display:block}.contact-page{padding:90px 7vw 50px}.contact-page header{margin-bottom:45px}.contact-grid{grid-template-columns:1fr;gap:38px}.contact-grid p{font-size:16px}.contact-grid h3{margin-bottom:12px}}

/* The next-project feature is the end of the page, with two separate choices. */
.next-open{position:absolute;inset:0;width:100%;height:100%;text-align:left}
.next-index{position:absolute;right:5vw;bottom:8vh;z-index:2;min-height:44px;padding:12px 0;color:var(--ink);border-bottom:1px solid #ffffff70;font-size:13px}
.next-feature .next-copy{right:22vw;pointer-events:none}
@media(max-width:700px){.next-feature .next-copy{right:5vw;bottom:14vh}.next-index{bottom:3vh;left:5vw;right:auto}.next-feature strong{font-size:clamp(40px,10vw,70px)}}

/* Photographic spreads use scale and pairings, rather than equal-width columns. */
.project-gallery.editorial-gallery{columns:unset;display:flex;flex-direction:column;gap:clamp(35px,6vw,100px);padding:15px 5vw 7vw}
.gallery-spread{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2.3vw,38px);align-items:center}
.editorial-gallery .photo-frame{grid-column:span var(--span);min-width:0;margin:0;align-self:center}
.editorial-gallery img{width:100%;height:auto;object-fit:contain}
.editorial-gallery .spread-1{align-items:end}.editorial-gallery .spread-1 .photo-frame{align-self:end}
.editorial-gallery .spread-2 .photo-frame:first-child{align-self:start}
.editorial-gallery .turkey-closing{align-items:end}.editorial-gallery .turkey-closing .photo-frame{align-self:end}
.editorial-gallery .turkey-closing .photo-frame:last-child{grid-column:5 / span 8}
@media(max-width:700px){
 .project-gallery.editorial-gallery{padding:0 4vw 45px;gap:32px}
 .gallery-spread{gap:28px}
 .editorial-gallery .photo-frame,.editorial-gallery .turkey-closing .photo-frame:last-child{grid-column:1 / -1}
}

/* Source films load only when selected for playback. */
.embedded-film{aspect-ratio:16/9;max-height:72svh;background:radial-gradient(ellipse at 70% 20%,#303b30,#0b100d 70%);position:relative;overflow:hidden}
.embedded-film iframe{display:block;width:100%;height:100%;border:0;position:absolute;inset:0}
.film-launch{width:100%;height:100%;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;color:var(--ink);padding:30px}
.film-launch>span{width:64px;height:64px;border:1px solid #dcff6580;border-radius:50%;display:grid;place-items:center;color:var(--acid)}
.film-launch strong{font-size:clamp(20px,3vw,44px);font-weight:500;letter-spacing:-.03em;text-align:center}
.film-launch em{font-size:12px;color:var(--dim);font-style:normal}
@media(max-width:700px){.film-launch{gap:12px;padding:15px}.film-launch>span{width:44px;height:44px}.film-launch strong{font-size:20px}}
