/* Arklink / programme, geography and about / October 2026 */

/* Home identity: the first screen states the platform before introducing projects. */
.intro{isolation:isolate;padding-top:116px}
.intro::after{background:linear-gradient(90deg,rgba(247,246,242,.97) 0%,rgba(247,246,242,.88) 27%,rgba(247,246,242,.25) 58%,rgba(247,246,242,.04) 100%),linear-gradient(180deg,rgba(247,246,242,.18),transparent 54%,rgba(247,246,242,.2))}
.intro-copy{width:min(830px,64vw)}
.intro-copy .kicker{letter-spacing:.18em}
.intro h1{margin:29px 0 0;font-size:clamp(64px,8.15vw,124px);line-height:.78;letter-spacing:-.074em}
.intro h1 i{display:inline-block;position:relative}
.intro h1 i::after{content:"";position:absolute;left:.03em;right:-.06em;bottom:-.035em;height:5px;background:var(--orange);transform:scaleX(.22);transform-origin:left;animation:heroLine 1.1s .35s cubic-bezier(.2,.75,.2,1) forwards}
.intro h1 .hero-definition{display:block;max-width:730px;margin-top:31px;font-family:var(--serif);font-size:clamp(21px,2.45vw,36px);font-weight:400;line-height:1.18;letter-spacing:-.027em}
.intro h1 .hero-definition b{font-weight:400;color:var(--orange)}
@keyframes heroLine{to{transform:scaleX(1)}}
.hero-coordinate{position:absolute;z-index:2;right:24px;top:111px;display:grid;grid-template-columns:auto auto;gap:7px 24px;padding-top:11px;border-top:1px solid rgba(18,17,15,.38);font-size:8px;line-height:1.25;letter-spacing:.15em;text-transform:uppercase}
.hero-coordinate span:nth-child(even){text-align:right;color:#6b6861}
.hero-audience-band{position:absolute;z-index:2;right:84px;bottom:27px;width:min(710px,55vw);display:grid;grid-template-columns:130px repeat(3,1fr);border-top:1px solid rgba(18,17,15,.45);border-bottom:1px solid rgba(18,17,15,.45);background:rgba(247,246,242,.65);backdrop-filter:blur(12px)}
.hero-audience-band small,.hero-audience-band span{min-height:53px;padding:0 16px;display:flex;align-items:center;border-right:1px solid rgba(18,17,15,.2);font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.hero-audience-band small{color:#77736c}
.hero-audience-band span{font-family:var(--serif);font-size:17px;letter-spacing:-.015em;text-transform:none}
.hero-audience-band span:last-child{border-right:0}
.hero-audience-band span::before{content:"";width:6px;height:6px;margin-right:10px;border-radius:50%;border:1px solid var(--ink)}
.hero-audience-band span:nth-of-type(2)::before{background:var(--orange);border-color:var(--orange)}
.intro-mark{position:absolute;z-index:2;right:24px;top:50%;writing-mode:vertical-rl;transform:translateY(-44%);font-size:7px;letter-spacing:.18em;text-transform:uppercase;color:rgba(18,17,15,.56)}

#whats-on,#footprint,#about,#collaborate{scroll-margin-top:74px}
.whats-on.programme-edit{display:grid;grid-template-columns:minmax(205px,.32fr) minmax(0,1fr);gap:5.5vw;padding:112px 0 100px}
.programme-sidebar{align-self:start;position:sticky;top:110px}
.programme-sidebar h3{margin:22px 0 30px;font-family:var(--serif);font-size:clamp(66px,7.6vw,116px);line-height:.84;letter-spacing:-.07em;font-weight:400}
.programme-sidebar>p{max-width:230px;font-size:12px;line-height:1.6;color:#615d54}
.programme-tabs{display:flex;flex-direction:column;align-items:start;gap:0;margin-top:40px}
.programme-tabs button{background:none;padding:12px 0;min-height:44px;font-size:11px;color:#706b62}
.programme-tabs button[aria-pressed=true]{color:var(--ink)}
.programme-tabs button span{display:inline-block;width:22px;color:var(--orange);opacity:0;transform:translateX(-5px);transition:opacity .2s,transform .2s}
.programme-tabs button[aria-pressed=true] span{opacity:1;transform:none}
.programme-feed{min-width:0;border-top:1px solid var(--ink)}
.programme-feature{padding-top:20px}
.programme-feature[hidden],.programme-row[hidden]{display:none}
.programme-feature-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:23px}
.programme-upcoming{display:flex;align-items:center;gap:8px}
.programme-upcoming::before{content:"";width:6px;height:6px;background:var(--orange);border-radius:50%}
.programme-feature-visual{position:relative;width:100%;min-height:420px;aspect-ratio:1.7;overflow:hidden;background:#101419}
.programme-feature-visual img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 43%;opacity:.62;transition:transform 1.2s ease}
.programme-feature:hover .programme-feature-visual img{transform:scale(1.035)}
.programme-feature-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),transparent 30%,rgba(0,0,0,.82))}
.programme-date{position:absolute;z-index:1;top:24px;left:26px;color:#fff;display:flex;align-items:start;gap:12px}
.programme-date strong{font-family:var(--serif);font-size:clamp(74px,9vw,132px);line-height:.8;font-weight:400;letter-spacing:-.07em}
.programme-date span{padding-top:4px;font-size:11px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}
.programme-image-credit{position:absolute;z-index:1;top:28px;right:25px;max-width:160px;text-align:right;color:rgba(255,255,255,.8);font-size:8px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}
.programme-feature-visual h4{position:absolute;z-index:1;bottom:25px;left:26px;right:26px;margin:0;color:#fff;font-family:var(--serif);font-size:clamp(40px,4.7vw,76px);line-height:.94;letter-spacing:-.052em;font-weight:400}
.programme-feature-visual h4 i{color:#ff9878;font-weight:400}
.programme-feature-foot{display:flex;justify-content:space-between;gap:24px;padding:24px 0 32px;align-items:end}
.programme-feature-foot p{font-size:11px;line-height:1.7;margin:0;color:#5b564f}
.programme-feature-foot p strong{font-weight:400;color:var(--ink)}
.programme-details-button{padding:10px 0;background:none;border-bottom:1px solid var(--ink);font-size:10px;white-space:nowrap}
.programme-details-button span{margin-left:24px;color:var(--orange);font-size:18px}
.programme-row{width:100%;position:relative;display:grid;grid-template-columns:85px minmax(0,1fr) 145px;gap:20px;align-items:center;text-align:left;border-top:1px solid var(--line);padding:24px 0;background:none;min-height:150px}
.programme-row:last-child{border-bottom:1px solid var(--ink)}
.programme-row-date{font-size:9px;line-height:1.7;letter-spacing:.04em;text-transform:uppercase}
.programme-row-date b{display:block;font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:-.04em}
.programme-row-copy small{font-size:8px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#777167}
.programme-row-copy strong{display:block;font-family:var(--serif);font-size:clamp(21px,2.35vw,35px);font-weight:400;line-height:1;letter-spacing:-.04em;margin:10px 0}
.programme-row-copy em{font-size:9px;font-style:normal;line-height:1.5;color:#686259}
.programme-row figure{margin:0;aspect-ratio:1.5;overflow:hidden;background:#d9d4c8}
.programme-row img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.programme-row:hover img{transform:scale(1.07)}
.programme-row:hover .programme-row-copy strong{color:#a93c1c}
.programme-dialog{padding:0;border:0;width:min(880px,calc(100vw - 36px));max-height:calc(100dvh - 40px);overflow:auto;background:var(--paper);color:var(--ink)}
.programme-dialog::backdrop{background:rgba(18,17,15,.72);backdrop-filter:blur(6px)}
.programme-dialog-inner{padding:clamp(30px,5vw,66px)}
.programme-dialog-close{float:right;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:none;font-size:26px}
.programme-dialog h2{clear:both;margin:55px 0 28px;font-family:var(--serif);font-size:clamp(40px,6vw,76px);font-weight:400;letter-spacing:-.055em;line-height:.95}
.programme-dialog p{font-family:var(--serif);font-size:19px;line-height:1.5;max-width:640px}
.programme-dialog dl{display:grid;grid-template-columns:130px 1fr;gap:18px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin:30px 0}
.programme-dialog dt{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#736d62}
.programme-dialog dd{margin:0;font-size:13px;line-height:1.5}
.programme-dialog a{display:inline-block;margin-top:10px;font-size:12px;text-underline-offset:6px}

/* The globe is one editorial chapter, with accessible city controls. */
.footprint.geography{min-height:0;padding:112px 24px 70px;color:var(--ink);background:#e8e4da}
.footprint.geography::before{display:none}
.geography-topline{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--ink)}
.geography-edition{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#716a60}
.geography-header{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-top:40px}
.geography-header h2{margin:0;font-family:var(--serif);font-size:clamp(82px,12vw,184px);font-weight:400;letter-spacing:-.075em;line-height:.78}
.geography-header h2 i{color:#bf4b2b;font-weight:400}
.geography-header>p{justify-self:end;max-width:365px;margin:0;font-family:var(--serif);font-size:clamp(19px,2.1vw,28px);line-height:1.4;letter-spacing:-.02em}
.geography-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:4vw;align-items:center;margin:28px 0 0}
.globe-wrap{position:relative;min-width:0;aspect-ratio:1.08;isolation:isolate;overflow:hidden}
.globe-wrap::after{content:"";position:absolute;left:19%;right:19%;bottom:3%;height:5%;background:rgba(71,63,45,.13);filter:blur(20px);border-radius:50%;z-index:-1}
.globe-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}
.globe-canvas:active{cursor:grabbing}
.globe-pin{position:absolute;z-index:2;left:0;top:0;width:26px;height:26px;padding:0;border:0;background:none;transform:translate(-50%,-50%);border-radius:50%;transition:opacity .3s}
.globe-pin::before{content:"";position:absolute;inset:8px;border:1.5px solid #e8e4da;border-radius:50%;background:#5e5a50;box-shadow:0 0 0 1px rgba(63,59,49,.2)}
.globe-pin.is-active::before{background:var(--orange);box-shadow:0 0 0 5px rgba(255,96,48,.17)}
.globe-pin.is-active::after{content:attr(data-label);position:absolute;left:24px;top:8px;padding:3px 5px;font-size:8px;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;background:rgba(243,241,235,.82);color:#4c342b}
.globe-pin[hidden]{display:none}
.globe-tools{position:absolute;bottom:7px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.globe-help{font-size:8px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#7b7468}
.globe-motion{display:flex;gap:10px;align-items:center;min-height:44px;padding:6px 0;background:none;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.geography .footprint-panel{position:relative;padding:28px 0 0;display:block;border:0;min-width:0;align-self:center}
.geography .footprint-panel-top{color:#6c655a;font-size:9px;letter-spacing:.08em;border-bottom:1px solid var(--line);padding-bottom:15px}
.geography .footprint-panel h3{font-size:clamp(48px,6.3vw,90px);line-height:.87;letter-spacing:-.065em;margin:34px 0 19px}
.geography .footprint-panel .city-status{color:#a24125;font-size:8px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
.geography .footprint-panel p{font-family:var(--serif);font-size:clamp(16px,1.5vw,20px);line-height:1.45;margin:22px 0 0;color:#585349;max-width:380px}
.city-project-image{margin:28px 0 0;aspect-ratio:1.65;background:#d5cfc1;overflow:hidden}
.city-project-image[hidden]{display:none}
.city-project-image img{width:100%;height:100%;object-fit:cover}
.city-project-caption{display:block;font-size:8px;line-height:1.5;margin-top:10px;letter-spacing:.07em;color:#6b6356}
.city-project-caption[hidden]{display:none}
.city-project-link{display:inline-block;padding:14px 0 7px;margin-top:12px;border-bottom:1px solid var(--line);background:none;font-size:10px}
.city-project-link[hidden]{display:none}
.city-network-note{font-size:9px!important;line-height:1.6!important;font-family:var(--sans)!important;border-top:1px solid var(--line);padding-top:26px}
.city-local-time{margin-top:25px;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#746d60}
.city-local-time time{font-variant-numeric:tabular-nums;color:#363229}
.city-index-list{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:35px}
.geography .city-node{position:relative;left:auto;top:auto;transform:none;display:block;white-space:normal;text-align:left;width:100%;padding:19px 13px 22px 0;font-size:clamp(15px,1.8vw,27px);font-family:var(--serif);line-height:1.1;letter-spacing:-.04em;text-transform:none;background:none;color:#827b6f;border-right:1px solid var(--line)}
.geography .city-node+.city-node{padding-left:17px}
.geography .city-node:last-child{border-right:0}
.geography .city-node::before{display:none}
.city-node small{display:block;margin-bottom:19px;font-family:var(--sans);font-size:8px;letter-spacing:.12em;color:#8b8376}
.geography .city-node.is-active,.geography .city-node:hover{transform:none;color:var(--ink)}
.geography .city-node.is-active::after{content:"";position:absolute;left:0;top:-1px;width:40%;height:2px;background:#bf4b2b}
.geography-foot{display:flex;justify-content:space-between;gap:30px;margin-top:23px;font-size:8px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;color:#736c61}
.geography-foot p{margin:0;max-width:510px}
.geography-legend{display:flex;gap:20px;flex-wrap:wrap;align-items:start}
.geography-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.geography-legend i{width:6px;height:6px;display:inline-block;border-radius:50%;border:1px solid #6d685b}
.geography-legend .solid{background:#6d685b}
.geography-legend .upcoming{background:var(--orange);border-color:var(--orange)}

/* About: a photographic opening, then a clear statement of practice. */
.about-story{background:var(--paper);color:var(--ink)}
.about-hero{position:relative;isolation:isolate;min-height:min(820px,90vh);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:40px 3.6vw 35px;color:white}
.about-hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.about-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,rgba(12,13,11,.67),rgba(12,13,11,.14) 80%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 40%)}
.about-hero-top,.about-hero-bottom{display:flex;justify-content:space-between;gap:30px;font-size:9px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
.about-hero h2{font-family:var(--serif);font-size:clamp(76px,13.7vw,208px);font-weight:400;line-height:.79;letter-spacing:-.072em;margin:85px 0 75px;max-width:1300px}
.about-hero h2 i{font-weight:400;color:#ffb79f}
.about-editorial{padding:100px 3.6vw 110px;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw}
.about-editorial h3{margin:25px 0 0;font-family:var(--serif);font-size:clamp(50px,6.8vw,100px);font-weight:400;line-height:.9;letter-spacing:-.06em}
.about-editorial-copy{padding-top:35px;max-width:600px}
.about-editorial-copy p{font-family:var(--serif);font-size:clamp(20px,2.3vw,31px);line-height:1.36;margin:0 0 24px}
.about-editorial-copy p+p{font-family:var(--sans);font-size:13px;line-height:1.8;color:#666054;max-width:460px}
.about-practices{padding:0 3.6vw 100px}
.about-practices-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:22px;border-bottom:1px solid var(--ink)}
.about-practices-head h3{font-family:var(--serif);font-size:clamp(30px,4vw,54px);font-weight:400;line-height:1;letter-spacing:-.045em;margin:0}
.about-practices-head span{font-size:8px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
.about-practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}
.about-practice{padding:0;background:none;min-width:0;text-align:left;align-self:start}
.about-practice:nth-child(2){margin-top:80px}.about-practice:nth-child(3){margin-top:30px}
.about-practice figure{margin:0;overflow:hidden;background:#ded8cb;aspect-ratio:.98}
.about-practice:nth-child(2) figure{aspect-ratio:.82}.about-practice:nth-child(3) figure{aspect-ratio:1.08}
.about-practice img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.about-practice:hover img{transform:scale(1.04)}
.about-practice small{display:flex;justify-content:space-between;font-size:8px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;margin-top:16px;color:#726a5d}
.about-practice strong{display:block;font-family:var(--serif);font-size:clamp(25px,3.2vw,48px);font-weight:400;line-height:1;letter-spacing:-.04em;margin-top:12px}
.about-collaboration{padding:70px 3.6vw 85px;background:#e4ded0}
.about-collaboration-head{display:flex;justify-content:space-between;gap:30px;align-items:end;padding-bottom:35px;border-bottom:1px solid var(--ink)}
.about-collaboration-head h3{font-family:var(--serif);font-size:clamp(49px,7vw,105px);font-weight:400;line-height:.86;letter-spacing:-.06em;margin:0}
.about-collaboration-head p{font-size:12px;line-height:1.6;max-width:290px;margin:0}
.about-paths{display:grid;grid-template-columns:1fr 1fr}
.about-path{padding:35px 4vw 45px 0;border-right:1px solid var(--line)}
.about-path+.about-path{padding-left:4vw;border-right:0}
.about-path>small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#716759}
.about-path h4{font-family:var(--serif);font-size:clamp(35px,4vw,57px);font-weight:400;line-height:.96;letter-spacing:-.045em;margin:37px 0 30px}
.artist-pathway{display:flex;flex-wrap:wrap;gap:12px 18px;list-style:none;padding:0;margin:0}
.artist-pathway li{font-size:10px;line-height:1.8;padding:8px 0;border-top:1px solid var(--line)}
.artist-pathway li:not(:last-child)::after{content:"↗";margin-left:14px;color:#b2492c}
.brand-pathway{list-style:none;margin:0;padding:0}
.brand-pathway li{font-size:10px;line-height:1.5;padding:11px 0;border-top:1px solid var(--line)}
.about-contact{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:end;border-top:1px solid var(--ink);padding-top:40px}
.about-principles{display:flex;flex-wrap:wrap;gap:10px 20px}
.about-principles span{font-size:8px;letter-spacing:.08em;text-transform:uppercase;line-height:1.8;color:#73695b}
.about-email{text-align:right}
.about-email small{display:block;font-size:8px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:15px}
.about-email a{font-family:var(--serif);font-size:clamp(24px,3vw,44px);letter-spacing:-.045em;text-decoration:none;border-bottom:1px solid}
.programme-tabs button:focus-visible,.programme-details-button:focus-visible,.programme-row:focus-visible,.globe-pin:focus-visible,.globe-city:focus-visible,.globe-motion:focus-visible,.about-practice:focus-visible,.city-project-link:focus-visible{outline:2px solid #b34222;outline-offset:5px}

@media(min-width:1600px){.programme-feature-visual{min-height:480px}.geography-stage{grid-template-columns:1.8fr .7fr;max-width:1750px;margin-inline:auto}}
@media(max-width:1050px){.whats-on.programme-edit{grid-template-columns:205px minmax(0,1fr);gap:35px}.programme-feature-visual{min-height:350px}.programme-row{grid-template-columns:70px minmax(0,1fr) 105px;gap:16px}.geography-stage{grid-template-columns:1.35fr .85fr;gap:25px}.geography .footprint-panel h3{font-size:58px}.geography .footprint-panel p{font-size:17px}.geography .city-node{font-size:20px}.geography .city-node+.city-node{padding-left:11px}}
@media(max-width:820px){
 .intro{min-height:760px;padding-top:92px}.intro::after{background:linear-gradient(180deg,rgba(247,246,242,.98) 0%,rgba(247,246,242,.84) 43%,rgba(247,246,242,.12) 68%,rgba(247,246,242,.72) 100%)}.intro-copy{width:100%}.intro h1{margin-top:24px;font-size:clamp(55px,16vw,78px);line-height:.8}.intro h1 .hero-definition{max-width:94%;margin-top:27px;font-size:clamp(18px,5.2vw,23px);line-height:1.2}.intro h1 i::after{height:3px}.hero-coordinate{right:14px;top:auto;bottom:150px;grid-template-columns:auto;gap:4px;padding:0;border:0;text-align:right}.hero-coordinate span:nth-child(odd){display:none}.hero-audience-band{left:14px;right:62px;bottom:78px;width:auto;grid-template-columns:repeat(3,1fr)}.hero-audience-band small{position:absolute;left:0;top:-20px;min-height:0;padding:0;border:0}.hero-audience-band span{min-height:43px;padding:0 8px;font-size:13px}.hero-audience-band span::before{width:4px;height:4px;margin-right:6px}.intro-mark{display:none}.scroll-note{bottom:24px}.hero-video-toggle{bottom:72px}
 #whats-on,#footprint,#about,#collaborate{scroll-margin-top:66px}
 .whats-on.programme-edit{display:block;padding:76px 0 85px}.programme-sidebar{position:static;margin-bottom:28px}.programme-sidebar h3{font-size:74px;margin:20px 0}.programme-sidebar>p{max-width:330px}.programme-tabs{flex-direction:row;gap:24px;margin-top:20px}.programme-tabs button{font-size:11px}.programme-tabs button span{width:15px}.programme-feature-visual{min-height:390px;aspect-ratio:1.1}.programme-feature-visual h4{font-size:clamp(37px,7.5vw,62px)}.programme-date strong{font-size:100px}.programme-feature-foot{align-items:start}.programme-row{grid-template-columns:62px minmax(0,1fr) 100px;gap:15px}.programme-row-copy strong{font-size:26px}
 .footprint.geography{padding:75px 14px 45px}.geography-header{gap:25px}.geography-header h2{font-size:clamp(78px,15vw,122px)}.geography-header>p{font-size:19px;max-width:270px}.geography-stage{grid-template-columns:1fr;margin-top:25px;gap:12px}.globe-wrap{width:min(100%,660px);margin:auto;aspect-ratio:1.05}.geography .footprint-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:15px 28px;padding-top:15px}.city-panel-details{min-width:0}.city-panel-media{align-self:center}.geography .footprint-panel h3{margin-top:25px;font-size:66px}.geography .footprint-panel p{margin-top:18px}.city-project-image{margin-top:0}.city-index-list{grid-template-columns:repeat(4,1fr);margin-top:35px}.geography .city-node{font-size:23px;min-height:95px;padding:15px 12px!important;border-bottom:1px solid var(--line)}.geography .city-node:nth-child(4){border-right:0}.geography .city-node:nth-child(n+5){border-bottom:0}.city-node small{margin-bottom:14px}.geography-foot{flex-direction:column;gap:20px}
 .about-hero{min-height:680px;padding:28px 20px}.about-hero h2{font-size:clamp(78px,15vw,124px);margin:95px 0}.about-hero-top,.about-hero-bottom{font-size:8px}.about-hero-bottom span:last-child{text-align:right;max-width:180px}.about-editorial{padding:75px 20px 65px;grid-template-columns:1fr;gap:35px}.about-editorial h3{font-size:70px}.about-editorial-copy{padding-top:0;max-width:630px}.about-editorial-copy p{font-size:27px}.about-practices{padding:0 20px 75px}.about-practice-grid{gap:14px}.about-practice strong{font-size:30px}.about-practice:nth-child(2){margin-top:50px}.about-practice:nth-child(3){margin-top:20px}.about-practices-head{gap:20px}.about-practices-head span{text-align:right;max-width:150px}.about-collaboration{padding:60px 20px}.about-collaboration-head h3{font-size:70px}.about-collaboration-head p{max-width:220px}.about-path h4{font-size:39px}.about-contact{grid-template-columns:1fr;gap:35px}.about-email{text-align:left}
}
@media(max-width:520px){
 .programme-feature-visual{min-height:360px}.programme-date{left:18px;top:22px}.programme-date strong{font-size:92px}.programme-image-credit{font-size:7px;right:16px;max-width:120px}.programme-feature-visual h4{left:18px;right:18px;bottom:22px;font-size:38px}.programme-feature-foot{display:block;padding-top:20px}.programme-details-button{margin-top:18px}.programme-row{grid-template-columns:54px minmax(0,1fr) 78px;gap:12px;padding:20px 0;min-height:128px}.programme-row-copy strong{font-size:23px}.programme-row-date{font-size:8px}.programme-row-date b{font-size:22px}.programme-row figure{aspect-ratio:1}.programme-feature-meta{font-size:8px}.programme-dialog dl{grid-template-columns:80px 1fr;gap:16px}
 .geography-topline{align-items:start}.geography-edition{max-width:100px;text-align:right;font-size:7px;line-height:1.5}.geography-header{display:block;margin-top:35px}.geography-header h2{font-size:92px}.geography-header>p{margin:30px 0 0;max-width:300px;font-size:21px}.globe-wrap{margin-top:10px;aspect-ratio:1}.globe-tools{left:0;right:0}.globe-help{font-size:7px;max-width:155px}.globe-motion{font-size:8px}.geography .footprint-panel{grid-template-columns:1fr;gap:25px}.geography .footprint-panel h3{font-size:66px}.city-panel-media{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-items:start}.city-project-image{grid-row:span 3;aspect-ratio:1.25}.city-project-caption{margin-top:0}.city-local-time{margin-top:20px}.city-panel-media.network-only{display:block}.city-index-list{grid-template-columns:repeat(2,1fr);margin-top:30px}.geography .city-node{font-size:26px;min-height:93px}.geography .city-node:nth-child(2n){border-right:0}.geography .city-node:nth-child(n+5){border-bottom:1px solid var(--line)}.geography .city-node:last-child{grid-column:1/-1;border-bottom:0}.geography .city-node:last-child small{display:inline-block;margin-right:20px}
 .about-hero{min-height:610px}.about-hero h2{font-size:84px;line-height:.84}.about-hero-top span:last-child{max-width:110px;text-align:right}.about-editorial h3{font-size:59px}.about-editorial-copy p{font-size:25px}.about-practices-head{display:block}.about-practices-head h3{font-size:39px}.about-practices-head span{display:block;text-align:left;margin-top:15px;max-width:none}.about-practice-grid{grid-template-columns:1fr;gap:35px}.about-practice:nth-child(2),.about-practice:nth-child(3){margin-top:0}.about-practice figure,.about-practice:nth-child(2) figure,.about-practice:nth-child(3) figure{aspect-ratio:1.25}.about-practice strong{font-size:38px}.about-collaboration-head{display:block}.about-collaboration-head h3{font-size:62px}.about-collaboration-head p{margin-top:25px;max-width:300px}.about-paths{grid-template-columns:1fr}.about-path,.about-path+.about-path{padding:30px 0 35px;border-right:0;border-bottom:1px solid var(--line)}.about-path:last-child{border-bottom:0}.about-path h4{font-size:41px;margin-top:28px}.about-contact{margin-top:5px}.about-email a{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.programme-feature-visual img,.programme-row img,.about-practice img{transition:none}.globe-pin{transition:none}}

/* 2026-10-25 / What's On as an exhibition portal, not a feed. */
.whats-on.programme-edit{display:block;padding:96px 0 84px}
.programme-scene{position:relative;min-height:820px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden;isolation:isolate}
.programme-scene::before{content:"WHAT'S ON";position:absolute;left:-.035em;bottom:-.22em;z-index:-1;font-family:var(--serif);font-size:clamp(160px,24vw,370px);line-height:1;color:rgba(18,17,15,.025);white-space:nowrap;pointer-events:none}
.programme-copy-panel{position:relative;z-index:3;width:50%;padding:47px 20px 180px 0}
.programme-title-button{display:block;width:100%;padding:0;margin:26px 0 0;border:0;background:none;text-align:left;color:var(--ink)}
.programme-title-button h3{margin:0;font-family:var(--sans);font-weight:400;letter-spacing:-.075em;line-height:.83}
.programme-title-button h3 strong{display:block;font-size:clamp(73px,8.25vw,128px);font-weight:800}
.programme-title-button h3 span{display:block;margin-top:15px;font-size:clamp(47px,5.65vw,84px);font-weight:400;line-height:.86}
.programme-title-button:hover h3 strong,.programme-title-button:focus-visible h3 strong{color:#c73f20}
.programme-title-button h3 strong,.programme-title-button h3 span{transition:color .25s,transform .45s cubic-bezier(.2,.75,.2,1)}
.programme-title-button:hover h3 span,.programme-title-button:focus-visible h3 span{transform:translateX(11px)}
.programme-cn{margin:26px 0 0;font-size:20px;letter-spacing:.08em}
.programme-intro{max-width:560px;margin:23px 0 0;font-size:12px;line-height:1.62;color:#514d46}
.programme-facts-inline{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;max-width:560px;margin:27px 0 0}
.programme-facts-inline div{padding-top:10px;border-top:1px solid var(--line)}
.programme-facts-inline dt{margin-bottom:7px;color:#777169;font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.programme-facts-inline dd{margin:0;font-size:11px;line-height:1.5}
.programme-entry-button{display:flex;align-items:center;justify-content:space-between;width:225px;margin-top:27px;padding:15px 16px;color:#fff;background:#171513;border:1px solid #171513;font-size:11px;letter-spacing:.04em;text-align:left;transition:color .25s,background .25s,transform .25s}
.programme-entry-button i{font-size:18px;font-style:normal;color:#ff6a3d}
.programme-entry-button:hover,.programme-entry-button:focus-visible{color:var(--ink);background:transparent;transform:translateY(-2px)}
.programme-poster{--mx:0px;--my:0px;--programme-scale:1;position:absolute;z-index:2;right:4%;top:78px;width:min(37vw,535px);aspect-ratio:1428/1900;margin:0;padding:0;border:0;background:transparent;perspective:1200px;transform:translate(var(--mx),var(--my)) scale(var(--programme-scale));transition:transform .52s cubic-bezier(.2,.75,.2,1)}
.programme-poster-sheet{position:absolute;z-index:2;inset:0;display:block;overflow:hidden;background:#e4e1db;box-shadow:0 34px 64px rgba(28,24,19,.21);transform:rotate(3.8deg) rotateY(-2deg);transform-origin:50% 70%;transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s}
.programme-poster-sheet img{display:block;width:100%;height:100%;object-fit:contain}
.programme-poster-shadow{position:absolute;z-index:1;left:7%;right:-8%;bottom:-4%;height:16%;display:block;border-radius:50%;background:rgba(28,24,19,.24);filter:blur(25px);transform:rotate(3deg)}
.programme-poster-hint{position:absolute;z-index:4;right:-9px;bottom:18px;padding:9px 11px;color:#fff;background:#151311;font-size:8px;letter-spacing:.13em;text-transform:uppercase;transform:rotate(3.8deg);opacity:0;transition:opacity .25s,transform .5s}
.programme-poster-hint i{margin-left:13px;color:#ff7047;font-style:normal}
.programme-poster:hover,.programme-poster:focus-visible{--programme-scale:1.045}.programme-poster:hover .programme-poster-sheet,.programme-poster:focus-visible .programme-poster-sheet{transform:rotate(.8deg) rotateY(0) translateY(-8px) scale(1.015);box-shadow:0 45px 82px rgba(28,24,19,.27)}
.programme-poster:hover .programme-poster-hint,.programme-poster:focus-visible .programme-poster-hint{opacity:1;transform:rotate(.8deg) translateY(-8px)}
.programme-index{position:absolute;z-index:4;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:rgba(247,246,242,.82);backdrop-filter:blur(14px)}
.programme-index-label{padding:19px 22px 18px 0;color:#777169;font-size:8px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}
.programme-index button{position:relative;min-height:79px;padding:17px 38px 16px 19px;border-left:1px solid var(--line);background:none;text-align:left;transition:background .25s}
.programme-index button:hover,.programme-index button:focus-visible{background:rgba(255,255,255,.66)}
.programme-index small{display:block;margin-bottom:8px;color:#777169;font-size:7px;letter-spacing:.1em;text-transform:uppercase}
.programme-index strong{font-family:var(--serif);font-size:17px;font-weight:400;line-height:1.05}
.programme-index i{position:absolute;right:14px;top:50%;color:#bf4728;font-size:16px;font-style:normal;transform:translateY(-50%)}
.programme-title-button:focus-visible,.programme-poster:focus-visible,.programme-entry-button:focus-visible,.programme-index button:focus-visible{outline:2px solid #c44524;outline-offset:5px}

/* Abstract relationship field — intentionally not a geographic map. */
.footprint.geography{min-height:0;padding:72px 24px 45px;color:var(--ink);background:#f4f1e9}
.footprint.geography::before{display:none}
.geography-topline{position:relative;z-index:3;padding-bottom:20px}
.city-network-stage{position:relative;min-height:760px;overflow:hidden;border-bottom:1px solid var(--ink);isolation:isolate}
.city-network-stage::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 59% 37%,rgba(255,255,255,.9),rgba(255,255,255,0) 39%),linear-gradient(105deg,rgba(255,255,255,.68),rgba(232,225,213,.22))}
.city-network-intro{position:absolute;z-index:5;left:1%;top:105px;width:min(31vw,410px)}
.city-network-intro h2{margin:0;font-family:var(--sans);font-size:clamp(75px,9.7vw,150px);font-weight:500;line-height:.79;letter-spacing:-.082em}
.city-network-intro h2 i{font-style:normal;font-weight:500}
.city-network-intro p{max-width:315px;margin:30px 0 0;font-size:11px;line-height:1.55}
.city-network-intro>span{display:inline-block;margin-top:115px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.04em}
.city-network-intro>span b{margin-left:20px;color:#c54225;font-size:14px;font-weight:400}
.city-network-lines{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.city-network-lines path{fill:none;stroke:rgba(72,66,58,.27);stroke-width:1.05;stroke-dasharray:2 5;vector-effect:non-scaling-stroke;transition:stroke .32s,stroke-width .32s,opacity .32s;animation:cityRouteDrift 10s linear infinite}
.city-network-lines path:nth-child(2n){animation-direction:reverse;animation-duration:13s}
.city-network-lines path.is-active{stroke:#eb5a3d;stroke-width:1.45;opacity:1;stroke-dasharray:4 4;animation-duration:2.4s}
@keyframes cityRouteDrift{to{stroke-dashoffset:-42}}
.city-network-nodes{position:absolute;z-index:4;inset:0}
.city-hotspot{position:absolute;left:50%;top:50%;min-width:120px;min-height:46px;padding:0 0 0 25px;border:0;background:none;color:#5d5952;font-size:10px;text-align:left;letter-spacing:.015em;transform:translate(-12px,-50%);transition:color .25s,transform .35s}
.city-hotspot i{position:absolute;left:0;top:50%;width:17px;height:17px;transform:translateY(-50%)}
.city-hotspot i::before,.city-hotspot i::after{content:"";position:absolute;background:#e85d3f}
.city-hotspot i::before{left:0;right:0;top:8px;height:1px}.city-hotspot i::after{top:0;bottom:0;left:8px;width:1px}
.city-hotspot.is-active,.city-hotspot:hover,.city-hotspot:focus-visible{color:var(--ink);transform:translate(-12px,-50%) scale(1.06)}
.city-hotspot.is-active i::before,.city-hotspot.is-active i::after{box-shadow:0 0 12px rgba(232,93,63,.5)}
.city-hotspot.city-vancouver{left:26.7%;top:13.9%}.city-hotspot.city-london{left:50.4%;top:18.1%}.city-hotspot.city-beijing{left:79.2%;top:22.2%}.city-hotspot.city-xiamen{left:86%;top:49.3%}.city-hotspot.city-los-angeles{left:25%;top:69.4%}.city-hotspot.city-tokyo{left:87.5%;top:65.3%}.city-hotspot.city-shanghai{left:70.8%;top:86.8%}
.city-hover-card{position:absolute;z-index:6;left:57%;top:25%;width:260px;padding:11px;background:rgba(248,246,240,.93);box-shadow:0 19px 50px rgba(42,36,27,.16);backdrop-filter:blur(15px);opacity:0;pointer-events:none;transform:translate(12px,10px) rotate(-1.2deg);transition:left .48s cubic-bezier(.2,.75,.2,1),top .48s cubic-bezier(.2,.75,.2,1),opacity .23s,transform .48s cubic-bezier(.2,.75,.2,1)}
.city-hover-card.is-visible{opacity:1;transform:translate(0,0) rotate(0)}
.city-hover-card figure{margin:0;aspect-ratio:1.42;overflow:hidden;background:#d9d4ca}
.city-hover-card figure img{display:block;width:100%;height:100%;object-fit:cover}
.city-hover-card.no-image figure{display:grid;place-items:center;background:linear-gradient(135deg,#e7e1d6,#f6f3ed)}
.city-hover-card.no-image figure::before{content:"NETWORK CITY";font-size:8px;letter-spacing:.18em;color:#8a8277}
.city-hover-card.no-image figure img{display:none}
.city-hover-card>div{padding:15px 6px 6px}
.city-card-kicker{display:block;color:#877f74;font-size:7px;letter-spacing:.13em;text-transform:uppercase}
.city-hover-card h3{margin:8px 0 11px;font-family:var(--serif);font-size:35px;font-weight:400;line-height:.9;letter-spacing:-.05em}
.city-hover-card p{margin:0;font-size:9px;line-height:1.5}.city-hover-card small{display:block;margin-top:13px;padding-top:10px;border-top:1px solid var(--line);color:#6d665d;font-size:7px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}
.city-network-note{position:absolute;z-index:3;left:42%;bottom:21px;color:#7f786d;font-size:7px;letter-spacing:.12em;text-transform:uppercase}
.geography-foot{margin-top:21px}
.city-hotspot:focus-visible{outline:1px solid #bf4728;outline-offset:5px}

@media(max-width:1000px){
  .programme-scene{min-height:770px}.programme-copy-panel{width:53%}.programme-poster{right:1%;width:min(39vw,470px)}.programme-index{grid-template-columns:repeat(3,1fr)}
  .city-network-stage{min-height:700px}.city-network-intro{width:34vw}.city-network-intro h2{font-size:92px}.city-network-intro>span{margin-top:82px}.city-hover-card{width:225px}
}
@media(max-width:820px){
  .whats-on.programme-edit{padding:74px 0 66px}.programme-scene{min-height:1080px}.programme-copy-panel{width:100%;padding:35px 0 0}.programme-title-button h3 strong{font-size:clamp(67px,15vw,104px)}.programme-title-button h3 span{font-size:clamp(44px,10vw,70px)}.programme-intro{max-width:480px}.programme-facts-inline{max-width:490px}.programme-poster{top:525px;right:5%;width:min(50vw,390px)}.programme-index{grid-template-columns:1fr 1fr;right:auto;width:47%;background:transparent;backdrop-filter:none}.programme-index button{border-top:1px solid var(--line);border-left:0;padding-left:0}.programme-index button:nth-of-type(3){grid-column:1/-1}.programme-poster-hint{opacity:1}
  .footprint.geography{padding:58px 14px 38px}.city-network-stage{min-height:780px}.city-network-intro{left:1%;top:55px;width:44vw}.city-network-intro h2{font-size:84px}.city-network-intro p{font-size:10px}.city-network-intro>span{margin-top:38px}.city-network-lines{left:8%;width:108%;height:92%;top:7%}.city-hotspot.city-vancouver{left:31%;top:14%}.city-hotspot.city-london{left:55%;top:18%}.city-hotspot.city-beijing{left:84%;top:23%}.city-hotspot.city-xiamen{left:68%;top:49%}.city-hotspot.city-los-angeles{left:30%;top:69%}.city-hotspot.city-tokyo{left:90%;top:65%}.city-hotspot.city-shanghai{left:76%;top:86%}.city-hover-card{width:210px}.city-network-note{left:auto;right:0;bottom:16px;max-width:220px;text-align:right}
}
@media(max-width:560px){
  .programme-scene{min-height:1160px}.programme-copy-panel{padding-right:0}.programme-title-button h3 strong{font-size:65px}.programme-title-button h3 span{font-size:42px}.programme-cn{font-size:17px}.programme-facts-inline{grid-template-columns:1fr;gap:14px}.programme-poster{top:595px;right:2%;width:72vw}.programme-index{width:100%;grid-template-columns:1fr 1fr}.programme-index button{min-height:72px}.programme-index button:nth-of-type(3){grid-column:1/-1}.programme-index strong{font-size:16px}
  .city-network-stage{min-height:900px}.city-network-intro{top:45px;width:88%}.city-network-intro h2{font-size:83px}.city-network-intro p{max-width:275px}.city-network-intro>span{margin-top:30px}.city-network-lines{left:-18%;top:22%;width:142%;height:72%;opacity:.8}.city-hotspot{font-size:9px;min-width:95px}.city-hotspot.city-vancouver{left:20%;top:37%}.city-hotspot.city-london{left:54%;top:34%}.city-hotspot.city-beijing{left:77%;top:46%}.city-hotspot.city-xiamen{left:54%;top:61%}.city-hotspot.city-los-angeles{left:20%;top:65%}.city-hotspot.city-tokyo{left:79%;top:69%}.city-hotspot.city-shanghai{left:54%;top:83%}.city-hover-card{left:8%!important;top:49%!important;width:205px}.city-network-note{max-width:175px;font-size:6px}.geography-foot{font-size:7px}
}

/* 2026-10-29 / A single, quiet contact gateway inspired by the visual logic of
   an oversized record: the entire ring leads to Arklink's contact page. */
body,button,a{cursor:auto!important}
.cursor{display:none!important}
.contact-gateway{
  position:relative;
  min-height:clamp(680px,94vh,980px);
  display:grid;
  place-items:center;
  overflow:hidden;
  color:var(--site-ink,#12110f);
  background:var(--site-paper-bright,#f5f3ee);
  border-top:1px solid rgba(18,17,15,.18);
}
.contact-gateway::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.022;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}
.contact-gateway-ring{
  position:relative;
  z-index:2;
  width:clamp(420px,48vw,720px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--site-paper-bright,#f5f3ee);
  background:var(--site-ink,#12110f);
  text-decoration:none;
  box-shadow:0 30px 80px rgba(18,17,15,.08);
  transition:transform .65s cubic-bezier(.2,.72,.2,1),box-shadow .65s ease;
}
.contact-gateway-ring::before{
  content:"";
  position:absolute;
  width:32%;
  aspect-ratio:1;
  border-radius:50%;
  background:var(--site-paper-bright,#f5f3ee);
  transition:transform .65s cubic-bezier(.2,.72,.2,1);
}
.contact-gateway-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  color:var(--site-ink,#12110f);
  text-align:center;
}
.contact-gateway-copy small{
  font-size:clamp(12px,1vw,16px);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.contact-gateway-copy strong{
  position:relative;
  font-size:clamp(24px,2.35vw,38px);
  font-weight:500;
  line-height:1;
  letter-spacing:-.045em;
}
.contact-gateway-copy strong::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-7px;
  height:2px;
  background:var(--orange,#ff6030);
  transform:scaleX(.28);
  transform-origin:center;
  transition:transform .55s cubic-bezier(.2,.72,.2,1);
}
.contact-gateway-ring:hover,.contact-gateway-ring:focus-visible{
  transform:scale(1.015);
  box-shadow:0 40px 100px rgba(18,17,15,.14);
}
.contact-gateway-ring:hover::before,.contact-gateway-ring:focus-visible::before{transform:scale(1.045)}
.contact-gateway-ring:hover .contact-gateway-copy strong::after,.contact-gateway-ring:focus-visible .contact-gateway-copy strong::after{transform:scaleX(1)}
.contact-gateway-ring:focus-visible{outline:2px solid var(--orange,#ff6030);outline-offset:10px}
.contact-gateway-note{
  position:absolute;
  z-index:3;
  font-size:9px;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.note-top-left{top:30px;left:24px}.note-top-right{top:30px;right:24px}
.note-mid-left{left:9vw;top:50%}.note-mid-right{right:9vw;top:50%}
.note-bottom-left{left:24px;bottom:30px}.note-bottom-right{right:24px;bottom:30px}
.contact-footer{
  color:rgba(18,17,15,.72)!important;
  background:var(--site-paper-bright,#f5f3ee)!important;
  border-top:1px solid rgba(18,17,15,.18);
}
@media(max-width:820px){
  .contact-gateway{min-height:720px}
  .contact-gateway-ring{width:min(78vw,520px)}
  .contact-gateway-note{font-size:7px}
  .note-mid-left{left:14px;top:24%}.note-mid-right{right:14px;top:76%}
  .contact-footer{align-items:flex-start}
}
@media(max-width:520px){
  .contact-gateway{min-height:620px}
  .contact-gateway-ring{width:84vw}
  .contact-gateway-copy small{font-size:9px}
  .contact-gateway-copy strong{font-size:22px}
  .note-mid-left,.note-mid-right{display:none}
}
@media(prefers-reduced-motion:reduce){
  .contact-gateway-ring,.contact-gateway-ring::before,.contact-gateway-copy strong::after{transition:none}
}
@media(prefers-reduced-motion:reduce){.programme-poster,.programme-poster-sheet,.programme-poster-hint,.city-network-lines path,.city-hover-card{transition:none;animation:none}}

/* Copy review implementation / 2026-10-27 */
.poster-scroll{height:650vh}
.event-poster{--poster-hover:1;transition:filter .3s,border-color .3s,box-shadow .3s,transform .42s cubic-bezier(.2,.75,.2,1)}
.event-poster.is-active:hover,.event-poster.is-active:focus-visible{--poster-hover:1.055}
.platform-statement-copy p{white-space:pre-line;font-size:clamp(17px,1.45vw,22px)}
.platform-statement-copy small{max-width:440px;text-transform:none;letter-spacing:.02em;font-size:11px;line-height:1.58}
.programme-section-head{justify-content:flex-start}
.programme-index button:first-child{border-left:0}
.poster-heading .kicker,.catalogue-head .kicker,.poster-end,.programme-index-label{display:none!important}

@media(max-width:820px){
  .poster-scroll{height:570vh}
  .platform-statement-copy p{font-size:18px}
  .platform-statement-copy small{font-size:10px}
}

/* 2026-10-26 / hierarchy pass: restrained film hero, clear programme title, compact proof of scale. */
header .brand{width:88px;height:66px;display:grid;place-items:center;overflow:hidden}
header .brand img{display:block;width:78px;height:62px;object-fit:contain;mix-blend-mode:multiply;transition:filter .3s}
header.dark .brand img{filter:invert(1);mix-blend-mode:screen}
.header-brand-group{display:flex;align-items:center;gap:18px;justify-self:start}
.header-home{position:relative;display:inline-flex;align-items:center;min-height:44px;font-family:var(--sans);font-size:10px;font-weight:500;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:color .25s}
.header-home::after{content:"";position:absolute;left:0;right:100%;bottom:10px;height:1px;background:currentColor;transition:right .25s}
.header-home:hover{color:var(--orange)}
.header-home:hover::after,.header-home:focus-visible::after{right:0}
.header-home:focus-visible{outline:1px solid var(--orange);outline-offset:5px}
@media(max-width:820px){.header-brand-group{gap:8px}.header-home{font-size:9px;letter-spacing:.1em}}

.intro{padding:0}
.intro::after{background:linear-gradient(90deg,rgba(247,246,242,.55) 0%,rgba(247,246,242,.13) 38%,rgba(247,246,242,.02) 70%),linear-gradient(180deg,rgba(247,246,242,.08),transparent 62%,rgba(19,17,15,.12))}
.intro{border-bottom:0}.intro-copy{position:absolute;z-index:2;right:86px;bottom:34px;left:auto;top:auto;width:min(880px,72vw);padding:0;background:transparent;border:0;backdrop-filter:none;text-align:right;text-wrap:balance}
.hero-copy-meta{display:flex;justify-content:space-between;gap:24px;color:#5f5a52;font-size:8px;line-height:1.4;letter-spacing:.13em;text-transform:uppercase}
.hero-copy-meta span:last-child{text-align:right}
.intro h1{margin:0;font-family:var(--serif);font-size:clamp(22px,2.1vw,34px);font-weight:400;line-height:1.18;letter-spacing:-.032em;text-shadow:0 1px 18px rgba(255,255,255,.82)}
.intro h1 i{display:inline;color:var(--orange);font-style:normal}
.intro h1 i::after{display:none}
.hero-coordinate{top:111px;background:rgba(247,246,242,.54);padding:11px 10px 8px;backdrop-filter:blur(10px)}

.programme-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:0 0 27px;border-bottom:1px solid var(--ink)}
.programme-section-head h2{margin:0;font-family:var(--serif);font-size:clamp(82px,10.8vw,164px);font-weight:400;line-height:.76;letter-spacing:-.075em}
.programme-section-head>div{min-width:180px;display:flex;justify-content:space-between;gap:28px;padding-bottom:6px;font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.programme-section-head strong{color:var(--orange);font-weight:400}
.programme-scene{border-top:0;min-height:780px}
.programme-scene::before{display:none}
.programme-copy-panel{padding-top:42px}

.platform-pillars{border-top:1px solid var(--ink)}
.platform-pillars-head{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:5vw;align-items:end;padding:24px 0 22px}
.platform-pillars-head>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:22px}
.platform-pillars-head h3{font-size:clamp(39px,4.4vw,64px)}
.platform-pillars-head>div:first-child>span{color:#6f6960;font-size:8px;white-space:nowrap}
.platform-stats{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}
.platform-stats p{margin:0;padding:0 18px;border-right:1px solid var(--line)}
.platform-stats p:last-child{border-right:0}
.platform-stats strong{display:block;font-family:var(--serif);font-size:clamp(27px,3vw,43px);font-weight:400;line-height:.9;letter-spacing:-.045em}
.platform-stats small{display:block;margin-top:8px;color:#6b665e;font-size:7px;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}
.platform-pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0}
.platform-pillar,.platform-pillar+.platform-pillar{position:relative;min-height:260px;padding:22px 23px;overflow:hidden;color:inherit;text-decoration:none;border:1px solid rgba(18,17,15,.17);border-radius:18px;background:rgba(255,255,255,.26);box-shadow:0 16px 34px rgba(39,31,22,0);transition:border-color .28s ease,box-shadow .28s ease,background-color .28s ease}
.platform-pillar:hover,.platform-pillar:focus-visible{border-color:rgba(255,96,48,.46);background:rgba(255,96,48,.075);box-shadow:0 16px 32px rgba(50,37,25,.07)}
.platform-pillar:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.platform-pillar>small,.platform-pillar>h4,.platform-pillar>p{position:relative;z-index:2}.platform-pillar>strong{position:absolute;z-index:2}
.platform-pillar small{font-weight:500}
.platform-pillar h4{max-width:300px;margin:35px 0 19px;font-size:clamp(29px,3vw,44px);line-height:.9}
.platform-pillar p{max-width:355px;font-size:10px;line-height:1.5;color:#413e39}
.platform-pillar strong{right:20px;top:18px;font-size:22px;color:var(--orange);transition:color .25s ease}
.platform-pillar:hover strong,.platform-pillar:focus-visible strong{color:var(--ink)}

.city-hover-card{width:255px;padding:0;border-top:2px solid #e85d3f;background:rgba(248,246,240,.95);box-shadow:0 17px 43px rgba(42,36,27,.12)}
.city-hover-card figure{display:none}
.city-hover-card>div{padding:19px 21px 20px}
.city-hover-card h3{margin:16px 0 18px;font-size:49px}
.city-hover-card p{font-size:10px;line-height:1.55}
.city-hover-card small{margin-top:19px;padding-top:13px;line-height:1.65}

@media(max-width:820px){
  header .brand{width:68px;height:59px}header .brand img{width:65px;height:56px}
  .intro{padding:0}.intro::after{background:linear-gradient(180deg,rgba(247,246,242,.2),rgba(247,246,242,.03) 54%,rgba(20,18,16,.18))}.intro-copy{left:14px;right:70px;top:auto;bottom:24px;width:auto;padding:0;text-align:left}.intro h1{font-size:clamp(19px,5vw,27px);line-height:1.2}
  .programme-section-head{align-items:start;padding-bottom:22px}.programme-section-head h2{font-size:clamp(70px,18vw,118px)}.programme-section-head>div{min-width:0;display:block;text-align:right;padding-top:7px}.programme-section-head>div span,.programme-section-head>div strong{display:block}.programme-section-head>div strong{margin-top:8px}.programme-scene{min-height:1040px}
  .platform-pillars-head{grid-template-columns:1fr;gap:22px;padding-bottom:20px}.platform-pillars-head>div:first-child{align-items:end}.platform-stats{border-top:1px solid var(--line);border-left:0;padding-top:16px}.platform-stats p{padding:0 12px}.platform-stats p:first-child{padding-left:0}.platform-stats strong{font-size:32px}.platform-pillar-grid{grid-template-columns:1fr;gap:12px}.platform-pillar,.platform-pillar+.platform-pillar{min-height:235px;padding:22px 20px;border:1px solid rgba(18,17,15,.17);border-radius:16px}.platform-pillar h4{font-size:36px;margin:32px 0 16px}.platform-pillar strong{right:19px;top:17px}
  .city-hover-card{width:218px}.city-hover-card>div{padding:16px 17px}.city-hover-card h3{font-size:40px}
}

@media(max-width:560px){
  .hero-copy-meta{display:block}.hero-copy-meta span{display:block}.hero-copy-meta span:last-child{margin-top:4px;text-align:left}.intro h1{font-size:22px}
  .programme-section-head{gap:18px}.programme-section-head h2{font-size:67px}.programme-section-head>div{font-size:7px}.programme-scene{min-height:1100px}
  .platform-pillars-head>div:first-child{display:block}.platform-pillars-head>div:first-child>span{display:block;margin-top:8px}.platform-stats strong{font-size:27px}.platform-stats small{font-size:6px}.platform-stats p{padding:0 8px}
}

@media(hover:none){.platform-pillar:active{border-color:var(--orange);background:rgba(255,96,48,.1)}}
@media(prefers-reduced-motion:reduce){.platform-pillar,.platform-pillar strong{transition:none!important}}

/* 2026-10-26 / continuous canvas and section choreography. */
:root{
  --site-paper:#f3f0e8;
  --site-paper-bright:#faf9f5;
  --site-paper-warm:#ebe5da;
  --site-dark:#1a1413;
}

html{background:var(--site-paper);scroll-behavior:smooth}
body{background:var(--site-paper)}
main{position:relative;background:var(--site-paper)}

/* Keep all light chapters on one continuous paper surface. */
.platform-intro{
  position:relative;
  background:
    radial-gradient(circle at 82% 8%,rgba(255,255,255,.76),transparent 31%),
    linear-gradient(180deg,var(--site-paper-bright) 0%,var(--site-paper) 46%,var(--site-paper-bright) 100%);
  border-bottom:0;
}
.poster-scroll{background:var(--site-paper-bright)}
.poster-stage{
  background:
    radial-gradient(circle at 70% 31%,#fff 0,rgba(255,255,255,.7) 33%,transparent 63%),
    linear-gradient(180deg,var(--site-paper-bright),var(--site-paper));
}
.poster-stage::after{
  background:linear-gradient(90deg,rgba(250,249,245,.98) 0%,rgba(250,249,245,.84) 20%,rgba(250,249,245,0) 45%);
}
.footprint.geography{
  background:
    radial-gradient(circle at 58% 30%,rgba(255,255,255,.8),transparent 36%),
    linear-gradient(180deg,var(--site-paper) 0%,var(--site-paper-bright) 100%);
}
.city-network-stage::before{
  background:
    radial-gradient(circle at 59% 37%,rgba(255,255,255,.82),rgba(255,255,255,0) 39%),
    linear-gradient(105deg,rgba(255,255,255,.5),rgba(235,229,218,.08));
}
.about-story{background:var(--site-paper-bright)}
.about-editorial,.about-practices{background:transparent}
.about-collaboration{
  background:linear-gradient(180deg,var(--site-paper-bright),var(--site-paper-warm));
  border-top:1px solid var(--line);
}

/* The hero dissolves into the shared paper instead of ending on a hard edge. */
.intro::before{
  content:"";
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  bottom:-1px;
  height:clamp(95px,14vw,210px);
  pointer-events:none;
  background:linear-gradient(180deg,rgba(250,249,245,0),rgba(250,249,245,.28) 52%,var(--site-paper-bright));
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 74%);
  mask-image:linear-gradient(to bottom,transparent,#000 74%);
}

/* Two quiet bridges preserve the dark catalogue room without a hard cut. */
.flow-bridge{
  position:relative;
  z-index:3;
  height:clamp(118px,13vw,198px);
  margin:-1px 0;
  overflow:hidden;
  pointer-events:none;
}
.flow-bridge::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.34;
  background:repeating-linear-gradient(90deg,transparent 0 7.9vw,rgba(255,255,255,.12) 8vw);
}
.flow-bridge span{
  position:absolute;
  left:24px;
  bottom:22px;
  font-size:7px;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.flow-bridge-dark{
  color:rgba(255,255,255,.5);
  background:linear-gradient(180deg,var(--site-paper) 0%,#d8cec3 28%,#77645d 67%,var(--site-dark) 100%);
}
.flow-bridge-light{
  color:rgba(18,17,15,.46);
  background:linear-gradient(180deg,var(--site-dark) 0%,#725f58 34%,#d8cec3 73%,var(--site-paper) 100%);
}
.catalogues{overflow:visible;background:var(--site-dark)}
.catalogues::after{content:"";position:absolute;z-index:0;left:0;right:0;top:-120px;height:120px;pointer-events:none;background:linear-gradient(180deg,rgba(26,20,19,0),rgba(26,20,19,.42) 48%,var(--site-dark))}
.catalogue-head,.book-stack,.section-transition{z-index:1}
.footprint.geography{position:relative;margin-top:0;overflow:visible}
.footprint.geography::after{content:"";position:absolute;z-index:0;left:0;right:0;top:-120px;height:120px;pointer-events:none;background:linear-gradient(180deg,var(--site-dark),rgba(58,48,44,.72) 38%,rgba(243,240,232,.78) 78%,var(--site-paper))}
.geography-topline,.city-network-stage,.geography-foot{position:relative;z-index:1}
.about-hero{
  padding-top:105px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 92px,#000 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 92px,#000 100%);
}
footer{background:linear-gradient(180deg,#171210,#100d0c)}

/* Section content enters softly; layout remains usable when motion is disabled. */
html.flow-motion .flow-reveal{
  opacity:0;
  filter:blur(6px);
  transform:translate3d(0,34px,0);
  transition:
    opacity .9s cubic-bezier(.2,.72,.2,1),
    filter 1.05s cubic-bezier(.2,.72,.2,1),
    transform 1.05s cubic-bezier(.2,.72,.2,1);
  will-change:opacity,filter,transform;
}
html.flow-motion .flow-reveal.flow-visible{
  opacity:1;
  filter:blur(0);
  transform:translate3d(0,0,0);
}

@media(max-width:820px){
  .flow-bridge{height:96px}
  .flow-bridge span{left:14px;bottom:15px}
  .about-hero{padding-top:82px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 68px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 68px,#000 100%)}
  html.flow-motion .flow-reveal{filter:blur(3px);transform:translate3d(0,22px,0)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.flow-motion .flow-reveal,html.flow-motion .flow-reveal.flow-visible{
    opacity:1;
    filter:none;
    transform:none;
    transition:none;
  }
}

/* 2026-10-26 / bilingual interface. */
.header-tools{justify-self:end;display:flex;align-items:center;gap:clamp(16px,2vw,30px)}
.language-switch{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.language-switch button{position:relative;padding:8px 0;border:0;background:none;color:inherit;font-size:8px;letter-spacing:.13em;text-transform:uppercase;opacity:.42;transition:opacity .25s,color .25s}
.language-switch button::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:var(--orange);transition:right .3s cubic-bezier(.2,.72,.2,1)}
.language-switch button:hover,.language-switch button:focus-visible,.language-switch button[aria-pressed="true"]{opacity:1}
.language-switch button[aria-pressed="true"]::after{right:0}
.language-switch i{font-style:normal;opacity:.3}
.language-switch button:focus-visible{outline:1px solid currentColor;outline-offset:4px}

html[lang="zh-CN"]{
  --sans:"Instrument Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --display:var(--sans);
  --serif:var(--sans);
}
html[lang="zh-CN"] body{font-family:var(--sans)}
html[lang="zh-CN"] .intro h1,
html[lang="zh-CN"] .platform-statement h2,
html[lang="zh-CN"] .programme-section-head h2,
html[lang="zh-CN"] .poster-heading h2,
html[lang="zh-CN"] .catalogue-head h2,
html[lang="zh-CN"] .city-network-intro h2,
html[lang="zh-CN"] .about-hero h2,
html[lang="zh-CN"] .about-editorial h3,
html[lang="zh-CN"] .about-collaboration-head h3{letter-spacing:-.055em}
html[lang="zh-CN"] .intro h1{line-height:1.32}
html[lang="zh-CN"] .programme-section-head h2{font-size:clamp(70px,8.8vw,132px)}
html[lang="zh-CN"] .about-hero h2{max-width:1100px;font-size:clamp(68px,10.5vw,160px);line-height:.9}
html[lang="zh-CN"] .about-editorial-copy p{line-height:1.58}

@media(max-width:820px){
  .header-tools{gap:13px}.language-switch{gap:5px}.language-switch button{font-size:7px}.header-note{font-size:7px}
  html[lang="zh-CN"] .programme-section-head h2{font-size:clamp(58px,15vw,92px)}
  html[lang="zh-CN"] .about-hero h2{font-size:clamp(56px,15vw,88px)}
}

@media(max-width:560px){
  .header-tools{gap:10px}.header-note{display:none}
}

/* 2026-10-26 / About Arklink — image-led editorial narrative. */
.about-story{overflow:hidden;background:var(--site-paper-bright)}
.about-story .about-section{padding:112px 3.6vw 124px}
.about-section-index{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:13px 0 0;border-top:1px solid currentColor;font-size:8px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}
.about-section-index span:first-child{color:var(--orange)}
.about-story .about-hero{min-height:min(900px,94vh);padding:112px 3.6vw 38px;-webkit-mask-image:none;mask-image:none}
.about-story .about-hero>img{object-position:center 44%;transform:scale(1.015)}
.about-story .about-hero::after{background:linear-gradient(100deg,rgba(10,10,9,.73),rgba(10,10,9,.08) 82%),linear-gradient(0deg,rgba(0,0,0,.56),transparent 48%)}
.about-story .about-hero h2{max-width:1280px;margin:90px 0 88px;font-size:clamp(74px,11.5vw,176px);line-height:.81}
.about-story .about-hero h2 i{color:#ff9b7a}

.about-manifesto{background:linear-gradient(180deg,#fbfaf7,var(--site-paper-bright))}
.about-manifesto-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:8vw;align-items:start;margin-top:62px}
.about-manifesto h3,.about-chapter h3,.about-public h3,.about-continuity h3,.about-cities h3,.about-collaboration h3{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.062em}
.about-manifesto h3{max-width:900px;font-size:clamp(55px,7.2vw,108px);line-height:.9}
.about-manifesto h3 i,.about-chapter h3 i,.about-public h3 i,.about-continuity h3 i,.about-cities h3 i,.about-collaboration h3 i{color:var(--orange);font-weight:400}
.about-copy{max-width:580px}
.about-copy p{margin:0 0 20px;font-size:13px;line-height:1.75;color:#4f4a43}
.about-copy p:last-child{margin-bottom:0}
.about-copy-lead{padding-top:10px}
.about-copy-lead p:first-child{font-family:var(--serif);font-size:clamp(23px,2.3vw,34px);line-height:1.35;letter-spacing:-.025em;color:var(--ink)}

.about-chapter{border-top:1px solid var(--line)}
.about-chapter-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);gap:6.5vw;align-items:center;margin-top:58px}
.about-chapter-right .about-chapter-grid{grid-template-columns:minmax(380px,.94fr) minmax(0,1.06fr)}
.about-chapter h3{font-size:clamp(48px,6.25vw,94px);line-height:.9}
.about-chapter-copy>.about-copy{margin-top:42px}
.about-image{margin:0;min-width:0}
.about-image img{display:block;width:100%;height:100%;object-fit:cover;background:#d5d0c7;filter:saturate(.92) contrast(1.015);transition:transform .9s cubic-bezier(.2,.72,.2,1),filter .6s}
.about-image:hover img{transform:scale(1.018);filter:saturate(1) contrast(1.02)}
.about-image figcaption{display:flex;justify-content:space-between;gap:24px;margin-top:11px;padding-top:9px;border-top:1px solid var(--line);color:#6d675f;font-size:7px;line-height:1.45;letter-spacing:.12em;text-transform:uppercase}
.about-image figcaption span:last-child{text-align:right}
.about-image-tall img{aspect-ratio:1.1;object-position:center 46%}
.about-image-wide img{aspect-ratio:1.35}
.about-partnerships{background:#eee9df}

.about-pullquote{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);min-height:650px;color:#fff;background:#b9472e}
.about-pullquote figure{min-height:650px;margin:0;overflow:hidden;background:#241a16}
.about-pullquote figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.04)}
.about-pullquote>div{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:62px 5.5vw 72px}
.about-pullquote small{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.about-pullquote blockquote{position:relative;margin:100px 0 0;padding:0;font-family:var(--serif);font-size:clamp(39px,5.1vw,76px);font-weight:400;line-height:1.08;letter-spacing:-.045em}
.about-pullquote blockquote::before{content:"“";position:absolute;left:-.54em;top:-.18em;color:#21120e;font-size:1.15em}
.about-inline-quote{margin:0 0 33px;padding:3px 0 4px 22px;border-left:2px solid var(--orange);font-family:var(--serif);font-size:clamp(22px,2.25vw,33px);line-height:1.38;letter-spacing:-.02em;color:#f5f0e7}

.about-public{color:#f5f0e7;background:#181311}
.about-public .about-section-index{border-color:rgba(255,255,255,.55)}
.about-public-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:8vw;align-items:end;margin-top:58px}
.about-public h3{font-size:clamp(57px,7.5vw,116px);line-height:.88}
.about-public .about-copy p{color:rgba(245,240,231,.7)}
.about-public .about-copy p:first-child{font-family:var(--serif);font-size:21px;line-height:1.4;color:#f5f0e7}
.about-public-gallery{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:end;margin-top:80px}
.about-public-gallery .about-image:first-child img{aspect-ratio:1.5}
.about-public-gallery .about-image:last-child img{aspect-ratio:1.12}
.about-public .about-image figcaption{border-color:rgba(255,255,255,.25);color:rgba(245,240,231,.56)}

.about-continuity{background:#f7f3eb;border-top:1px solid var(--line)}
.about-continuity-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:8vw;align-items:start;margin-top:58px}
.about-continuity h3{font-size:clamp(54px,7vw,106px);line-height:.89}
.about-publication-image{width:min(530px,72%);margin:70px 0 0 auto}
.about-publication-image img{aspect-ratio:1.5}
.about-copy-continuity{padding-top:7px}
.about-copy-continuity p:first-child{font-family:var(--serif);font-size:clamp(22px,2.15vw,32px);line-height:1.35;color:var(--ink)}

.about-cities{background:var(--site-paper-bright);border-top:1px solid var(--line)}
.about-cities-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:8vw;align-items:end;margin-top:58px}
.about-cities h3{font-size:clamp(58px,7.8vw,118px);line-height:.86}
.about-cities-gallery{display:grid;grid-template-columns:.78fr 1.22fr;gap:18px;align-items:start;margin-top:82px}
.about-cities-gallery .about-image:first-child{margin-top:90px}
.about-cities-gallery .about-image:first-child img{aspect-ratio:1.22}
.about-cities-gallery .about-image:last-child img{aspect-ratio:1.45}

.about-stats{color:#f4efe6;background:#b4472d}
.about-stats .about-section-index{border-color:rgba(255,255,255,.58)}
.about-stats .about-section-index span:first-child{color:#20120e}
.about-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid rgba(255,255,255,.42);border-bottom:1px solid rgba(255,255,255,.42)}
.about-stats-grid p{min-height:250px;margin:0;padding:30px 28px 26px 0;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.42)}
.about-stats-grid p+p{padding-left:28px}
.about-stats-grid p:last-child{border-right:0}
.about-stats-grid strong{font-family:var(--serif);font-size:clamp(62px,8.2vw,126px);font-weight:400;line-height:.8;letter-spacing:-.065em}
.about-stats-grid span{max-width:245px;font-size:9px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}

.about-story .about-collaboration{padding:118px 3.6vw 76px;color:#f4efe6;background:#171210;border-top:0}
.about-story .about-collaboration-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:8vw;align-items:end;padding-bottom:75px;border-bottom:1px solid rgba(255,255,255,.35)}
.about-collaboration-label{display:block;margin-bottom:32px;font-size:8px;letter-spacing:.15em;text-transform:uppercase}
.about-story .about-collaboration h3{font-size:clamp(62px,8.8vw,134px);line-height:.84}
.about-collaboration-copy p{margin:0 0 20px;font-size:13px;line-height:1.7;color:rgba(244,239,230,.72)}
.about-collaboration-copy p:first-child{font-family:var(--serif);font-size:clamp(20px,2vw,29px);line-height:1.35;color:#f4efe6}
nav.about-actions{display:block}
.about-actions a{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;min-height:130px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.26);color:#f4efe6;text-decoration:none}
.about-actions a::after{display:none}
.about-actions a>span{color:var(--orange);font-size:8px;letter-spacing:.12em}
.about-actions strong{font-family:var(--serif);font-size:clamp(35px,4vw,58px);font-weight:400;line-height:1;letter-spacing:-.04em;transition:transform .35s,color .25s}
.about-actions i{font-size:27px;font-style:normal;color:var(--orange);transition:transform .35s}
.about-actions a:hover strong,.about-actions a:focus-visible strong{color:#ff9b7a;transform:translateX(10px)}
.about-actions a:hover i,.about-actions a:focus-visible i{transform:translate(3px,-3px)}
.about-actions a:focus-visible{outline:1px solid #ff9b7a;outline-offset:6px}
.about-story .about-contact{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:62px;padding-top:18px;border-top:0;color:rgba(244,239,230,.55);font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.about-story .about-contact a{color:#f4efe6;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);font-family:var(--sans);font-size:9px;letter-spacing:.08em;text-transform:none}

html[lang="zh-CN"] .about-manifesto h3,html[lang="zh-CN"] .about-chapter h3,html[lang="zh-CN"] .about-public h3,html[lang="zh-CN"] .about-continuity h3,html[lang="zh-CN"] .about-cities h3,html[lang="zh-CN"] .about-collaboration h3{letter-spacing:-.055em}
html[lang="zh-CN"] .about-copy p,html[lang="zh-CN"] .about-collaboration-copy p{line-height:1.85}
html[lang="zh-CN"] .about-copy-lead p:first-child,html[lang="zh-CN"] .about-public .about-copy p:first-child,html[lang="zh-CN"] .about-copy-continuity p:first-child,html[lang="zh-CN"] .about-collaboration-copy p:first-child{line-height:1.58}
html[lang="zh-CN"] .about-story .about-hero h2{max-width:1180px;font-size:clamp(70px,9.8vw,148px);line-height:.93}
html[lang="zh-CN"] .about-story .about-collaboration h3{font-size:clamp(56px,7vw,102px);line-height:.96}

@media(max-width:1000px){
  .about-story .about-section{padding:88px 24px 96px}
  .about-manifesto-grid,.about-public-head,.about-continuity-grid,.about-cities-head,.about-story .about-collaboration-head{gap:5vw}
  .about-chapter-grid,.about-chapter-right .about-chapter-grid{gap:4vw}
  .about-copy p,.about-collaboration-copy p{font-size:12px}
}

@media(max-width:820px){
  .about-story .about-hero{min-height:760px;padding:92px 20px 28px;-webkit-mask-image:none;mask-image:none}
  .about-story .about-hero h2{font-size:clamp(70px,15.5vw,116px);margin:95px 0}
  .about-story .about-section{padding:76px 20px 82px}
  .about-section-index{grid-template-columns:44px 1fr}
  .about-manifesto-grid,.about-chapter-grid,.about-chapter-right .about-chapter-grid,.about-public-head,.about-continuity-grid,.about-cities-head,.about-story .about-collaboration-head{grid-template-columns:1fr;gap:45px}
  .about-chapter-right .about-chapter-copy{order:2}.about-chapter-right .about-image{order:1}
  .about-manifesto h3,.about-chapter h3,.about-public h3,.about-continuity h3,.about-cities h3{font-size:clamp(52px,11.8vw,84px)}
  .about-copy{max-width:650px}.about-copy p,.about-collaboration-copy p{font-size:13px}
  .about-chapter-copy>.about-copy{margin-top:34px}
  .about-image-tall img,.about-image-wide img{aspect-ratio:1.38}
  .about-pullquote{grid-template-columns:1fr;min-height:0}.about-pullquote figure{min-height:0;aspect-ratio:1.42}.about-pullquote>div{min-height:470px;padding:42px 20px 55px}.about-pullquote blockquote{margin-top:70px;font-size:clamp(38px,7.6vw,58px)}
  .about-public-gallery,.about-cities-gallery{gap:10px}
  .about-publication-image{width:66%;margin-top:48px}
  .about-stats-grid p{min-height:210px;padding-left:15px;padding-right:15px}.about-stats-grid p:first-child{padding-left:0}
  .about-story .about-collaboration{padding:85px 20px 58px}.about-story .about-collaboration h3{font-size:clamp(62px,13vw,100px)}
  html[lang="zh-CN"] .about-story .about-collaboration h3{font-size:clamp(52px,10vw,78px)}
}

@media(max-width:560px){
  .about-story .about-hero{min-height:680px;padding:88px 14px 22px}
  .about-story .about-hero h2{font-size:clamp(58px,16.2vw,88px);line-height:.88;margin:82px 0}
  .about-hero-top,.about-hero-bottom{font-size:7px}.about-hero-top span:last-child,.about-hero-bottom span:last-child{max-width:126px;text-align:right}
  .about-story .about-section{padding:65px 14px 72px}
  .about-manifesto-grid,.about-chapter-grid,.about-chapter-right .about-chapter-grid,.about-public-head,.about-continuity-grid,.about-cities-head,.about-story .about-collaboration-head{margin-top:38px;gap:34px}
  .about-manifesto h3,.about-chapter h3,.about-public h3,.about-continuity h3,.about-cities h3{font-size:clamp(45px,13.8vw,70px)}
  .about-copy-lead p:first-child{font-size:23px}
  .about-pullquote figure{aspect-ratio:1.1}.about-pullquote>div{min-height:425px;padding:32px 28px 42px 42px}.about-pullquote blockquote{font-size:clamp(34px,10vw,49px);line-height:1.12}.about-inline-quote{font-size:24px;padding-left:16px}
  .about-image-tall img,.about-image-wide img{aspect-ratio:1.15}
  .about-public-gallery,.about-cities-gallery{grid-template-columns:1fr;margin-top:52px}
  .about-public-gallery .about-image:first-child img,.about-public-gallery .about-image:last-child img,.about-cities-gallery .about-image:first-child img,.about-cities-gallery .about-image:last-child img{aspect-ratio:1.25}
  .about-public-gallery .about-image:last-child,.about-cities-gallery .about-image:first-child{margin-top:26px}
  .about-cities-gallery .about-image:first-child{order:2}
  .about-publication-image{width:84%;margin-top:40px}
  .about-stats-grid{grid-template-columns:1fr;margin-top:38px}
  .about-stats-grid p,.about-stats-grid p+p{min-height:150px;padding:24px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.42)}
  .about-stats-grid p:last-child{border-bottom:0}.about-stats-grid strong{font-size:82px}.about-stats-grid span{margin-top:26px}
  .about-story .about-collaboration{padding:68px 14px 48px}.about-story .about-collaboration-head{padding-bottom:50px}
  .about-story .about-collaboration h3{font-size:clamp(54px,15.5vw,82px)}
  html[lang="zh-CN"] .about-story .about-collaboration h3{font-size:clamp(44px,12vw,64px)}
  .about-actions a{grid-template-columns:35px 1fr auto;min-height:104px;gap:10px}.about-actions strong{font-size:34px}.about-actions i{font-size:21px}
  .about-story .about-contact{display:block;line-height:2}.about-story .about-contact a{display:inline-block;margin-top:18px}
  html[lang="zh-CN"] .about-story .about-hero h2{font-size:clamp(49px,14.5vw,76px);line-height:1.03}
}

@media(prefers-reduced-motion:reduce){.about-image img,.about-actions strong,.about-actions i{transition:none}}

/* Contemporary institutional type roles. The shared typography stylesheet
   now resolves all roles to the approved bilingual sans-serif family. */
html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{font-family:var(--sans);font-optical-sizing:auto}
.brand{font-family:var(--display);font-weight:600;letter-spacing:-.035em}
nav a,.header-note,.language-switch,.kicker,.event-meta,.programme-feature-meta,.programme-row-copy small,.programme-row-date,.poster-info small,.book-note,.about-section-index,.about-image figcaption{font-family:var(--sans);font-weight:500}

.intro h1,
.programme-section-head h2,
.poster-heading h2,
.city-network-intro h2,
.platform-pillars-head h3,
.about-story .about-hero h2,
.about-manifesto h3,
.about-chapter h3,
.about-public h3,
.about-continuity h3,
.about-cities h3,
.about-story .about-collaboration h3{
  font-family:var(--display);
  font-weight:500;
  letter-spacing:-.07em;
}
.intro h1{letter-spacing:-.045em;line-height:1.08}
.programme-section-head h2,.poster-heading h2{letter-spacing:-.082em}
.about-story .about-hero h2{letter-spacing:-.078em}
.about-manifesto h3,.about-chapter h3,.about-public h3,.about-continuity h3,.about-cities h3,.about-story .about-collaboration h3{letter-spacing:-.068em}

.catalogue-head h2,
.event-copy h3,
.installation-gallery h4,
.programme-dialog h2,
.book-spine-face strong,
.reader-title,
.about-pullquote blockquote,
.about-inline-quote,
.about-actions strong{
  font-family:var(--serif);
  font-optical-sizing:auto;
  font-weight:400;
}
.catalogue-head h2,.event-copy h3,.installation-gallery h4{letter-spacing:-.052em}

.intro h1 .hero-definition,
.platform-statement p,
.programme-dialog p,
.event-copy p,
.catalogue-head p,
.about-editorial-copy p,
.about-copy-lead p:first-child,
.about-public .about-copy p:first-child,
.about-copy-continuity p:first-child,
.about-collaboration-copy p:first-child{
  font-family:var(--sans);
  font-weight:400;
  letter-spacing:-.018em;
}
.event-copy p,.programme-dialog p{font-size:19px;line-height:1.58}
.platform-statement h2{font-family:var(--display);font-weight:500;letter-spacing:-.06em}
.platform-pillar h4{font-family:var(--display);font-weight:500;letter-spacing:-.055em}
.platform-stats strong,.about-stats-grid strong{font-family:var(--display);font-weight:500;letter-spacing:-.065em}

html[lang="zh-CN"] .intro h1,
html[lang="zh-CN"] .programme-section-head h2,
html[lang="zh-CN"] .poster-heading h2,
html[lang="zh-CN"] .platform-statement h2,
html[lang="zh-CN"] .about-story .about-hero h2,
html[lang="zh-CN"] .about-manifesto h3,
html[lang="zh-CN"] .about-chapter h3,
html[lang="zh-CN"] .about-public h3,
html[lang="zh-CN"] .about-continuity h3,
html[lang="zh-CN"] .about-cities h3,
html[lang="zh-CN"] .about-story .about-collaboration h3{letter-spacing:-.055em}

/* 2026-10-27 / one material surface, two editorial rooms, continuous motion. */
:root{
  --site-paper:#f1efe9;
  --site-paper-bright:#f7f5ef;
  --site-paper-warm:#e4e0d6;
  --site-dark:#171411;
  --site-orange:#f15a36;
  --motion-ease:cubic-bezier(.22,.74,.18,1);
}

html,body,main{background:var(--site-paper)}
body{isolation:isolate}
.site-grain{
  position:fixed;
  z-index:900;
  inset:0;
  pointer-events:none;
  opacity:.027;
  mix-blend-mode:soft-light;
  contain:strict;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.78'/%3E%3C/svg%3E");
  background-size:180px 180px;
}

/* The light chapters no longer restart on separate whites. */
.platform-intro,.poster-scroll,.poster-stage,.footprint.geography,.about-story,.about-manifesto,.about-partnerships,.about-continuity,.about-cities,.about-stats{
  background-color:var(--site-paper);
}
.platform-intro{
  background-image:radial-gradient(circle at 82% 5%,rgba(255,255,255,.5),transparent 34%),linear-gradient(180deg,var(--site-paper-bright),var(--site-paper) 58%,var(--site-paper-bright));
}
.poster-scroll{background:var(--site-paper-bright)}
.poster-stage{
  background:radial-gradient(circle at 69% 31%,rgba(255,255,255,.92),rgba(255,255,255,.48) 34%,transparent 64%),linear-gradient(180deg,var(--site-paper-bright),var(--site-paper));
}
.poster-stage::after{background:linear-gradient(90deg,rgba(247,245,239,.98) 0%,rgba(247,245,239,.84) 20%,rgba(247,245,239,0) 45%)}
.footprint.geography{
  background:radial-gradient(circle at 58% 25%,rgba(255,255,255,.56),transparent 39%),linear-gradient(180deg,var(--site-paper),var(--site-paper-bright));
}
.city-network-stage::before{background:radial-gradient(circle at 59% 37%,rgba(255,255,255,.62),rgba(255,255,255,0) 42%)}
.city-network-lines{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 78%,transparent 100%)}

/* Keep structural rules inside components, not between full-screen chapters. */
.intro,.platform-intro,.programme-scene,.poster-scroll,.catalogues,.footprint.geography,.about-manifesto,.about-partnerships,.about-continuity,.about-cities,.about-stats{border-top:0;border-bottom:0}
.programme-scene,.city-network-stage{border-bottom:0}
.catalogues::after,.footprint.geography::after{display:none}

/* Scroll-driven hero dissolve. Values are written by refresh.js. */
.intro-video{
  transform:scale(var(--hero-video-scale,1));
  filter:saturate(var(--hero-saturation,1)) contrast(var(--hero-contrast,1)) blur(var(--hero-blur,0px));
  opacity:var(--hero-video-opacity,1);
  transform-origin:50% 48%;
  will-change:transform,filter,opacity;
}
.intro-copy{
  transform:translate3d(0,var(--hero-copy-y,0px),0);
  opacity:var(--hero-copy-opacity,1);
  will-change:transform,opacity;
}
.intro::before{opacity:var(--hero-wash-opacity,1)}
.programme-poster{
  transform:translate3d(var(--mx),calc(var(--my) + var(--programme-parallax,0px)),0) scale(var(--programme-scale));
  will-change:transform;
}
.platform-pillars{transform:translate3d(0,var(--pillars-y,0px),0);opacity:var(--pillars-opacity,1);will-change:transform,opacity}

/* A typographic light/dark cut introduces Publications. The same word is
   rendered on both surfaces so the moving edge inverts it without a grey band. */
.publication-shift{
  --publication-cut:0%;
  --publication-text-x:6vw;
  --publication-text-y:-4vh;
  position:relative;
  z-index:4;
  height:225vh;
  min-height:760px;
  color:var(--site-dark);
  background:var(--site-paper);
}
.publication-shift-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--site-paper)}
.publication-shift-face{position:absolute;inset:0;overflow:hidden}
.publication-shift-face span{
  position:absolute;
  left:0;
  top:50%;
  display:block;
  width:max-content;
  color:inherit;
  font-family:var(--sans);
  font-size:clamp(168px,23vw,440px);
  font-weight:700;
  line-height:.78;
  letter-spacing:-.082em;
  white-space:nowrap;
  transform:translate3d(var(--publication-text-x), calc(-50% + var(--publication-text-y)), 0);
  will-change:transform;
}
.publication-shift-light{color:var(--site-dark);background:var(--site-paper)}
.publication-shift-dark{
  color:var(--site-paper-bright);
  background:var(--site-dark);
  clip-path:inset(calc(100% - var(--publication-cut)) 0 0 0);
  will-change:clip-path;
}

/* Publications remains the single dark display room. */
.catalogues{background:var(--site-dark);overflow:hidden}
.catalogues::before{opacity:.025;background-size:5px 5px}
.catalogue-head,.book-stack,.section-transition{position:relative;z-index:1}
.catalogues>.section-transition{display:none!important}

/* About uses one paper rhythm, one orange interruption and one dark public chapter. */
.about-story{background:var(--site-paper)}
.about-manifesto,.about-partnerships,.about-continuity,.about-cities{background:var(--site-paper)}
.about-section{border-top:0!important}
.about-manifesto{background-image:linear-gradient(180deg,var(--site-paper-bright),var(--site-paper))}
.about-stats{color:var(--ink);background:var(--site-paper)}
.about-stats .about-section-index{border-color:var(--line)}
.about-stats .about-section-index span:first-child{color:var(--site-orange)}
.about-stats-grid{border-color:var(--line)}
.about-stats-grid p{border-color:var(--line)}
.about-stats-grid strong{color:var(--site-orange)}
.about-pullquote{position:relative;margin:72px 0;background:var(--site-orange)}
.about-pullquote::before,.about-pullquote::after,.about-public::before,.about-public::after,.about-story .about-collaboration::before{content:"";position:absolute;z-index:4;left:0;right:0;height:72px;pointer-events:none}
.about-pullquote::before{top:-72px;background:linear-gradient(180deg,rgba(241,239,233,0),var(--site-orange))}
.about-pullquote::after{bottom:-72px;background:linear-gradient(180deg,var(--site-orange),rgba(241,239,233,0))}
.about-public{position:relative;margin:108px 0;color:#f5f0e7;background:var(--site-dark)}
.about-public::before{top:-108px;height:108px;background:linear-gradient(180deg,rgba(23,20,17,0),var(--site-dark))}
.about-public::after{bottom:-108px;height:108px;background:linear-gradient(180deg,var(--site-dark),rgba(23,20,17,0))}
.about-story .about-collaboration{position:relative;margin-top:110px;background:var(--site-dark)}
.about-story .about-collaboration::before{top:-110px;height:110px;background:linear-gradient(180deg,rgba(23,20,17,0),var(--site-dark))}

/* Images have a quiet depth cue; content and proportions remain unchanged. */
.programme-feature-visual img,.about-image img,.about-hero>img{transform:translate3d(0,var(--image-parallax,0px),0) scale(1.045);will-change:transform}
.about-image:hover img{transform:translate3d(0,var(--image-parallax,0px),0) scale(1.065)}

@media(max-width:820px){
  .site-grain{opacity:.018;background-size:150px 150px}
  .publication-shift{height:205vh;min-height:700px}
  .publication-shift-face span{top:50%;font-size:clamp(108px,36vw,210px);letter-spacing:-.075em}
  .intro-video{filter:saturate(var(--hero-saturation,1)) contrast(var(--hero-contrast,1)) blur(var(--hero-mobile-blur,0px))}
  .about-pullquote{margin:44px 0}.about-pullquote::before,.about-pullquote::after{height:44px}.about-pullquote::before{top:-44px}.about-pullquote::after{bottom:-44px}
  .about-public{margin:64px 0}.about-public::before,.about-public::after{height:64px}.about-public::before{top:-64px}.about-public::after{bottom:-64px}
  .about-story .about-collaboration{margin-top:72px}.about-story .about-collaboration::before{top:-72px;height:72px}
}

@media(prefers-reduced-motion:reduce){
  .intro-video,.intro-copy,.platform-pillars,.programme-poster,.programme-feature-visual img,.about-image img,.about-hero>img{transform:none!important;filter:none!important;opacity:1!important}
  .publication-shift{display:none}
}

/* Publications and Across Cities share one uninterrupted night surface. */
.city-shift{
  --city-light-top:0%;
  --city-light-bottom:100%;
  --city-title-x:6vw;
  --city-title-y:36vh;
  --city-title-scale:1;
  --city-word-x:100vw;
  --city-word-y:0px;
  --city-surface-opacity:1;
  --city-stage-opacity:1;
  position:relative;
  z-index:4;
  height:220vh;
  min-height:720px;
  margin-bottom:-100vh;
  color:var(--site-paper-bright);
  background:transparent;
}
.city-shift-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:transparent;opacity:var(--city-stage-opacity);pointer-events:none;will-change:opacity}
.city-shift-face{position:absolute;inset:0;overflow:hidden}
.city-shift-title{
  position:absolute;
  left:0;
  top:0;
  width:1px;
  height:1px;
  transform:translate3d(var(--city-title-x),var(--city-title-y),0) scale(var(--city-title-scale));
  transform-origin:0 0;
  will-change:transform;
}
.city-shift-title span{
  position:absolute;
  left:0;
  top:0;
  display:block;
  width:max-content;
  color:inherit;
  font-family:var(--sans);
  font-size:clamp(164px,22vw,420px);
  font-weight:500;
  line-height:.78;
  letter-spacing:-.07em;
  white-space:nowrap;
  will-change:transform;
}
.city-shift-title span+span{transform:translate3d(var(--city-word-x),var(--city-word-y),0)}
.city-shift-dark{color:var(--site-paper-bright);background:rgba(23,20,17,var(--city-surface-opacity))}
.city-shift-light{
  color:var(--site-dark);
  background:rgba(247,245,239,var(--city-surface-opacity));
  clip-path:inset(var(--city-light-top) 0 var(--city-light-bottom) 0);
  will-change:clip-path;
}
.footprint.geography{
  --network-reveal:1;
  --network-title-reveal:1;
  position:relative;
  z-index:3;
  overflow:hidden;
  margin-top:0;
  padding-bottom:clamp(82px,9vw,140px);
  color:var(--site-paper-bright);
  background:var(--site-dark);
}
.footprint.geography::before{
  content:"";
  display:block;
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.025;
  background-image:radial-gradient(rgba(255,255,255,.65) .7px,transparent .7px);
  background-size:5px 5px;
}
.footprint.geography::after{display:none}
.footprint.geography .geography-topline,
.footprint.geography .city-network-stage{position:relative;z-index:1}
.footprint.geography .geography-topline{border-color:rgba(250,249,245,.22)}
.footprint.geography .geography-edition{color:rgba(250,249,245,.48)}
.footprint.geography .city-network-stage::before{
  display:none;
}
.footprint.geography .city-network-stage{overflow:visible;background:transparent}
.footprint.geography .geography-topline,
.footprint.geography .city-network-lines,
.footprint.geography .city-network-nodes,
.footprint.geography .city-network-intro p{
  opacity:var(--network-reveal);
  transition:opacity .12s linear;
}
.footprint.geography .city-network-intro h2{opacity:var(--network-title-reveal);transition:opacity .1s linear}
.footprint.geography .city-network-intro p{color:rgba(250,249,245,.67)}
.footprint.geography .city-network-intro>span{display:none}
.footprint.geography .city-network-lines path{stroke:rgba(250,249,245,.19)}
.footprint.geography .city-network-lines path.is-active{stroke:#ff6948}
.footprint.geography .city-hotspot{color:rgba(250,249,245,.54)}
.footprint.geography .city-hotspot.is-active,
.footprint.geography .city-hotspot:hover,
.footprint.geography .city-hotspot:focus-visible{color:var(--site-paper-bright)}
.footprint.geography .city-hover-card{display:none!important}

/* Raised thread knots: the crossing strands use separate light and shadow
   ramps, while the centre knot and cast shadow make each marker feel sewn in. */
.footprint.geography .city-hotspot i{
  width:24px;
  height:24px;
  background:radial-gradient(circle at 42% 37%,#ffd4c4 0 1.5px,#ff7857 2px 3.5px,#9b2a1c 4px 5px,transparent 5.5px);
  filter:drop-shadow(0 3px 2px rgba(0,0,0,.72)) drop-shadow(0 0 4px rgba(239,78,48,.18));
  transform:translateY(-50%);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s;
}
.footprint.geography .city-hotspot i::before,
.footprint.geography .city-hotspot i::after{
  content:"";
  position:absolute;
  left:1px;
  top:8px;
  width:22px;
  height:7px;
  border:0;
  border-radius:999px;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,rgba(85,15,10,.1) 1px 2px,transparent 2px 3px),
    linear-gradient(180deg,#ffc1ab 0%,#ff7654 28%,#e3462e 58%,#7d1d15 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.62),inset 0 -2px rgba(74,11,8,.48),0 1px 1px rgba(0,0,0,.65);
  transform-origin:50% 50%;
}
.footprint.geography .city-hotspot i::before{transform:rotate(45deg)}
.footprint.geography .city-hotspot i::after{transform:rotate(-45deg)}
.footprint.geography .city-hotspot.is-active i,
.footprint.geography .city-hotspot:hover i,
.footprint.geography .city-hotspot:focus-visible i{
  transform:translateY(-50%) scale(1.18) rotate(3deg);
  filter:drop-shadow(0 5px 3px rgba(0,0,0,.76)) drop-shadow(0 0 7px rgba(255,100,67,.42));
}

@media(max-width:820px){
  .city-shift{height:210vh;min-height:660px}
  .city-shift-title span{font-size:clamp(104px,34vw,195px);letter-spacing:-.07em}
  .footprint.geography{padding-bottom:72px}
}

@media(prefers-reduced-motion:reduce){.city-shift{display:none}}

/* 2026-10-28 / Siena image handoff + Terminal-style colour seams.
   The city network now hands one continuous dark room to About; the image is
   revealed inside that room rather than separated by a blurred colour band. */
.footprint.geography{
  padding:48px 24px 0;
}
.footprint.geography .city-network-stage{
  min-height:clamp(520px,66vh,660px);
  border-bottom:0;
}
.footprint.geography .city-network-intro{
  top:clamp(58px,8vh,86px);
}

.about-story{
  position:relative;
  z-index:4;
  overflow:visible;
}
.about-story .about-hero{
  --about-handoff-blur:3.2px;
  --about-handoff-scale:1.075;
  --about-handoff-mask:36%;
  --about-handoff-copy:0;
  margin-top:clamp(-190px,-18vh,-132px);
  padding-top:clamp(220px,27vh,290px);
  background:var(--site-dark);
  -webkit-mask-image:none;
  mask-image:none;
}
.about-story .about-hero>img{
  transform:translate3d(0,var(--image-parallax,0px),0) scale(var(--about-handoff-scale));
  filter:saturate(.88) contrast(1.04) blur(var(--about-handoff-blur));
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.18) 9%,#000 var(--about-handoff-mask),#000 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.18) 9%,#000 var(--about-handoff-mask),#000 100%);
  transform-origin:center 42%;
}
.about-story .about-hero::after{
  background:
    linear-gradient(180deg,var(--site-dark) 0%,rgba(23,20,17,.82) 11%,rgba(12,11,10,.14) 38%,rgba(0,0,0,.38) 100%),
    linear-gradient(100deg,rgba(10,10,9,.64),rgba(10,10,9,.05) 82%);
}
.about-story .about-hero-top,
.about-story .about-hero h2,
.about-story .about-hero-bottom{
  opacity:var(--about-handoff-copy);
  transform:translate3d(0,calc((1 - var(--about-handoff-copy)) * 22px),0);
  transition:opacity .16s linear;
}

/* Remove the previous soft bars. Colour changes are deliberate cuts, while
   photography and a narrow chapter spine carry continuity across the seam. */
.about-pullquote,
.about-public,
.about-story .about-collaboration{
  margin-top:0;
  margin-bottom:0;
}
.about-pullquote::before,.about-pullquote::after,
.about-public::before,.about-public::after,
.about-story .about-collaboration::before{
  display:none;
}
.about-pullquote figure{
  position:relative;
  z-index:2;
  margin-top:-54px;
  margin-bottom:54px;
}
.about-public-gallery{
  position:relative;
  z-index:2;
  margin-bottom:-62px;
  transform:translateY(62px);
}
.about-partnerships{
  padding-top:108px!important;
}
.about-seam-label{
  position:absolute;
  z-index:8;
  left:12px;
  top:22px;
  color:rgba(255,255,255,.68);
  font-family:var(--sans);
  font-size:7px;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  pointer-events:none;
}
.about-public,.about-story .about-collaboration{position:relative}
.about-story .about-collaboration .about-seam-label{top:28px}

@media(max-width:820px){
  .footprint.geography{padding:36px 14px 0}
  .footprint.geography .city-network-stage{min-height:620px}
  .about-story .about-hero{margin-top:-112px;padding-top:180px}
  .about-pullquote figure{margin-top:-30px;margin-bottom:30px}
  .about-public-gallery{margin-bottom:-36px;transform:translateY(36px)}
  .about-partnerships{padding-top:86px!important}
  .about-seam-label{left:6px;top:16px;font-size:6px}
}

@media(prefers-reduced-motion:reduce){
  .about-story .about-hero{--about-handoff-blur:0px;--about-handoff-scale:1.045;--about-handoff-mask:24%;--about-handoff-copy:1}
}

/* 2026-10-28 / About image rhythm and stable scrolling.
   Photography is laid out as a steady editorial grid: no parallax, no hover
   zoom, no captions, and no overlapping photographs. */
.about-story .about-copy p{
  font-size:clamp(14px,1.08vw,16px);
  line-height:1.72;
}
.about-story .about-copy-lead p:first-child{
  font-size:clamp(25px,2.45vw,37px);
}
.about-story .about-chapter h3{
  font-size:clamp(56px,7.2vw,110px);
}
.about-story .about-public h3{
  font-size:clamp(64px,8.25vw,128px);
}
.about-story .about-continuity h3{
  font-size:clamp(62px,8.15vw,126px);
}
.about-story .about-cities h3{
  font-size:clamp(64px,8.5vw,132px);
}
.about-story .about-inline-quote{
  font-size:clamp(25px,2.45vw,37px);
}
.about-story .about-public .about-copy p:first-child{
  font-size:clamp(21px,1.7vw,26px);
}
.about-story .about-copy-continuity p:first-child{
  font-size:clamp(24px,2.35vw,35px);
}

.about-story .about-image{
  overflow:hidden;
}
.about-story .about-image img,
.about-story .about-image:hover img{
  transform:none!important;
  will-change:auto;
  transition:filter .35s ease;
}
.about-story .about-image figcaption{
  display:none;
}
.about-story .about-hero{
  --about-handoff-scale:1.045;
}
.about-story .about-hero>img{
  transform:scale(1.045)!important;
  will-change:filter;
}

/* Public encounters: a single, level diptych instead of a staggered crop. */
.about-public-gallery{
  grid-template-columns:minmax(0,1.58fr) minmax(280px,.72fr);
  gap:clamp(12px,1.25vw,22px);
  align-items:stretch;
  margin-top:76px;
  margin-bottom:-48px;
  transform:translateY(48px);
}
.about-public-gallery .about-image{
  height:clamp(390px,31vw,565px);
}
.about-public-gallery .about-image:first-child img,
.about-public-gallery .about-image:last-child img{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
}
.about-public-gallery .about-image:first-child img{object-position:center 52%}
.about-public-gallery .about-image:last-child img{object-position:center}

/* Beyond one event: a four-image sequence—publication, context, audience,
   and recognition—so the section demonstrates continuity rather than merely
   describing it. */
.about-continuity-grid{
  align-items:start;
  margin-bottom:72px;
}
.about-continuity-gallery{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:clamp(240px,23vw,390px) clamp(205px,19vw,320px);
  gap:clamp(10px,1vw,18px);
}
.about-continuity-gallery .about-image{
  width:100%;
  height:100%;
}
.about-continuity-gallery .about-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.about-continuity-image-publication{grid-column:1/7;grid-row:1}
.about-continuity-image-editorial{grid-column:7/13;grid-row:1}
.about-continuity-image-audience{grid-column:1/9;grid-row:2}
.about-continuity-image-recognition{grid-column:9/13;grid-row:2}
.about-continuity-image-publication img{object-position:center 54%}
.about-continuity-image-editorial img{object-position:center}
.about-continuity-image-audience img{object-position:center 43%}
.about-continuity-image-recognition img{object-position:center 46%}

/* Across cities: both places sit on one baseline with an intentional 5/7
   rhythm, rather than two unrelated image sizes. */
.about-cities-gallery{
  grid-template-columns:minmax(280px,5fr) minmax(0,7fr);
  gap:clamp(12px,1.25vw,22px);
  align-items:stretch;
  margin-top:72px;
}
.about-cities-gallery .about-image:first-child{
  margin-top:0;
}
.about-cities-gallery .about-image{
  height:clamp(350px,31vw,550px);
}
.about-cities-gallery .about-image:first-child img,
.about-cities-gallery .about-image:last-child img{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
}
.about-cities-gallery .about-image:first-child img{object-position:center 50%}
.about-cities-gallery .about-image:last-child img{object-position:center 52%}

@media(max-width:1000px){
  .about-story .about-copy p{font-size:14px}
  .about-public-gallery .about-image{height:clamp(340px,38vw,480px)}
  .about-cities-gallery .about-image{height:clamp(320px,36vw,470px)}
}

@media(max-width:820px){
  .about-story .about-manifesto h3,
  .about-story .about-chapter h3,
  .about-story .about-public h3,
  .about-story .about-continuity h3,
  .about-story .about-cities h3{font-size:clamp(55px,12.6vw,92px)}
  .about-public-gallery{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)}
  .about-continuity-grid{margin-bottom:52px}
  .about-continuity-gallery{grid-template-rows:clamp(210px,34vw,310px) clamp(180px,28vw,250px)}
  .about-cities-gallery{grid-template-columns:5fr 7fr}
}

@media(max-width:560px){
  .about-story .about-manifesto h3,
  .about-story .about-chapter h3,
  .about-story .about-public h3,
  .about-story .about-continuity h3,
  .about-story .about-cities h3{font-size:clamp(49px,14.2vw,74px)}
  .about-story .about-copy p{font-size:14px;line-height:1.68}
  .about-public-gallery,
  .about-cities-gallery{grid-template-columns:1fr;gap:10px}
  .about-public-gallery .about-image,
  .about-cities-gallery .about-image{height:270px;margin-top:0}
  .about-public-gallery .about-image:last-child{height:220px;margin-top:0}
  .about-continuity-gallery{
    grid-template-columns:1fr 1fr;
    grid-template-rows:230px 175px 205px;
  }
  .about-continuity-image-publication{grid-column:1/3;grid-row:1}
  .about-continuity-image-editorial{grid-column:1;grid-row:2}
  .about-continuity-image-recognition{grid-column:2;grid-row:2}
  .about-continuity-image-audience{grid-column:1/3;grid-row:3}
}

/* 2026-10-28 / Preserve every artwork and event photograph in full.
   Content photography follows its native aspect ratio; the layout adapts to
   the image rather than using cover crops to force an artificial frame. */
.about-story .about-image,
.about-story .about-image img{
  height:auto!important;
  aspect-ratio:auto!important;
}
.about-story .about-image img{
  width:100%;
  object-fit:contain!important;
  object-position:center!important;
}

.about-public-gallery{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}
.about-public-gallery .about-image{
  height:auto;
}

.about-continuity-gallery{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:none;
  align-items:start;
}
.about-continuity-image-publication{grid-column:1;grid-row:1}
.about-continuity-image-editorial{grid-column:2;grid-row:1}
.about-continuity-image-audience{grid-column:1;grid-row:2}
.about-continuity-image-recognition{grid-column:2;grid-row:2}

/* The native ratios are 16:9 and 3:2. Matching the column ratio to those
   proportions gives the pair an even baseline without cropping either photo. */
.about-cities-gallery{
  grid-template-columns:minmax(0,1.178fr) minmax(0,1fr);
  align-items:start;
}
.about-cities-gallery .about-image{
  height:auto;
}

/* This portrait photograph is part of the content, not a background crop. */
.about-pullquote figure{
  min-height:0;
  overflow:visible;
  display:flex;
  align-items:center;
}
.about-pullquote figure img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}

@media(max-width:560px){
  .about-public-gallery,
  .about-cities-gallery,
  .about-continuity-gallery{
    grid-template-columns:1fr;
  }
  .about-public-gallery .about-image,
  .about-public-gallery .about-image:last-child,
  .about-cities-gallery .about-image{
    height:auto;
  }
  .about-continuity-image-publication,
  .about-continuity-image-editorial,
  .about-continuity-image-audience,
  .about-continuity-image-recognition{
    grid-column:1;
    grid-row:auto;
  }
}

/* 2026-10-28 / Keep What's On as the outer section title; inset and tighten the
   exhibition as a clearly nested programme. */
.whats-on.programme-edit{
  padding:70px 0 68px;
}
.programme-scene{
  min-height:925px;
  overflow:visible;
}
.programme-section-head{
  position:relative;
  z-index:4;
  width:100%;
  padding:0;
  border:0;
}
.programme-section-head h2{
  font-size:clamp(68px,8.6vw,132px);
  line-height:.82;
}
.programme-copy-panel{
  width:47%;
  margin-left:auto;
  margin-right:2.5vw;
  padding:250px 20px 0 0;
}
.programme-copy-panel>.kicker{
  display:flex;
  align-items:center;
  gap:13px;
}
.programme-copy-panel>.kicker::before{
  content:"";
  flex:0 0 35px;
  height:2px;
  background:var(--orange);
}
.programme-title-button{
  margin-top:20px;
}
.programme-title-button h3 strong{
  font-size:clamp(58px,6vw,92px);
  line-height:.84;
}
.programme-title-button h3 span{
  margin-top:12px;
  font-size:clamp(36px,3.8vw,56px);
  line-height:.91;
}
.programme-intro{
  max-width:590px;
  margin-top:20px;
  font-size:15px;
  line-height:1.55;
}
.programme-facts-inline{
  max-width:590px;
  margin-top:20px;
  gap:25px;
}
.programme-facts-inline dt{
  font-size:9px;
}
.programme-facts-inline dd{
  font-size:12px;
}
.programme-entry-button{
  margin-top:20px;
}
.programme-poster{
  top:306px;
  left:8%;
  right:auto;
  width:min(30vw,460px);
}

@media(max-width:820px){
  .whats-on.programme-edit{padding:56px 0 64px}
  .programme-scene{min-height:1070px}
  .programme-section-head{width:100%}
  .programme-section-head h2{font-size:clamp(66px,16.5vw,104px)}
  .programme-copy-panel{width:92%;margin-left:5vw;margin-right:0;padding:28px 0 36px}
  .programme-title-button h3 strong{font-size:clamp(54px,12vw,80px)}
  .programme-title-button h3 span{font-size:clamp(34px,8vw,52px)}
  .programme-intro{font-size:14px}
  .programme-poster{top:570px;left:auto;right:6%;width:min(58vw,350px)}
}

@media(max-width:560px){
  .whats-on.programme-edit{padding-top:48px}
  .programme-scene{min-height:1100px}
  .programme-section-head h2{font-size:64px}
  .programme-copy-panel{width:94%;margin-left:6vw;margin-right:0;padding-top:24px}
  .programme-title-button h3 strong{font-size:54px}
  .programme-title-button h3 span{font-size:34px}
  .programme-intro{font-size:14px}
  .programme-poster{top:640px;left:auto;right:4%;width:min(76vw,320px)}
}

/* Deadline interlude between the current programme and the three practices. */
.submission-countdown{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(0,1.15fr);gap:20px;align-items:center;width:47%;margin:0 2.5vw 30px auto;padding:22px 24px;border:1px solid rgba(23,20,17,.2);border-radius:16px;background:rgba(255,255,255,.42);scroll-margin-top:100px}
.countdown-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 9px;font-size:8px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:#68635c}
.countdown-eyebrow::before{content:"";width:18px;height:2px;background:var(--orange);flex:0 0 18px}
.countdown-copy h3{margin:0;font-family:var(--sans);font-size:clamp(18px,1.65vw,23px);font-weight:500;line-height:1.15;letter-spacing:-.04em}
.countdown-date{margin:8px 0 0;font-size:10px;line-height:1.6;color:#6d675e}
.countdown-digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.countdown-digits[hidden],.countdown-status[hidden]{display:none!important}
.countdown-unit{min-width:0;padding:0 0 0 12px;border-left:1px solid var(--line)}
.countdown-unit:first-child{padding-left:0;border-left:0}
.countdown-unit strong{display:block;min-width:2ch;font-family:var(--sans);font-size:clamp(30px,3.1vw,44px);font-weight:500;line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.countdown-unit:first-child strong{color:var(--orange)}
.countdown-unit>span{display:block;margin-top:7px;font-size:8px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:#777167}
.countdown-status{grid-column:1/-1;margin:0;font-size:13px;color:#6d675e}
@media(max-width:1100px){
  .submission-countdown{grid-template-columns:1fr;gap:18px}
}
@media(max-width:820px){
  .submission-countdown{width:94%;gap:20px;margin-right:0;margin-bottom:26px;padding:22px 20px 24px}
  .countdown-copy h3{font-size:23px}
  .countdown-unit{padding-left:14px}
  .countdown-unit strong{font-size:clamp(32px,8.5vw,48px)}
}
@media(max-width:400px){
  .submission-countdown{padding:23px 18px 26px}
  .countdown-unit{padding-left:12px}
  .countdown-copy h3{font-size:22px}
  .countdown-unit>span{font-size:8px;letter-spacing:.04em}
}

/* A current open call has an editorial statement, not a photo archive. */
.event-open-call[hidden],.event-dialog .installation-gallery[hidden],.event-photo-count[hidden]{display:none!important}
.event-open-call{margin:0 0 36px}
.event-open-call a{display:flex;align-items:center;justify-content:space-between;gap:36px;width:max-content;max-width:100%;min-height:54px;padding:15px 21px;color:var(--ink);background:var(--orange);text-decoration:none;font-size:13px}
.event-open-call i{font-size:20px;font-style:normal}
.event-open-call a:hover{background:var(--ink);color:var(--paper)}
.event-description>p{margin:0 0 24px}
.event-description>p:last-child{margin-bottom:0}
.event-dialog.is-open-call .event-hero{align-items:start}
.event-dialog.is-open-call .event-cover{position:sticky;top:0;height:100vh;min-height:0}
.event-dialog.is-open-call .event-copy{padding:100px 5vw 65px;gap:45px}
.event-dialog.is-open-call .event-copy h3{font-size:clamp(44px,4.7vw,74px);line-height:1.02}
.event-dialog.is-open-call .event-description>p{font-size:18px;line-height:1.7;max-width:660px}
@media(max-width:820px){
  .event-dialog.is-open-call .event-cover{position:relative;height:auto;min-height:55vh}
  .event-dialog.is-open-call .event-copy{padding:55px 20px 45px}
  .event-dialog.is-open-call .event-copy h3{font-size:clamp(42px,9vw,68px)}
  .event-dialog.is-open-call .event-description>p{font-size:17px}
}

/* About chapters begin with their primary content, without index-row spacing. */
.about-section>.about-manifesto-grid,.about-section>.about-chapter-grid,.about-section>.about-public-head,.about-section>.about-continuity-grid,.about-section>.about-cities-head{margin-top:0}

/* Submission preview entry: retain the project-detail action alongside it. */
.programme-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;width:100%;margin-top:20px}
.programme-actions .programme-entry-button,.programme-submit-button{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1 1 185px;width:auto;min-height:72px;margin:0;padding:20px 24px;border:1px solid var(--ink);border-radius:16px;font-size:14px;letter-spacing:.025em;text-decoration:none;text-align:left;transition:background .25s,color .25s,transform .25s}
.programme-actions .programme-entry-button i,.programme-actions .programme-submit-button i{font-size:22px}
.programme-submit-button{color:var(--ink);background:var(--orange);border-color:var(--orange)}
.programme-submit-button i{font-size:18px;font-style:normal}
.programme-submit-button:hover,.programme-submit-button:focus-visible{color:var(--paper);background:var(--ink);border-color:var(--ink);transform:translateY(-2px)}
.programme-submit-button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:560px){
  .programme-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .programme-actions .programme-entry-button,.programme-submit-button{gap:6px;padding:18px 14px;border-radius:14px;font-size:13px;min-width:0;min-height:64px}
  .programme-actions .programme-entry-button i{display:none}
}