:root{color-scheme:light;--paper:#fdfcf9;--ink:#272722;--muted:#66665e;--line:#d8d7d0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #666b50;outline-offset:6px}figure,p,h1,h2,blockquote{margin:0}img{display:block;width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:12px;background:var(--paper);transform:translateY(-200%)}.skip-link:focus{transform:none}
.site-header{padding:38px 4.5vw;display:flex;align-items:baseline;justify-content:space-between;gap:36px}.artist-name{font-size:20px;letter-spacing:.015em;white-space:nowrap}.site-header nav{display:flex;gap:clamp(18px,2.5vw,42px);flex-wrap:wrap;font-size:12px;line-height:1.7}.site-header nav a,.site-header nav span{color:var(--ink);font-weight:400}.site-header nav a{border-bottom:1px solid currentColor}.site-header nav span{cursor:default}
main{margin:0 4.5vw}.exhibition-heading{padding:85px 0 48px}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(40px,5.5vw,82px);line-height:1.12}h2{font-size:clamp(32px,3.4vw,52px);line-height:1.2}.hero{width:100%}.prose{font-size:16px;line-height:1.85}.prose p+p{margin-top:1.35em}.introduction{max-width:660px;margin:80px 5% 0 auto}.introduction p:first-child{font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:1.4;margin-bottom:30px}.work-section{margin-top:160px}.section-heading{margin-bottom:44px}.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:32px}.slides::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.slide img{height:min(78vh,950px);object-fit:contain}.artwork-details{font-size:12px;line-height:1.7;margin-top:27px;max-width:690px}.artwork-details span{display:block}.artwork-details span:first-child{font-size:14px;margin-bottom:5px}.carousel-controls{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}.position{font-size:11px;letter-spacing:.1em;font-variant-numeric:tabular-nums}.carousel-controls button{border:0;background:transparent;font-size:25px;width:48px;height:44px;cursor:pointer}.carousel-controls button:disabled{opacity:.3;cursor:default}.description{max-width:660px;margin:55px 5% 0 auto}.held-copy{display:grid;grid-template-columns:1fr 1.5fr;gap:9%;margin-top:44px;margin-right:5%}.held-copy .artwork-details{margin-top:0}.eyes{max-width:900px;margin-left:auto;margin-right:auto}.eyes .section-heading{margin-bottom:48px}.eyes figure img{width:100%}.poetic-note{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,2.5vw,30px);line-height:1.6;max-width:620px;margin:65px 0 0 auto}.essay-section{max-width:900px;margin:170px auto 160px;padding-top:65px;border-top:1px solid var(--line)}.essay-section>.eyebrow:empty{display:none}.essay-section h2{font-size:clamp(30px,3vw,44px)}.quotations{max-width:660px;margin:70px 0 65px auto}.quotations blockquote{font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2.8vw,36px);line-height:1.55;letter-spacing:-.015em}.quotations blockquote+blockquote{margin-top:58px}.essay-link{display:inline-flex;gap:30px;align-items:center;font-size:13px;padding-bottom:9px;border-bottom:1px solid var(--ink)}footer{border-top:1px solid var(--line);margin:0 4.5vw;padding:28px 0 40px;display:flex;justify-content:space-between;font-size:12px}
dialog{border:0;background:var(--paper);color:var(--ink);width:min(900px,calc(100% - 40px));max-height:90dvh;padding:0;overscroll-behavior:contain}dialog::backdrop{background:rgba(28,28,24,.5)}.dialog-toolbar{position:sticky;top:0;background:var(--paper);padding:20px 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;z-index:1}.close-dialog{background:none;border:0;padding:10px;cursor:pointer}.close-dialog span{font-size:22px;margin-left:12px}.essay-reading{max-width:680px;margin:auto;padding:58px 35px 80px}.essay-reading h2{font-size:39px;margin-bottom:45px}.essay-reading p{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.85;margin-bottom:1.4em}body.modal-open{overflow:hidden}
@media(min-width:1700px){main,.site-header,footer{max-width:1600px;margin-left:auto;margin-right:auto}.site-header{padding-left:0;padding-right:0}}
@media(max-width:900px){.site-header{display:block}.site-header nav{margin-top:24px;gap:14px 24px}.exhibition-heading{padding-top:55px}.introduction{margin-right:0}.held-copy{gap:6%;margin-right:0}}
@media(max-width:600px){.site-header{padding:26px 5vw}main{margin:0 5vw}.site-header nav{font-size:11px;gap:12px 20px}.exhibition-heading{padding:45px 0 30px}.eyebrow{font-size:10px}h1{font-size:43px}.introduction{margin-top:44px}.introduction p:first-child{font-size:25px}.prose{font-size:15px;line-height:1.8}.work-section{margin-top:100px}.section-heading{margin-bottom:28px}.slide img{height:59svh}.slides{gap:18px}.artwork-details{font-size:11px}.description{margin:32px 0 0}.held-copy{display:block;margin-top:30px}.held-copy .prose{margin-top:30px}.poetic-note{margin-top:40px}.essay-section{margin-top:100px;margin-bottom:90px;padding-top:42px}.quotations{margin-top:45px;margin-bottom:45px}.quotations blockquote+blockquote{margin-top:40px}dialog{width:100%;max-height:100dvh;height:100dvh;margin:0}.dialog-toolbar{padding:12px 20px}.essay-reading{padding:38px 24px 60px}.essay-reading h2{font-size:32px}.essay-reading p{font-size:17px}footer{margin:0 5vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slides{scroll-behavior:auto}}

/* Gallery composition: full photographs with neighboring works in view. */
.exhibition-caption{margin-top:18px;text-align:right;color:var(--muted);font-size:12px;line-height:1.75;font-weight:400}
.exhibition-caption span{display:block}
.carousel{--stage-height:88vh}
.slides{gap:clamp(18px,3vw,52px);align-items:center;padding:8px var(--end-space,10%) 8px var(--start-space,10%);scroll-padding:0;min-height:0}
.slide{flex:0 0 var(--slide-width,75%);scroll-snap-align:center;transition:opacity 280ms ease;opacity:.58}
.slide.is-active{opacity:1}
.slide-image{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;transform:scale(.94);transition:transform 280ms ease}
.is-active .slide-image{transform:scale(1);cursor:default}
.slide .slide-image img{width:100%;height:auto;max-height:none;object-fit:contain}
.slide figcaption[hidden]{display:none}
.preview-direction{position:absolute;bottom:18px;left:16px;background:var(--paper);color:var(--ink);padding:10px 14px;font-size:12px;white-space:nowrap;box-shadow:0 0 0 1px #d8d7d080}
.slide[data-direction="previous"] .preview-direction{left:auto;right:16px}
.is-active .preview-direction{display:none}
.slide-image:focus-visible{outline-offset:-3px}
.active-caption{margin-top:28px;min-height:85px}
.carousel-controls{margin-top:20px;border-top:0;padding-top:0}
.position{font-size:13px;letter-spacing:.08em}
.carousel-controls button{width:52px;height:48px;border:1px solid var(--line);border-radius:50%;margin-left:8px;font-size:24px}
.carousel-controls button:not(:disabled):hover{background:#eeede7}
.carousel-controls button:disabled{opacity:.35}
.held-copy{margin-top:28px}.held-copy .artwork-details{margin-top:0}
.eyes{max-width:none;margin-left:0;margin-right:0}.eyes .section-heading{margin-bottom:44px}
.eyes figure img{width:auto;max-width:100%;max-height:88vh;margin:0 auto}
.poetic-note{font-size:21px;line-height:1.85;max-width:510px;margin:85px auto 0;color:#505149;letter-spacing:0}
.essay-section{max-width:510px;margin:72px auto 130px;padding:0;border:0}
.quotations{max-width:none;margin:0 0 62px}
.quotations blockquote{font-size:19px;font-weight:400;line-height:1.9;color:#62635c;letter-spacing:0}
.quotations blockquote+blockquote{margin-top:65px}
.essay-section h2{font-size:19px;letter-spacing:0;line-height:1.5;margin-bottom:16px}
.essay-link{font-size:12px;color:#505149;gap:24px}
@media(max-width:600px){
 .carousel{--stage-height:76svh}.slides{gap:16px}
 .exhibition-caption{font-size:11px;margin-top:14px}
 .active-caption{min-height:100px}.carousel-controls{margin-top:16px}
 .preview-direction{bottom:10px;left:8px;font-size:10px;padding:8px}.slide[data-direction="previous"] .preview-direction{right:8px}
 .eyes figure img{width:100%;max-height:none}.eyes .section-heading{margin-bottom:28px}
 .poetic-note{font-size:19px;margin-top:55px;max-width:90%}
 .essay-section{max-width:90%;margin-top:50px;margin-bottom:90px;padding:0}
 .quotations{margin:0 0 45px}.quotations blockquote{font-size:17px}.quotations blockquote+blockquote{margin-top:45px}
 .essay-section h2{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.slide,.slide-image{transition:none}}
/* Allow Home/End to traverse the full sequence without intermediate snap stops. */
.slide{scroll-snap-stop:normal}

.preview-direction{padding:7px 9px;font-size:18px;left:8px;line-height:1}
.slide[data-direction="previous"] .preview-direction{right:8px}
@media(max-width:600px){.slides{gap:10px}.slide-image{transform:scale(.98)}.preview-direction{left:0;padding:5px;font-size:17px}.slide[data-direction="previous"] .preview-direction{right:0}}

/* Editorial hierarchy: a large plate and a compact accompanying caption. */
.artist-name{font-size:22px}
.site-header nav{font-size:13px}
#confluence .slides{align-items:start;gap:2vw}
#confluence .slide{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(180px,1fr);gap:clamp(28px,3vw,54px);align-items:center;scroll-snap-align:start}
#confluence .slide-image{transform:none}
#confluence .artwork-details{margin:0;max-width:255px;line-height:1.85;transition:opacity 200ms ease}
#confluence .slide:not(.is-active) .artwork-details{opacity:0}
#confluence .artwork-details span:first-child{margin-bottom:14px;font-size:15px}
#confluence .artwork-details span:last-child{margin-top:14px}
#confluence .carousel-controls{margin-top:26px}
.eyes figure{width:74%;max-width:1050px}
.eyes figure img{width:100%;max-height:none;margin:0}
.eyes .artwork-details{margin-top:24px}
.poetic-note{font-size:clamp(20.24px,2.068vw,28.16px);font-style:italic;line-height:1.65;color:#44453f;max-width:680px;margin:100px 8% 0 auto}
.essay-section{max-width:480px;margin:58px 8% 130px auto}
.quotations{margin:0 0 32px}
.quotations blockquote{font-size:16px;line-height:1.8;color:#696a62;font-weight:400}
.quotations blockquote+blockquote{margin-top:20px}
.excerpt-attribution{font-size:11px;color:var(--muted);line-height:1.7;margin-top:23px}
.essay-section h2{font-size:17px;margin-bottom:9px}
.essay-link{font-size:12px}
@media(max-width:900px) and (min-width:701px){#confluence .slide{grid-template-columns:minmax(0,2fr) minmax(160px,1fr);gap:24px}}
@media(max-width:700px){
 #confluence .slides{gap:12px}
 #confluence .slide{display:block}
 #confluence .artwork-details{max-width:100%;margin-top:24px;min-height:130px}
 #confluence .artwork-details span:first-child{font-size:14px;margin-bottom:5px}
 #confluence .artwork-details span:last-child{margin-top:5px}
 #confluence .carousel-controls{margin-top:16px}
 .eyes figure{width:100%}
 .poetic-note{max-width:100%;margin:65px 0 0;font-size:20.24px}
 .essay-section{max-width:100%;margin:40px 0 90px 8%}
 .quotations blockquote{font-size:15px}
 .quotations blockquote+blockquote{margin-top:18px}
 .essay-section h2{font-size:16px}
}
@media(max-width:600px){.site-header nav{font-size:12px}}
@media(prefers-reduced-motion:reduce){#confluence .artwork-details{transition:none}}

/* Final typographic refinements; the poetic bridge retains its existing rules. */
.artist-name{font-size:24.5px}
.site-header nav{font-size:14.5px}
.artwork-details,#confluence .artwork-details{font-size:12px;font-weight:400;line-height:1.85}
.artwork-details>span:first-child,#confluence .artwork-details>span:first-child{font-size:15px;font-weight:400;margin-bottom:14px}
.artwork-details>span:last-child,#confluence .artwork-details>span:last-child{margin-top:14px}
#confluence .artwork-details{width:calc(100% + 16px);max-width:280px}
.artwork-details span.keep-together{display:inline;white-space:nowrap;font:inherit;margin:0}
.essay-section{max-width:760px;text-align:center}
.quotations{margin-bottom:27px}
.quotations blockquote{font-size:15px;line-height:1.8;color:#696a62}
.quotations blockquote+blockquote{margin-top:10px}
.essay-from{font-size:10px;line-height:1.5;color:var(--muted);margin:0 0 4px}
.essay-section h2{font-size:18px;line-height:1.5;margin-bottom:9px}
.essay-link{font-size:11px;gap:12px}
@media(max-width:700px){
 #confluence .artwork-details{width:100%;max-width:100%}
 .artwork-details>span:first-child,#confluence .artwork-details>span:first-child{font-size:14px;margin-bottom:10px}
 .artwork-details>span:last-child,#confluence .artwork-details>span:last-child{margin-top:10px}
 .essay-section{max-width:100%}
 .quotations blockquote{font-size:14px}
 .quotations blockquote+blockquote{margin-top:10px}
 .essay-section h2{font-size:17px}
}
@media(max-width:600px){.site-header nav{font-size:13.5px}}
#confluence .artwork-details span.keep-together{display:inline;font:inherit;margin:0;white-space:nowrap}

/* Fine spacing adjustments, preserving the artist name and poetic bridge. */
.site-header nav{font-size:15.5px}
.held-copy .artwork-details>span:first-child,.eyes .artwork-details>span:first-child{margin-bottom:8px}
.held-copy .artwork-details>span:last-child,.eyes .artwork-details>span:last-child{margin-top:8px}
.essay-section{margin-top:105px;margin-left:auto;margin-right:auto}
.quotations{margin-bottom:50px}
.essay-from{margin-bottom:8px}
.essay-section h2{font-size:28px;line-height:1.4;margin-bottom:18px}
@media(max-width:700px){
 .essay-section{margin-top:75px;max-width:94%}
 .quotations{margin-bottom:50px}
 .essay-section h2{font-size:24px}
}
@media(max-width:600px){.site-header nav{font-size:14.5px}}

/* Keep the desktop bridge measure at its earlier three-line rhythm. */
@media(min-width:901px){.poetic-note{width:22.6em;padding-right:0;margin-right:calc(max(0px,calc(5% - 50px)) + 20px)}}

/* Reusable project heading annotation. Keep the final word and year together.
   Future example: Stone<span class="project-year"> (2025–2026)</span> */
.project-title-ending{white-space:nowrap}
.project-year{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,.2em,16px);font-weight:400;font-style:normal;letter-spacing:0;line-height:1;vertical-align:-.3em;margin-left:.45em;color:#77786f;white-space:nowrap}
