/* V34 — a readable story, a coherent film program, and a photographic archive. */
@font-face{font-family:Inter;src:url('assets/inter-latin-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--reading-font:Inter,Arial,sans-serif;--reading-ink:#c8cfcd}
.story-copy{width:min(43.5vw,620px);max-width:620px}
.journey-chapter:last-child .story-copy{max-width:620px}
.story-copy .story-paragraph,.story-copy>p.story-paragraph:last-of-type{font-family:var(--reading-font);font-size:clamp(17px,1.35vw,20px);line-height:1.72;letter-spacing:-.012em;font-weight:400;color:var(--reading-ink);max-width:none;overflow-wrap:break-word}
.story-copy .story-paragraph+.story-paragraph{margin-top:1.05em}
.story-copy h3{font-size:clamp(33px,3vw,46px);line-height:1.16;margin-bottom:25px}
.story-copy>.story-label{font-family:var(--reading-font);font-size:12px;line-height:1.5;letter-spacing:.08em;margin-bottom:20px}
.story-copy>.story-role{font-family:var(--reading-font);font-size:13px;line-height:1.6;letter-spacing:0;color:#a8b7b1;margin-bottom:24px}
.story-copy .story-links{margin-top:9px}.story-copy .story-more{font-size:13px}
.storycraft[data-side="left"] .journey-shade{background:linear-gradient(90deg,#080c11d9, #080c1180 35%,transparent 58%)}
.storycraft[data-side="right"] .journey-shade{background:linear-gradient(270deg,#080c11d9,#080c1180 35%,transparent 58%)}

/* A regular matrix: changes in format no longer break rows or strand a reel. */
.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px clamp(20px,2.8vw,42px);align-items:start}
.film-grid .work-tile{min-width:0;margin:0;width:100%;opacity:1;transform:none}
.film-grid .film-image{aspect-ratio:16/10;isolation:isolate;background:#080d10}
.film-grid .film-atmosphere{position:absolute;inset:-12%;background-position:center;background-size:cover;filter:blur(25px);opacity:.22;transform:scale(1.06);pointer-events:none}
.film-grid .film-image>img,.film-grid .film-image>video{object-fit:contain;z-index:1;transform:none}
.film-grid .film-image>img{transition:opacity .45s,transform .7s cubic-bezier(.2,.7,.2,1)}
.film-grid .film-open:hover .film-image>img{transform:scale(1.018)}
.film-grid .film-play{z-index:3;top:auto;bottom:16px;left:16px;width:40px;height:40px;min-height:40px;padding:0;display:grid;place-items:center;border-radius:50%;backdrop-filter:blur(6px);background:#060d104d;border-color:#e4e6dc70}
.film-grid .film-play>span{display:none}.film-grid .film-play svg{width:17px;height:17px}
.film-grid .film-length{right:16px;top:auto;bottom:18px;z-index:3;font-size:10px}
.film-grid .film-caption{display:grid;grid-template-columns:1fr;align-content:start;gap:0;min-height:106px;padding:19px 0 0}
.film-grid .film-caption h3{font-size:clamp(20px,1.65vw,27px);line-height:1.25;letter-spacing:-.035em;max-width:95%;margin:0}
.film-grid .film-kind{font-size:9px;line-height:1.5;letter-spacing:.08em;margin:0 0 8px;color:#8da19d}
.film-grid .film-credit,.film-grid .film-client{font-family:var(--reading-font);font-size:11px;line-height:1.7;margin-top:8px;color:#a2b1ad;letter-spacing:0}
.film-grid .film-client{font-size:10px;margin-top:2px;color:#7e9490}
.home-films .film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:53px clamp(24px,3.5vw,56px)}
.home-films .film-caption h3{font-size:clamp(23px,2.25vw,35px)}
.home-films .film-caption{min-height:113px}
.home-films .film-kind{font-size:10px}.home-films .film-credit{font-size:12px}
.films-page .film-grid .work-tile:nth-last-child(2):nth-child(3n+1),.films-page .film-grid .work-tile:last-child:nth-child(3n+2){grid-column:auto}
.work-preview-controls button{font-family:var(--reading-font);font-size:12px;min-height:44px}

/* Uncropped photographs pack naturally; no stage-height gaps under short images. */
.featured-photo-grid{display:block;column-count:3;column-gap:clamp(20px,2.6vw,42px);max-width:1600px}
.featured-photo-grid .shot{display:block;break-inside:avoid;margin:0 0 35px;padding:0;transform:none;grid-column:auto;width:100%}
.featured-photo-grid .shot-window{display:block;aspect-ratio:auto}
.featured-photo-grid .shot-caption{margin-top:12px;gap:16px}
.featured-photo-grid .shot-caption h3{font-size:13px;font-weight:450}
.featured-photo-grid .shot-number{font-size:10px}
.collection-facts{break-inside:avoid;padding:21px 0 29px;margin:0 0 35px;border-top:1px solid #9ead9e4a;border-bottom:1px solid #9ead9e33;color:#c3c8bc}
.collection-facts>p{font-size:9px;letter-spacing:.11em;color:#8c9d94;margin-bottom:20px}
.collection-facts strong{font-size:66px;line-height:1;letter-spacing:-.055em;font-weight:450;display:block}
.collection-facts strong small{display:block;font-family:var(--reading-font);font-size:12px;letter-spacing:0;font-weight:400;line-height:1.6;margin-top:12px;color:#8f9f96}
.collection-facts>a{font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:fit-content;max-width:100%;margin-top:14px;color:#e0c6a6;border-bottom:1px solid #93826b70}
.collection-facts>a:last-child{font-size:11px;min-height:40px;margin-top:5px;color:#9cab9f;border-bottom:0}
.photography-page .photograph-grid{column-gap:clamp(20px,2.4vw,42px)}
.photography-page .photograph-grid .shot{margin-bottom:30px}
.photography-page .shot-caption{gap:15px;align-items:baseline}
.photography-page .shot-caption h3{font-family:var(--reading-font);font-size:11px;font-weight:400;line-height:1.5;letter-spacing:0;color:#5a665b}
.photography-page .shot-number{font-size:9px}
.photo-archive-topline{align-items:center}.photo-archive-topline>a{display:inline-flex;align-items:center;min-height:44px}
#photo-platform-stat{font-family:var(--reading-font);font-size:11px;line-height:1.6;color:#91a39b;margin:9px 0 0;letter-spacing:0}

/* About: several short reading compositions, rather than one long narrow essay. */
.about34{background:#101719;color:#eeeae1}
.about34 .page-wrap{max-width:1680px}
.about34-opening{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding-top:clamp(145px,13vw,200px);padding-bottom:100px;min-height:100svh}
.about34-hello{padding:0 0 50px}.about34-hello .page-kicker{margin-bottom:36px}
.about34-hello .page-title{font-size:clamp(75px,8.5vw,138px);letter-spacing:-.065em;line-height:1.02}
.about34-lead{font-size:clamp(25px,2.6vw,40px);line-height:1.4;letter-spacing:-.035em;margin-top:38px;color:#b6c3bb}
.about34-location{font-family:var(--reading-font);font-size:13px;color:#889e94;margin-top:26px}
.about34-portrait{position:relative;width:100%;max-width:610px;margin:0;justify-self:end}
.about34-portrait>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 73%;filter:none;background:#151b1b}
.about34-portrait figcaption{font-size:9px;color:#8d9b94;letter-spacing:.08em;display:flex;justify-content:space-between;gap:20px;margin-top:16px}
.about34-read{position:absolute;left:var(--pad);bottom:55px;display:inline-flex;align-items:center;gap:35px;min-height:44px;color:#cbb89c;font-size:12px}
.about34-read>span:last-child{font-size:20px}
.about34-story{background:#dce0e2;color:#26353e;scroll-margin-top:95px}
.about34-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,160px);padding-top:100px;padding-bottom:110px}
.about34-passage .page-kicker{color:#6a776b;margin-bottom:26px}
.about34-passage h2{font-size:clamp(31px,3.5vw,53px);line-height:1.15;font-weight:450;letter-spacing:-.045em;margin:0 0 32px;max-width:590px}
.about34-passage>p:not(.page-kicker){font-family:var(--reading-font);font-size:clamp(17px,1.45vw,21px);line-height:1.7;color:#4b5b64;font-weight:400;letter-spacing:-.012em}
.about34-passage>p+p{margin-top:23px}
.about34-experience{padding-top:115px;padding-bottom:110px}
.about34-experience>header{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:65px}
.about34-experience>header h2{font-size:clamp(41px,5vw,78px);font-weight:450;letter-spacing:-.055em;line-height:1.08}
.about34-experience>header>.page-kicker{margin-bottom:10px}
.about34-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,4vw,65px)}
.about34-role{border-top:1px solid #7e9b8e4d;padding-top:20px;min-width:0}
.about34-role-index{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8aa397;margin-bottom:21px;min-height:15px}
.about34-role>figure{margin:0 0 29px;overflow:hidden;aspect-ratio:16/10;background:#0c1213}
.about34-role>figure>img{width:100%;height:100%;object-fit:cover;display:block;transition:scale .8s cubic-bezier(.2,.7,.2,1)}
.about34-role:hover>figure>img{scale:1.025}
.about34-role h3{font-size:clamp(28px,2.5vw,39px);letter-spacing:-.04em;line-height:1.15;font-weight:450;margin-bottom:11px}
.about34-role>.about34-role-name{font-family:var(--reading-font);font-size:12px;line-height:1.65;color:#c3ae91;min-height:40px;margin-bottom:22px}
.about34-role>p:not(.about34-role-name){font-family:var(--reading-font);font-size:16px;line-height:1.8;letter-spacing:-.01em;color:#a9b7ae}
.about34-experience>.page-text-link{margin-top:48px;font-size:13px}
.about34-mindset{background:#223039;color:#e3e6df}
.about34-mindset>.page-wrap{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-top:100px;padding-bottom:110px}
.about34-mindset header .page-kicker{color:#9eaf9e;margin-bottom:35px}
.about34-mindset h2{font-size:clamp(42px,4.7vw,72px);line-height:1.13;font-weight:450;letter-spacing:-.05em}
.about34-mindset-copy{padding-top:50px}
.about34-mindset-copy>p{font-family:var(--reading-font);font-size:19px;line-height:1.8;letter-spacing:-.012em;color:#bdcbbb}
.about34-mindset-copy>p+p{margin-top:25px}
.about34-mindset-copy>.page-text-link{margin-top:35px;color:#dec9a8;border-color:#9db09a70}

@media(min-width:1101px){
 .films-page .film-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.films-page .film-grid>.work-tile{grid-column:span 2}
 .films-page .film-grid>.work-tile:nth-last-child(2):nth-child(3n+1),.films-page .film-grid>.work-tile:last-child:nth-child(3n+2){grid-column:span 3}
 .films-page .film-grid>.work-tile:nth-last-child(4):nth-child(3n+1),.films-page .film-grid>.work-tile:nth-last-child(4):nth-child(3n+1)~.work-tile{grid-column:span 3}
 .films-page .film-grid>.work-tile:only-child{grid-column:span 6}
 .film-grid .work-tile{animation:collection-unfold linear both;animation-timeline:view();animation-range:entry 0% entry 30%}
}
@keyframes collection-unfold{from{opacity:.35;translate:0 25px;clip-path:inset(3% 0 0)}to{opacity:1;translate:none;clip-path:inset(0)}}
@media(max-width:800px){.storycraft:not(.is-reading) .journey-stage{background:#080d11}.storycraft:not(.is-reading) .journey-stage canvas{mask-image:linear-gradient(to bottom,#000 calc(var(--picture-end,100svh) - 28px),transparent var(--picture-end,100svh))}}
@media(max-width:1100px){.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 26px}.featured-photo-grid{column-count:2;column-gap:25px}.story-copy{width:min(45vw,550px)}.about34-opening{gap:5vw}.about34-pair{gap:7vw}.about34-roles{gap:28px}.about34-role>p:not(.about34-role-name){font-size:15px}.about34-role h3{font-size:29px}.about34-experience>header{align-items:start}.about34-mindset>.page-wrap{gap:6vw}.about34-mindset-copy>p{font-size:17px}}
@media(min-width:701px) and (max-width:1100px){
 .films-page .film-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.films-page .film-grid>.work-tile{grid-column:span 3}
 .films-page .film-grid>.work-tile:nth-last-child(3):nth-child(2n+1),.films-page .film-grid>.work-tile:nth-last-child(3):nth-child(2n+1)~.work-tile{grid-column:span 2}
 .films-page .film-grid>.work-tile:only-child{grid-column:span 6}
}
@media(min-width:701px) and (max-width:800px){
 .story-copy,.journey-chapter[data-side] .story-copy,.journey-chapter:last-child .story-copy{width:100%;max-width:620px;margin-left:auto;margin-right:auto}
 .story-copy .story-paragraph,.story-copy>p.story-paragraph:last-of-type{font-size:18px;line-height:1.75}.story-copy h3{font-size:38px}
 .is-reading .journey-chapters{display:block}.is-reading .journey-chapter+.journey-chapter{margin-top:55px}
}
@media(max-width:700px){
 .story-copy,.journey-chapter[data-side] .story-copy{width:100%;max-width:520px}.journey-chapter:last-child .story-copy{max-width:520px}
 .story-copy .story-paragraph,.story-copy>p.story-paragraph:last-of-type{font-size:16px;line-height:1.75;max-width:none;letter-spacing:-.01em}.story-copy .story-paragraph+.story-paragraph{margin-top:16px}.story-copy>.story-label{font-size:10px;margin-bottom:18px}.story-copy>.story-role{font-size:12px!important;margin-bottom:18px}.story-copy h3{font-size:31px;margin-bottom:23px}
 .film-grid,.home-films .film-grid{grid-template-columns:minmax(0,1fr);gap:30px}.film-grid .film-caption,.home-films .film-caption{min-height:0;padding-top:16px}.film-grid .film-caption h3,.home-films .film-caption h3{font-size:25px;max-width:100%}.film-grid .film-kind{font-size:9px;margin-bottom:8px}.film-grid .film-credit{font-size:11px}.film-grid .film-image{aspect-ratio:16/10}.film-grid .film-play{width:38px;height:38px;left:14px;bottom:14px}
 .featured-photo-grid{column-count:2;column-gap:16px}.featured-photo-grid .shot{margin-bottom:25px}.featured-photo-grid .shot-caption h3{font-size:11px}.featured-photo-grid .shot-number{display:none}.collection-facts{padding:18px 0 21px;margin-bottom:26px}.collection-facts>p{font-size:8px;line-height:1.7;margin-bottom:16px}.collection-facts strong{font-size:48px}.collection-facts strong small{font-size:10px;line-height:1.6}.collection-facts>a{font-size:11px;min-height:42px;gap:10px}.collection-facts>a:last-child{font-size:10px}.photography-page .photograph-grid{column-gap:14px}.photography-page .photograph-grid .shot{margin-bottom:24px}.photography-page .shot-caption h3{font-size:10px}.photo-archive-topline{font-size:9px;gap:15px}.photo-archive-topline>a{font-size:10px;white-space:nowrap}
 .about34-opening{grid-template-columns:1fr;gap:38px;padding-top:135px;padding-bottom:85px;min-height:0}.about34-hello{padding:0}.about34-hello .page-kicker{margin-bottom:27px}.about34-hello .page-title{font-size:clamp(65px,16vw,96px)}.about34-lead{font-size:29px;line-height:1.4;margin-top:27px}.about34-location{font-size:12px;margin-top:22px}.about34-portrait{width:83%;justify-self:end;max-width:430px}.about34-portrait figcaption{font-size:8px}.about34-read{position:relative;left:0;bottom:0;grid-row:2;font-size:11px;margin-top:-10px}
 .about34-pair{grid-template-columns:1fr;gap:55px;padding-top:60px;padding-bottom:65px}.about34-passage h2{font-size:35px;margin-bottom:25px}.about34-passage .page-kicker{font-size:9px;margin-bottom:22px}.about34-passage>p:not(.page-kicker){font-size:17px;line-height:1.75}.about34-passage>p+p{margin-top:21px}
 .about34-experience{padding-top:65px;padding-bottom:65px}.about34-experience>header{display:block;margin-bottom:40px}.about34-experience>header h2{font-size:45px;margin-top:25px}.about34-roles{grid-template-columns:1fr;gap:43px}.about34-role{padding-top:18px}.about34-role-index{font-size:10px;margin-bottom:19px}.about34-role>figure{margin-bottom:25px}.about34-role h3{font-size:33px}.about34-role>.about34-role-name{font-size:12px;min-height:0;margin-bottom:20px}.about34-role>p:not(.about34-role-name){font-size:16px;line-height:1.8}.about34-experience>.page-text-link{margin-top:32px}
 .about34-mindset>.page-wrap{grid-template-columns:1fr;gap:32px;padding-top:65px;padding-bottom:70px}.about34-mindset h2{font-size:43px}.about34-mindset header .page-kicker{margin-bottom:25px}.about34-mindset-copy{padding-top:0}.about34-mindset-copy>p{font-size:17px;line-height:1.8}.about34-mindset-copy>.page-text-link{font-size:13px;margin-top:30px}
}
@media(max-width:360px){.featured-photo-grid{column-gap:12px}.featured-photo-grid .shot-caption h3{font-size:10px}.collection-facts strong{font-size:42px}.collection-facts>a{font-size:10px}.story-copy h3{font-size:28px}.story-copy .story-paragraph{font-size:15.5px}.about34-opening .page-title{font-size:62px}.about34-passage h2{font-size:31px}.about34-experience>header h2{font-size:39px}.about34-mindset h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.film-grid .work-tile{animation:none!important;translate:none!important;opacity:1!important;clip-path:none!important}.film-grid .film-open:hover .film-image>img,.about34-role:hover>figure>img{transform:none;scale:1}}
body[data-motion="off"] .film-grid .work-tile{animation:none!important;translate:none!important;opacity:1!important;clip-path:none!important}
body[data-motion="off"] .will-reveal{opacity:1;translate:none;transition:none}
body[data-motion="off"] .film-grid .film-open:hover .film-image>img,body[data-motion="off"] .about34-role:hover>figure>img{transform:none;scale:1}