:root{color-scheme:light;--paper:#fff;--ink:#181818;--muted:#686762;--gutter:clamp(24px,5.65vw,110px)}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font:14px/1.6 Arial,Helvetica,sans-serif}body{margin:0}a{color:inherit;text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid currentColor;outline-offset:5px}img{display:block;width:100%;height:auto;background:#e5e3dd}figure,h1,h2,p{margin:0}h1,h2{font-weight:400}.site-header{padding:clamp(38px,4.1vw,78px) var(--gutter) 0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:20px;row-gap:18px;width:100%}.name,.site-subtitle{font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2.05vw,40px);line-height:1.15;font-weight:400}.name{white-space:nowrap}.site-subtitle{border-left:1px solid currentColor;padding-left:20px}.site-header nav{flex-basis:100%;display:flex;gap:30px;letter-spacing:.13em;font-size:12px;color:var(--muted)}.site-header [aria-current=page]{text-decoration:underline}main{padding:0 var(--gutter);min-height:60vh}.editorial-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.64fr);gap:clamp(60px,10vw,180px);max-width:1280px;margin-top:30px;align-items:start}.opening-copy{position:sticky;top:38px;align-self:start}.opening-copy h1{font-size:clamp(58px,5.5vw,108px);font-weight:750;letter-spacing:-.057em;line-height:.98;max-width:650px}.opening-copy h1 span{display:block}.opening-copy p{font-size:clamp(16px,1.32vw,22px);line-height:1.65;color:var(--muted);max-width:510px;margin-top:30px}.text-link{display:inline-flex;gap:32px;border-bottom:1px solid var(--ink);padding:5px 0;font-size:13px;margin-top:28px}.home-selection{margin-top:-104px;min-width:0}.study{width:100%;margin:0 0 28px}.study a{display:block}.study a img{transition:opacity 150ms linear}.study a:hover img{opacity:.94}.home-selection .study{width:100%;margin:0 0 26px}.home-selection .study:nth-child(4n){width:85%;margin-left:auto;margin-bottom:45px}.home-selection .study:nth-child(5n){width:89%;margin-right:auto}.home-selection figcaption{margin-top:8px}figcaption{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;letter-spacing:.03em;margin-top:10px}.home-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.64fr);gap:clamp(60px,10vw,180px);max-width:1280px;margin-top:120px}.home-section>h2,.section-heading h2{font-size:clamp(30px,3vw,54px);font-weight:700;letter-spacing:-.045em;line-height:1.05}.section-heading>a{display:inline-block;margin-top:20px;font-size:12px;color:var(--muted)}.project-heading{display:block;font-size:12px;margin-bottom:20px}.project-heading>span{display:block}.project-heading>span:last-child{color:var(--muted);margin-top:6px}.project-preview{margin-bottom:75px}.preview-spread{display:flex;flex-wrap:wrap;gap:22px 8%;align-items:start}.preview-landscape{width:100%;margin:0}.preview-portrait{width:46%;margin:0}.preview-portrait:last-child{margin-top:42px}.preview-spread figcaption{display:none}.page-intro{margin:55px 0 0;position:sticky;top:38px;align-self:start}.page-intro h1{font-size:clamp(45px,5vw,86px);font-weight:750;line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere}.page-intro>p{color:var(--muted);margin-top:20px;font-size:16px}.inner-page main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.64fr);gap:60px clamp(60px,10vw,180px);max-width:1500px}.inner-page .sequence{grid-column:2;grid-row:1;margin-top:45px}.inner-page .study{margin-bottom:42px}.inner-page .sequence>.portrait-left{width:80%;margin-right:auto}.inner-page .sequence>.portrait-right{width:80%;margin-left:auto}.inner-page .sequence>.center{width:90%;margin-inline:auto}.spread{display:flex;gap:12%;align-items:start;margin-bottom:55px}.spread .study{width:44%;margin:0}.spread .study+.study{margin-top:65px}.project-meta{margin-top:30px;color:var(--muted);font-size:13px}.description{max-width:360px;margin-top:30px;font-size:16px;line-height:1.75}.project-index{grid-column:2;margin-top:45px}.project-index:first-of-type{grid-row:1}.project-index-title{display:grid;grid-template-columns:35px 1fr auto;gap:12px;font-size:12px;margin-bottom:24px}.project-index-title h2{font-size:16px}.project-index-title>span:last-child{color:var(--muted)}.project-index .study{margin:0}.end-nav{grid-column:2;display:flex;justify-content:space-between;font-size:12px;margin:35px 0}.info{grid-column:1/-1;max-width:1120px;margin:80px 0 100px}.info section{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-bottom:90px}.info h2{font-size:clamp(42px,5vw,80px);font-weight:750;line-height:1;letter-spacing:-.055em}.info p{max-width:500px;font-size:20px;line-height:1.7}.info dl{margin:0}.info dt{color:var(--muted);font-size:12px;margin-bottom:6px}.info dd{margin:0 0 30px;font-size:17px;overflow-wrap:anywhere}.not-found{position:static;grid-column:1/-1;min-height:45vh}.not-found h1{margin:20px 0}.not-found>a{display:inline-block;margin-top:30px}footer{margin:100px var(--gutter) 0;padding:40px 0;display:flex;justify-content:space-between;gap:25px;font-size:12px}footer>div{display:flex;gap:30px}.skip-link{position:absolute;top:8px;left:var(--gutter);transform:translateY(-180%);background:var(--paper);padding:10px;z-index:5}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1800px){body{max-width:1950px;margin:auto}}
@media(max-width:1000px){.site-header{column-gap:12px}.site-subtitle{padding-left:12px;font-size:22px}.name{font-size:27px}.editorial-opening,.home-section,.inner-page main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px}.home-selection{margin-top:0}.opening-copy h1{font-size:64px}.opening-copy p{font-size:16px}.info section{gap:55px}.inner-page .sequence{margin-top:55px}}
@media(max-width:700px){.site-header{padding-top:30px;row-gap:17px;column-gap:10px}.name{font-size:27px}.site-subtitle{font-size:19px;border:0;padding:0;flex-basis:100%}.site-header nav{justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.09em;margin-top:5px}.editorial-opening{display:block;margin-top:42px}.opening-copy{position:static}.opening-copy h1{font-size:clamp(54px,13vw,82px);max-width:450px;line-height:1}.opening-copy p{max-width:420px;margin-top:24px;font-size:16px}.text-link{margin-top:20px}.home-selection{margin-top:48px}.home-selection .study{margin-bottom:24px}.home-selection .study:nth-child(4n){margin-bottom:40px}.home-section{display:block;margin-top:85px}.home-section>h2,.section-heading{margin-bottom:35px}.home-section>h2,.section-heading h2{font-size:36px}.section-heading>a{margin-top:12px}.project-preview{margin-bottom:65px}.inner-page main{display:block}.page-intro{position:static;margin-top:45px;margin-bottom:40px}.page-intro h1{font-size:55px}.inner-page .sequence{margin-top:0}.project-meta{margin-top:25px}.description{margin-top:20px}.project-index{margin-top:45px;margin-bottom:65px}.project-index-title{grid-template-columns:25px 1fr auto;gap:8px;font-size:11px}.project-index-title h2{font-size:14px}.info{margin:55px 0 100px}.info section{display:block;margin-bottom:65px}.info h2{font-size:48px;margin-bottom:28px}.info p{font-size:17px}.end-nav{margin:50px 0}.not-found h1{font-size:46px}footer{display:block;margin-top:70px;padding-top:25px}footer>div{margin-top:20px;gap:24px;flex-wrap:wrap}.spread .study+.study{margin-top:42px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Locally hosted Instrument Serif. License: assets/fonts/OFL.txt. */
@font-face{font-family:'Instrument Serif';src:url('/assets/fonts/InstrumentSerif-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/fonts/InstrumentSerif-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
.name,.site-subtitle,.opening-copy h1,.page-intro h1,.home-section>h2,.section-heading h2,.info h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-synthesis:none;letter-spacing:-.015em}
.name{font-size:clamp(32px,2.8vw,50px)}
.site-subtitle{font-size:clamp(23px,2.05vw,38px)}
.opening-copy h1{font-size:clamp(70px,6.9vw,116px);line-height:.96;letter-spacing:-.022em}
.opening-copy h1,.opening-copy h1 span{font-style:italic}
.page-intro h1{font-size:clamp(54px,5.8vw,98px);line-height:1.02}
.home-section>h2,.section-heading h2{font-size:clamp(40px,3.5vw,62px);line-height:1.05}
.info h2{font-size:clamp(54px,5.8vw,92px)}
.site-header .name[aria-current=page]{text-decoration:none}
@media(max-width:1000px){.name{font-size:36px}.site-subtitle{font-size:25px}.opening-copy h1{font-size:78px}}
@media(max-width:700px){.name{font-size:36px}.site-subtitle{font-size:25px}.opening-copy h1{font-size:clamp(66px,16vw,91px)}.page-intro h1{font-size:64px}.home-section>h2,.section-heading h2{font-size:43px}.info h2{font-size:58px}}


/* More breathing room for the italic homepage headline. */
.opening-copy h1{font-size:clamp(60px,5.85vw,98px);line-height:1.15;letter-spacing:0;font-style:italic}
.opening-copy h1 span{font-style:italic}
.opening-copy p{margin-top:38px}
@media(max-width:1000px){.opening-copy h1{font-size:66px}}
@media(max-width:700px){.opening-copy h1{font-size:clamp(54px,13.6vw,77px);line-height:1.16}.opening-copy p{margin-top:30px}}

/* Photographer name: uppercase with a stronger presence. */
.site-header .name{font-size:clamp(40px,3.4vw,60px);letter-spacing:.015em;line-height:1.1}
@media(max-width:1000px){.site-header .name{font-size:43px}}
@media(max-width:700px){.site-header .name{font-size:clamp(36px,9.8vw,44px)}}

/* Consolidated homepage composition; retains uppercase name and italic font. */
.editorial-opening{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(60px,6.5vw,120px)}
.opening-copy h1{max-width:none;font-size:clamp(60px,5.85vw,98px);line-height:1.15;letter-spacing:0;font-style:italic}
.opening-copy h1 span{font-style:italic}
.opening-copy p{max-width:420px;margin-top:38px}
@media(max-width:1000px) and (min-width:701px){.editorial-opening{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px}.opening-copy h1{font-size:clamp(44px,5.7vw,57px)}}
@media(max-width:700px){.opening-copy h1{font-size:clamp(42px,10.8vw,66px);line-height:1.16}.opening-copy p{max-width:380px;margin-top:30px}}

/* Shared series index: PROJECTS, each project, LIGHT and SUNSETS. */
.gallery-page main{display:block;max-width:none}
.gallery-page .page-intro{position:static;margin:64px 0 52px}
.gallery-page .page-intro h1{font-size:clamp(48px,4vw,72px)}
.gallery-page .page-intro>p{margin-top:14px;font-size:14px}
.gallery-page .project-meta{display:flex;gap:60px;margin-top:24px;align-items:start}
.gallery-page .description{margin-top:0;max-width:470px}
.photo-gallery,.projects-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 30px;align-items:start}
.gallery-page .photo-gallery .study,.gallery-page .projects-gallery .study{width:100%;margin:0}
.photo-gallery figcaption{margin-top:13px;font-size:11px}
.gallery-page .projects-gallery .project-index{margin:0;grid-column:auto;grid-row:auto}
.gallery-page .end-nav{margin:70px 0 20px}
@media(max-width:1000px){.photo-gallery,.projects-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 24px}}
@media(max-width:600px){.gallery-page .page-intro{margin:44px 0 36px}.photo-gallery,.projects-gallery{grid-template-columns:1fr;gap:40px}.gallery-page .page-intro h1{font-size:52px}.gallery-page .project-meta{display:block}.gallery-page .description{margin-top:18px}}

/* Project statement preserves the supplied three paragraphs. */
.project-statement{max-width:650px;font-size:15px;line-height:1.8;color:var(--ink)}
.project-statement p+p{margin-top:17px}
.project-statement em{font-style:italic}
@media(max-width:600px){.project-statement{margin-top:24px;font-size:14px;line-height:1.8}}

/* Compact homepage directory; every photograph keeps its original ratio. */
.home-directory{width:100%;max-width:480px;justify-self:end;margin-top:-104px}
.home-directory h2{font:11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.12em;margin:0 0 22px}
.directory-project-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}
.directory-project h3{font:15px/1.4 Arial,Helvetica,sans-serif;margin:0 0 14px;min-height:42px}
.directory-project h3 em{font-family:'Instrument Serif',Georgia,serif;font-size:23px;font-weight:400}
.home-directory .study{width:100%;margin:0}
.directory-study{width:82%;max-width:394px;margin:65px 0 0 auto}
.directory-empty-link{font-size:12px;color:var(--muted)}
@media(max-width:1000px){.home-directory{margin-top:0}.directory-project-row{gap:20px}.directory-study{width:90%;margin-top:48px}}
@media(max-width:700px){.home-directory{margin-top:48px;max-width:480px;margin-inline:auto}.directory-project h3{font-size:13px}.directory-project h3 em{font-size:21px}.directory-study{width:90%;margin-top:48px}}

/* Homepage projects follow the same single-column rhythm as LIGHT and SUNSETS. */
.home-directory>.directory-study:first-child{margin-top:0}
.home-directory>.directory-projects{width:82%;max-width:394px;margin:65px 0 0 auto}
.home-directory .directory-project-row{grid-template-columns:minmax(0,1fr);gap:64px;align-items:start}
.home-directory .directory-project{min-width:0}
.home-directory .directory-project h3{margin:17px 0 0;min-height:0;line-height:1.3}
.home-directory .directory-project h3 em{font-size:25px}
.home-directory .directory-project img{display:block;width:100%;height:auto;max-width:100%}
@media(max-width:1000px){.home-directory>.directory-projects{width:90%;margin-top:48px}}
@media(max-width:700px){.home-directory .directory-project-row{gap:48px}.home-directory .directory-project h3 em{font-size:24px}}
/* Bring the homepage columns together and soften the portrait cover's scale. */
@media(min-width:1001px){
.home .editorial-opening{grid-template-columns:minmax(0,560px) minmax(0,480px);gap:clamp(44px,4vw,70px);max-width:1110px;justify-content:start}
.home .home-directory{justify-self:start}
}
.home .home-directory>.directory-study,.home .home-directory>.directory-projects{margin-left:0;margin-right:auto}
.home .directory-project:nth-child(2){width:78%;justify-self:start}
@media(min-width:701px) and (max-width:1000px){.home .editorial-opening{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px}}
@media(max-width:700px){.home .directory-project:nth-child(2){width:84%}}

/* Paragraph spacing for the artist biography. */
.info section:first-child p+p{margin-top:1.35em}

/* Keep all biography paragraphs together in the right column. */
.about-copy{min-width:0}
.about-copy p+p{margin-top:1.35em}

