/* The middle chapters share the original type and ink, but have their own reading rhythm. */
.chapter-label{font:400 13px/1.4 var(--sans);color:var(--muted)}
.mandate-focus{padding-top:128px;padding-bottom:140px}
.focus-title{font:clamp(62px,7.8vw,112px)/1.03 var(--serif);letter-spacing:-.04em;margin-top:26px}
.focus-title>span{display:block}
.focus-title-second{margin-left:10%}
.focus-opening{display:flex;align-items:start;justify-content:space-between;gap:70px;margin:70px 0 0 10%}
.focus-opening>p:first-child{font:28px/1.4 var(--serif);max-width:600px}
.focus-range{flex-shrink:0;min-width:250px;margin-top:4px;padding-left:24px;border-left:1px solid var(--line)}
.focus-range>span{display:block;color:var(--muted);font-size:11px;line-height:1.5}
.focus-range>strong{display:block;font:50px/1.3 var(--serif);letter-spacing:-.04em;font-weight:400}
.focus-fields{column-count:2;column-gap:90px;margin:64px 10% 0}
.focus-fields article{break-inside:avoid;margin-bottom:35px}
.focus-fields h3{font:29px/1.2 var(--serif);letter-spacing:-.02em;margin-bottom:12px}
.focus-fields p{font-size:15px;line-height:1.7;color:var(--muted);max-width:440px}
.focus-close{max-width:610px;margin:34px 0 0 10%;font-size:14px;line-height:1.7}
.mandate-work{padding-top:90px;padding-bottom:135px}
.work-heading{position:relative}
.work-heading h2{font:clamp(44px,4.3vw,62px)/1.1 var(--serif);letter-spacing:-.03em;margin-top:0}

.work-intro{font-size:16px;line-height:1.7;max-width:560px;margin:26px 0 0 12%;color:var(--muted)}
.work-pages{position:relative;margin:58px 8% 0 12%;max-width:820px}
.work-passage{position:relative;margin-top:38px;padding-left:34px}
.work-passage:first-child{margin-top:0}
.work-passage:before{content:'';position:absolute;left:0;top:7px;width:4px;height:38px;background:var(--line);border-radius:60% 40% 40% 70%;transform:rotate(6deg);transition:background .4s,transform .4s}
.work-passage.is-reading:before{background:var(--ink);transform:rotate(6deg) scaleY(1.12)}
.work-passage h3{font:31px/1.1 Caveat,cursive;color:var(--ink);transform:rotate(-1.3deg);transform-origin:left center;margin-bottom:13px}
.work-passage>div>p:first-child{font:clamp(23px,1.75vw,25px)/1.5 var(--serif);letter-spacing:-.015em;max-width:890px}

.partnership-story{padding-top:80px;padding-bottom:130px}



.marked-phrase{position:relative;display:inline-block;white-space:nowrap}
.marked-phrase svg{position:absolute;left:0;bottom:-8px;width:100%;height:20px;pointer-events:none;overflow:visible}
.marked-phrase path{fill:none;stroke:var(--ink);stroke-width:1.7;vector-effect:non-scaling-stroke;stroke-linecap:round}
.partnership-context{display:grid;grid-template-columns:1fr 1fr;gap:65px;max-width:1000px;margin:45px 0 0 12%}
.partnership-context>p{font-size:16px;line-height:1.8;color:var(--muted)}
.geography-atlas{padding-top:85px;padding-bottom:110px}
.geography-intro{display:flex;gap:70px;align-items:start;justify-content:space-between}
.geography-intro h2{font:clamp(45px,4.6vw,66px)/1.1 var(--serif);letter-spacing:-.035em;white-space:nowrap}
.geography-intro>p{font-size:16px;line-height:1.75;max-width:480px;color:var(--muted);padding-top:8px}
.geography-atlas .atlas{position:relative;margin-top:72px}
.geography-atlas .atlas-map{position:relative;width:100%;aspect-ratio:1200/620}
.geography-atlas .atlas-map>img{display:block;width:100%;height:auto;mix-blend-mode:multiply;opacity:.75}
.atlas-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.atlas-routes path{fill:none;stroke:var(--ink);stroke-width:1.2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.map-ring{opacity:.25;transition:opacity .3s,fill .3s}
.map-connector{opacity:.5}
.atlas[data-region='0'] .atlas-route[data-region='0'] .map-ring,.atlas[data-region='1'] .atlas-route[data-region='1'] .map-ring,.atlas[data-region='2'] .atlas-route[data-region='2'] .map-ring,.atlas[data-region='3'] .atlas-route[data-region='3'] .map-ring{opacity:.95;fill:#ddff0033}
.atlas[data-region='0'] .atlas-route[data-region='0'] .map-connector,.atlas[data-region='1'] .atlas-route[data-region='1'] .map-connector,.atlas[data-region='2'] .atlas-route[data-region='2'] .map-connector,.atlas[data-region='3'] .atlas-route[data-region='3'] .map-connector{opacity:1;animation:atlas-stroke .65s ease-out both}
.geography-atlas .atlas-name{position:absolute;background:transparent;border:0;padding:0 7px;font:36px/1.1 Caveat,cursive;color:var(--ink);transition:color .2s;white-space:nowrap;z-index:1}
.geography-atlas .atlas-name:hover,.geography-atlas .atlas-name:focus-visible,.geography-atlas .atlas-name[aria-pressed='true']{color:var(--ink)}
.geography-atlas .atlas-name-a{left:1%;top:44%;transform:rotate(-7deg)}
.geography-atlas .atlas-name-b{left:53%;top:0;transform:rotate(4deg)}
.geography-atlas .atlas-name-c{left:37%;top:46%;transform:rotate(-4deg)}
.geography-atlas .atlas-name-d{right:0;top:43%;transform:rotate(7deg)}
.geography-close{display:flex;justify-content:flex-end;margin-top:32px}

.geography-close>p{max-width:560px;font-size:15px;line-height:1.75;color:var(--muted)}
@keyframes atlas-stroke{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@media(max-width:1050px){
 .focus-opening{gap:45px;margin-left:5%}.focus-opening>p:first-child{font-size:25px}.focus-range{min-width:190px}.focus-range>strong{font-size:40px}.focus-fields{margin-inline:5%;column-gap:55px}
 .work-pages{margin-right:3%;margin-left:7%}.partnership-context{margin-right:0;gap:45px;max-width:80%}
 .geography-intro{gap:50px}.geography-intro>p{max-width:400px;font-size:15px}.geography-atlas .atlas-name{font-size:31px}.geography-close{gap:45px}
}
@media(max-width:700px){
 .mandate-focus{padding-top:80px;padding-bottom:80px}.chapter-label{font-size:12px}
 .focus-title{font-size:clamp(37px,10vw,70px);line-height:1.08;margin-top:25px}.focus-title-second{margin-left:0;white-space:nowrap}
 .focus-opening{display:block;margin:32px 0 0 7%}.focus-opening>p:first-child{font-size:24px;line-height:1.45}
 .focus-range{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 14px;margin-top:30px;padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.focus-range>strong{grid-column:2;grid-row:1/3;font-size:36px;line-height:1.2}.focus-range>span{font-size:10px}
 .focus-fields{column-count:1;margin:42px 0 0 7%}.focus-fields article{margin-bottom:28px}.focus-fields h3{font-size:26px;margin-bottom:10px}.focus-fields p{font-size:14px;max-width:400px}
 .focus-close{margin:35px 0 0 7%;font-size:13px}
 .mandate-work{padding-top:65px;padding-bottom:80px}.work-heading h2{font-size:40px;margin-top:0}.work-intro{font-size:15px;margin:24px 0 0 7%;max-width:360px}
 .work-pages{margin:52px 0 0}.work-passage{padding-left:22px;margin-top:34px}.work-passage:before{width:3px;top:6px;height:29px}.work-passage h3{font-size:28px;margin-bottom:12px}.work-passage>div>p:first-child{font-size:21px;line-height:1.5}
 .partnership-story{padding-top:65px;padding-bottom:80px}
 .marked-phrase svg{height:12px;bottom:-5px}.marked-phrase path{stroke-width:1.3}
 .partnership-context{display:block;margin:42px 0 0 12%;max-width:none}.partnership-context>p{font-size:15px;line-height:1.75}.partnership-context>p+p{margin-top:23px}
 .geography-atlas{padding-top:55px;padding-bottom:65px}.geography-intro{display:block}.geography-intro h2{font-size:42px}.geography-intro>p{font-size:15px;margin:26px 0 0 8%;padding-top:0;max-width:360px}
 .geography-atlas .atlas{margin-top:40px}.geography-atlas .atlas-map{width:calc(100% + 24px);margin-left:-12px}.geography-atlas .atlas-names{display:grid;grid-template-columns:1.25fr 1fr;gap:16px 20px;margin-top:20px}
 .geography-atlas .atlas-name{position:static;transform:none;background:transparent;padding:0;font-size:29px;text-align:left}.geography-atlas .atlas-name[aria-pressed='true']{box-shadow:0 1px 0 var(--ink)}
 .map-connector{display:none}.map-ring{opacity:.5;stroke-width:1}
 .geography-close{display:block;margin-top:30px}.geography-close>p{font-size:14px;line-height:1.75;max-width:380px}
}
@media(max-width:360px){.focus-title{font-size:9.5vw}.focus-opening>p:first-child{font-size:22px}.focus-range>strong{font-size:32px}.focus-range>span{font-size:9px}.work-heading h2{font-size:8.4vw}.work-passage>div>p:first-child{font-size:20px}.marked-phrase{white-space:normal}.geography-atlas .atlas-name{font-size:26px}}
@media(prefers-reduced-motion:reduce){.atlas-route .map-connector{animation:none!important;stroke-dashoffset:0}.marked-phrase path{stroke-dashoffset:0!important}}

.marked-phrase .ink-draw.is-seen{stroke-dasharray:1;stroke-dashoffset:1;animation:atlas-stroke 1.2s ease-out forwards}


.partnership-title{font:clamp(44px,4.8vw,69px)/1.13 var(--serif);letter-spacing:-.03em;margin:28px 0 0 8%}
.partnership-title .marked-phrase{white-space:normal}
.partnership-title .marked-phrase svg{bottom:-9px;height:16px}
.partnership-lead-copy{font:clamp(24px,2.15vw,31px)/1.45 var(--serif);letter-spacing:-.015em;max-width:850px;margin:56px 0 0 12%}
@media(max-width:1050px){.partnership-title{margin-left:5%}.partnership-lead-copy{margin-left:7%;max-width:760px}.partnership-context{max-width:none;margin-left:7%}}
@media(max-width:700px){.partnership-title{font-size:clamp(29px,7vw,49px);margin:26px 0 0}.partnership-title .marked-phrase{white-space:nowrap}.partnership-title .marked-phrase svg{bottom:-6px;height:10px}.partnership-lead-copy{font-size:24px;line-height:1.45;margin:36px 0 0 7%}.partnership-context{display:block;margin:30px 0 0 7%}.partnership-context>p{font-size:14px}.geography-close{display:block}}
@media(max-width:360px){.partnership-title{font-size:7vw}.partnership-lead-copy{font-size:22px}}