/* Below the approved opening: an editorial story, staggered roster and photographic type scene. */
.about-page [data-about-body] .studio-intro{display:grid;grid-template-columns:minmax(0,.23fr) minmax(0,1fr);gap:4vw 6vw;padding-block:clamp(80px,9vw,173px)}
.about-page [data-about-body] .studio-intro-heading{grid-column:2;margin:0!important}
.about-page [data-about-body] .studio-intro .agency-heading{font-size:clamp(46px,6vw,115px);line-height:1.03;letter-spacing:-.035em;text-wrap:balance}
.about-page [data-about-body] .studio-intro-copy{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:25px 5vw;margin:0}
.about-page [data-about-body] .studio-intro .agency-lead{grid-column:1/-1;grid-row:auto;font-size:clamp(26px,2.2vw,42px);line-height:1.3;margin-bottom:20px}
.about-page [data-about-body] .studio-intro .editorial-copy{grid-column:auto;font-size:clamp(17px,1.15vw,22px);line-height:1.6;margin:0}
.studio-intro-image{grid-column:1;grid-row:1/3;align-self:end;margin:0;min-width:0}
.studio-intro-image img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.studio-intro-image figcaption{font-size:11px;line-height:1.4;margin-top:12px}
.about-page [data-about-body] .studio-working-model{padding-block:clamp(80px,9vw,173px)}
[data-about-body] .studio-model-intro{grid-template-columns:1.2fr .6fr;gap:12vw;align-items:end;margin-bottom:clamp(70px,8vw,154px)}
[data-about-body] .studio-model-intro .agency-heading{font-size:clamp(45px,6.1vw,117px);letter-spacing:-.035em}
[data-about-body] .studio-model-intro .agency-lead{font-size:clamp(18px,1.25vw,24px);line-height:1.6}
[data-about-body] .studio-role-list>div{display:grid;grid-template-columns:6% minmax(0,1fr);gap:25px 2vw;padding-block:40px 55px;position:relative}
[data-about-body] .studio-role-index{grid-column:1;grid-row:1;align-self:center;margin:0;padding:0;font-size:13px;color:inherit}
[data-about-body] .studio-role-list h3{grid-column:2;grid-row:1;font-size:clamp(46px,7.4vw,142px);line-height:1.02;font-weight:500;letter-spacing:-.035em;min-height:0;max-width:none;margin:0}
[data-about-body] .studio-role-list p{grid-column:2;font-size:clamp(17px,1.2vw,23px);line-height:1.6;margin:0 0 0 54%;max-width:none}
[data-about-body] .studio-role-list>div:nth-child(2){padding-left:7vw}
[data-about-body] .studio-role-list>div:nth-child(3){padding-left:14vw}
/* One photographic statement, opening from a white surround in both themes. */
.about-page [data-about-body] .studio-image-story{height:auto;background:var(--musou-color-white);color:var(--musou-color-cream)}
.about-page .has-about-motion .studio-image-story{height:250svh}
@media screen{.about-page .has-about-motion .studio-image-story[data-photo-expanded]{background:var(--musou-page)}}
.about-page [data-about-body] .spread-frame{position:relative;height:max(650px,100svh);min-height:0;isolation:isolate}
.about-page .has-about-motion .spread-frame{height:100svh;position:sticky;top:0;overflow:hidden}
.about-page [data-about-body] .studio-spread{inset:0;clip-path:inset(4%);background:transparent;border:0;outline:0;box-shadow:none}
.about-page .has-about-motion .studio-spread{clip-path:inset(calc(var(--about-inset,4)*1%) calc(var(--about-inset,4)*1%))}
.about-page [data-about-body] .studio-spread img{transform:scale(var(--about-image-scale,1));object-position:center}
.about-page [data-about-body] .studio-spread::after{background:rgb(0 0 0 / .57)}
.about-page .has-about-motion .studio-spread::after{background:rgb(0 0 0 / calc(.12 + .45*var(--about-title-opacity,1)))}
.about-page [data-about-body] .spread-story .agency-heading{font-size:clamp(40px,min(8vw,13svh),154px);line-height:1.02;letter-spacing:-.035em;top:38%;text-wrap:balance;color:var(--musou-color-cream);transform:translateY(-50%);opacity:1}
.about-page .has-about-motion .spread-story .agency-heading{opacity:var(--about-title-opacity,1);transform:translateY(calc(-50% + var(--about-title-y,0)*1px))}
.about-page [data-about-body] .spread-story .agency-lead{left:49%;right:var(--agency-gutter);bottom:8svh;font-size:clamp(17px,min(1.6vw,3.5svh),28px);line-height:1.5;color:var(--musou-color-cream);opacity:1}
.about-page .has-about-motion .spread-story .agency-lead{opacity:var(--about-copy-opacity,1)}
.about-page [data-about-body] .studio-evidence{padding-block:clamp(80px,9vw,173px)}
[data-about-body] .studio-evidence .section-opening{display:grid;grid-template-columns:1.2fr .6fr;gap:12vw;margin-bottom:6vw;align-items:end}
[data-about-body] .studio-evidence .agency-heading{font-size:clamp(46px,6vw,115px);letter-spacing:-.035em}
[data-about-body] .studio-evidence .agency-lead{font-size:clamp(18px,1.25vw,24px);line-height:1.55}
[data-about-body] .studio-evidence-pair{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:7vw}
[data-about-body] .studio-example:nth-child(2){padding-top:15vw}
[data-about-body] .studio-example figure{height:43vw;min-height:0;max-height:none}
[data-about-body] .studio-example:nth-child(2) figure{height:32vw;min-height:0;max-height:none}
[data-about-body] .studio-example-caption{padding-block:20px;font-size:18px}
.about-page [data-about-body] .studio-principles{padding-block:clamp(80px,9vw,173px)}
.about-page [data-about-body] .studio-principles>div:first-child{margin-bottom:65px}
.about-page [data-about-body] .studio-principles .agency-heading{font-size:clamp(46px,6vw,115px);line-height:1.04;letter-spacing:-.035em;max-width:20ch}
.about-page [data-about-body] .studio-principles>.studio-principle-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw;margin:0;padding-top:30px;border-top:1px solid var(--agency-rule)}
[data-about-body] .studio-principle{border:0;padding:0}
[data-about-body] .studio-principle h3{font-size:clamp(28px,2.6vw,50px);line-height:1.12;font-weight:500;letter-spacing:-.025em;margin-bottom:28px}
[data-about-body] .studio-principle p{font-size:clamp(17px,1.15vw,22px);line-height:1.6}
.about-page [data-about-body] .studio-working{padding-block:clamp(80px,9vw,173px);display:grid;grid-template-columns:1fr 1fr;gap:8vw}
[data-about-body] .studio-working>div:first-child{display:block}
[data-about-body] .studio-working .agency-heading{font-size:clamp(44px,5.5vw,106px);letter-spacing:-.035em}
[data-about-body] .studio-working .agency-lead{font-size:clamp(22px,1.7vw,33px);line-height:1.45;margin-top:35px}
[data-about-body] .studio-working>div+div{display:block;margin:0}
[data-about-body] .studio-working .editorial-copy{font-size:clamp(17px,1.2vw,23px);line-height:1.6;margin-bottom:40px}
[data-about-body] .studio-working-list li{font-size:clamp(18px,1.4vw,27px);line-height:1.4;padding-block:23px}
.about-page [data-about-body] .studio-fit{padding-block:clamp(80px,9vw,173px)}
.about-page [data-about-body] .studio-fit>[data-reference-heading] .agency-heading{font-size:clamp(48px,min(8.4vw,18svh),161px);line-height:1.03;letter-spacing:-.035em}
[data-about-body] .studio-fit>div+div{display:grid;grid-template-columns:1fr 1fr;gap:25px 6vw;margin:60px 0 0 26%}
[data-about-body] .studio-fit .agency-lead{font-size:clamp(23px,1.9vw,36px);line-height:1.4;margin:0}
[data-about-body] .studio-fit .fit-list{font-size:17px;margin:0}
[data-about-body] .studio-fit .agency-link{grid-column:2;justify-self:start;align-self:start;margin-top:15px}
@media(max-width:1000px){
 .about-page [data-about-body] .studio-intro{grid-template-columns:17% minmax(0,1fr);gap:5vw}
 [data-about-body] .studio-role-list p{margin-left:35%}
 [data-about-body] .studio-model-intro,[data-about-body] .studio-evidence .section-opening{gap:6vw}
 [data-about-body] .studio-fit>div+div{margin-left:12%;gap:30px 5vw}
}
@media(max-width:700px){
 .about-page [data-about-body] :is(.studio-intro,.studio-working-model,.studio-evidence,.studio-principles,.studio-working,.studio-fit){padding-block:65px}
 .about-page [data-about-body] .studio-intro{display:block}
 .about-page [data-about-body] .studio-intro .agency-heading{font-size:11.5vw}
 .about-page [data-about-body] .studio-intro-copy{display:block;margin-top:30px}
 .about-page [data-about-body] .studio-intro .agency-lead{font-size:26px;margin-bottom:25px}
 .about-page [data-about-body] .studio-intro .editorial-copy{font-size:17px;margin-top:20px}
 .studio-intro-image{width:45%;margin-top:35px}
 [data-about-body] .studio-model-intro,[data-about-body] .studio-evidence .section-opening{display:block;margin-bottom:40px}
 [data-about-body] .studio-model-intro .agency-heading,[data-about-body] .studio-evidence .agency-heading{font-size:11.5vw}
 [data-about-body] .studio-model-intro .agency-lead,[data-about-body] .studio-evidence .agency-lead{font-size:18px;margin-top:25px}
 [data-about-body] .studio-role-list>div:nth-child(n){grid-template-columns:18px minmax(0,1fr);gap:18px;padding:30px 0}
 [data-about-body] .studio-role-index{font-size:10px;align-self:start;padding-top:10px}
 [data-about-body] .studio-role-list h3{font-size:10.5vw;line-height:1.05}
 [data-about-body] .studio-role-list p{font-size:17px;margin-left:0}
 .about-page [data-about-body] .spread-story .agency-heading{font-size:min(12vw,13svh);top:34%}
 .about-page [data-about-body] .spread-story .agency-lead{left:var(--agency-gutter);bottom:8svh;font-size:17px;line-height:1.5}
 [data-about-body] .studio-evidence-pair{display:block}
 [data-about-body] .studio-example figure,[data-about-body] .studio-example:nth-child(2) figure{height:110vw}
 [data-about-body] .studio-example:nth-child(2){padding-top:45px}
 .about-page [data-about-body] .studio-principles .agency-heading{font-size:11.5vw}
 .about-page [data-about-body] .studio-principles>div:first-child{margin-bottom:40px}
 .about-page [data-about-body] .studio-principles>.studio-principle-columns{display:block;padding-top:0;border:0}
 [data-about-body] .studio-principle{border-top:1px solid var(--agency-rule);padding:25px 0}
 [data-about-body] .studio-principle h3{font-size:30px;margin-bottom:20px}
 [data-about-body] .studio-principle p{font-size:17px}
 .about-page [data-about-body] .studio-working{display:block}
 [data-about-body] .studio-working .agency-heading{font-size:11vw}
 [data-about-body] .studio-working .agency-lead{font-size:24px;margin-top:25px}
 [data-about-body] .studio-working>div+div{margin-top:35px}
 [data-about-body] .studio-working .editorial-copy{font-size:17px;margin-bottom:30px}
 [data-about-body] .studio-working-list li{font-size:20px;padding-block:20px}
 .about-page [data-about-body] .studio-fit>[data-reference-heading] .agency-heading{font-size:12vw}
 [data-about-body] .studio-fit>div+div{display:block;margin:35px 0 0}
 [data-about-body] .studio-fit .agency-lead{font-size:24px}
 [data-about-body] .studio-fit .fit-list{margin-block:25px}
}
@media(prefers-reduced-motion:reduce){
 .about-page .has-about-motion .studio-image-story{height:auto}
 .about-page .has-about-motion .spread-frame{position:relative;height:max(650px,100svh)}
 .about-page .has-about-motion .studio-spread{clip-path:inset(4%)}
 .about-page .has-about-motion .spread-story .agency-heading{opacity:1;transform:translateY(-50%)}
 .about-page .has-about-motion .spread-story .agency-lead{opacity:1}
}
@media print{
 .studio-intro-image{display:none}
 .about-page [data-about-body] .studio-image-story{height:auto!important}
 .about-page [data-about-body] .spread-frame{position:relative!important;height:auto!important}
 .about-page [data-about-body] .studio-spread{clip-path:none;position:relative;height:65mm}
 .about-page [data-about-body] .spread-story{position:relative;padding:8mm 0}
 .about-page [data-about-body] .spread-story .agency-heading,.about-page [data-about-body] .spread-story .agency-lead{position:static;transform:none!important;opacity:1!important;color:#000}
 .about-page [data-about-body] .spread-story .agency-heading{font-size:24pt}
 .about-page [data-about-body] .spread-story .agency-lead{font-size:11pt;margin-top:5mm}
 .about-page [data-about-body] .studio-principles>.studio-principle-columns{display:block}
 [data-about-body] .studio-principle{break-inside:avoid;margin-block:6mm}
}