/* Contain reading surfaces, retain full-width backgrounds and image escapes. */
:root{--editorial-width:1360px;--editorial-inset:max(var(--gutter),calc((100vw - var(--editorial-width)) / 2))}
.territories,.selected{padding-left:var(--editorial-inset);padding-right:var(--editorial-inset)}
.territories-heading{gap:clamp(30px,7vw,100px)}
.territories-list{column-gap:clamp(30px,8vw,115px)}
.territory:nth-child(odd):before{width:calc(200% + clamp(30px,8vw,115px))}
.territory-writing{padding-left:clamp(20px,5vw,72px)}
.territory-stage{padding-left:clamp(10px,1.5vw,22px)}
.selected-heading{gap:clamp(32px,6vw,86px)}
.selected-works{column-gap:clamp(24px,3vw,44px)}
.selected-work:nth-child(5n+2){margin-top:clamp(100px,18vw,260px)}
.selected-work:nth-child(5n+4){margin-top:clamp(36px,6vw,90px)}
.recent-heading{max-width:var(--editorial-width);width:calc(100% - 2 * var(--gutter));margin-left:auto;margin-right:auto;padding-left:clamp(0px,10vw,140px);padding-right:0}
.about{padding-left:var(--editorial-inset);padding-right:var(--editorial-inset)}
.about-title{width:57%;max-width:19ch}
.about-copy{margin-left:0;max-width:430px}
.about-portrait{right:calc(-1 * var(--editorial-inset));width:calc(48% + var(--editorial-inset));max-width:none}
@media(max-width:700px){
 .territories-list{column-gap:0}
 .territory:nth-child(odd):before{width:100%}
 .territory-writing,.territory-stage{padding-left:0}
 .recent-heading{padding-left:0}
 .about-title{width:100%}
 .about-portrait{right:auto;width:calc(100% + var(--gutter))}
 .selected-works{column-gap:0}
 .selected-work:nth-child(5n+2),.selected-work:nth-child(5n+4){margin-top:0}
}
/* Four-pixel overlap removes antialiasing seams without new separators. */
.territories:after{bottom:-4px;height:58px;clip-path:polygon(0 calc(100% - 4px),100% 0,100% 100%,0 100%)}
.chirichota:before{top:-34px;height:38px;clip-path:polygon(0 calc(100% - 4px),100% 0,100% 100%,0 100%)}
.about:before{top:-4px;height:124px;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}
@media(max-width:700px){.territories:after{height:32px}.about:before{height:89px}}
.now{margin-top:-4px}
.territories{clip-path:polygon(0 4vw,100% 0,100% calc(100% + 4px),0 calc(100% + 4px))}@media(max-width:700px){.territories{clip-path:polygon(0 20px,100% 0,100% calc(100% + 4px),0 calc(100% + 4px))}}
/* Shared editorial surfaces, with full-width nocturnal surroundings. */
:root{--editorial-width:1480px;--surface-padding:clamp(28px,4.5vw,72px);--editorial-inset:max(var(--surface-padding),calc((100vw - var(--editorial-width)) / 2 + var(--surface-padding)));--diagonal-depth:clamp(42px,4.5vw,88px)}
.territories,.selected{width:100%;max-width:var(--editorial-width);margin-left:auto;margin-right:auto;padding-left:var(--surface-padding);padding-right:var(--surface-padding)}
.territories{margin-top:calc(-1 * var(--diagonal-depth));padding-top:calc(80px + var(--diagonal-depth));clip-path:polygon(0 var(--diagonal-depth),100% 0,100% calc(100% + 6px),0 calc(100% + 6px))}
.territories:after{bottom:-6px;height:calc(var(--diagonal-depth) + 6px);clip-path:polygon(0 calc(100% - 6px),100% 0,100% 100%,0 100%)}
.now{margin-top:-6px}
.recent:before{width:min(100%,var(--editorial-width));left:50%;right:auto;top:145px;bottom:-6px;transform:translateX(-50%);clip-path:polygon(0 36px,100% 0,100% 100%,0 100%)}
.chirichota:before{top:calc(-1 * var(--diagonal-depth));height:calc(var(--diagonal-depth) + 6px);clip-path:polygon(0 0,100% calc(100% - 6px),100% 100%,0 100%)}
.selected{margin-top:-6px;padding-top:calc(85px + var(--diagonal-depth));clip-path:polygon(0 0,100% var(--diagonal-depth),100% calc(100% + 6px),0 calc(100% + 6px))}
.selected-heading h2{font-size:clamp(45px,6.4vw,96px)}
.selected-work:nth-child(5n+1){margin-left:calc(-1 * var(--surface-padding))}
.selected-work:nth-child(5n+2){margin-left:clamp(-86px,-6vw,-36px)}
.about{padding-left:var(--editorial-inset);padding-right:var(--editorial-inset);padding-top:clamp(160px,10vw,200px)}
.about:before{top:-6px;left:50%;right:auto;width:min(100%,var(--editorial-width));height:clamp(85px,7vw,134px);transform:translateX(-50%);clip-path:polygon(0 0,100% 0,100% 60%,0 100%)}
.about-title{margin-left:0;width:52%;max-width:620px;font-size:clamp(40px,5.3vw,78px)}
.about-copy{margin-left:0;width:40%;max-width:430px}
.about-portrait{right:calc(-1 * var(--editorial-inset));width:calc(60% + var(--editorial-inset));height:clamp(570px,76vh,870px);top:-28px;mask-image:linear-gradient(to right,transparent 0%,#000 38%,#000 100%),linear-gradient(to bottom,transparent 0%,#000 16%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 38%,#000 100%),linear-gradient(to bottom,transparent 0%,#000 16%,#000 72%,transparent 100%)}
@media(max-width:1000px) and (min-width:701px){.about-title{width:56%;font-size:clamp(40px,5.3vw,53px)}.about-copy{width:46%}}
@media(max-width:700px){
 :root{--surface-padding:28px;--diagonal-depth:32px}
 .territories{padding-top:85px;padding-bottom:75px}
 .selected{padding-top:100px}
 .selected-heading h2{font-size:clamp(36px,10vw,58px)}
 .selected-work:nth-child(5n+2){margin-left:20%}
 .recent:before{top:140px;clip-path:polygon(0 24px,100% 0,100% 100%,0 100%)}
 .about{padding-top:130px}
 .about:before{height:85px}
 .about-title{width:100%;font-size:clamp(36px,9.5vw,52px)}
 .about-copy{width:94%}
 .about-portrait{position:relative;top:auto;right:auto;width:calc(100% + var(--gutter));height:clamp(340px,88vw,470px);mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 65%,transparent 100%)}
}
/* Clip only the paper surface so archive captions can cross its lower edge. */
.selected{isolation:isolate;z-index:4;clip-path:none;background:transparent}
.selected:before{content:"";position:absolute;inset:-6px 0 -6px;z-index:-1;pointer-events:none;background:var(--editorial-paper);clip-path:polygon(0 0,100% var(--diagonal-depth),100% 100%,0 100%)}
/* Keep the final archive caption on the paper side of the crossing. */
.selected-work:nth-child(5n+5){margin-bottom:-24px}
@media(max-width:700px){.selected-work:nth-child(5n+5){margin-bottom:-12px}}
/* Overscan diagonal paint horizontally as well as vertically. */
.territories:after{left:-6px;width:calc(100% + 12px)}
.chirichota:before{left:-6px;right:-6px}
/* Neutral canvas behind contained paper; immersive sections cover it fully. */
main{background:var(--editorial-paper)}
.recent{background:var(--editorial-night)}
.recent:before{width:100%}