/* Remaining About chapters. The approved hero, roster, editorial principles and footer are outside these selectors. */
/* Biondic's wide type / displaced copy and dotsandlines' editorial sheet proportions. */
.about-page [data-about-chapters] .about-chapter-story{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(80px,8vw,154px) 2vw;padding-block:clamp(85px,8vw,154px) clamp(85px,10vw,192px)}
.about-page [data-about-chapters] .about-chapter-story .studio-intro-heading{grid-column:1/-1;grid-row:1;margin:0!important}
.about-page [data-about-chapters] .about-chapter-story .agency-heading{font-size:clamp(50px,8.1vw,156px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.about-page [data-about-chapters] .about-chapter-story .studio-intro-copy{grid-column:7/-1;grid-row:2;grid-template-columns:1fr 1fr;gap:40px 3vw;margin:0;align-self:start;align-content:start}
.about-page [data-about-chapters] .about-chapter-story .agency-lead{grid-column:1/-1;grid-row:auto;font-size:clamp(26px,2.2vw,43px);line-height:1.3;letter-spacing:-.02em;margin:0}
.about-page [data-about-chapters] .about-chapter-story .editorial-copy{grid-column:auto;grid-row:auto;font-size:clamp(17px,1.1vw,21px);line-height:1.6;margin:0}
.about-page [data-about-chapters] .about-chapter-story .studio-intro-image{grid-column:1/6;grid-row:2;align-self:stretch;position:relative;min-height:0;width:auto;margin:0;padding:0}
.about-story-crop{position:absolute;inset:0 0 calc(-1*clamp(24px,2.5vw,48px));overflow:hidden}
.about-chapter-story .studio-intro-image figcaption{position:absolute;top:calc(100% + 48px);left:0}
.about-page [data-about-chapters] .about-story-crop img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.about-chapter-aperture{clip-path:none}
.has-about-chapters .about-chapter-aperture{clip-path:inset(calc(var(--chapter-inset,0)*1%))}
.about-chapter-studies .studio-example:focus-visible .about-chapter-aperture{clip-path:none}
/* One photographic statement, with a left heading and lower-right copy. */
.about-page .has-about-motion .about-chapter-photo{height:250svh}
.about-page [data-about-chapters] .about-chapter-photo .studio-spread figcaption{top:calc(4svh + 20px);right:calc(var(--agency-gutter) + 4vw)}
.about-page [data-about-chapters] .about-chapter-photo .spread-story .agency-heading{top:35%;left:calc(var(--agency-gutter) + 4vw);right:28%;text-align:left;font-size:clamp(40px,min(7.6vw,13svh),146px);line-height:1.03;letter-spacing:-.035em;text-wrap:balance}
.about-page [data-about-chapters] .about-chapter-photo .spread-story .agency-lead{left:54%;right:calc(var(--agency-gutter) + 4vw);bottom:10svh;font-size:clamp(17px,min(1.5vw,3.4svh),29px);line-height:1.5}
/* Native selected studies become large editorial image/label pairings, not new project content. */
.about-page [data-about-chapters] .about-chapter-studies{padding-block:clamp(85px,9vw,173px);overflow:clip}
.about-page [data-about-chapters] .about-chapter-studies .section-opening{display:grid;grid-template-columns:1.45fr .65fr;gap:10vw;align-items:end;margin-bottom:6vw}
.about-page [data-about-chapters] .about-chapter-studies .agency-heading{font-size:clamp(46px,7.2vw,138px);line-height:1.03;letter-spacing:-.035em;max-width:none}
.about-page [data-about-chapters] .about-chapter-studies .agency-lead{font-size:clamp(18px,1.25vw,24px);line-height:1.55}
.about-page [data-about-chapters] .about-chapter-studies .studio-evidence-pair{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:7vw;align-items:start}
.about-page [data-about-chapters] .about-chapter-studies .studio-example{display:flex;flex-direction:column-reverse;gap:24px;min-width:0;position:relative}
.about-page [data-about-chapters] .about-chapter-studies .studio-example:nth-child(2){padding-top:20vw}
.about-page [data-about-chapters] .about-chapter-studies .studio-example figure{height:40vw;margin:0;min-height:0;max-height:none}
.about-page [data-about-chapters] .about-chapter-studies .studio-example:nth-child(2) figure{height:31vw}
.has-about-chapters .about-chapter-studies .studio-example figure{transform:translate(var(--study-x,0vw),var(--study-y,0px)) rotate(var(--study-turn,0deg));transform-origin:50% 80%}
.has-about-chapters .about-chapter-studies .studio-example:focus-visible figure{transform:none;clip-path:none}
.about-page [data-about-chapters] .about-chapter-studies .studio-example-caption{display:grid;grid-template-columns:1fr 28px;gap:12px 15px;align-items:start;padding:0;border:0}
.about-chapter-studies .studio-example-caption>span:first-child{grid-column:1;grid-row:1;font-size:clamp(34px,4.2vw,81px);font-weight:500;line-height:1.08;letter-spacing:-.03em}
.about-chapter-studies .studio-example-caption>span:nth-child(2){grid-column:1;grid-row:2;font-size:12px;line-height:1.4}
.about-chapter-studies .studio-example-caption>svg{grid-column:2;grid-row:1;width:28px;height:28px;margin-top:10px}
/* Large statements and full-width reading rules replace the old equal-column collaboration layout. */
.about-page [data-about-chapters] .about-chapter-working{display:block;padding-block:0;overflow:clip}
.about-page [data-about-chapters] .about-chapter-working .about-working-heading{display:block;margin:0}
.about-page [data-about-chapters] .about-chapter-working .agency-heading{font-size:clamp(44px,min(8vw,14svh),154px);line-height:1.03;letter-spacing:-.035em;max-width:none}
.about-working-heading .editorial-line:nth-child(even){padding-left:8vw}
.about-page [data-about-chapters] .about-chapter-working .about-working-copy{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin:clamp(56px,9svh,112px) 0 0 26%;align-items:start}
.about-page [data-about-chapters] .about-chapter-working :is(.agency-lead,.editorial-copy){font-size:clamp(20px,1.55vw,28px);line-height:1.5;letter-spacing:-.015em;margin:0}
.about-page [data-about-chapters] .about-chapter-working>.about-working-intro{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;min-height:calc(100svh - var(--wp-admin--admin-bar--height,0px));padding-block:clamp(48px,10svh,128px);margin:0}
.about-page [data-about-chapters] .about-chapter-working>.about-working-route{display:block;margin:0 calc(-1*var(--agency-gutter))}
.about-page [data-about-chapters] .about-chapter-working .studio-working-list{padding:0;margin:0;list-style:none}
.about-page [data-about-chapters] .about-chapter-working .studio-working-list li{position:relative;isolation:isolate;border-top:1px solid var(--agency-rule);padding:clamp(34px,3.8vw,73px) var(--agency-gutter);font-size:clamp(26px,4.1vw,79px);font-weight:400;line-height:1.18;letter-spacing:-.025em}
.about-working-route li::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--musou-paper);transform:scaleX(1);transform-origin:left;pointer-events:none}
.about-working-route li:nth-child(even)::before{transform-origin:right}
.has-about-chapters .about-working-route li::before{transform:scaleX(var(--chapter-rule,1))}
.about-working-route li::after{content:"";position:absolute;inset:-1px 0 auto;height:1px;background:currentColor;transform:scaleX(var(--chapter-rule,1));transform-origin:left}
/* Selected closing study 03: one informational opening, with native radio selection. */
.about-page [data-about-chapters] .about-close{display:block;min-height:0;padding-block:clamp(160px,14vw,260px) clamp(160px,14vw,260px);overflow:clip}
.about-page [data-about-chapters] .about-close>.about-close-opening{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:8vw;margin:0}
.about-close-heading{min-width:0}
.about-page [data-about-chapters] .about-close .agency-heading{font-size:clamp(48px,min(5.8vw,12svh),110px);font-weight:500;line-height:1.04;letter-spacing:-.035em;max-width:none;margin:0;text-wrap:initial}
.about-close-heading .editorial-line{overflow:visible;padding-bottom:.08em;margin-bottom:-.08em}
.about-close-heading .editorial-line-inner{white-space:normal;overflow-wrap:anywhere}
.about-page [data-about-chapters] .about-close-opening>.agency-lead{font-size:clamp(20px,1.65vw,27px);line-height:1.5;letter-spacing:-.012em;max-width:34ch;margin:0}
.about-page [data-about-chapters] .about-close>.about-close-lanes{display:flex;gap:12px;padding:0!important;margin:clamp(64px,7vw,120px) 0 0!important;height:clamp(480px,64svh,740px)}
.about-close-lane{display:block;flex:1;min-width:0;position:relative;padding:0!important;margin:0!important;border:0!important;cursor:pointer;transition:flex-grow 780ms cubic-bezier(.28,.12,.25,1)}
.about-close-lane:has(:checked){flex:5}
/* Keep native selection accessible without putting a form control under every wheel event. */
.about-close-choice{position:absolute;top:50%;left:50%;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
.about-close-panel{position:relative;display:block;height:100%;color:#fff;isolation:isolate;overflow:hidden;background:var(--studio-ink);pointer-events:none}
.about-close-photo{position:absolute;inset:0;z-index:-2;margin:0}
.about-close-panel img{display:block;width:100%;height:100%;object-fit:cover;transform:none}
.about-close-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 25%,rgb(0 0 0 / .25) 60%,rgb(0 0 0 / .8))}
.about-close-caption{position:absolute;left:clamp(24px,2.5vw,48px);bottom:clamp(28px,3vw,56px);width:26ch;max-width:calc(100% - 2*clamp(24px,2.5vw,48px));font-size:clamp(17px,1.35vw,23px);font-weight:400;line-height:1.4;letter-spacing:-.012em;opacity:0;transform:translateY(6px);transition:opacity 140ms ease,transform 140ms ease;overflow-wrap:anywhere}
.about-close-cue{display:none}
.about-close-lane:has(:checked) .about-close-caption{opacity:1;transform:none;transition:opacity 300ms ease 180ms,transform 350ms ease 180ms}
.about-close-lane:has(:focus-visible){outline:2px solid var(--studio-ink);outline-offset:5px}
.about-close-lane.without-image .about-close-panel{color:var(--studio-surface)}
.about-close-lane.without-image .about-close-panel::before{display:none}
.about-page [data-about-chapters] .about-close>.about-close-lanes[data-many]{height:clamp(480px,64svh,740px)}
/* Reveal a stable crop instead of enlarging the photograph as its panel opens. */
@supports(width:1cqw){
 @media(min-width:701px){
  .about-page [data-about-chapters] .about-close>.about-close-lanes{container-type:inline-size}
  .about-close-photo{left:50%;right:auto;width:calc((100cqw - (var(--opening-count,4) - 1)*12px)*5/(var(--opening-count,4) + 4));transform:translateX(-50%)}
 }
}
.about-page [data-about-chapters] .about-chapter-founder{grid-template-columns:1fr 1.2fr;gap:8vw;padding-block:9vw}
@media(max-width:1100px){
 .about-page [data-about-body] .spread-frame{height:100svh;height:100dvh}
 .about-close-cue{position:absolute;display:grid;place-items:center;right:20px;top:50%;width:42px;height:42px;border:1px solid rgb(255 255 255 / .8);border-radius:50%;background:rgb(0 0 0 / .2);transform:translateY(-50%);opacity:1;transition:opacity 220ms ease,scale 350ms cubic-bezier(.22,1,.36,1)}
 .about-close-cue svg{width:19px;height:19px;transform:rotate(-90deg)}
 .about-close-lane:has(:checked) .about-close-cue{opacity:0;scale:.9}
 .about-page [data-about-chapters] .about-chapter-story .studio-intro-copy{grid-column:6/-1;gap:30px;grid-template-columns:1fr}
 .about-page [data-about-chapters] .about-chapter-story .agency-lead{grid-column:1;grid-row:auto}
 .about-page [data-about-chapters] .about-chapter-story .studio-intro-image{grid-column:1/5}
 .about-page [data-about-chapters] .about-chapter-working .about-working-copy{margin-left:12%;gap:5vw}
}
@media(max-width:700px){
 .about-page [data-about-chapters] :is(.about-chapter-story,.about-chapter-studies,.about-chapter-working,.about-chapter-fit){padding-block:65px}
 .about-page [data-about-chapters] .about-chapter-story{display:flex;flex-direction:column;gap:48px}
 .about-page [data-about-chapters] .about-chapter-story .agency-heading{font-size:12vw}
 .about-page [data-about-chapters] .about-chapter-story .studio-intro-copy{display:block;margin:0}
 .about-page [data-about-chapters] .about-chapter-story .agency-lead{font-size:26px;margin-bottom:25px}
 .about-page [data-about-chapters] .about-chapter-story .editorial-copy{font-size:17px;margin-top:20px}
 .about-page [data-about-chapters] .about-chapter-story .studio-intro-image{width:100%;align-self:stretch;padding:0;margin:0}
 .about-chapter-story .about-story-crop{position:relative;inset:auto;aspect-ratio:4/5}
 .about-page [data-about-chapters] .about-chapter-photo .spread-story .agency-heading{font-size:min(12vw,13svh);left:calc(var(--agency-gutter) + 4vw);right:calc(var(--agency-gutter) + 4vw);top:33%}
 .about-page [data-about-chapters] .about-chapter-photo .spread-story .agency-lead{left:calc(var(--agency-gutter) + 4vw);bottom:9svh;font-size:17px;line-height:1.5}
 .about-page [data-about-chapters] .about-chapter-studies .section-opening{display:block;margin-bottom:40px}
 .about-page [data-about-chapters] .about-chapter-studies .agency-heading{font-size:12vw}
 .about-page [data-about-chapters] .about-chapter-studies .agency-lead{margin-top:25px;font-size:18px}
 .about-page [data-about-chapters] .about-chapter-studies .studio-evidence-pair{display:block}
 .about-page [data-about-chapters] .about-chapter-studies .studio-example{gap:20px}
 .about-page [data-about-chapters] .about-chapter-studies .studio-example:nth-child(2){padding:0 0 0 12%;margin-top:45px}
 .about-page [data-about-chapters] .about-chapter-studies .studio-example figure{height:100vw}
 .about-page [data-about-chapters] .about-chapter-studies .studio-example:nth-child(2) figure{height:86vw}
 .about-chapter-studies .studio-example-caption>span:first-child{font-size:10vw}
 .about-chapter-studies .studio-example-caption>svg{margin-top:4px;width:24px;height:24px}
 .about-page [data-about-chapters] .about-chapter-working .agency-heading{font-size:12vw}
 .about-working-heading .editorial-line:nth-child(even){padding-left:0}
 .about-page [data-about-chapters] .about-chapter-working .about-working-copy{display:block;margin:40px 0 0}
 .about-page [data-about-chapters] .about-chapter-working{padding-block:0}
 .about-page [data-about-chapters] .about-chapter-working>.about-working-intro{min-height:0;padding-block:65px}
 .about-page [data-about-chapters] .about-chapter-working :is(.agency-lead,.editorial-copy){font-size:20px;margin:0}
 .about-page [data-about-chapters] .about-chapter-working .editorial-copy{margin-top:24px}
 .about-page [data-about-chapters] .about-chapter-working .studio-working-list li{font-size:7.2vw;padding-block:25px;line-height:1.2}
 .about-page [data-about-chapters] .about-close{padding-block:110px}
 .about-page [data-about-chapters] .about-close>.about-close-opening{display:block}
 .about-page [data-about-chapters] .about-close .agency-heading{font-size:clamp(40px,11vw,68px)}
 .about-page [data-about-chapters] .about-close-opening>.agency-lead{font-size:20px;margin-top:32px}
 .about-page [data-about-chapters] .about-close>.about-close-lanes,.about-page [data-about-chapters] .about-close>.about-close-lanes[data-many]{flex-direction:column;height:auto;margin-top:52px!important}
 .about-close-lane{flex:none;min-height:0;height:92px;transition:height 780ms cubic-bezier(.28,.12,.25,1)}
 .about-close-lane:has(:checked){flex:none;height:clamp(360px,110vw,520px)}
 .about-close-photo{top:50%;bottom:auto;height:clamp(360px,110vw,520px);transform:translateY(-50%)}
 .about-close-caption{font-size:17px;left:24px;bottom:28px;max-width:calc(100% - 48px);width:26ch}
 .about-close-cue svg{transform:none}
 .about-page [data-about-chapters] .about-chapter-founder{display:block;padding-block:65px}
}
@media(prefers-reduced-motion:reduce){
 .has-about-chapters .about-chapter-aperture{clip-path:none}
 .has-about-chapters .about-chapter-studies .studio-example figure{transform:none}
 .has-about-chapters .about-working-route li::before{transform:none}
 .about-working-route li::after{transform:none}
 .about-page .has-about-motion .about-chapter-photo{height:auto}
}
@media print{
 .about-close-cue{display:none!important}
 .has-about-chapters .about-chapter-aperture{clip-path:none}
 .has-about-chapters .about-chapter-studies .studio-example figure{transform:none}
 .about-page [data-about-chapters] .about-chapter-working>.about-working-intro{display:block;min-height:0;padding:0}
 .about-working-route li::before{display:none}
 .about-page [data-about-chapters] :is(.about-chapter-story,.about-chapter-studies,.about-chapter-working,.about-chapter-fit){display:block;padding-block:8mm}
 .about-page [data-about-chapters] :is(.studio-intro-copy,.section-opening,.about-working-copy){display:block!important;margin:5mm 0!important}
 .about-page [data-about-chapters] :is(.about-chapter-story,.about-chapter-working,.about-chapter-fit,.about-chapter-studies) .agency-heading{font-size:26pt}
 .about-page [data-about-chapters] :is(.about-chapter-story,.about-chapter-working,.about-chapter-fit,.about-chapter-studies) :is(.agency-lead,.editorial-copy){font-size:11pt;line-height:1.5}
 .about-page [data-about-chapters] .about-chapter-photo .spread-story .agency-heading{position:static;transform:none!important;opacity:1!important;font-size:24pt}
 .about-page [data-about-chapters] .about-chapter-studies .studio-example-caption>span:first-child{font-size:20pt}
 .about-page [data-about-chapters] .about-chapter-working .studio-working-list li{font-size:13pt;padding-block:4mm}
 .about-working-route li::after{display:none}
 .about-page [data-about-chapters] .about-close{display:block;min-height:0}
 .about-page [data-about-chapters] .about-close>.about-close-opening{display:block;margin-block:5mm}
 .about-page [data-about-chapters] .about-close .agency-heading{font-size:26pt}
 .about-page [data-about-chapters] .about-close-opening>.agency-lead{font-size:11pt;max-width:none;margin-top:4mm}
 .about-page [data-about-chapters] .about-close>.about-close-lanes,.about-page [data-about-chapters] .about-close>.about-close-lanes[data-many]{display:grid;grid-template-columns:1fr 1fr;height:auto;gap:5mm;margin-block:6mm!important}
 .about-close-lane,.about-close-lane:has(:checked){height:auto;min-height:0;break-inside:avoid}
 .about-close-choice{display:none}
 .about-close-panel{height:auto;overflow:visible;background:none!important;color:#000!important}
 .about-close-photo{position:static;display:block;width:100%;height:40mm;transform:none}
 .about-close-panel::before{display:none}
 .about-close-caption{position:static;display:block;font-size:11pt;width:auto;max-width:none;margin-top:3mm;opacity:1;transform:none}

}
@media(prefers-reduced-motion:reduce),print{
 .about-close-lane,.about-close-caption,.about-close-cue,.about-page [data-about-chapters] .about-close-panel img{transition:none!important}
 .about-page [data-about-chapters] .about-close-panel img{transform:none!important}
}