@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&display=swap');
/* Inner pages share the homepage's paper, type, and cinematic image rhythm. */
:root{--ink:#111;--paper:#f1f0eb;--soft:#e7e6df;--line:rgba(17,17,17,.22);--muted:#666;--pad:22px}
html{background:var(--paper);overflow-x:clip;scroll-padding-top:100px}
body{background:var(--paper);color:var(--ink);overflow-x:hidden}
.section{max-width:none}
.eyebrow{color:#52524e;font-size:10px;font-weight:700;letter-spacing:.11em}
.header,.header.scrolled{height:94px;min-height:94px;padding:14px var(--pad);border:0;background:rgba(241,240,235,.96);backdrop-filter:blur(14px)}
.header .logo{width:88px;flex:none;display:block}
.header .logo svg{display:block;width:88px;height:64px}
.header nav{gap:30px}
.header nav>a{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:-.025em}
.header nav>.nav-contact{margin-left:20px;font-size:13px;gap:20px;border-bottom:1px solid currentColor}
.header nav>a:not(.nav-contact):after{bottom:1px}
.footer{margin-top:120px;background:#111;color:#f1f0eb;padding:80px var(--pad) 25px}
.footer .eyebrow,.footer-side,.footer-bottom{color:#d0d0cb}
.footer-email{font-size:clamp(45px,7.8vw,125px);letter-spacing:-.065em;font-weight:500;line-height:1.1}
.footer-email:hover,.footer a:hover{color:#b9b9b2}
.footer-top{padding-bottom:80px}.footer-bottom{border-color:#555}
.footer-monogram svg{width:55px!important;height:auto!important;color:#f1f0eb}
.action-dark,.btn.dark{background:#111;color:#fff}
.action{border-color:#111}

/* Large, honest titles and more air around the opening statement. */
.film-opening,.book-opening,.press-opening,.about-opening{min-height:calc(100svh - 94px);align-items:center}
.film-opening h1,.book-opening h1,.press-opening h1,.about-opening h1,.not-found h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.075em;line-height:.9}
.film-opening h1{font-size:clamp(85px,12vw,210px);margin:20px 0 15px}
.film-opening{padding-top:80px;padding-bottom:80px;display:flex;flex-direction:column;align-items:stretch;justify-content:center}
.film-opening>div{align-items:end;margin:0 0 45px}.film-opening>p{font-size:15px;max-width:600px;line-height:1.75}
.film-opening .production-label{font-size:clamp(22px,3vw,42px);align-self:end}
.film-premiere{padding-top:0}
.film-premiere .cinema-link,.film-grid .cinema-link{background:#111}
.film-premiere .cinema-link img{width:100%;height:auto}
.film-premiere .play-disc{background:#f1f0eb;color:#111}
.premiere-caption{padding-block:25px 40px;border-bottom:1px solid var(--line)}
.premiere-caption h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(40px,5.6vw,85px)}
.film-programme{padding-top:120px}.film-programme .section-intro h2,.book-spreads .section-intro h2,.book-portraits h2,.press-stories h2,.print-wall h2,.biography h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.06em}
.film-card{background:transparent;border:0}.film-card-info{padding-inline:0}.film-card h3{font-size:clamp(24px,2.8vw,40px);letter-spacing:-.045em}
.short-feature{background:#deddd6;padding-block:110px}

/* Photobook opens like a cover spread, with the object given room to breathe. */
.book-opening{grid-template-columns:1fr 1fr;gap:2vw;padding-top:55px;padding-bottom:90px}
.book-opening h1{font-size:clamp(100px,12vw,205px);margin:25px 0 20px}
.book-subtitle{font-size:clamp(20px,2.3vw,33px);letter-spacing:-.03em}
.book-cover{background:#e7e6df;padding:3vw}
.book-cover img{background:#e7e6df}
.book-buy{max-width:390px;margin-top:42px}
.book-manifesto{padding-block:120px;border-top:1px solid var(--line)}
.book-manifesto h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(40px,5.2vw,82px);line-height:1.13;max-width:1300px}
.book-spreads{padding-block:100px;background:#e5e4de}
.book-spreads>div:last-child{gap:12px}
.book-portraits{padding-top:120px}
.book-photo-grid{gap:12px}

/* Printed work uses large cover art, finer rules, and editorial headlines. */
.press-opening{gap:4vw;padding-top:60px;padding-bottom:100px}
.press-opening h1{font-size:clamp(75px,8.7vw,145px)}
.press-opening p{font-size:15px;line-height:1.75}
.press-covers{background:#e8e7e1;padding:25px}
.press-stories,.press-mentions,.print-wall,.publication-record{padding-top:120px}
.press-grid{gap:65px 20px}
.press-card .press-shot{background:#e5e4de}
.press-card h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,2.9vw,42px);font-weight:400;letter-spacing:-.045em;line-height:1.15}
.pressrow,.pub-row{border-color:var(--line)}
.print-wall{background:#e5e4de;padding-bottom:100px}
.tears{gap:20px}

/* Portrait and biography take the same documentary approach as the work. */
.about-opening{grid-template-columns:1fr 1fr;gap:3vw;padding-top:60px;padding-bottom:100px}
.about-opening h1{font-size:clamp(88px,10vw,170px)}
.about-opening figure{max-width:none;width:100%;background:#e5e4de}
.about-opening figure img{width:100%;height:auto;object-fit:contain}
.about-opening figcaption{padding:10px 0;color:#555}
.about-tagline{font-size:clamp(19px,2.2vw,30px);letter-spacing:-.03em}
.biography{padding-block:120px;border-top:1px solid var(--line)}
.biography h2{font-size:clamp(55px,6.6vw,105px)}
.bio-copy .bio-lead{font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,2.4vw,38px);letter-spacing:-.035em;line-height:1.45}
.bio-copy .bio{font-size:15px;line-height:1.9}
.facts-section,.expeditions,.talks-section,.about-press,.ventures-section,.contact-section{padding-top:115px}
.fact,.talk,.venture{background:transparent;border-color:var(--line)}
.expeditions h2,.talks-section h2,.about-press h2,.ventures-section h2,.contact-section h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em}
.contact-section{padding-bottom:30px}
.not-found{min-height:65svh;display:flex;flex-direction:column;justify-content:center}
.not-found h1{font-size:clamp(85px,12vw,190px)}

/* Photography stays full frame in the grid, detailed stories, and viewer. */
.work-intro{padding-top:50px;padding-bottom:28px}
.work-intro h1{font-size:15px}
.page-work .atlas{padding-bottom:120px}
.page-work .atlas-card{background:#e4e3dd}
.page-work .atlas-card img{object-fit:contain;filter:none}
.archive-heading{padding-top:110px;padding-bottom:35px;border-top:1px solid var(--line)}
.archive-heading p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,6vw,95px);letter-spacing:-.06em}
.photo-story{grid-template-columns:3fr 7fr;gap:3vw;padding-block:80px;border-top:1px solid var(--line)}
.story-notes{top:125px}
.story-notes h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4.6vw,76px);font-weight:400;letter-spacing:-.055em;line-height:1}
.story-gallery{gap:12px}
.story-gallery img,.photo-open img{object-fit:contain}
.photo-dialog{background:#111}

@media(max-width:800px){
  :root{--pad:16px}
  .header,.header.scrolled{height:78px;min-height:78px;padding:12px var(--pad)}
  .header .logo{width:70px}.header .logo svg{width:70px;height:50px}
  .header nav{top:78px;height:calc(100dvh - 78px);background:var(--paper);padding-inline:var(--pad)}
  .header nav>a{font-size:32px;font-weight:600}
  .header nav>.nav-contact{margin-left:0;font-size:20px}
  .film-opening,.book-opening,.press-opening,.about-opening{min-height:0}
  .film-opening{padding-block:70px 50px}
  .film-opening h1{font-size:19vw}
  .film-opening .production-label{margin-top:30px}
  .film-premiere{padding-inline:0}
  .film-premiere .premiere-caption{padding-inline:var(--pad)}
  .film-programme{padding-top:75px}
  .book-opening{grid-template-columns:1fr;gap:35px;padding-top:55px}
  .book-opening h1{font-size:22vw}
  .book-cover{padding:18px}
  .book-manifesto,.book-spreads,.book-portraits{padding-block:75px}
  .book-manifesto h2{font-size:10vw}
  .press-opening{grid-template-columns:1fr;gap:40px;padding-top:55px;padding-bottom:75px}
  .press-opening h1{font-size:14.3vw}
  .press-covers{padding:10px}
  .press-stories,.press-mentions,.print-wall,.publication-record{padding-top:75px}
  .press-card h3{font-size:29px}
  .about-opening{grid-template-columns:1fr;gap:40px;padding-top:50px;padding-bottom:70px}
  .about-opening h1{font-size:18vw}
  .about-opening figure{justify-self:stretch}
  .biography{padding-block:75px}
  .biography h2{font-size:15vw}
  .bio-copy .bio-lead{font-size:25px}
  .facts-section,.expeditions,.talks-section,.about-press,.ventures-section,.contact-section{padding-top:80px}
  .page-work .atlas{padding-bottom:75px}
  .archive-heading{padding-top:75px}
  .archive-heading p{font-size:13vw}
  .photo-story{grid-template-columns:1fr;gap:25px;padding-block:55px}
  .story-notes{position:static}
  .story-notes h2{font-size:12vw}
  .story-gallery{grid-template-columns:1fr;gap:15px}
  .footer{margin-top:80px;padding:65px var(--pad) 25px}
  .footer-email{font-size:9vw}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Open photographic index: full images and captions with generous spacing. */
.page-work .work-intro{display:grid;grid-template-columns:1fr auto;gap:20px;padding-top:90px;padding-bottom:75px;align-items:end;border-bottom:1px solid var(--line)}
.page-work .work-intro h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(90px,12vw,180px);line-height:.86;letter-spacing:-.075em;margin:0;grid-column:1/-1}
.page-work .work-intro p{font-size:14px;color:#53534f;font-weight:500;margin:0}
.page-work .work-intro>a{font-size:11px;font-weight:700;text-transform:uppercase;margin:0}
.page-work .atlas{padding-top:48px;padding-bottom:140px}
.page-work .atlas-tools{margin-bottom:55px;border-bottom:1px solid var(--line);padding-bottom:22px}
.page-work .atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:start;column-gap:28px;row-gap:85px}
.page-work .atlas-card,.page-work .atlas-card:nth-child(8n + 1){display:grid;grid-template-columns:1fr auto;grid-column:auto;grid-row:auto;height:auto;overflow:visible;background:transparent;border:0;aspect-ratio:auto;align-items:start}
.page-work .atlas-card:first-child{grid-column:1/-1}
.page-work .atlas-card>div{grid-column:1/-1;width:100%;height:auto;background:#e5e4de;margin-bottom:18px;aspect-ratio:auto}
.page-work .atlas-card img{width:100%;height:auto;object-fit:contain;aspect-ratio:auto;filter:none;transform:none}
.page-work .atlas-card h2{position:static;grid-column:1;grid-row:2;width:auto;max-width:none;margin:0;padding:0;background:none;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.8vw,62px);font-weight:400;line-height:1.1;letter-spacing:-.055em;text-transform:none}
.page-work .atlas-card .atlas-place{position:static;display:block;grid-column:1;grid-row:3;padding:0;margin-top:9px;background:none;font-size:11px;color:#62625e;line-height:1.5;opacity:1;transform:none}
.page-work .atlas-card .atlas-arrow{position:static;grid-column:2;grid-row:2;width:auto;height:auto;background:none;font-size:23px;opacity:1;justify-self:end}
.page-work .atlas-card:first-child h2{font-size:clamp(45px,6vw,90px)}
.page-work .atlas-card:focus-visible{outline-offset:5px}
.page-work .atlas-card[hidden]{display:none}
@media(max-width:800px){.page-work .work-intro{padding-top:50px;padding-bottom:45px;gap:20px}.page-work .work-intro h1{font-size:18vw}.page-work .work-intro p{font-size:11px}.page-work .work-intro>a{font-size:9px;text-align:right}.page-work .atlas{padding-top:28px;padding-bottom:85px}.page-work .atlas-tools{margin-bottom:35px;padding-bottom:18px}.page-work .atlas-grid{grid-template-columns:1fr;row-gap:55px}.page-work .atlas-card,.page-work .atlas-card:nth-child(8n + 1),.page-work .atlas-card:first-child{grid-column:1;aspect-ratio:auto}.page-work .atlas-card>div{margin-bottom:14px}.page-work .atlas-card h2,.page-work .atlas-card:first-child h2{font-size:11vw}.page-work .atlas-card .atlas-place{font-size:10px}.page-work .atlas-card .atlas-arrow{font-size:20px}}

/* Shared wordmark, echoing the photographic sister site. */
.header .logo{width:auto}
.header .logo .wordmark,.footer-monogram .wordmark{display:inline-block;font-family:'DM Sans',Manrope,Arial,sans-serif;font-size:35px;font-weight:700;line-height:1;letter-spacing:-2px;white-space:nowrap}
.wordmark sup{position:relative;top:-1.35em;font-size:13px;letter-spacing:0;margin-left:5px}
.footer-monogram .wordmark{font-size:25px}
.footer-monogram .wordmark sup{font-size:7px}
@media(max-width:800px){.header .logo{width:auto}.header .logo .wordmark{font-size:29px}}

.story-page-intro{padding-top:100px;padding-bottom:105px;display:flex;justify-content:space-between;align-items:end;gap:25px}
.story-page-intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(80px,12vw,170px);font-weight:400;line-height:.88;letter-spacing:-.075em;margin:0}
.story-page-intro p{font-size:13px;line-height:1.5;margin:0 0 7px;text-align:right}
@media(max-width:800px){.story-page-intro{padding-top:55px;padding-bottom:60px;display:block}.story-page-intro h1{font-size:17vw}.story-page-intro p{text-align:left;margin:22px 0 0;font-size:11px}}