/* One photographic identity, with three deliberately different story formats. */
.project{padding-top:24px;padding-bottom:80px}
.project-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.project-topline .eyebrow{font-size:11px;letter-spacing:.4px}
.project-topline a,.project-topline button{min-height:44px;display:inline-flex;align-items:center;font-size:12px}
.project-topline a:hover,.project-topline button:hover{color:var(--accent)}
.project-cover{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:54px 0 64px}
.project .project-heading{display:block;grid-column:1/6;grid-row:1;margin:0;padding-top:18px;min-width:0}
.project .project-heading h1{font:clamp(100px,12vw,180px)/.9 var(--serif);letter-spacing:-3px;margin:25px 0 27px;overflow-wrap:normal}
.project-heading h1 em{color:#c4c4b7}
.project .project-heading h1:focus{outline:none}
#project-description{color:var(--muted);font-size:15px;line-height:1.7;max-width:310px}
.cover-rule{display:block;width:38px;height:1px;background:var(--accent);margin-top:28px}
.project .project-hero{grid-column:7/13;grid-row:1/3;justify-self:center;align-self:start;max-width:355px;margin:0;width:100%}
.project .photo-button{height:auto;background:none;width:100%;display:block;position:relative}
.project .photo-button img{width:100%;height:auto;object-fit:contain;display:block}
.project-companion{grid-column:2/6;grid-row:2;align-self:end;min-width:0}
.project figcaption{display:flex;justify-content:space-between;font:11px/1.5 var(--mono);gap:12px;margin-top:12px;color:var(--muted)}
.project figcaption>span:last-child{white-space:nowrap;max-width:none}
.project .photo-button::before,.project .photo-button::after{content:"";position:absolute;width:11px;height:11px;border-style:solid;border-color:var(--ink);opacity:0;transition:opacity .18s;pointer-events:none}
.project .photo-button::before{left:-5px;top:-5px;border-width:1px 0 0 1px}.project .photo-button::after{right:-5px;bottom:-5px;border-width:0 1px 1px 0}
.project .photo-button:hover::before,.project .photo-button:hover::after,.project .photo-button:focus-visible::before,.project .photo-button:focus-visible::after,.entered-frame .photo-button::before,.entered-frame .photo-button::after{opacity:1}
.cover-note{grid-column:7/13;grid-row:3;justify-self:center;width:355px;max-width:100%;font:italic 26px/1.12 var(--serif);white-space:pre-line;color:#c4c4b7;padding-left:25px;border-left:1px solid var(--line)}
.project[data-collection=southern-france] .project-heading h1{font-size:clamp(72px,8.4vw,124px);line-height:.98;letter-spacing:-1.6px}
.project[data-collection=southern-france] .project-hero{max-width:none;align-self:center}
.project[data-collection=southern-france] .project-companion{grid-column:2/6}
.project[data-collection=amsterdam] .project-heading{grid-column:1/-1;display:grid;grid-template-columns:8fr 4fr;column-gap:35px;padding-top:0}
.project[data-collection=amsterdam] .project-heading .eyebrow{grid-column:1/-1}
.project[data-collection=amsterdam] .project-heading h1{font-size:clamp(90px,11.4vw,170px);margin-bottom:10px}
.project[data-collection=amsterdam] #project-description{align-self:end;padding-bottom:12px}
.project[data-collection=amsterdam] .cover-rule{display:none}
.project[data-collection=amsterdam] .project-hero{grid-column:1/10;grid-row:2;max-width:none;margin-top:12px}
.project[data-collection=amsterdam] .project-companion{grid-column:10/13;grid-row:2;align-self:end;margin-bottom:22px}
.project[data-collection=amsterdam] .cover-note{grid-column:10/13;grid-row:3;width:auto;justify-self:start;font-size:23px;padding-left:18px}
.frame-index{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:40px;width:100%;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.frame-index-heading h2{font:32px/1.1 var(--serif);letter-spacing:-.3px}.frame-index-heading h2 span{font:11px var(--mono);color:var(--muted);margin-left:8px;vertical-align:super}
.frame-index-heading p{font-size:13px;color:var(--muted);margin-top:10px}
.frame-index-buttons{display:flex;gap:14px;overflow-x:auto;align-items:end;padding:4px 3px 8px;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}
.index-frame{padding:4px 0;text-align:left;min-height:44px;flex:0 0 64px}.index-frame img{height:65px;width:100%;object-fit:contain;object-position:center bottom;transition:opacity .18s}.index-frame span{display:block;font:11px var(--mono);color:var(--muted);margin-top:10px;text-align:center}
.index-frame:hover img{opacity:.75}.index-frame:hover span{color:var(--accent)}
.project-sequence{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin:80px 0 90px}
.sequence-note{grid-column:1/4;grid-row:1;padding-top:12px}.sequence-note h2{font:italic clamp(32px,3.2vw,46px)/1.08 var(--serif);letter-spacing:-.5px;margin:0 0 17px}.sequence-note p{font-size:14px;line-height:1.7;color:var(--muted);max-width:220px}
.project .project-grid{grid-column:5/13;grid-row:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:50px 24px;margin:0;align-items:start}
.project .project-grid figure{padding:0;min-width:0;margin:0;grid-column:1/-1}
.project .project-grid figure:nth-child(3n+2){grid-column:1/7}.project .project-grid figure:nth-child(3n+3){grid-column:8/13;margin-top:65px}
.project .project-grid figure[data-shape=portrait]{max-width:330px;justify-self:center;width:100%}
.project .project-grid .photo-button{transition:none}.project .project-grid .photo-button:hover{filter:none}
.artist-chapter{border-top:1px solid var(--line);padding-top:60px}
.project .artist-chapter .project-grid figure{grid-column:1/-1;max-width:none;margin:0}
.project .artist-chapter .project-grid figure:nth-child(2){grid-column:1/10}.project .artist-chapter .project-grid figure:nth-child(3){grid-column:3/13}
.project[data-collection=amsterdam] .project-grid{grid-column:1/9}.project[data-collection=amsterdam] .sequence-note{grid-column:10/13}
.project[data-collection=amsterdam] .project-grid figure:nth-child(2){grid-column:3/11;margin-top:0}
/* Silent autoplay keeps each film within the photographic composition. */
.film-cover{display:grid;grid-template-columns:1fr 1fr;gap:24px 8vw;padding:50px 0 65px;align-items:start}
.project .film-cover .project-heading{grid-column:1;grid-row:1;padding-top:30px}
.project .film-cover .project-heading h1{font-size:clamp(78px,8.2vw,124px);letter-spacing:-1.5px;line-height:1}
.film-player{grid-column:2;grid-row:1/3;width:100%;max-width:370px;justify-self:center;margin:0}
.film-player video{width:100%;height:auto;display:block;background:#0b0c0a;aspect-ratio:9/16;object-fit:contain}
.film-context{grid-column:1;grid-row:2;max-width:360px;margin-top:5px}
.film-context>p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted);margin:15px 0}.film-context .film-credits{font-family:var(--mono);font-size:12px!important;line-height:1.8!important}.film-context a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.project .film-cover.wide .project-heading{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:0 8vw;padding-top:0}
.film-cover.wide .project-heading .eyebrow{grid-column:1/-1}.film-cover.wide #project-description{align-self:center;max-width:350px}.film-cover.wide .cover-rule{display:none}
.film-cover.wide .film-player{grid-column:1/-1;grid-row:2;max-width:none}.film-cover.wide video{aspect-ratio:16/9}.film-cover.wide .film-context{grid-column:2;grid-row:3;max-width:440px}
.project .film-stills .project-grid figure:first-child{grid-column:1/-1}.project .film-stills .project-grid figure:nth-child(2){grid-column:1/6}.project .film-stills .project-grid figure:nth-child(3){grid-column:7/13;margin-top:65px}
.study-cover{display:grid;grid-template-columns:1fr 1.8fr;gap:5vw;padding:45px 0 60px;align-items:center}
.project .study-cover .project-heading{grid-column:1;grid-row:1;padding:0}.project .study-cover .project-heading h1{font-size:clamp(62px,6.5vw,98px);line-height:1;letter-spacing:-1.5px}.project .study-cover .project-hero{grid-column:2;grid-row:1;max-width:none;align-self:center}
.project[data-collection=joshua-tree] .study-cover{display:block}.project[data-collection=joshua-tree] .project-heading{max-width:650px;margin-bottom:40px}.project[data-collection=joshua-tree] .project-hero{width:100%}
.project .short-study .project-grid figure{grid-column:1/-1;margin-top:0}.project .short-study .project-grid figure[data-shape=portrait]{max-width:450px}
.project-outro{display:grid;grid-template-columns:1fr 1fr;gap:12vw;border-top:1px solid var(--line);padding-top:60px;align-items:end}.project-booking h2{font:clamp(66px,7vw,105px)/.95 var(--serif);letter-spacing:-1.4px;margin:25px 0}.project-booking h2 em{color:#c4c4b7}.project-booking>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}
.project-book-link{display:flex;justify-content:space-between;gap:40px;align-items:center;border-bottom:1px solid #717568;max-width:300px;font-size:14px;padding:17px 0 12px;margin-top:16px;min-height:44px}.project-book-link:hover{color:var(--accent);border-color:var(--accent)}
.next-project-card{display:block;min-width:0}.next-project-card>.eyebrow{display:block;font-size:11px;letter-spacing:.4px;margin-bottom:21px}.next-project-image{position:relative}.next-project-image img{width:100%;height:auto;max-height:280px;object-fit:contain;object-position:left bottom}.next-project-image>span{position:absolute;right:13px;bottom:13px;width:35px;height:35px;display:grid;place-items:center;background:var(--bg);font-size:20px}.next-project-name{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:15px 0}.next-project-name>span:first-child{font:36px/1.1 var(--serif);letter-spacing:-.5px}.next-project-name>span:last-child{font:11px var(--mono);color:var(--muted)}
.viewer-thumbnails{display:flex;flex:none;align-items:center;justify-content:safe center;flex-wrap:nowrap;gap:12px;width:100%;padding:14px 16px 0;overflow-x:auto;scrollbar-width:thin}.viewer-thumbnails button{flex:0 0 66px;padding:4px;min-height:44px;height:48px;border:1px solid transparent;opacity:.5}.viewer-thumbnails img{width:100%;height:100%;object-fit:contain}.viewer-thumbnails button[aria-current=true]{border-color:var(--accent);opacity:1}.viewer-thumbnails button:hover{opacity:1}
/* Expanded collection, still led by the people and the work. */
.project-shortcuts{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.project-shortcuts p{font:11px/1.5 var(--mono);color:var(--muted)}.project-shortcuts a{font:30px/1.1 var(--serif);min-height:44px;display:flex;align-items:center;gap:8px}.project-shortcuts sup{font:11px var(--mono)}
.work .section-heading h1{font-size:clamp(62px,7vw,104px);line-height:.98;letter-spacing:-1.5px}.work .section-heading{grid-template-columns:1fr 3fr}
.work-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:35px}.work-filters{display:flex;gap:28px}.work-filters button{min-height:44px;font-size:14px;color:var(--muted)}.work-filters button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:8px}.work-filters sup{font:9px var(--mono);margin-left:4px}#work-result{font:11px var(--mono);color:var(--muted)}
.work .work-grid{gap:65px 5vw;align-items:start}.work .work-card:nth-child(2n){padding-top:65px}.work .work-image{height:auto;position:relative;overflow:visible}.work .work-image img{width:100%;height:auto;object-fit:contain;transition:opacity .2s;transform:none}.work .work-image.is-film{max-width:310px;margin:auto}.work .work-card:hover img{transform:none;opacity:.85}.work-film-label{position:absolute;bottom:12px;left:12px;background:#151714e6;padding:9px 12px;font:11px var(--mono)}.work .work-card h2{font:40px/1.1 var(--serif);letter-spacing:-.5px}.work .work-card>div:last-child{display:block;border-bottom:1px solid var(--line);padding:18px 0}.work .work-card>div:last-child>span{display:flex;justify-content:space-between;font:11px/1.5 var(--mono);margin-top:12px;gap:10px}.work-card i{margin-left:auto}
.studies-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid var(--line);padding-top:30px;margin:80px 0 35px}.studies-heading h2{font:italic 38px/1.1 var(--serif)}.studies-heading p{font:11px/1.5 var(--mono);color:var(--muted)}.work-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 30px;align-items:start}.work .work-studies .work-card{padding-top:0}.work .work-studies .work-image{height:210px;display:flex;align-items:end}.work .work-studies .work-image img{height:auto;max-height:100%;object-fit:contain;object-position:left bottom}.work .work-studies .work-card h2{font-size:30px}
select{font:15px var(--sans);color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:48px;padding:10px 0;width:100%}select option{background:var(--bg);color:var(--ink)}
@media(max-width:1000px){
 .project-topline{flex-wrap:wrap;gap:4px 20px}.project-topline .eyebrow{order:3;width:100%;padding-top:8px}.project-topline button{margin-left:auto}
 .project-cover{gap:20px;padding-top:40px}.project .project-heading h1{font-size:clamp(85px,13vw,130px);letter-spacing:-2px}.project .project-heading .eyebrow{font-size:11px;letter-spacing:.2px}
 .project[data-collection=amsterdam] .project-heading{display:block}.project[data-collection=amsterdam] .project-heading h1{font-size:clamp(76px,12vw,120px);margin-bottom:22px}
 .project[data-collection=southern-france] .project-heading h1{font-size:clamp(60px,8.3vw,90px)}
 .frame-index{gap:24px}.project-sequence{margin:60px 0}.project .project-grid{gap:36px 20px}.project-outro{gap:8vw}
 .film-cover{gap:30px 5vw}.project .film-cover .project-heading h1{font-size:clamp(65px,8vw,95px)}
 .work-studies{grid-template-columns:repeat(2,minmax(0,1fr))}.work .section-heading{display:block}.work .section-heading h1{margin:25px 0}.work .section-heading>p:last-child{max-width:400px}
}
@media(max-width:600px){
 .project{padding-top:10px;padding-bottom:50px}.project-topline{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding-bottom:12px}.project-topline .eyebrow{grid-column:1/-1;grid-row:2;font-size:11px;letter-spacing:0;margin-top:4px}.project-topline button{grid-column:2;grid-row:1;font-size:12px;justify-self:end}.project-topline .back-link{font-size:11px;padding:0}
 .project-cover{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 15px;padding:25px 0 32px}.project .project-heading,.project[data-collection=amsterdam] .project-heading{grid-column:1/-1;grid-row:1;display:block;padding:0}.project .project-heading h1{font-size:88px;letter-spacing:-2px;margin:15px 0 16px}.project[data-collection=amsterdam] .project-heading h1{font-size:clamp(54px,16vw,88px);margin:15px 0 16px}.project[data-collection=southern-france] .project-heading h1{font-size:clamp(62px,18vw,90px);line-height:.95;margin:15px 0 16px}
 #project-description,.project[data-collection=amsterdam] #project-description{font-size:15px;line-height:1.6;max-width:335px;padding:0}.cover-rule{display:none}
 .project .project-hero,.project[data-collection=amsterdam] .project-hero{grid-column:1/-1;grid-row:2;max-width:none;width:100%;margin:0;justify-self:stretch}.project[data-hero-shape=portrait] .project-hero{grid-column:2/7}
 .project .project-companion,.project[data-collection=amsterdam] .project-companion,.project[data-collection=southern-france] .project-companion{grid-column:1/5;grid-row:3;max-width:none;align-self:start;margin:5px 0 0}
 .cover-note,.project[data-collection=amsterdam] .cover-note{grid-column:5/7;grid-row:3;align-self:center;justify-self:start;width:100%;font-size:22px;line-height:1.15;padding:0;border:0;margin:0}
 .project figcaption{font-size:11px;gap:8px;margin-top:10px}.project .open-hint{font-size:11px;padding:7px 9px;right:7px;bottom:7px}.project-companion .open-hint{display:none}
 .frame-index{display:block;padding:23px 0 15px}.frame-index-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.frame-index-heading h2{font-size:28px;white-space:nowrap}.frame-index-heading p{font-size:12px;max-width:125px;margin:0}.frame-index-buttons{gap:12px}.index-frame{flex-basis:54px}.index-frame img{height:52px}
 .project-sequence{display:block;margin:36px 0 48px}.sequence-note{padding:0;margin:0 0 25px;max-width:320px}.sequence-note h2{font-size:32px;margin:0 0 10px}.sequence-note p{font-size:14px;max-width:300px}
 .project .project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 15px}.project .project-grid figure,.project .project-grid figure:nth-child(3n+2),.project .project-grid figure:nth-child(3n+3),.project[data-collection=amsterdam] .project-grid figure:nth-child(2){grid-column:1/-1;margin:0}.project .project-grid figure[data-shape=portrait]{max-width:290px}.project .project-grid figure:nth-child(3n+2)[data-shape=portrait]{justify-self:start}.project .project-grid figure:nth-child(3n+3)[data-shape=portrait]{justify-self:end}
 .artist-chapter{padding-top:35px}.project .artist-chapter .project-grid figure:nth-child(2),.project .artist-chapter .project-grid figure:nth-child(3){grid-column:1/-1}
 .film-cover,.project .film-cover.wide{display:flex;flex-direction:column;gap:26px;padding:25px 0 35px}.project .film-cover .project-heading,.project .film-cover.wide .project-heading{display:block;padding:0}.project .film-cover .project-heading h1{font-size:clamp(56px,16vw,80px);line-height:.96;margin:14px 0 16px;letter-spacing:-1px}.film-cover #project-description{max-width:350px}.film-player{max-width:330px;align-self:center}.film-cover.wide .film-player{max-width:none}.film-context{max-width:none;margin:0}.film-context>p:not(.eyebrow){font-size:14px}.film-context .film-credits{font-size:11px!important}.project .film-stills .project-grid figure:nth-child(2),.project .film-stills .project-grid figure:nth-child(3){grid-column:1/-1;margin:0}
 .study-cover{display:block;padding:25px 0 32px}.project .study-cover .project-heading h1{font-size:clamp(52px,15vw,78px);letter-spacing:-1px;line-height:1}.project .study-cover .project-hero{width:100%;margin:28px 0 0}.project[data-collection=joshua-tree] .project-heading{margin-bottom:25px}
 .project-outro{grid-template-columns:1fr;gap:45px;padding-top:35px}.project-booking h2{font-size:74px;margin:25px 0}.project-book-link{max-width:none}.next-project-card{max-width:440px}.next-project-name>span:first-child{font-size:34px}
 .viewer-thumbnails{gap:9px;padding:12px 12px 0}.viewer-thumbnails button{flex-basis:53px;height:44px;padding:3px}
 .project-shortcuts{align-items:stretch;gap:8px}.project-shortcuts p{font-size:11px}.project-shortcuts a{font-size:28px;justify-content:space-between}.project-shortcuts a i{margin-left:auto}
 .work .section-heading h1{font-size:clamp(50px,12.7vw,74px);line-height:1.02;letter-spacing:-.8px}.work .work-grid{gap:40px}.work .work-card:nth-child(2n){padding-top:0}.work .work-card h2{font-size:36px}.work .work-image.is-film{max-width:270px}.work-toolbar{gap:10px;margin-bottom:28px;align-items:start}.work-filters{gap:18px;flex-wrap:wrap}.work-filters button{font-size:13px}.work-filters sup{margin-left:1px}#work-result{display:none}
 .studies-heading{display:block;margin:50px 0 28px;padding-top:28px}.studies-heading h2{font-size:34px}.studies-heading p{margin-top:12px}.work-studies{grid-template-columns:1fr;gap:35px}.work .work-studies .work-image{height:auto;max-height:none;display:block}.work .work-studies .work-card h2{font-size:32px}
}
@media(max-width:360px){.project figcaption{font-size:10px}.frame-index-heading h2{font-size:25px}.frame-index-heading p{font-size:11px;max-width:110px}.cover-note,.project[data-collection=amsterdam] .cover-note{font-size:19px}.project .project-heading h1{font-size:80px}.work-filters{gap:13px}.work-filters button{font-size:12px}.project-booking h2{font-size:65px}}
@media(min-width:480px) and (max-height:480px){dialog header{min-height:56px;padding:6px 18px}.viewer-image{padding:0 18px}.viewer-thumbnails{gap:8px;padding:6px 16px 0}.viewer-thumbnails button{flex-basis:50px;height:44px;padding:3px}dialog footer{min-height:64px;padding:6px 18px;gap:12px;flex-wrap:nowrap}dialog footer>div:first-child{flex:1;min-width:0}#viewer-title{font-size:20px}#viewer-inquire{order:initial;width:auto;min-height:44px;padding:6px;font-size:10px;white-space:nowrap}.viewer-arrows{gap:7px}.viewer-arrows button{min-width:44px;min-height:44px;padding:6px;font-size:22px}}

@media(max-width:600px){.field-photo .photo-label>span:last-child{white-space:nowrap}.photo-label>span:first-child{font-size:10px;line-height:1.3}}

/* Short studies stay short: no duplicate thumbnail index or full campaign outro. */
.study-sequence{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start;margin:0 0 65px}
.study-sequence figure{margin:0;min-width:0}.study-sequence figure[data-shape=portrait]{width:75%;justify-self:end}.study-sequence figure:only-child{grid-column:1/-1;max-width:900px;width:100%;justify-self:end}
.project[data-collection=joshua-tree] .study-sequence figure{max-width:none}
.study-outro{align-items:center;padding-top:30px;gap:6vw}.study-outro .project-booking>.eyebrow{display:none}.study-outro .project-booking h2{font-size:44px;line-height:1.1;margin:0 0 15px}.study-outro .project-booking>p{max-width:330px}.study-outro .next-project-image{display:none}.study-outro .next-project-card>.eyebrow{margin-bottom:14px}.study-outro .next-project-name>span:first-child{font-size:32px}
@media(max-width:600px){.study-sequence{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.study-sequence figure[data-shape=portrait]{width:85%}.study-outro{gap:30px}.study-outro .project-booking h2{font-size:36px}.study-outro .next-project-name>span:first-child{font-size:30px}}

.field-film-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}.field-photo.is-preview .field-film-preview{opacity:1}.field-photo .photo-label{z-index:2}

.film-player figcaption{align-items:center}.film-player [data-film-motion]{min-height:44px;padding:8px 0 8px 12px;font:11px var(--mono);color:var(--muted)}.film-player [data-film-motion]:hover{color:var(--ink)}