/* About only: original studio story, people and material outlook. */
.about-page .studio-intro{padding-bottom:0}
.about-page .studio-intro h1{font-size:clamp(66px,10.3vw,158px);line-height:.96;max-width:1400px;margin:64px 0 52px}
.about-page .studio-intro-bottom{grid-template-columns:.8fr 1.6fr .8fr;gap:4vw}
.about-page .studio-intro-bottom>p{font-size:16px;max-width:54ch}
.about-page .about-section-nav{display:flex;flex-wrap:wrap;gap:8px 34px;padding:24px 0;margin-top:50px;border-top:1px solid #555;font-size:12px}
.about-page .about-section-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;gap:10px;color:#c9c9c9}
.about-page .about-section-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.about-page .about-section-nav a:last-child{margin-left:auto}
.about-page .about-story{padding:84px 4vw 100px;scroll-margin-top:24px}
.about-page .about-story-heading{display:flex;justify-content:space-between;gap:20px;color:#5f5f5f}
.about-page .about-story-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;margin-top:40px;align-items:start}
.about-page .about-story-intro h2{font-size:clamp(38px,4.6vw,72px);line-height:1.04;letter-spacing:-.05em;max-width:13ch}
.about-page .about-story-copy{max-width:49ch;padding-top:5px}
.about-page .about-lead{font-family:Hubot,Arial,sans-serif;font-size:clamp(25px,2.4vw,36px);line-height:1.25;letter-spacing:-.025em}
.about-page .about-story-copy>p+p{font-size:15px;color:#5c5c5c;margin-top:23px}
.about-page .about-people{display:grid;grid-template-columns:1.3fr .85fr;gap:6vw;align-items:start;margin-top:65px}
.about-page .about-people figure{margin:0}
.about-page .about-people img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.about-page .about-people figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:15px;color:#5f5f5f;font-size:11px;line-height:1.5}
.about-page .about-people-side{align-self:center;padding:0;min-width:0;max-width:49ch}
.about-page .about-people-side h3{font-size:clamp(27px,2.5vw,39px);line-height:1.1;letter-spacing:-.035em;margin-top:0}
.about-page .about-people-side>p{font-size:14px;color:#5c5c5c;max-width:49ch;margin-top:20px}
.about-page .about-people-side>.studio-link{margin-top:20px}
.about-page .studio-lens{padding-top:80px;padding-bottom:90px}
.about-page .lens-controls{gap:36px;flex-wrap:wrap}
.about-page .lens-controls button{font-size:14px;min-height:48px}
.about-page .lens-stage figcaption{font-size:11px;line-height:1.5}
.about-page .studio-routes{padding-top:75px;padding-bottom:90px}
.about-page .studio-routes .studio-section-label{margin-bottom:26px}
.about-page .about-routes-intro{max-width:60ch;color:#5c5c5c;font-size:16px;margin-bottom:42px}
.about-page .studio-routes>a{grid-template-columns:.7fr 1.5fr 1.5fr 30px}
.about-page .studio-routes h3{font-size:clamp(40px,4.5vw,69px)}
.about-page .studio-routes>a p{font-size:14px;max-width:36ch}
.about-page .studio-outlook{padding:85px 4vw 100px}
.about-page .studio-outlook h2{font-size:clamp(72px,10vw,148px);margin:40px 0 54px}
/* Specific practices, set as open editorial columns rather than boxed cards. */
.about-page .about-sustainability-lead{font-family:Hubot,Arial,sans-serif;font-size:clamp(25px,2.5vw,36px);line-height:1.3;letter-spacing:-.025em;max-width:34ch;color:#f2f2f2;margin-bottom:48px}
.about-page .about-sustainability-practices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw;list-style:none;margin:0;padding:0}
.about-page .about-sustainability-practices li{border-top:1px solid #666;padding-top:22px;min-width:0}
.about-page .about-sustainability-practices .micro{font-size:11px;color:#bcbcbc}
.about-page .about-sustainability-practices h3{font-size:clamp(26px,2.6vw,38px);line-height:1.12;letter-spacing:-.035em;margin:20px 0}
.about-page .about-sustainability-practices p{font-size:15px;line-height:1.85;color:#c9c9c9;max-width:44ch}
.about-page .about-recovery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:7vw;border-top:1px solid #666;padding-top:28px;margin-top:55px;align-items:start}
.about-page .about-recovery h3{font-size:25px;line-height:1.2;letter-spacing:-.025em}
.about-page .about-recovery .about-recovery-status{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:12px;color:#ddd}
.about-page .about-recovery-copy>p{font-size:14px;line-height:1.85;color:#c9c9c9;max-width:54ch}
.about-page .about-recovery .studio-link{margin-top:18px;max-width:100%}
.about-page .studio-next h2{font-size:clamp(58px,8.9vw,138px)}
.about-page .studio-next>div{font-size:13px}
/* Native-scroll studio gallery. The unenhanced page keeps every photo visible. */
.about-page .studio-lens{--lens-top:24px;scroll-margin-top:24px}
.about-page .lens-track,.about-page .lens-scroll-stage{position:relative;min-width:0}
.about-page .lens-stage figure+figure{margin-top:40px}
.about-page .has-lens-controls .lens-scroll-stage{display:block}
.about-page .has-lens-controls .lens-stage{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;width:100%;justify-self:center}
.about-page .has-lens-controls .lens-stage figure{grid-area:1/1;min-width:0;margin:0}
.about-page .has-lens-controls .lens-stage img{display:block;opacity:var(--photo-opacity,0);transition:opacity 240ms ease}
.about-page .has-lens-controls .lens-stage figure.is-current img{--photo-opacity:1}
.about-page .has-lens-controls .lens-stage figcaption{visibility:hidden}
.about-page .has-lens-controls .lens-stage figure.is-current figcaption{visibility:visible}
.about-page .is-lens-sticky{padding-bottom:32px}
.about-page .is-lens-sticky .lens-track{height:var(--lens-track-height)}
.about-page .is-lens-sticky .lens-scroll-stage{position:sticky;top:var(--lens-pin-top,var(--lens-top));min-height:0;background:#171717}
.about-page .is-lens-sticky .lens-stage{position:static;top:auto}
/* Natural inner measurements must not collapse the outer sticky track. */
.about-page .is-lens-measuring .lens-scroll-stage{position:relative;top:auto;min-height:0}
.about-page .is-lens-measuring .lens-stage{position:relative;top:auto}
.about-page .is-lens-scroll .lens-stage img{transition:none}
.about-page .is-lens-scroll.is-lens-manual .lens-stage img{transition:opacity 240ms ease}
/* Preserve the original full content width and image proportions at every
   viewport height. Photos that cannot fit remain in normal flow with controls. */
.about-page .has-lens-controls .lens-stage{max-width:none}
@media(max-width:750px){
  .about-page .has-lens-controls .lens-stage{width:auto;max-width:none;justify-self:stretch}
}
@media(prefers-reduced-motion:reduce){
  .about-page .is-lens-sticky .lens-track{height:auto}
  .about-page .is-lens-sticky .lens-scroll-stage{position:relative;top:auto;min-height:0}
  .about-page .is-lens-sticky .lens-stage{position:relative;top:auto}
}
@media print{
  .about-page .studio-lens .lens-track{height:auto!important}
  .about-page .studio-lens .lens-scroll-stage{position:static!important;display:block!important;min-height:0!important}
  .about-page .studio-lens .lens-controls{display:none!important}
  .about-page .studio-lens .lens-stage{position:static!important;display:block!important;width:auto!important;max-width:none!important}
  .about-page .studio-lens .lens-stage figure{margin:24px 0 0!important;break-inside:avoid}
  .about-page .studio-lens .lens-stage img{opacity:1!important}
  .about-page .studio-lens .lens-stage figcaption{visibility:visible!important}
}
@media(min-width:1800px){
  .about-page main>section{padding-left:max(4vw,calc((100vw - 1720px)/2));padding-right:max(4vw,calc((100vw - 1720px)/2))}
}
@media(max-width:1000px){
  .about-page .studio-intro-bottom{grid-template-columns:.7fr 1.5fr;gap:24px}
  .about-page .studio-intro-bottom>.studio-link{grid-column:2;justify-self:start}
  .about-page .about-story-intro{gap:5vw}
  .about-page .about-people{grid-template-columns:1.15fr 1fr;gap:4vw}
  .about-page .studio-routes>a{grid-template-columns:.65fr 1.3fr 1.4fr 24px;gap:20px}
  .about-page .about-sustainability-practices{grid-template-columns:minmax(0,1fr);gap:30px}
  .about-page .about-sustainability-practices li{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:0 6vw}
  .about-page .about-sustainability-practices h3{grid-column:1;font-size:30px;margin-bottom:0}
  .about-page .about-sustainability-practices p{grid-column:2;grid-row:1/span 2;max-width:52ch}
}
@media(max-width:750px){
  .about-page .studio-intro h1{font-size:11.3vw;line-height:1.02;margin:45px 0 35px;letter-spacing:-.055em}
  .about-page .studio-intro-bottom{grid-template-columns:1fr;gap:18px}
  .about-page .studio-intro-bottom>p{font-size:15px;max-width:52ch}
  .about-page .studio-intro-bottom>.studio-link{grid-column:auto}
  .about-page .about-section-nav{gap:4px 25px;margin-top:32px;padding:14px 0}
  .about-page .about-section-nav a:last-child{margin-left:0}
  .about-page .about-story{padding-top:56px;padding-bottom:65px}
  .about-page .about-story-heading{flex-wrap:wrap;gap:8px 20px}
  .about-page .about-story-intro{grid-template-columns:1fr;gap:28px;margin-top:30px}
  .about-page .about-story-intro h2{font-size:clamp(38px,8.6vw,60px);max-width:16ch}
  .about-page .about-story-copy{padding:0;max-width:56ch}
  .about-page .about-story-copy>p+p{font-size:15px;margin-top:18px}
  .about-page .about-people{grid-template-columns:1fr;gap:42px;margin-top:38px}
  .about-page .about-people-side{padding:0;max-width:560px;width:100%;justify-self:end}
  .about-page .about-people-side h3{font-size:31px;margin-top:0}
  .about-page .about-people-side>p{font-size:15px;max-width:54ch}
  .about-page .studio-lens{padding-top:55px;padding-bottom:65px}
  .about-page .studio-routes{padding-top:55px;padding-bottom:65px}
  .about-page .about-routes-intro{font-size:15px;margin-bottom:30px}
  .about-page .studio-routes>a{grid-template-columns:1fr 30px;gap:16px}
  .about-page .studio-routes h3{font-size:clamp(38px,8vw,60px)}
  .about-page .studio-routes>a p{max-width:49ch;font-size:14px}
  .about-page .studio-outlook{padding-top:60px;padding-bottom:65px}
  .about-page .studio-outlook h2{font-size:14vw;margin:32px 0 38px}
  .about-page .about-sustainability-lead{font-size:29px;max-width:28ch;margin-bottom:35px}
  .about-page .about-sustainability-practices li{display:block;padding-top:22px}
  .about-page .about-sustainability-practices h3{font-size:29px;margin:16px 0}
  .about-page .about-sustainability-practices p{font-size:15px;max-width:55ch}
  .about-page .about-recovery{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:40px}
  .about-page .about-recovery-copy>p{font-size:15px;max-width:55ch}
  .about-page .about-recovery .about-recovery-status{font-size:11px}
  .about-page .studio-next h2{font-size:10.5vw}
  .about-page .studio-next h2>a{padding-right:34px}
  .about-page .studio-next h2 .arrow{width:30px;height:30px}
}
@media(max-width:480px){
  .about-page main>section{padding-left:6vw;padding-right:6vw}
  .about-page .studio-intro h1{font-size:11.3vw}
  .about-page .about-section-nav{column-gap:22px;font-size:11px}
  .about-page .about-story-heading>.micro:last-child{font-size:9px}
  .about-page .about-people figcaption{font-size:10px;gap:6px;flex-wrap:wrap}
  .about-page .about-people-side h3{font-size:28px}
  .about-page .lens-controls{gap:10px 18px;justify-content:flex-start}
  .about-page .lens-controls button{font-size:12px;gap:7px}
  .about-page .lens-controls button span{font-size:9px}
  .about-page .lens-stage figcaption{font-size:10px}
  .about-page .studio-next h2{font-size:10.1vw}
  .about-page .studio-next>div{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .about-page *, .about-page *::before, .about-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(forced-colors:active){
  .about-page .about-section-nav a,.about-page .about-recovery-status{color:LinkText}
}

/* Keep the title and view labels visible above each photograph. */
.about-page .has-lens-controls .studio-section-label{margin-bottom:20px}
.about-page .has-lens-controls .lens-controls{margin-bottom:22px}
.about-page .has-lens-controls .lens-stage img{height:clamp(180px,calc(100svh - 280px),660px);aspect-ratio:auto;object-fit:cover}
@media(max-width:750px){.about-page .has-lens-controls .lens-stage img{height:clamp(180px,calc(100svh - 320px),470px)}.about-page .has-lens-controls .studio-section-label{margin-bottom:16px}.about-page .has-lens-controls .lens-controls{margin-bottom:18px}}

/* Phone full-bleed margins must not trip the whole-stage overflow guard. */
.about-page .has-lens-controls .lens-stage{margin:0;width:100%;max-width:100%;min-width:0}
.about-page .has-lens-controls .lens-stage img{height:var(--lens-photo-height,clamp(180px,calc(100svh - 320px),470px));max-width:100%}
.about-page .has-lens-controls .lens-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.about-page .has-lens-controls .lens-controls button{min-width:0;white-space:normal;justify-content:flex-start}
@media(max-width:480px){.about-page .has-lens-controls .lens-controls button{font-size:12px;gap:6px}.about-page .has-lens-controls .lens-stage figcaption{margin-left:0;margin-right:0}}