/* One continuous editorial surface. Content and interaction primitives stay
   in their original components; these rules direct composition and rhythm. */
:root{--editorial-paper:#f0eee8;--editorial-night:#10100f}
main{overflow-x:clip}
.territories{position:relative;z-index:2;margin-top:-4vw;padding-top:calc(80px + 4vw);padding-bottom:90px;background:var(--editorial-paper);clip-path:polygon(0 4vw,100% 0,100% 100%,0 100%);--territories-size:clamp(36px,5.6vw,90px)}
.territories-heading{display:flex;align-items:baseline;gap:7vw;margin-bottom:55px}
.territories-label{flex:0 0 15%;margin:0}
.territories-heading h2{font-size:clamp(40px,6vw,92px);max-width:14ch;line-height:1.08}
.territories-list{column-gap:8vw}
.territory{padding:clamp(30px,3.7vw,60px) 0}
.territory:nth-child(odd):before{width:calc(200% + 8vw)}
.territory:nth-child(even){justify-content:flex-end}
.territory-writing{padding-left:5vw}
.territory-stage{padding-left:1.5vw}
.territories:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:54px;background:var(--editorial-night);clip-path:polygon(0 100%,100% 0,100% 100%);pointer-events:none}
.now{position:relative;min-height:102svh;padding-top:24px;padding-bottom:150px;background:var(--editorial-night)}
.now-eyebrow{position:relative;z-index:3;margin-left:6vw;margin-bottom:28px}
.now-visual{width:calc(100% + 2 * var(--gutter));margin-left:calc(-1 * var(--gutter));height:clamp(340px,56vh,680px)}
.now-placeholder{align-items:flex-end;justify-content:flex-start;padding:clamp(40px,7vw,110px) var(--gutter)}
.now-editorial{position:relative;z-index:3;margin-top:-12vh;align-items:flex-end;gap:5vw}
.now-title{font-size:clamp(52px,7.6vw,118px);line-height:1.02;max-width:11ch;text-wrap:balance}
.now-details{flex-basis:310px;padding-bottom:8px}
.recent{isolation:isolate;position:relative;z-index:2;background:transparent;margin-top:-85px;padding-top:0;padding-bottom:82px}
.recent:before{content:"";position:absolute;z-index:-1;top:170px;bottom:0;left:0;right:0;background:var(--editorial-paper)}
.recent-heading{position:relative;color:var(--paper);margin-left:16%;margin-bottom:36px;align-items:flex-end}
.recent-heading h2{font-size:clamp(52px,8.2vw,130px);letter-spacing:-.065em;line-height:1}
.recent-eyebrow{margin-bottom:15px}
.recent-actions{gap:20px}
.recent-pause{color:#c4c2bf}
.recent-instagram{white-space:nowrap;border-color:#a29f97}
.recent-viewport{width:calc(100% + 4vw);margin-left:-2vw;padding-left:calc(var(--gutter) + 2vw);padding-right:calc(var(--gutter) + 2vw);rotate:-2deg}
.recent-group{align-items:flex-start}
.recent-piece:nth-child(even){margin-top:35px}
.chirichota{position:relative;z-index:3;padding-top:48px;padding-bottom:28px}
.chirichota:before{content:"";position:absolute;top:-34px;left:0;right:0;height:35px;background:var(--chiri-background);clip-path:polygon(0 100%,100% 0,100% 100%);pointer-events:none}
.recent-viewport{scrollbar-width:none}
.recent-viewport::-webkit-scrollbar{display:none}
.chirichota-intro{gap:5vw;align-items:center}
.chirichota-brand{width:min(54%,720px)}
.chirichota-copy{max-width:350px;flex:0 1 32%}
.chirichota-stage{height:clamp(580px,74vh,780px);margin-top:36px}
.chirichota-universe{right:calc(-1 * var(--gutter));width:62%;height:min(58vh,620px);clip-path:polygon(0 0,100% 0,100% 100%,9% 100%,9% 87%,0 87%)}
.chirichota-audience{left:calc(-1 * var(--gutter));top:17%;width:46%;height:min(30vh,335px);rotate:-1.5deg}
.chirichota-dani{left:16%;bottom:2%;width:49%;height:min(32vh,360px)}
.chirichota-gesture{right:calc(-1 * var(--gutter));bottom:-45px;width:29%;height:min(26vh,290px)}
.selected{position:relative;background:var(--editorial-paper);padding-top:110px;padding-bottom:0}
.selected-heading{position:sticky;top:30px;z-index:0;display:flex;align-items:flex-start;gap:6vw;margin-bottom:65px}
.selected-eyebrow{flex:0 0 18%;padding-top:12px;margin-bottom:0}
.selected-heading h2{font-size:clamp(45px,6.4vw,102px);line-height:1.05;max-width:16ch}
.selected-works{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:3vw;row-gap:60px}
.selected-work{position:relative}
.selected-work:nth-child(5n+1){width:73%;margin-left:calc(-1 * var(--gutter));--selected-ratio:16/9}
.selected-work:nth-child(5n+2){width:28%;margin-left:-6vw;margin-top:18vw;z-index:2}
.selected-work:nth-child(5n+3){width:30%;margin-left:12%;margin-top:0;--selected-ratio:4/5}
.selected-work:nth-child(5n+4){width:53%;margin-left:-2%;margin-top:6vw;--selected-ratio:3/2}
.selected-work:nth-child(5n+5){width:76%;margin-left:20%;margin-top:-2vw;margin-bottom:-85px;--selected-ratio:2/1}
.selected-caption{padding-left:12px;padding-right:12px}
.selected-work:nth-child(5n+1) .selected-caption{padding-left:var(--gutter)}
.about{--about-bg:#10100f;--about-ink:#f0eee8;--about-muted:#b5b2a9;position:relative;background:var(--about-bg);color:var(--about-ink);padding-top:170px}
.about:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:var(--editorial-paper);clip-path:polygon(0 0,100% 0,100% 85%,0 100%);pointer-events:none}
.about-eyebrow{margin-bottom:30px}
.about-title{margin-left:0;width:57%;font-size:clamp(40px,5.8vw,86px);max-width:19ch}
.about-portrait{left:auto;right:calc(-1 * var(--gutter));top:-35px;width:55%;height:clamp(470px,68vh,710px);background:transparent;clip-path:none;mask-image:linear-gradient(to right,transparent 0%,#000 35%,#000 100%),linear-gradient(to bottom,transparent 0%,#000 15%,#000 65%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 35%,#000 100%),linear-gradient(to bottom,transparent 0%,#000 15%,#000 65%,transparent 100%);-webkit-mask-composite:source-in}
.about-portrait img{mix-blend-mode:lighten}
.about-link{border-color:#918e84}
.about-copy{margin-left:9%;width:42%;margin-top:36px}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference) and (min-width:701px){
  .territories-heading h2{animation:editorial-territories-title linear both;animation-timeline:view();animation-range:entry 0% cover 65%}
  .now-placeholder{animation:editorial-feature-surface linear both;animation-timeline:view();animation-range:entry 0% cover 65%}
  .selected-heading h2{animation:editorial-archive-title linear both;animation-timeline:view();animation-range:entry 0% cover 65%}
 }
}
@keyframes editorial-archive-title{from{transform:translateX(24px)}to{transform:translateX(-24px)}}
@keyframes editorial-territories-title{from{transform:translateX(-18px)}to{transform:translateX(18px)}}
@keyframes editorial-feature-surface{from{transform:scale(1.035);clip-path:inset(0 5% 0 0)}to{transform:scale(1);clip-path:inset(0)}}
@keyframes chiri-universe{from{transform:scale(1.075)}to{transform:scale(1.005)}}
@keyframes chiri-audience{from{transform:translate(16px,14px);clip-path:inset(0 0 6% 0)}to{transform:translate(-8px,-4px);clip-path:inset(0)}}
@media(max-width:1000px) and (min-width:701px){
 .recent-heading{margin-left:5%;flex-wrap:wrap;gap:22px}
 .recent:before{top:190px}
 .recent-heading h2{font-size:8.7vw}
 .now-details{flex-basis:260px}
 .about-title{font-size:5.8vw}
}
@media(max-width:700px){
 .territories{--territories-size:clamp(32px,9vw,60px);margin-top:-20px;padding-top:85px;padding-bottom:75px;clip-path:polygon(0 20px,100% 0,100% 100%,0 100%)}
 .territories-heading{display:block;margin-bottom:38px}
 .territories-label{margin-bottom:22px}
 .territories-heading h2{font-size:clamp(36px,10vw,58px);max-width:12ch}
 .territories-list{column-gap:0}
 .territory{padding:28px 0}
 .territory:nth-child(even){justify-content:flex-start;padding-left:8%}
 .territory:nth-child(odd):before{width:100%}
 .territory-writing,.territory-stage{padding-left:0}
 .territories:after{height:28px}
 .now{min-height:0;padding-top:20px;padding-bottom:130px}
 .now-eyebrow{margin-left:0;margin-bottom:24px}
 .now-visual{height:clamp(330px,50svh,460px)}
 .now-placeholder{padding:35px var(--gutter)}
 .now-editorial{margin-top:-55px;align-items:flex-start;gap:25px}
 .now-title{font-size:clamp(44px,12vw,64px);max-width:11ch}
 .now-details{flex:none;padding-bottom:0;max-width:30em}
 .recent{margin-top:-65px;padding-bottom:60px}
 .recent-heading{margin-left:0;gap:24px;align-items:flex-start;margin-bottom:30px}
 .recent-heading h2{font-size:clamp(44px,12.5vw,70px)}
 .recent:before{top:155px}
 .recent-viewport{rotate:-1.5deg}
 .recent-piece:nth-child(even){margin-top:22px}
 .chirichota{padding-top:50px;padding-bottom:30px}
 .chirichota-intro{align-items:flex-start;gap:28px}
 .chirichota-brand{width:96%}
 .chirichota-copy{flex:none;max-width:30em}
 .chirichota-stage{height:auto;margin-top:36px}
 .chirichota-universe{right:auto;width:calc(100% + var(--gutter));height:clamp(260px,80vw,380px);margin-right:calc(-1 * var(--gutter))}
 .chirichota-audience{left:auto;width:92%;height:clamp(175px,52vw,250px);margin-left:calc(-1 * var(--gutter));margin-top:-18px;rotate:-1.5deg}
 .chirichota-dani{left:auto;bottom:auto;width:97%;height:clamp(200px,58vw,285px);margin-left:8%;margin-top:25px}
 .chirichota-gesture{right:auto;bottom:auto;width:80%;height:clamp(165px,46vw,225px);margin-right:calc(-1 * var(--gutter));margin-top:-15px;margin-bottom:-50px}
 .selected{padding-top:100px}
 .selected-heading{position:relative;top:0;display:block;margin-bottom:42px}
 .selected-eyebrow{padding-top:0;margin-bottom:20px}
 .selected-heading h2{font-size:clamp(36px,10vw,58px);max-width:16ch}
 .selected-works{row-gap:40px;column-gap:0}
 .selected-work:nth-child(n){margin:0;width:100%}
 .selected-work:nth-child(5n+1){width:calc(100% + var(--gutter));margin-left:calc(-1 * var(--gutter));--selected-ratio:4/3}
 .selected-work:nth-child(5n+2){width:80%;margin-left:20%;--selected-ratio:4/5}
 .selected-work:nth-child(5n+3){width:88%;margin-left:3%;--selected-ratio:5/4}
 .selected-work:nth-child(5n+4){width:calc(100% + var(--gutter));margin-right:calc(-1 * var(--gutter));--selected-ratio:3/2}
 .selected-work:nth-child(5n+5){width:92%;margin-left:8%;margin-bottom:-60px;--selected-ratio:3/2}
 .about{padding-top:130px}
 .about-title{font-size:clamp(36px,9.5vw,52px);width:100%;max-width:19ch}
 .about:before{height:85px}
 .about-portrait{position:relative;right:auto;top:auto;width:calc(100% + var(--gutter));height:clamp(340px,88vw,470px);margin:-25px calc(-1 * var(--gutter)) -25px auto;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%)}
 .about-copy{margin:30px 0 0;width:94%}
}
@media(prefers-reduced-motion:reduce){
 .selected-heading{position:relative;top:0}
 .selected-heading h2{animation:none!important;transform:none!important}
 .chirichota .chirichota-universe{clip-path:polygon(0 0,100% 0,100% 100%,9% 100%,9% 87%,0 87%)!important}
 .about .about-portrait{clip-path:none!important}
}