@font-face{font-family:Vazirmatn;src:url('assets/vazirmatn-400.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Vazirmatn;src:url('assets/vazirmatn-500.ttf') format('truetype');font-display:swap;font-weight:500}
@font-face{font-family:Vazirmatn;src:url('assets/vazirmatn-600.ttf') format('truetype');font-display:swap;font-weight:600}
@font-face{font-family:Vazirmatn;src:url('assets/vazirmatn-700.ttf') format('truetype');font-display:swap;font-weight:700}
:root{--paper:#f7f5f0;--ink:#252e2c;--teal:#1b605e;--muted:#69736e;--line:#d9ddd4;--wash:#e9ece4;--accent:#a85d35}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;font-size:18px;line-height:1.95}a{color:inherit}button{font:inherit}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}a:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:6px}.skip-link{position:fixed;top:-90px;right:20px;padding:12px;background:white;z-index:99}.skip-link:focus{top:10px}.masthead{height:86px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(247,245,240,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.wordmark{font-weight:700;font-size:19px;text-decoration:none}.wordmark span{font-weight:400;font-size:12px;margin-right:20px;color:var(--muted)}.chapter-label{font-size:13px;color:var(--muted)}.progress{position:absolute;right:0;bottom:-1px;height:2px;width:100%;background:var(--teal);transform:scaleX(0);transform-origin:right;transition:transform .15s linear}.section{max-width:1500px;margin-inline:auto}.city{padding:72px 6vw 0;display:grid;grid-template-columns:1fr 1.5fr;gap:70px 5vw;align-items:center}.intro-copy{max-width:420px}.eyebrow{display:block;color:var(--teal);font-size:14px;font-weight:500;margin-bottom:22px}.intro-copy h2{font-size:clamp(36px,3.6vw,64px);line-height:1.65;letter-spacing:-1.5px;margin-bottom:24px}.intro-copy p{font-size:18px;line-height:2.15;color:#505d57}.city-art img{width:100%;max-height:590px;object-fit:contain}.city-art figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:13px;color:var(--muted)}.context{grid-column:1/-1;max-width:680px;margin:45px auto 85px}.context h2{font-size:30px;margin-bottom:25px}.context p+p{margin-top:20px}.artist{display:grid;direction:ltr;grid-template-columns:minmax(220px,26%) minmax(0,1fr);gap:7%;padding:95px 6vw 25px;border-top:1px solid var(--line);align-items:start}.artist-label{direction:rtl;position:sticky;top:155px;align-self:start;padding-bottom:60px}.artist-label h2{font-size:clamp(28px,2.6vw,46px);line-height:1.7;letter-spacing:-1px}.artist-label .eyebrow{display:flex;justify-content:space-between;font-size:13px}.index{font-size:12px;font-weight:400;color:var(--muted)}.artist-theme{font-size:18px;color:var(--teal);margin:16px 0 26px}.traits{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.traits li{border-bottom:1px solid var(--line);padding:10px 0;font-size:15px}.artist-note{font-size:15px;color:var(--muted);margin-top:27px;line-height:2.1}.works{direction:rtl;min-width:0}.work{margin-bottom:115px}.art-mat{display:flex;align-items:center;justify-content:center;min-height:450px;padding:25px;background:var(--wash)}.art-mat img{width:auto;max-width:100%;max-height:660px;object-fit:contain;box-shadow:0 8px 28px #19292410}.art-mat.wide{padding:0;background:transparent}.art-mat.wide img{width:100%;max-height:720px;box-shadow:none}.work figcaption{display:flex;align-items:baseline;gap:26px;margin-top:28px;padding-inline:8px;max-width:640px}.work-count{font-size:13px;color:var(--accent);font-weight:500}.work h3{font-size:21px}.work-meta{font-size:13px;color:var(--muted)}.work figcaption p{font-size:17px;line-height:2.1;margin-top:10px;color:#4d5953}.interlude{margin-top:25px;padding:90px 8vw;background:var(--teal);color:var(--paper)}.interlude-inner{max-width:780px;margin:auto}.interlude .eyebrow{color:#b9d1c9}.interlude h2{font-size:clamp(28px,3vw,44px);line-height:1.8;max-width:750px}.interlude p{max-width:650px;margin-top:25px;color:#dce8df}.poem{padding:35px 0 55px;color:var(--teal);font-size:clamp(22px,2.2vw,32px);line-height:2.3}.poem cite{display:block;font-style:normal;font-size:13px;color:var(--muted);margin-top:18px}.comparison{padding:65px 6vw 100px;border-top:1px solid var(--line)}.comparison h2{font-size:36px;margin-bottom:15px}.comparison>p{max-width:650px;color:var(--muted);margin-bottom:45px}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.comparison-grid img{width:100%;height:270px;object-fit:contain;background:var(--wash)}.comparison-grid figcaption{margin-top:24px}.comparison-grid h3{font-size:21px}.comparison-grid p{font-size:16px;color:#505d57;margin-top:10px}.city-return{padding:60px 6vw 90px}.city-return h2{font-size:32px;margin-bottom:30px}.city-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.city-photos img{width:100%;aspect-ratio:1.4;object-fit:cover}.city-photos h3{font-size:18px;margin-top:15px}.city-photos p{font-size:15px;color:var(--muted);margin-top:6px}.closing{padding:80px 6vw 100px;text-align:center;border-top:1px solid var(--line)}.closing h2{font-size:clamp(30px,3.5vw,48px);line-height:1.8;max-width:850px;margin:0 auto 32px}.closing p{max-width:650px;margin:auto;color:#505d57}.closing figure{max-width:560px;margin:55px auto 0}.closing img{width:100%}.closing figcaption{font-size:13px;color:var(--muted);margin-top:15px}.sources{max-width:1000px;margin:0 auto;padding:35px 6vw 60px;border-top:1px solid var(--line)}.sources summary{cursor:pointer;color:var(--teal);font-size:16px}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.source-grid h3{font-size:17px}.source-grid a{display:block;font-size:14px;margin-top:8px;text-underline-offset:5px}.source-note{font-size:14px;color:var(--muted);margin-top:30px}.footer{padding:25px 6vw;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media(min-width:1500px){.artist{gap:100px}.city{gap:80px}.artist-label{top:170px}}
@media(max-width:900px){.wordmark span{display:none}.city{grid-template-columns:1fr 1.2fr;gap:45px 5vw;padding-top:45px}.intro-copy h2{font-size:35px}.artist{grid-template-columns:27% minmax(0,1fr);gap:6%;padding-inline:5vw}.artist-label h2{font-size:28px}.art-mat{min-height:330px;padding:15px}.artist-label{top:130px}.artist-note{font-size:14px}.comparison-grid{gap:18px}.comparison-grid img{height:210px}}
@media(max-width:640px){body{font-size:17px}.masthead{height:70px;padding-inline:6vw}.wordmark{font-size:16px}.chapter-label{font-size:12px;max-width:135px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.city{display:flex;flex-direction:column;padding:45px 6vw 0;gap:28px;align-items:stretch}.intro-copy{max-width:100%}.intro-copy h2{font-size:36px;line-height:1.6;letter-spacing:-1px;margin-bottom:18px}.intro-copy h2 br{display:none}.intro-copy p{font-size:17px}.eyebrow{margin-bottom:14px}.city-art figcaption{font-size:12px}.context{margin:35px auto 50px}.context h2{font-size:26px}.artist{display:block;padding:45px 6vw 0}.artist-label{position:static;padding-bottom:30px}.artist-label h2{font-size:34px;line-height:1.7}.artist-theme{margin:8px 0 15px}.traits{display:flex;gap:14px;flex-wrap:wrap;border-top:0}.traits li{font-size:14px;padding:2px 0 6px}.artist-note{font-size:16px;max-width:440px;margin-top:17px}.art-mat{min-height:0;padding:14px}.art-mat img{max-height:580px}.work{margin-bottom:70px}.work figcaption{gap:16px;padding:0;margin-top:20px}.work h3{font-size:20px}.work figcaption p{font-size:16px}.interlude{padding:55px 7vw}.interlude p{font-size:17px}.comparison{padding-block:50px}.comparison h2{font-size:28px}.comparison-grid{grid-template-columns:1fr;gap:40px}.comparison-grid img{height:auto;max-height:440px;object-fit:contain}.city-return{padding-block:40px 60px}.city-photos{grid-template-columns:1fr;gap:30px}.city-return h2{font-size:27px}.closing{padding-block:55px}.closing h2{font-size:29px}.closing figure{margin-top:32px}.source-grid{grid-template-columns:1fr}.footer{font-size:12px}.poem{padding-block:10px 45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Let the paintings use the projection area while preserving their full edges. */
.section{max-width:none}
.art-mat,.art-mat.wide{min-height:0;padding:0;background:transparent}
.art-mat img,.art-mat.wide img{width:100%;height:auto;max-height:calc(100svh - 174px);object-fit:contain;box-shadow:none}
.work{margin-bottom:42px}
.work:last-child{margin-bottom:0}
.work figcaption{margin-top:12px;gap:16px;max-width:none;padding-inline:0}
.context{margin:24px auto 36px}
.context h2{margin-bottom:0}
.interlude{margin-top:0;padding:34px 4vw}
.interlude .eyebrow{margin-bottom:10px}
.comparison,.city-return{padding:36px 2.5vw}
.comparison h2{margin-bottom:24px}
.comparison-grid,.city-photos{gap:20px}
.comparison-grid img{height:58svh;object-fit:contain;background:transparent}
.comparison-grid figcaption{margin-top:10px}
.city-photos img{aspect-ratio:auto;height:auto;object-fit:contain}
.sources{padding-block:24px}
@media(min-width:901px){
 html{scroll-padding-top:80px}
 .masthead{height:64px;padding-inline:2.5vw}
 .city{padding:26px 2.5vw 0;grid-template-columns:minmax(220px,23%) minmax(0,1fr);gap:26px 2.5vw}
 .city-art img{max-height:calc(100svh - 144px)}
 .intro-copy h2{font-size:clamp(32px,3vw,52px);margin-bottom:0}
 .artist{grid-template-columns:minmax(200px,20%) minmax(0,1fr);gap:2.5vw;padding:28px 2.5vw 36px}
 .artist-label{top:94px;padding-bottom:0}
 .artist-label h2{font-size:clamp(28px,2.3vw,42px)}
 .artist-label .eyebrow{font-size:15px;margin-bottom:12px}
 .artist-theme{font-size:21px;margin:12px 0 0}
 .work h3{font-size:24px}
 .work-meta,.work-count,.city-art figcaption,.closing figcaption{font-size:16px}
 .closing{display:grid;grid-template-columns:minmax(220px,23%) minmax(0,1fr);column-gap:2.5vw;padding:32px 2.5vw;align-content:center;align-items:center;text-align:right}
 .closing>.eyebrow{grid-column:1;align-self:end;margin-bottom:12px}
 .closing h2{grid-column:1;align-self:start;font-size:clamp(30px,2.8vw,48px);margin:0}
 .closing figure{grid-column:2;grid-row:1 / 3;max-width:none;width:100%;margin:0}
 .closing img{max-height:calc(100svh - 150px);object-fit:contain}
}
@media(min-width:641px) and (max-width:900px){
 .artist{grid-template-columns:24% minmax(0,1fr);gap:3%;padding:30px 2.5vw}
 .city{padding-inline:2.5vw;gap:24px}
}
@media(max-width:640px){
 .city{padding:28px 2.5vw 0;gap:20px}
 .intro-copy,.artist-label{padding-inline:3.5vw}
 .artist{padding:28px 2.5vw 0}
 .artist-label{padding-bottom:20px}
 .art-mat img,.art-mat.wide img{max-height:calc(100svh - 120px)}
 .work{margin-bottom:34px}
 .work:last-child{margin-bottom:28px}
 .work figcaption{padding-inline:3.5vw}
 .comparison-grid img{height:auto;max-height:75svh}
 .comparison-grid,.city-photos{gap:26px}
 .closing{padding:30px 2.5vw}
 .closing figure{max-width:none;margin-top:20px}
}