@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f4f1e9;--ink:#25241f;--sub:#656157;--rule:#bfbab0;--hair:#dcd7cc;--wash:#eae6dc;--type:'DM Sans',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;--mono:'DM Mono',monospace;--width:1370px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:13.5px/1.7 var(--type);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit}figure,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.atlas-frame:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:#262620;color:var(--paper)}.shell{max-width:var(--width);margin-inline:auto;padding-inline:clamp(22px,5vw,72px)}.micro{font:9px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.065em}.quiet{color:var(--sub)}.skip{position:absolute;left:-9999px;z-index:1000;background:var(--ink);color:#fff;padding:10px}.skip:focus{left:10px;top:10px}.site-header{position:relative;background:var(--paper);z-index:20;border-bottom:1px solid var(--ink)}.site-header-inner{display:flex;align-items:center;gap:24px;min-height:78px}.identity{display:flex;align-items:center;gap:13px;flex-shrink:0}.wordmark{font:700 28px/1 Arial,Helvetica,sans-serif;letter-spacing:-.117em;padding-right:4px}.identity-caption{font:9px/1.4 var(--mono);letter-spacing:.035em}.header-place{color:var(--sub);margin-left:auto}.nav{display:flex;align-items:center;gap:21px}.nav a{padding:5px 0;font-size:10px;line-height:1.3;border-bottom:1px solid transparent;white-space:nowrap}.nav a[aria-current],.nav a:hover{border-color:var(--ink)}.menu-toggle{display:none}.top-folio{border-bottom:1px solid var(--hair);display:flex;justify-content:space-between;padding-top:18px;padding-bottom:17px}.inline-link{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:6px;font-size:11.5px;line-height:1.6}.inline-link span{font-size:18px;line-height:1}.inline-link:hover{opacity:.57}.archive-image{mix-blend-mode:multiply;filter:grayscale(1) contrast(1.16);display:block}.image-credit{font:9px/1.65 var(--mono);color:var(--sub);display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--rule);margin-top:12px;padding-top:6px}.image-credit a{color:var(--ink);white-space:nowrap}.image-credit a:hover{text-decoration:underline;text-underline-offset:3px}em{font-family:var(--serif);font-size:1.15em;font-style:italic;font-weight:400;letter-spacing:-.025em}
/* HOME INTRO / paper collage */
.home-intro{position:relative;min-height:510px;display:grid;grid-template-columns:.92fr 1.08fr;border-bottom:1px solid var(--ink)}.intro-column{padding:75px 2vw 71px 0;z-index:2}.intro-column h1{font-weight:500;font-size:clamp(46px,5.25vw,76px);letter-spacing:-.072em;line-height:1.04;margin:58px 0 27px}.intro-column p{font-size:14px;line-height:1.75;max-width:390px;margin-bottom:31px}.intro-imagery{position:relative;min-width:0;min-height:505px}.intro-fragment{position:absolute;right:7%;top:18px;width:48%;transform:rotate(1.6deg)}.intro-fragment img{height:440px;width:100%;object-fit:contain;object-position:center top}.intro-fragment figcaption{font-size:8px;line-height:1.55;margin-top:-24px;padding-left:20px}.intro-fragment figcaption a{text-decoration:underline}.intro-side-fragment{position:absolute;left:2%;top:165px;width:42%;transform:rotate(-3deg)}.intro-side-fragment img{width:100%;height:230px;object-fit:contain;clip-path:ellipse(47% 49% at 50% 49%)}.intro-side-fragment figcaption{margin:4px 0 0 10px;font-size:8px}.intro-side-fragment figcaption a{text-decoration:underline}.field-index{position:absolute;right:-15px;bottom:34px;writing-mode:vertical-rl;color:var(--sub)}
/* MAP: major interactive feature */
.map-study{padding-top:76px;padding-bottom:70px;overflow:hidden;background:#ebe7dd;border-bottom:1px solid var(--ink)}.atlas-title{display:flex;justify-content:space-between;align-items:end;gap:65px;padding-bottom:35px}.atlas-title h2{font-size:clamp(35px,4vw,58px);letter-spacing:-.062em;line-height:1.04;font-weight:500;margin:19px 0 0}.atlas-title>p{font-size:13px;line-height:1.75;max-width:315px;padding-bottom:5px}.atlas-layout{display:grid;grid-template-columns:minmax(0,1.76fr) minmax(270px,.72fr);gap:40px;align-items:start}.atlas-art{min-width:0}.atlas-frame{position:relative;overflow:hidden;height:clamp(320px,37vw,490px);background:#e1dccf;cursor:default;border:1px solid #cfc8b9;touch-action:pan-y}.atlas-frame.is-zoomed{cursor:grab;touch-action:none}.atlas-frame.is-zoomed:active{cursor:grabbing}.atlas-map-layer{width:100%;height:100%;transform-origin:center center;transition:transform .16s ease;will-change:transform}.atlas-map-layer img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;filter:grayscale(1) sepia(.3) contrast(1.08)}.map-stamp,.map-stamp-right{position:absolute;left:12px;top:10px;background:rgba(244,241,233,.84);padding:2px 4px;pointer-events:none}.map-stamp-right{left:auto;right:12px}.map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:11px}.map-toolbar-left{display:flex;gap:18px}.map-tools{display:flex;align-items:center;gap:4px}.map-tools button{border:1px solid var(--rule);height:29px;min-width:31px;background:transparent;cursor:pointer;font-size:15px;line-height:1}.map-tools button:hover{background:var(--ink);color:var(--paper)}.map-tools button[data-zoom=reset]{font-size:9px;min-width:45px}.map-tools span{padding:0 7px;min-width:51px;text-align:center}.map-credit{margin-top:10px}.map-credit a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.atlas-reading{padding-top:2px}.thread-list{margin-top:24px;border-top:1px solid var(--ink)}.thread-button{width:100%;background:transparent;border:0;border-bottom:1px solid var(--rule);cursor:pointer;text-align:left;display:grid;grid-template-columns:28px 1fr 22px;align-items:center;gap:14px;padding:10px 5px;font-size:12px}.thread-num{font:10px var(--mono);color:var(--sub)}.thread-arrow{font-size:14px;opacity:0}.thread-button[aria-selected=true]{background:var(--paper)}.thread-button[aria-selected=true] .thread-arrow{opacity:1}.thread-button:hover{background:rgba(244,241,233,.58)}.reading-note{padding:26px 5px 0;min-height:224px}.reading-note h3{font-weight:500;letter-spacing:-.045em;font-size:clamp(23px,2.35vw,33px);line-height:1.16;margin:15px 0 12px}.reading-note p{color:#555046;font-size:12.5px;line-height:1.76;max-width:330px;margin-bottom:15px}.reading-note .inline-link{font-size:10.5px}.atlas-bottom{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.atlas-bottom .inline-link{font-size:11px}
/* Home index */
.home-directory{padding-top:82px;padding-bottom:75px}.index-header{display:grid;grid-template-columns:22% 1fr;gap:4%;align-items:start;padding-bottom:37px}.index-header h2{font-size:clamp(37px,4vw,57px);line-height:1.1;font-weight:500;letter-spacing:-.06em;margin:0}.directory-list{border-top:1px solid var(--ink)}.directory-line{display:grid;grid-template-columns:22% 1.12fr 1fr 30px;gap:4%;align-items:center;min-height:100px;border-bottom:1px solid var(--rule);transition:background .2s,padding .2s}.directory-line:hover{background:#eae6dc;padding-inline:12px}.directory-name{font:500 clamp(22px,2.8vw,36px)/1.2 var(--type);letter-spacing:-.05em}.directory-desc{font-size:11px;color:var(--sub)}.directory-arrow{font-size:22px}.index-endnote{display:grid;grid-template-columns:22% 1fr auto;gap:4%;padding-top:40px;align-items:start}.index-endnote p{font-size:12.5px;max-width:485px}.index-endnote .inline-link{white-space:nowrap}
/* Shared editorial inner pages */
.page-opening{position:relative;min-height:460px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:5vw;border-bottom:1px solid var(--ink)}.opening-copy{padding-top:76px;padding-bottom:78px;position:relative;z-index:2}.opening-copy h1{font-size:clamp(58px,6.5vw,93px);line-height:.97;font-weight:500;letter-spacing:-.08em;margin:68px 0 25px;white-space:nowrap}.lead{font-size:clamp(15px,1.75vw,21px);letter-spacing:-.019em;line-height:1.58;max-width:410px}.archival-figure img,.about-plate img,.about-inset img,.events-panorama img,.project-piece img,.involved-figure img,.archive-shard img,.reference-picture img,.visual-sprig img{mix-blend-mode:multiply;filter:grayscale(1) contrast(1.15)}.about-opening{min-height:525px}.about-opening .opening-copy{padding-top:85px}.about-plate{position:relative;align-self:center;justify-self:center;width:57%;margin-left:5%;z-index:1}.about-plate img{height:450px;width:100%;object-fit:contain}.about-plate figcaption{margin-top:-13px}.about-inset{position:absolute;width:210px;right:4%;bottom:37px;z-index:2;transform:rotate(3deg)}.about-inset img{height:139px;width:100%;object-fit:cover;object-position:center;background:var(--paper);border:8px solid var(--paper);filter:grayscale(1) contrast(1.14)}.about-inset figcaption{font-size:7.5px;padding-left:9px}.about-inset a{text-decoration:underline}.essay-grid{display:grid;grid-template-columns:19% minmax(0,1fr) minmax(0,.7fr);gap:6%;padding-top:89px;padding-bottom:98px}.section-number{padding-top:8px}.text-column{max-width:565px}.text-column h2,.involvement-body h2{font-size:clamp(29px,3.5vw,45px);font-weight:500;letter-spacing:-.06em;line-height:1.1;margin:0 0 25px}.text-column p{font-size:13.5px;line-height:1.9;margin-bottom:22px}.margin-quote{margin-top:4px;border-top:1px solid var(--ink);padding-top:18px}.margin-quote p{font:italic 34px/1.05 var(--serif);margin:27px 0 22px}.margin-quote>span:last-child{font-size:12px;line-height:1.8;color:var(--sub);display:block;max-width:265px}.closing-footnote{border-top:1px solid var(--rule);display:grid;grid-template-columns:19% 1fr auto;gap:6%;padding-top:30px;padding-bottom:30px}.closing-footnote p{max-width:570px;font-size:12px}.closing-footnote .inline-link{font-size:11px;white-space:nowrap}
/* Events */
.event-opening{min-height:455px;grid-template-columns:.82fr 1.18fr;gap:20px}.event-opening .opening-copy{padding-top:80px}.events-panorama{position:relative;align-self:end;margin-bottom:-42px;padding-left:18px;z-index:2}.events-panorama img{height:300px;width:100%;object-fit:cover;object-position:center;clip-path:polygon(1% 0,99% 0,99% 99%,1% 99%)}.events-panorama .image-credit{margin-top:0}.events-main{padding-top:116px;padding-bottom:75px}.upcoming-row{display:grid;grid-template-columns:21% 1fr auto;gap:5%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:26px 0 37px}.upcoming-row h2{font-size:clamp(26px,3vw,37px);font-weight:500;letter-spacing:-.055em;margin:-2px 0 9px}.upcoming-row p{font-size:12.5px;color:var(--sub)}.event-format{display:grid;grid-template-columns:46% 1fr;gap:10%;padding-top:76px}.event-format h2{font-size:clamp(35px,4vw,49px);font-weight:500;line-height:1.1;letter-spacing:-.065em;margin:17px 0 0}.event-format p{margin:0 0 23px}
/* Projects */
.project-opening{grid-template-columns:1.03fr .97fr;min-height:460px}.project-piece{align-self:center;justify-self:end;width:83%;transform:rotate(2deg)}.project-piece img{height:305px;width:100%;object-fit:contain}.project-piece figcaption{margin-top:0}.projects-body{padding-top:78px}.projects-intro{margin-bottom:20px}.project-item{border-top:1px solid var(--rule);display:grid;grid-template-columns:24% 1fr;gap:6%;padding:24px 0 29px}.project-item:last-child{border-bottom:1px solid var(--ink)}.project-item h2{font-size:clamp(26px,2.7vw,37px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:0 0 9px}.project-item p{font-size:13px;color:var(--sub);max-width:530px}.project-archive{position:relative;display:grid;grid-template-columns:1.03fr .8fr .7fr;align-items:start;gap:36px;padding-top:96px;padding-bottom:100px}.project-archive-intro h2{max-width:310px;font-size:clamp(35px,4vw,49px);font-weight:500;letter-spacing:-.065em;line-height:1.12;margin:21px 0}.archive-shard{min-width:0}.archive-shard img{width:100%;height:280px;object-fit:contain}.archive-shard p{font-size:14px;letter-spacing:-.028em;margin-top:13px}.archive-shard .image-credit{font-size:8px}.shard-power{margin-top:-30px}.shard-watch{margin-top:75px}.shard-watch img{clip-path:circle(47% at center)}
/* Involved */
.involved-opening{min-height:460px}.involved-figure{align-self:end;width:86%;justify-self:center;margin-bottom:-29px}.involved-figure img{height:320px;object-fit:cover;width:100%;object-position:center}.involved-figure .image-credit{margin-top:0}.involvement-body{display:grid;grid-template-columns:1fr 1fr;gap:13%;padding-top:105px;padding-bottom:105px}.involvement-body h2{margin-top:22px}.involvement-body p{font-size:13px;line-height:1.85;max-width:445px}.contacts{border-top:1px solid var(--ink);margin-top:20px}.contacts a{display:flex;justify-content:space-between;gap:12px;padding:21px 0;border-bottom:1px solid var(--rule);font-size:13px;overflow-wrap:anywhere}.contacts a:hover{text-decoration:underline;text-underline-offset:4px}.contacts a span{font-size:17px}
/* VISUAL PHILOSOPHY: irregular archive mosaic */
.visual-opening{position:relative;min-height:360px;border-bottom:1px solid var(--ink);padding-top:70px;padding-bottom:69px;overflow:hidden}.visual-title-row{display:grid;grid-template-columns:1fr .56fr;gap:10%;align-items:end;position:relative;z-index:2}.visual-title-row h1{font-weight:500;font-size:clamp(51px,6vw,87px);line-height:.98;letter-spacing:-.077em;max-width:720px;margin:49px 0 0}.visual-title-row p{font-size:14px;line-height:1.8;max-width:305px;padding-bottom:3px}.visual-sprig{position:absolute;right:18%;top:-90px;width:200px;opacity:.18;pointer-events:none;transform:rotate(12deg)}.visual-sprig img{width:100%;height:420px;object-fit:contain}.reference-collection{padding-top:52px}.collection-head{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--rule);padding-bottom:16px}.reference-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:30px;padding-top:50px;padding-bottom:65px}.reference-card{min-width:0;display:flex;flex-direction:column}.reference-card.landscape:first-child{grid-column:1 / span 7}.reference-card.portrait{grid-column:9 / span 4;margin-top:80px}.reference-card.wide{grid-column:2 / span 6;margin-top:0}.reference-card.landscape:nth-child(4){grid-column:9 / span 4;margin-top:110px}.reference-card.narrow{grid-column:2 / span 6;margin-top:0}.reference-card.round{grid-column:9 / span 4;margin-top:95px}.reference-picture{position:relative;min-width:0}.reference-picture img{width:100%;height:330px;object-fit:contain;object-position:center}.reference-card.portrait .reference-picture img{height:485px}.reference-card.narrow .reference-picture img{height:330px}.reference-card.round .reference-picture img{height:290px;clip-path:circle(48% at center)}.reference-card.wide .reference-picture img{height:380px;object-fit:cover}.reference-picture figcaption{padding-top:7px;border-top:1px solid var(--rule);margin-top:11px;color:var(--sub)}.reference-text{padding-top:17px}.reference-text h2{font-size:clamp(22px,2.35vw,32px);letter-spacing:-.05em;font-weight:500;line-height:1.2;margin:9px 0 12px}.reference-text>p{font-size:12.5px;line-height:1.8;max-width:460px}.source-row{border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between;margin-top:20px;padding-top:9px;font:9px/1.6 var(--mono);color:var(--sub)}.source-row a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.reference-card:target{scroll-margin-top:35px}.reference-card:target .reference-text h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.influences{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--ink);padding-top:68px;padding-bottom:66px}.influences h2{font-size:clamp(27px,3.3vw,43px);font-weight:500;letter-spacing:-.06em;line-height:1.1;margin:15px 0 20px}.influences p{max-width:480px;font-size:12.5px;line-height:1.85;margin-bottom:20px}.rights-line{border-top:1px solid var(--rule);display:grid;grid-template-columns:22% 1fr;gap:5%;padding-top:24px;padding-bottom:35px}.rights-line p{font-size:10.5px;color:var(--sub)}
/* Footer */
.footer{border-top:1px solid var(--ink);margin-top:35px;padding-top:31px;padding-bottom:42px}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto auto;gap:40px;align-items:start}.footer-brand .wordmark{font-size:25px}.footer-note{font-size:11px;color:var(--sub)}.footer-nav{display:flex;flex-direction:column;gap:6px;font-size:11px}.footer-nav a:hover{text-decoration:underline;text-underline-offset:3px}.footer-year{color:var(--sub)}
@media(max-width:1140px){.site-header-inner{gap:15px}.header-place{display:none}.nav{margin-left:auto;gap:15px}.nav a{font-size:10px}.atlas-layout{grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);gap:23px}.map-toolbar-left .hide-small{display:none}.about-inset{right:1%;width:170px}}
@media(max-width:900px){.site-header-inner{min-height:71px}.menu-toggle{display:block;background:transparent;border:1px solid var(--ink);font-size:11px;padding:7px 10px;margin-left:auto;cursor:pointer}.nav{display:none;position:absolute;left:0;right:0;top:71px;padding:10px 24px 25px;background:var(--paper);border-bottom:1px solid var(--ink);flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{border-bottom:1px solid var(--hair);font-size:13px;padding:11px 0}.atlas-layout{grid-template-columns:1fr}.atlas-reading{display:grid;grid-template-columns:1fr 1fr;gap:30px}.atlas-reading>.micro{grid-column:1/-1}.thread-list{margin-top:0}.reading-note{padding-top:0}.atlas-title>p{max-width:290px}.home-intro{min-height:455px}.intro-imagery{min-height:455px}.intro-fragment img{height:370px}.intro-side-fragment{top:154px}.intro-side-fragment img{height:185px}.essay-grid{grid-template-columns:1fr 1fr;gap:60px}.essay-grid>.micro{grid-column:1/-1}.reference-mosaic{column-gap:16px}.footer-grid{grid-template-columns:1fr 1fr auto}.footer-year{display:none}}
@media(max-width:680px){body{font-size:13px}.shell{padding-inline:21px}.micro{font-size:8px}.top-folio .quiet{display:none}.home-intro{grid-template-columns:1fr}.intro-column{padding:44px 0 10px}.intro-column h1{font-size:clamp(44px,11vw,62px);margin:32px 0 23px}.intro-column p{font-size:13px}.intro-imagery{height:255px;min-height:255px}.intro-fragment{width:43%;right:9%;top:-11px}.intro-fragment img{height:263px}.intro-fragment figcaption{margin-top:-20px;font-size:7px}.intro-side-fragment{width:44%;left:7%;top:55px}.intro-side-fragment img{height:152px}.intro-side-fragment figcaption{font-size:7px}.field-index{right:0;bottom:4px}.map-study{padding-top:54px;padding-bottom:52px}.atlas-title{display:block;padding-bottom:24px}.atlas-title h2{font-size:41px;margin:17px 0 17px}.atlas-title>p{font-size:12px;max-width:420px}.atlas-frame{height:250px}.map-stamp-right{display:none}.atlas-reading{display:block;margin-top:23px}.atlas-reading>.micro{display:block;margin-bottom:10px}.thread-list{margin-top:0}.thread-button{padding-block:9px}.reading-note{min-height:auto;padding:25px 0 0}.reading-note h3{font-size:29px}.map-toolbar-left{display:none}.map-toolbar{justify-content:flex-end}.map-credit{font-size:8px}.atlas-bottom{display:block;margin-top:17px}.atlas-bottom .inline-link{margin-top:19px}.home-directory{padding-top:58px;padding-bottom:40px}.index-header{display:block;padding-bottom:22px}.index-header h2{font-size:43px;margin-top:13px}.directory-line{grid-template-columns:29px 1fr 19px;min-height:89px;gap:12px}.directory-line .directory-desc{display:none}.directory-name{font-size:27px}.index-endnote{display:block;padding-top:29px}.index-endnote p{margin:13px 0 16px}.page-opening{grid-template-columns:1fr;min-height:0}.opening-copy{padding-top:53px;padding-bottom:34px}.opening-copy h1{font-size:clamp(56px,12vw,73px);margin:37px 0 22px;white-space:normal}.lead{font-size:17px;max-width:390px}.about-plate{width:57%;margin-left:0;justify-self:end;margin-right:4%;margin-top:-25px;margin-bottom:21px}.about-plate img{height:290px}.about-plate figcaption{font-size:7px}.about-inset{right:auto;left:9%;bottom:60px;width:145px}.about-inset img{height:102px}.essay-grid{display:block;padding-top:56px;padding-bottom:59px}.essay-grid .text-column{margin-top:18px}.essay-grid .text-column h2{font-size:36px}.margin-quote{margin-top:44px}.margin-quote p{font-size:34px}.closing-footnote{display:block;padding-top:28px}.closing-footnote p{margin:14px 0 20px}.event-opening .opening-copy{padding-top:53px}.events-panorama{padding-left:0;margin-bottom:-27px;width:93%;justify-self:end}.events-panorama img{height:195px}.events-main{padding-top:91px}.upcoming-row{display:block;padding:20px 0 26px}.upcoming-row h2{font-size:28px;margin:11px 0}.upcoming-row .quiet{display:none}.event-format{display:block;padding-top:60px}.event-format h2{font-size:38px;margin:14px 0 27px}.project-piece{width:83%;justify-self:end;margin-top:-12px}.project-piece img{height:220px}.projects-body{padding-top:55px}.project-item{grid-template-columns:1fr;gap:12px;padding:21px 0 26px}.project-item h2{font-size:27px}.project-archive{grid-template-columns:1fr 1fr;column-gap:22px;row-gap:17px;padding-top:66px;padding-bottom:50px}.project-archive-intro{grid-column:1/-1}.project-archive-intro h2{font-size:36px}.archive-shard img{height:180px}.shard-power{margin-top:0}.shard-watch{margin-top:37px}.archive-shard .image-credit{font-size:7px}.archive-shard p{font-size:12px}.involved-figure{margin-bottom:-22px;width:86%;justify-self:end}.involved-figure img{height:210px}.involvement-body{display:block;padding-top:73px;padding-bottom:49px}.involvement-body h2{font-size:35px}.involvement-body>div+div{margin-top:58px}.contacts a{font-size:12px}.visual-opening{min-height:0;padding-top:53px;padding-bottom:54px}.visual-title-row{display:block}.visual-title-row h1{font-size:clamp(53px,11vw,73px);margin:34px 0 24px}.visual-title-row p{font-size:13px;max-width:420px}.visual-sprig{right:2%;top:-95px;width:90px}.reference-collection{padding-top:35px}.collection-head .quiet{display:none}.reference-mosaic{display:block;padding-top:20px;padding-bottom:36px}.reference-card,.reference-card.landscape:first-child,.reference-card.portrait,.reference-card.landscape:nth-child(4),.reference-card.narrow,.reference-card.round,.reference-card.wide{width:100%;margin:0 0 55px}.reference-card.portrait{width:79%;margin-left:auto}.reference-card.landscape:nth-child(4){width:87%}.reference-card.narrow{width:76%;margin-left:auto}.reference-card.round{width:80%}.reference-card.wide{width:100%}.reference-picture img{height:255px}.reference-card.portrait .reference-picture img{height:360px}.reference-card.narrow .reference-picture img{height:260px}.reference-card.round .reference-picture img{height:240px}.reference-card.wide .reference-picture img{height:220px}.reference-text h2{font-size:28px}.influences{display:block;padding-top:49px;padding-bottom:26px}.influences>div{margin-bottom:44px}.influences h2{font-size:33px}.rights-line{display:block}.rights-line p{margin-top:13px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-note{grid-column:1}.footer-nav{grid-column:2}.footer-brand{grid-column:1/-1}.footer{padding-block:31px;margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Allow the user to pan the enlarged map rather than drag the browser image. */
.atlas-map-layer img{pointer-events:none;user-select:none;-webkit-user-drag:none}


/* --- V5 refinements --- */
body{font-size:13px;line-height:1.65}
.intro-column h1{font-size:clamp(64px,8.2vw,104px)}
.atlas-title h2,.index-header h2{font-size:clamp(42px,5vw,66px)}
.page-opening h1,.visual-title-row h1{font-size:clamp(50px,7vw,88px)}
.lead{font-size:19px}
.home-intro{align-items:start}
.intro-imagery{height:430px;min-height:430px}
.intro-fragment{width:42%;right:8%;top:10px}
.intro-fragment img{height:340px}
.intro-side-fragment{width:26%;left:8%;top:88px}
.intro-side-fragment img{height:255px}
.intro-third-fragment{position:absolute;left:38%;bottom:26px;width:25%;z-index:1;transform:rotate(-4deg)}
.intro-third-fragment img{height:168px;object-fit:cover;object-position:center}
.intro-third-fragment figcaption{display:block;margin-top:9px;color:var(--sub)}
.field-index{right:2%;bottom:-4px}
.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}
.directory-card{border:1px solid var(--ink);background:rgba(255,255,255,.14);min-height:220px;padding:18px;display:grid;grid-template-rows:auto 1fr auto auto;transition:transform .25s ease, background .25s ease;position:relative}
.directory-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.28)}
.directory-card .directory-name{font:clamp(28px,3vw,40px)/1.05 var(--serif);margin:18px 0 8px}
.directory-card .directory-desc{font-size:13px;color:var(--sub);max-width:16ch}
.directory-card .directory-arrow{justify-self:end;font-size:20px}
.system-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.75fr);gap:34px;align-items:start}
.system-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px}
.layer-switch{display:flex;flex-wrap:wrap;gap:8px}
.layer-button{border:1px solid var(--ink);background:transparent;padding:8px 11px;font:9px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background .25s ease,color .25s ease}
.layer-button.is-active,.layer-button:hover{background:var(--ink);color:var(--paper)}
.system-stage{position:relative;border:1px solid var(--ink);background:var(--wash);overflow:hidden;aspect-ratio:16/9;min-height:420px}
.system-base{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) opacity(.38)}
.system-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.system-svg g{opacity:0;transition:opacity .35s ease}
.system-svg g.is-visible{opacity:1}
.system-svg path{fill:none;stroke:#1f1f1a;stroke-width:2.1;stroke-dasharray:5 6;opacity:.7}
.map-nodes{position:absolute;inset:0}
.map-node{position:absolute;transform:translate(-50%,-50%);border:1px solid var(--ink);background:rgba(244,241,233,.92);padding:7px 10px;font:9px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;display:none;cursor:pointer;transition:transform .2s ease, background .2s ease, box-shadow .2s ease;box-shadow:0 0 0 0 rgba(0,0,0,0)}
.map-node.is-visible{display:block}
.map-node.is-active,.map-node:hover{transform:translate(-50%,-50%) scale(1.04);background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.08)}
.system-reading{border-top:1px solid var(--ink);padding-top:12px}
.system-reading .reading-note{padding-top:10px;min-height:0}
.system-reading h3{font-size:34px;line-height:1.02;margin:.4em 0 .45em;max-width:12ch}
.system-reading p{max-width:36ch}
.system-meta{margin-top:25px;padding-top:14px;border-top:1px solid var(--hair);color:var(--sub);font-size:12px}
.reveal{opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}
.archive-image{transition:opacity .9s ease, transform .9s ease;opacity:.98}
.reference-card .archive-image,.intro-imagery .archive-image,.about-plate .archive-image,.about-inset .archive-image,.events-panorama .archive-image,.project-piece .archive-image,.involved-figure .archive-image,.visual-sprig .archive-image{transform:scale(1.003)}
.reference-card:hover .archive-image,.intro-imagery figure:hover .archive-image,.about-plate:hover .archive-image,.about-inset:hover .archive-image,.events-panorama:hover .archive-image,.project-piece:hover .archive-image,.involved-figure:hover .archive-image{transform:scale(1.012)}
.reference-mosaic .reference-card:first-child{margin-top:-8px}
@media(max-width:980px){
  .system-layout{grid-template-columns:1fr;gap:26px}
  .system-header{display:block}
  .layer-switch{margin-top:10px}
  .system-stage{min-height:350px}
  .directory-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  body{font-size:12.5px}
  .intro-imagery{height:350px;min-height:350px;margin-top:8px}
  .intro-fragment{width:45%;right:8%;top:14px}.intro-fragment img{height:265px}
  .intro-side-fragment{width:32%;left:6%;top:92px}.intro-side-fragment img{height:178px}
  .intro-third-fragment{left:34%;bottom:14px;width:30%}.intro-third-fragment img{height:120px}
  .system-stage{min-height:280px}
  .map-node{font-size:8px;padding:6px 8px}
  .system-reading h3{font-size:29px}
  .directory-grid{grid-template-columns:1fr;gap:14px}
  .directory-card{min-height:160px}
}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.archive-image{transition:none}}

/* Refined composition, legible captions and a sourced geographic map. */
.nav{margin-left:auto}
.intro-column h1{font-size:clamp(42px,5.5vw,76px);margin-top:34px;letter-spacing:-.055em}
.home-intro{align-items:center;min-height:490px;grid-template-columns:1fr 1fr;gap:36px}
.intro-column{padding:58px 0 60px}
.intro-imagery{height:auto;min-height:0;padding:34px 0 34px 15%}
.home-head{position:static;width:100%;max-width:355px;margin-left:auto;transform:none}
.home-head img{height:325px;width:100%;object-fit:contain;object-position:center;clip-path:none}
.home-head figcaption{display:block;margin:18px 0 0;padding-top:12px}
.home-head figcaption a{display:inline-block;margin-top:5px;text-decoration:underline;text-underline-offset:3px}
.inline-link{gap:8px}
.inline-link span,.directory-card .directory-arrow,.contacts a span{font-size:13px;line-height:1}
.atlas-title h2,.index-header h2{font-size:clamp(36px,4.2vw,54px)}
.page-opening h1,.visual-title-row h1{font-size:clamp(42px,5.5vw,68px)}
figure figcaption,.image-credit,.source-row,.archive-shard .image-credit,.about-plate figcaption,.about-inset figcaption{font:12px/1.65 var(--type);letter-spacing:0;text-transform:none;color:#47443c;position:static;transform:none;writing-mode:horizontal-tb;overflow-wrap:anywhere;white-space:normal}
.image-credit{flex-wrap:wrap;padding-top:10px;margin-top:14px;gap:6px 18px}
.image-credit a{white-space:normal;text-decoration:underline;text-underline-offset:3px}
.about-plate,.about-inset,.project-piece{transform:none}
.about-plate figcaption,.about-inset figcaption{margin-top:14px;padding-left:0}
.about-inset{bottom:20px}
.reference-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 8%;padding-top:40px;align-items:start}
.reference-mosaic .reference-card{grid-column:auto!important;width:100%!important;margin:0!important}
.reference-mosaic .reference-card:nth-child(even){padding-top:30px}
.reference-mosaic .reference-picture{height:auto;display:flex;flex-direction:column}
.reference-mosaic .reference-picture img{height:300px!important;width:100%;object-fit:contain!important;clip-path:none!important;transform:none}
.reference-mosaic .portrait .reference-picture img{width:87%;margin-inline:auto}
.reference-mosaic .round .reference-picture img{width:92%;margin-inline:auto}
.reference-mosaic .reference-picture figcaption{min-height:34px;margin-top:16px;padding-top:10px}
.reference-text h2{font-size:27px;letter-spacing:-.025em}
.reference-text>p{font-size:14px;line-height:1.75}
.source-row{display:block;margin-top:18px;padding-top:12px}
.source-row span,.source-row a{display:block}
.source-row a{margin-top:5px}
.visual-opening{min-height:290px;padding-block:55px}
.visual-title-row{align-items:center}
.visual-title-row h1{margin-top:28px}
.directory-card{aspect-ratio:1.45;min-height:215px;padding:24px}
.directory-card .directory-name{font-size:32px}
.system-layout{grid-template-columns:minmax(0,1.8fr) minmax(255px,.8fr);gap:36px}
.layer-switch{margin-bottom:20px;gap:8px}
.layer-button{font:12px/1.4 var(--type);text-transform:none;letter-spacing:0;padding:9px 14px}
.layer-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.factual-map{position:relative;width:100%;aspect-ratio:2/1;border:1px solid var(--rule);background:#f4f1e9}
.factual-map>img{width:100%;height:100%;display:block}
.factual-markers{position:absolute;inset:0}
.fact-marker{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;padding:0;background:none;cursor:pointer}
.fact-dot{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--ink);border-radius:50%;background:var(--paper);font:11px var(--mono);box-shadow:0 0 0 3px #f4f1e980}
.fact-marker.is-active .fact-dot,.fact-marker:hover .fact-dot{background:var(--ink);color:var(--paper)}
.fact-label{position:absolute;top:35px;left:50%;transform:translateX(-50%);white-space:nowrap;font:11px/1.4 var(--type);background:#f4f1e9ee;padding:2px 5px;pointer-events:none}
.location-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.location-list button{font:12px/1.4 var(--type);padding:8px 10px;background:transparent;border:1px solid var(--rule);cursor:pointer}
.location-list button.is-active{border-color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.map-caption,.map-method,.map-mobile-hint{font:12px/1.7 var(--type);color:#49463d;margin-top:16px}
.map-method{border-top:1px solid var(--rule);padding-top:13px}
.map-method summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.map-method p{margin:12px 0}
.map-method a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.map-method li{margin-block:8px}
.map-mobile-hint{display:none}
.system-reading{margin-top:57px;padding-top:17px;min-height:350px}
.system-reading h3{font-size:30px;max-width:none;line-height:1.15;font-weight:400;letter-spacing:-.035em;margin:20px 0 18px}
.system-reading p{font-size:14px;line-height:1.75;max-width:none;margin-bottom:18px}
.system-reading .fact-scope{font-size:12px;color:#514d43;border-top:1px solid var(--rule);padding-top:16px}
.fact-source{display:block;font-size:12px;line-height:1.7;text-decoration:underline;text-underline-offset:3px}
.system-reading .fact-date{font-size:11px;margin-top:10px;color:#514d43}
.reveal{opacity:1;transform:none}
.js-enabled .reveal:not(.is-visible){opacity:0;transform:translateY(5px)}
@media(max-width:980px){.system-layout{grid-template-columns:1fr}.system-reading{margin-top:0;min-height:0;max-width:650px}.intro-imagery{padding-left:0}.home-intro{gap:24px}.reference-mosaic{gap:48px 6%}}
@media(max-width:680px){
 .home-intro{grid-template-columns:1fr;gap:0}.intro-column{padding:42px 0 10px}.intro-column h1{font-size:49px}.intro-imagery{margin:0;padding:25px 0 40px;height:auto;min-height:0}.home-head{margin-inline:auto;max-width:300px}.home-head img{height:265px}.home-head figcaption{font-size:12px}
 .reference-mosaic{grid-template-columns:1fr;gap:42px}.reference-mosaic .reference-card:nth-child(even){padding-top:0}.reference-mosaic .reference-picture img{height:270px!important}.reference-mosaic .portrait .reference-picture img{width:90%}.visual-title-row h1{font-size:48px}
 .map-scroll{overflow-x:auto;padding-bottom:8px}.factual-map{min-width:540px}.map-mobile-hint{display:block}.system-reading h3{font-size:28px}.directory-card{aspect-ratio:1.45;min-height:190px}
 .about-plate,.about-inset{position:static;width:100%;margin:0;padding:15px 0;justify-self:auto}.about-plate img{height:280px}.about-inset img{height:160px}.about-plate figcaption,.about-inset figcaption{font-size:12px}.archive-shard .image-credit{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.js-enabled .reveal:not(.is-visible){opacity:1;transform:none}}
/* Keep About-page source notes out of the illustration overlap. */
.about-opening{grid-template-columns:1.15fr .85fr .65fr;gap:28px;align-items:center;padding-block:35px}
.about-opening .opening-copy{padding:35px 0}
.about-plate,.about-inset{position:static;width:100%;margin:0;align-self:center;justify-self:auto}
.about-plate img{height:330px}.about-inset img{height:230px;object-fit:contain;border:0;background:none}
@media(max-width:900px){.about-opening{grid-template-columns:1fr 1fr}.about-opening .opening-copy{grid-column:1/-1;padding-bottom:0}.about-plate img{height:280px}.about-inset img{height:230px}}
@media(max-width:500px){.about-opening{gap:20px}.about-plate img,.about-inset img{height:200px}}

/* Smaller opening title and consistent, quiet link arrows. */
.intro-column h1{font-size:clamp(36px,4.2vw,58px)}
.link-arrow,.inline-link .link-arrow,.directory-card .directory-arrow,.contacts a .link-arrow{font-size:10px;line-height:1;display:inline-block;font-style:normal}
.map-jump{margin-top:24px}
#places-behind-ai{scroll-margin-top:24px}
@media(max-width:680px){.intro-column h1{font-size:38px}}

/* Clear page roles: introduction, founding story, invitation. */
.intro-column p{margin-bottom:18px}
.intro-column .inline-link{margin-top:8px}
.about-opening{grid-template-columns:1.25fr .75fr;gap:60px}
.about-opening .opening-copy h1{white-space:normal}
.about-plate{max-width:350px;justify-self:end}
.about-story{grid-template-columns:22% minmax(0,650px);gap:6%}
.about-story .text-column h2:not(:first-child){margin-top:44px}
.involved-opening{grid-template-columns:1fr;min-height:320px}
.involved-opening .opening-copy{padding-block:55px}
.involved-opening .opening-copy h1{margin-top:32px}
.involved-opening .lead{max-width:540px}
@media(max-width:680px){.about-opening,.about-story{grid-template-columns:1fr;gap:24px}.about-plate{justify-self:center}.about-opening .opening-copy{grid-column:auto}.intro-column h1{font-size:38px}}

/* Larger knowledge plate and a concise collective introduction. */
.about-opening{grid-template-columns:.9fr 1.1fr;gap:36px}
.about-plate{max-width:520px;width:100%}
.about-plate img{height:460px;width:100%;object-fit:contain}
.about-story{padding-block:60px}
.topic-studies{padding-block:70px 85px}
.topic-heading{max-width:600px;margin-bottom:38px}
.topic-heading h2{font-size:34px;font-weight:500;letter-spacing:-.04em;line-height:1.15;margin:16px 0}
.topic-heading p{font-size:14px;line-height:1.8}
.topic-study{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:8%;align-items:center;padding-block:38px;border-top:1px solid var(--rule)}
.topic-study .archive-shard{margin:0}
.topic-study .archive-shard img{height:275px;object-fit:contain;clip-path:none}
.topic-study h3{font-size:29px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:14px 0}
.topic-study p{font-size:14px;line-height:1.8;margin-bottom:22px}
@media(max-width:680px){.about-opening{grid-template-columns:1fr}.about-plate{max-width:440px}.about-plate img{height:400px}.topic-study{grid-template-columns:1fr;gap:25px}.topic-study .archive-shard img{height:260px}}

/* Let spacing carry the structure; keep rules at the site edges and controls. */
.top-folio,.home-intro,.page-opening,.visual-opening,.map-study,.collection-head,.closing-footnote,.influences,.rights-line,.topic-study,.project-item,.project-item:last-child,.upcoming-row,.image-credit,.reference-picture figcaption,.source-row,.system-reading,.system-reading .fact-scope{border:0}
.inline-link{border-bottom:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.directory-card{border-color:var(--rule)}
.project-item{padding-block:25px}
.exhibition-intro p{margin-top:14px;max-width:360px}
.blog-opening{padding-top:65px;padding-bottom:55px}
.blog-opening h1{font-size:clamp(40px,5vw,62px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:30px 0 25px}
.blog-opening .lead{max-width:510px}
.blog-body{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;padding-block:35px 90px;min-height:320px}
.blog-body h2{font-size:28px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:18px 0}
.blog-body p{max-width:440px;font-size:14px;line-height:1.8;margin-bottom:24px}
.home-writing{display:grid;grid-template-columns:22% 1fr auto;gap:4%;align-items:start;padding-top:48px}
.home-writing p{font-size:12.5px}
.text-link{text-decoration:underline;text-underline-offset:3px}
@media(min-width:901px) and (max-width:1140px){.nav{gap:13px}.identity-caption{font-size:8px}.identity{gap:10px}}
@media(max-width:680px){.blog-body{grid-template-columns:1fr;gap:42px}.home-writing{display:block}.home-writing p{margin:14px 0}.exhibition-intro{margin-top:25px}.blog-opening{padding-top:48px}}

/* Compact stroke arrows, independent of typeface glyphs. */
.link-arrow,.inline-link .link-arrow,.directory-card .directory-arrow,.contacts a .link-arrow{font-size:0!important;line-height:0;width:8px;height:8px;flex:none;display:inline-block;vertical-align:middle}
.link-arrow svg{display:block;width:8px;height:8px;overflow:visible}
.activities-heading{max-width:600px;margin-bottom:38px}
.activities-heading h2{font-size:36px;font-weight:500;letter-spacing:-.045em;line-height:1.2;margin:14px 0}
.activities-heading p{font-size:14px;line-height:1.8}
#what-we-do{scroll-margin-top:35px;padding-top:55px}

/* A few quiet rules to give the activities section structure. */
#what-we-do .activities-heading{max-width:none;border-top:1px solid var(--rule);padding-top:30px}
#what-we-do .project-item{border-top:1px solid var(--hair)}
#what-we-do .project-item:last-child{border-bottom:1px solid var(--hair)}

/* Give the homepage directory a clear beginning and a quiet scroll entrance. */
.home-directory{position:relative;padding-top:58px}
.home-directory::before{content:"";position:absolute;top:0;left:clamp(22px,5vw,72px);right:clamp(22px,5vw,72px);border-top:1px solid var(--rule)}
.home-directory .index-header{padding-bottom:30px}
.home-directory .directory-card{transition:opacity .6s ease,transform .6s ease,background .2s ease;transition-delay:0s}
.js-enabled .home-directory .directory-card.reveal:not(.is-visible){transform:translateY(12px)}
.home-directory .directory-card:nth-child(2){transition-delay:.06s}
.home-directory .directory-card:nth-child(3){transition-delay:.12s}
.home-directory .directory-card:nth-child(4){transition-delay:.18s}
@media(prefers-reduced-motion:reduce){.js-enabled .home-directory .directory-card.reveal:not(.is-visible){opacity:1;transform:none}.home-directory .directory-card{transition:none}}

/* Separate the directory heading from the opening screen. */
.home-intro{min-height:calc(100svh - 128px)}
.home-directory{padding-top:88px}
.home-directory .index-header{padding-bottom:42px;transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.3,1)}
.js-enabled .home-directory .index-header.reveal:not(.is-visible){opacity:0;transform:translateY(28px)}
@media(max-width:680px){.home-intro{min-height:calc(100svh - 120px)}.home-directory{padding-top:64px}.home-directory .index-header{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){.home-directory .index-header{transition:none}.js-enabled .home-directory .index-header.reveal:not(.is-visible){opacity:1;transform:none}}

/* Bring the introduction closer to the header without moving the directory up. */
@media(min-width:681px){
 .home-intro{align-items:start}
 .home-intro .intro-column{padding-top:42px}
 .home-intro .intro-imagery{padding-top:66px}
}

/* Keep the next section close to the actual introduction content. */
.home-intro{min-height:0}
.home-intro .intro-column{padding-bottom:40px}
.home-directory{padding-top:48px}
.home-directory .index-header{padding-bottom:30px}
@media(max-width:680px){.home-intro{min-height:0}.home-intro .intro-column{padding-bottom:10px}.home-directory{padding-top:40px}}

/* Larger opening plate, tighter transition, and quiet footer icons. */
.home-intro .intro-imagery{padding:24px 0 20px 4%}
.home-head{max-width:440px}
.home-head img{height:420px}
.home-intro .intro-column{padding-bottom:24px}
.home-directory{padding-top:30px}
.home-directory .index-header{padding-bottom:26px}
.footer-grid{grid-template-columns:1fr auto auto;align-items:center}
.footer-nav{flex-direction:row;align-items:center;gap:14px}
.footer-nav .social-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px}
.social-icon svg{width:19px;height:19px;display:block}
.social-icon:hover{opacity:.6}
@media(max-width:680px){.home-intro .intro-imagery{padding:18px 0 24px}.home-head{max-width:360px}.home-head img{height:330px}.home-intro .intro-column{padding-bottom:10px}.home-directory{padding-top:28px}.footer-grid{grid-template-columns:1fr;gap:15px}.footer-brand,.footer-nav{grid-column:1}.footer-nav{flex-wrap:wrap;gap:10px}}

/* A small gap and a single upward entrance for the directory on scroll. */
.home-directory{margin-top:28px;transition:opacity .75s ease,transform .85s cubic-bezier(.2,.65,.3,1)}
.home-directory.directory-ready:not(.directory-entered){opacity:0;transform:translateY(36px)}
.home-directory.directory-entered{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.home-directory{transition:none}.home-directory.directory-ready:not(.directory-entered){opacity:1;transform:none}}

/* Compact navigation cards. */
.home-directory .directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:12px}
.home-directory .directory-card{min-height:180px;aspect-ratio:1.25;padding:18px}
.home-directory .directory-card .directory-name{font-size:27px;margin:13px 0 8px}
.home-directory .directory-card .directory-desc{font-size:12px;max-width:22ch;line-height:1.5}
@media(max-width:900px){.home-directory .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-directory .directory-card{aspect-ratio:auto;min-height:180px}}
@media(max-width:480px){.home-directory .directory-grid{gap:12px}.home-directory .directory-card{padding:14px;min-height:170px}.home-directory .directory-card .directory-name{font-size:24px}.home-directory .directory-card .directory-desc{font-size:11px}}

/* Activity cards share the homepage directory's dimensions and type. */
.activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:12px}
.activity-card{border:1px solid var(--rule);background:rgba(255,255,255,.14);min-height:180px;aspect-ratio:1.25;padding:18px;display:grid;grid-template-rows:auto 1fr auto auto}
.activity-name{font:27px/1.05 var(--serif);font-weight:400;letter-spacing:-.05em;margin:13px 0 8px}
.activity-desc{font-size:12px;line-height:1.5;color:var(--sub);max-width:25ch}
@media(max-width:900px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-card{aspect-ratio:auto;min-height:180px}}
@media(max-width:480px){.activity-grid{gap:12px}.activity-card{padding:14px;min-height:170px}.activity-name{font-size:24px}.activity-desc{font-size:11px}}

/* Optional illustrated reading, separated from the activities. */
.topic-studies{padding-block:45px 65px}
.topic-disclosure{border-top:1px solid var(--rule)}
.topic-disclosure summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;cursor:pointer;list-style:none}
.topic-disclosure summary::-webkit-details-marker{display:none}
.topic-disclosure summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.disclosure-title{display:block;font-size:30px;letter-spacing:-.04em;line-height:1.2;margin-top:12px}
.disclosure-action{display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}
.disclosure-plus{font-size:20px;font-weight:400;transition:transform .3s ease}
.open-label{display:none}.topic-disclosure[open] .open-label{display:inline}.topic-disclosure[open] .closed-label{display:none}.topic-disclosure[open] .disclosure-plus{transform:rotate(45deg)}
.topic-disclosure[open] .topic-content{animation:topic-enter .55s ease both}
.topic-intro{max-width:600px;font-size:14px;line-height:1.8;margin:8px 0 20px}
@keyframes topic-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.contact-area h2{margin-top:0}
.contact-form{display:grid;gap:10px;max-width:480px}
.contact-form label{font-size:12px;margin-top:8px}
.contact-form input,.contact-form select,.contact-form textarea{font:14px/1.5 var(--type);color:var(--ink);background:transparent;border:1px solid var(--rule);border-radius:0;padding:11px 12px;width:100%;min-width:0}
.contact-form textarea{resize:vertical}
.contact-form :is(input,select,textarea):focus{outline:1px solid var(--ink);outline-offset:2px}
.contact-form button{justify-self:start;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:11px 20px;margin-top:10px;cursor:pointer}
.involvement-body .contact-help,.involvement-body .contact-status{font-size:12px;line-height:1.65;color:var(--sub);margin-top:3px}
.contact-status:empty{display:none}
@media(max-width:680px){.disclosure-title{font-size:25px}.topic-disclosure summary{gap:16px}}
@media(prefers-reduced-motion:reduce){.topic-disclosure[open] .topic-content{animation:none}.disclosure-plus{transition:none}}

/* Consistent upright headings, reduced slightly in size. */
h1 em,h2 em,h3 em,h4 em{font:inherit;letter-spacing:inherit}
.intro-column h1{font-size:clamp(33px,3.9vw,54px)}
.page-opening h1,.visual-title-row h1{font-size:clamp(39px,5.1vw,63px)}
.blog-opening h1{font-size:clamp(37px,4.6vw,57px)}
.atlas-title h2,.index-header h2{font-size:clamp(33px,3.9vw,50px)}
.activities-heading h2{font-size:33px}
.disclosure-title{font-size:28px}
.text-column h2,.involvement-body h2{font-size:clamp(27px,3.2vw,41px)}
.reference-text h2{font-size:25px}
.blog-body h2{font-size:26px}
.topic-study h3{font-size:27px}
.system-reading h3{font-size:28px}
.home-directory .directory-card .directory-name,.activity-name{font-size:25px}
@media(max-width:680px){.intro-column h1{font-size:35px}.visual-title-row h1{font-size:44px}.index-header h2{font-size:39px}.disclosure-title{font-size:23px}.essay-grid .text-column h2{font-size:33px}.involvement-body h2{font-size:32px}}
@media(max-width:480px){.home-directory .directory-card .directory-name,.activity-name{font-size:22px}}

/* Scroll entrances belong to the exhibition images themselves. */
.reference-mosaic .exhibition-picture{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.3,1)}
.js-enabled .reference-mosaic .exhibition-picture.reveal:not(.is-visible){opacity:0;transform:translateY(36px)}
.reference-mosaic .exhibition-picture.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reference-mosaic .exhibition-picture{transition:none}.js-enabled .reference-mosaic .exhibition-picture.reveal:not(.is-visible){opacity:1;transform:none}}

/* Click-to-read activities: compact, quiet titles with native keyboard support. */
.activity-grid{align-items:start}
.activity-card{display:block;min-height:0;aspect-ratio:auto;padding:0}
.activity-card summary{min-height:180px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;cursor:pointer;list-style:none}
.activity-card summary::-webkit-details-marker{display:none}
.activity-card summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.activity-card summary:hover{background:var(--wash)}
.activity-card .activity-name{font:500 clamp(18px,1.7vw,22px)/1.25 var(--type);letter-spacing:-.035em;margin:0}
.activity-more{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--sub)}
.activity-plus{font-size:18px;line-height:1;transition:transform .25s ease}
.activity-card[open] .closed-label{display:none}
.activity-card[open] .open-label{display:inline}
.activity-card[open] .activity-plus{transform:rotate(45deg)}
.activity-content{padding:0 20px 22px}
.activity-card .activity-desc{max-width:none;font-size:13px;line-height:1.65}
.activity-card[open] .activity-content{animation:topic-enter .35s ease both}
.home-directory .index-header h2{font-size:clamp(26px,2.5vw,34px);line-height:1.15;letter-spacing:-.04em}
/* The entire figure, including its source note, arrives together. */
.hero-arrival{animation:hero-arrive 1.1s cubic-bezier(.16,1,.3,1) .12s both}
@keyframes hero-arrive{from{opacity:0;transform:translate(48px,28px)}to{opacity:1;transform:none}}
.home-archive{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:58px;padding-bottom:65px}
.home-archive-plate{min-width:0}
.home-archive-plate img{width:100%;height:240px;object-fit:contain}
.home-archive-plate figcaption{margin-top:20px}
.home-archive-plate h2{font:400 27px/1.2 var(--serif);letter-spacing:-.025em;margin:10px 0}
.home-archive-plate a{font-size:11px}
.home-archive-plate{transition:opacity .9s ease,transform .9s cubic-bezier(.2,.65,.3,1)}
.js-enabled .home-archive-plate.reveal:not(.is-visible){opacity:0;transform:translateY(32px)}
@media(max-width:680px){.home-archive{gap:32px;padding-top:40px;padding-bottom:45px}.home-archive-plate img{height:180px}.home-archive-plate h2{font-size:23px}.activity-card summary{padding:16px;min-height:170px}.activity-content{padding:0 16px 18px}}
@media(max-width:420px){.home-archive{grid-template-columns:1fr}.home-archive-plate img{height:220px}}
@media(prefers-reduced-motion:reduce){.hero-arrival,.activity-card[open] .activity-content{animation:none}.activity-plus,.home-archive-plate{transition:none}.js-enabled .home-archive-plate.reveal:not(.is-visible){opacity:1;transform:none}}

/* A larger opening illustration; animate after the image has arrived. */
.home-intro .intro-imagery{padding-left:0;padding-top:16px}
.home-head{max-width:500px}
.home-head img{height:480px}
.hero-arrival{animation:none}
.js-enabled .hero-arrival:not(.hero-loaded){opacity:0;transform:translateY(10px)}
.hero-arrival.hero-loaded{animation:hero-arrive-large 1.8s cubic-bezier(.4,0,.2,1) both}
.hero-loaded img{animation:none}
@keyframes hero-arrive-large{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(max-width:680px){.home-head{max-width:400px}.home-head img{height:370px}.home-intro .intro-imagery{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.js-enabled .hero-arrival:not(.hero-loaded){opacity:1;transform:none}.hero-arrival.hero-loaded,.hero-loaded img{animation:none}}

/* Keep the illustrated questions together within About's disclosure. */
.topic-archive{padding-top:34px;padding-bottom:20px}
/* A compact invitation beside the contact form, stacked on smaller screens. */
.contact-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;padding-top:54px;padding-bottom:56px}
.contact-page .involved-opening,.contact-page .involvement-body{display:block;min-height:0;padding:0;margin:0;width:100%}
.contact-page .involved-opening .opening-copy{padding:0}
.contact-page .involved-opening h1{margin-top:25px;margin-bottom:20px}
.contact-page .involved-opening .lead{max-width:390px}
.contact-page .contact-area h2{font-size:28px;margin:0 0 18px}
.contact-page .contact-form{max-width:none;gap:7px}
.contact-page .contact-form label{margin-top:4px}
@media(max-width:680px){.contact-page{grid-template-columns:1fr;gap:32px;padding-top:34px;padding-bottom:40px}.contact-page .involved-opening h1{margin-top:18px}.topic-archive{padding-top:20px}}

/* Five activities in one desktop row. */
@media(min-width:901px){
 .activity-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
 .activity-card summary{min-height:170px;padding:16px}
 .activity-card .activity-name{font-size:clamp(17px,1.55vw,21px)}
 .activity-content{padding:0 16px 18px}
}

/* Shared typography across every page; supersedes earlier page-specific scales. */
:root{--title-size:clamp(35px,3.9vw,54px);--section-size:clamp(26px,2.5vw,32px);--card-size:clamp(18px,1.55vw,22px)}
#main h1,#main h2,#main h3,#main h4,#main .directory-name,#main .activity-name,#main .disclosure-title{
 font-family:var(--type);font-style:normal;font-weight:500;
}
#main h1{font-size:var(--title-size);line-height:1.08;letter-spacing:-.045em;white-space:normal}
#main h2,#main .disclosure-title{font-size:var(--section-size);line-height:1.2;letter-spacing:-.035em}
#main h3,#main h4,#main .directory-name,#main .activity-name,#main .reference-text h2,#main .home-archive-plate h2{font-size:var(--card-size);line-height:1.25;letter-spacing:-.025em}
#main h1 em,#main h2 em,#main h3 em,#main h4 em{font:inherit;letter-spacing:inherit}
#main .lead,#main .intro-column p,#main .activities-heading p,#main .exhibition-intro p{font:400 14px/1.75 var(--type)}