/* Local About direction: editorial chapters, opposing value columns and a story slider. */
#about-main .about-display {font-family:"Bebas Neue",sans-serif;font-size:clamp(64px,6vw,96px);font-weight:400;line-height:.9;text-transform:uppercase;letter-spacing:.02em;}
#about-main .about-hero {padding-top:144px !important;padding-bottom:56px;}
#about-main .about-hero-layout {grid-template-columns:1.4fr 1fr;align-items:center;}
#about-main .about-title-brand {font-size:clamp(96px,9.4vw,140px);}
#about-main .about-hero h1 {font-size:clamp(32px,3vw,46px);}
#about-main .about-hero-portrait {max-width:370px;max-height:440px;}
#about-main .about-vision {margin-top:0;padding:48px 0 72px;background:transparent;}
#about-main .about-vision .about-kicker {justify-content:start;}
#about-main .about-vision {text-align:left;}
#about-main .about-manifesto {max-width:1040px;margin-left:0;font-size:clamp(26px,2.5vw,36px);}
#about-main .about-vision-copy {max-width:720px;margin:32px 0 0 auto;}
.about-values,.about-story {padding-block:var(--about-section-space,64px) 80px;border-top:1px solid var(--about-line);}
.about-values .about-display,.about-story .about-display {margin-bottom:36px;}
.about-values-stage {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.about-values-column {display:contents;}
.about-value-panel {min-width:0;min-height:390px;overflow:hidden;border-radius:4px;}
.about-values-copy .about-value-panel {display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(28px,2.6vw,38px);background:#171717;}
.about-value-panel h3 {font-size:clamp(26px,2.2vw,34px);line-height:1.12;margin-bottom:22px;font-weight:500;}
.about-value-panel p {font-size:17px;line-height:1.6;}
.about-value-panel .about-value-label {color:var(--about-orange);font-size:11px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:24px;}
.about-value-number {font-family:"Bebas Neue",sans-serif;font-size:clamp(64px,5.5vw,80px);line-height:.8;color:var(--about-orange);}
.about-values-copy .about-value-panel:nth-child(2) {background:#ecebe8;color:#181816;}
.about-values-copy .about-value-panel:nth-child(2) p:not(.about-value-label) {color:#555;}
.about-values-copy .about-value-panel:nth-child(1) {order:1;}
.about-values-copy .about-value-panel:nth-child(2) {order:3;}
.about-values-copy .about-value-panel:nth-child(3) {order:5;}
.about-values-media .about-value-panel:nth-child(1) {order:6;}
.about-values-media .about-value-panel:nth-child(2) {order:4;}
.about-values-media .about-value-panel:nth-child(3) {order:2;}
.about-values-media img {height:100%;min-height:390px;object-fit:cover;}
.about-values[data-motion="active"] .about-values-scroll {height:250vh;}
.about-values[data-motion="active"] .about-values-stage {position:sticky;top:112px;height:var(--about-panel-height);overflow:hidden;}
.about-values[data-motion="active"] .about-values-column {display:flex;flex-direction:column;gap:0;will-change:transform;}
.about-values[data-motion="active"] .about-value-panel {height:var(--about-panel-height);min-height:0;flex-shrink:0;order:initial;}
.about-values[data-motion="active"] .about-values-media img {min-height:0;}
.about-story-carousel {margin-top:36px;}
.about-story-viewport {overflow:hidden;border-radius:4px;}
.about-story-track {display:flex;transition:transform .65s cubic-bezier(.22,1,.36,1);}
.about-story-slide {flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1fr 1fr;background:#171717;}
.about-story-slide figure {position:relative;min-height:460px;overflow:hidden;}
.about-story-slide figure img {position:absolute;inset:0;}
.about-story-slide:nth-child(2) img {object-position:35% 35%;}
.about-story-slide:nth-child(3) img {object-position:50% 15%;}
.about-story-slide:first-child img {filter:grayscale(1);object-position:50% 55%;}
.about-story-copy {display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(28px,3vw,44px);}
.about-story-copy h3 {font-size:clamp(28px,2.3vw,34px);line-height:1.08;margin-bottom:24px;font-weight:500;}
.about-story-copy p {font-size:17px;line-height:1.6;}
.about-story-number {font-family:"Bebas Neue",sans-serif;font-size:clamp(64px,5.5vw,80px);line-height:.8;color:var(--about-orange);}
.about-story-controls {display:flex;align-items:center;justify-content:space-between;margin-top:24px;}
.about-story-controls>div {display:flex;gap:10px;}
.about-story-controls button {width:58px;height:48px;border:1px solid var(--about-line);border-radius:24px;background:transparent;color:var(--about-ink);font:24px "Space Grotesk",sans-serif;cursor:pointer;}
.about-story-controls button:hover {border-color:var(--about-orange);color:var(--about-orange);}
.about-story-controls button:focus-visible,.about-story-carousel:focus-visible {outline:2px solid var(--about-orange);outline-offset:5px;}
.about-story-status {font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.12em;}
.about-story-carousel:not([data-ready]) .about-story-track {display:grid;gap:24px;}
.about-story-carousel:not([data-ready]) .about-story-controls {display:none;}
#about-main .about-collective {padding-block:var(--about-section-space,64px) 80px;}
#about-main .about-people {gap:24px;}
#about-main .about-people figure:nth-child(n) {padding-top:0;}
#about-main .about-project figcaption {flex-wrap:wrap;align-items:baseline;}
#about-main .about-project figcaption>span {max-width:100%;line-height:1.5;}
#about-main .about-collective>h2 {font-family:"Bebas Neue",sans-serif;font-size:clamp(44px,4.5vw,68px);line-height:.95;}
html[data-home-theme="light"] #about-main .about-vision {background:transparent;}
html[data-home-theme="light"] .about-values-copy .about-value-panel {background:#f3f3f3;color:#181816;}
html[data-home-theme="light"] .about-values-copy .about-value-panel:nth-child(2) {background:#e8e8e8;}
html[data-home-theme="light"] .about-value-panel p:not(.about-value-label) {color:#555;}
html[data-home-theme="light"] .about-story-slide {background:#f3f3f3;}
@media(max-width:767px) {
 #about-main .about-hero {padding-top:126px !important;padding-bottom:48px;}
 #about-main .about-hero-layout {grid-template-columns:1fr;gap:32px;}
 #about-main .about-title-brand {font-size:clamp(72px,21vw,90px);}
 #about-main .about-display {font-size:clamp(36px,9.5vw,44px);}
 #about-main .about-hero h1 {font-size:30px;}
 #about-main .about-hero-portrait {width:100%;max-width:290px;max-height:350px;justify-self:center;}
 #about-main .about-vision {padding:40px 0 56px;}
 #about-main .about-vision-copy {margin-top:24px;}
 .about-values,.about-story {padding-block:48px 64px;}
 .about-values-stage {grid-template-columns:1fr;gap:0;}
 .about-values .about-display,.about-story .about-display {margin-bottom:32px;}
 .about-value-panel {min-height:0;}
 .about-values-copy .about-value-panel {gap:24px;padding:28px;}
 .about-value-panel p {font-size:16px;}
 .about-value-number {font-size:60px;}
 .about-values-media .about-value-panel {height:220px;margin-bottom:28px;}
 .about-values-media img {min-height:0;}
 .about-story-slide {grid-template-columns:1fr;}
 .about-story-slide figure {height:250px;min-height:0;}
 .about-story-copy {min-height:0;padding:28px;gap:24px;}
 .about-story-copy h3 {font-size:26px;}
 .about-story-copy p {font-size:16px;}
 .about-story-number {font-size:60px;}
 .about-story-carousel {margin-top:32px;}
 #about-main .about-people {grid-template-columns:1fr;}
}
@media(max-width:360px) {#about-main .about-collective>h2 {font-size:38px;}}
@media(prefers-reduced-motion:reduce) {.about-story-track {transition:none;}}

/* Page-local scale and reading rhythm; shared navigation remains unchanged. */
#about-main {--about-section-space:64px;--about-panel-height:min(64vh,500px);}
#about-main > .about-wrap {max-width:1200px;}
#about-main > .about-hero,#about-main > .about-vision {max-width:1120px;}
#about-main .about-collective-copy {gap:48px;margin-top:28px;}
#about-main .about-contact {padding-block:var(--about-section-space,64px) 80px;}
#about-main .about-contact h2 {font-size:clamp(48px,5vw,72px);}
#about-main .about-faq {padding-block:var(--about-section-space,64px) 80px;gap:64px;}
#about-main .about-faq h2 {font-size:clamp(34px,3.3vw,48px);}
@media(min-width:768px) and (max-width:1000px) {
 .about-story-slide {grid-template-columns:1fr;}
 .about-story-slide figure {height:340px;min-height:0;}
 .about-story-copy {padding:32px;}
}
@media(max-width:767px) {
 #about-main .about-collective>h2 {font-size:clamp(36px,9.8vw,42px);}
 #about-main .about-collective {padding-block:48px 64px;}
 #about-main .about-collective-copy {gap:20px;}
 #about-main .about-contact,#about-main .about-faq {padding-block:48px 64px;}
 #about-main .about-faq {gap:32px;}
 #about-main .about-contact h2 {font-size:44px;}
}

/* One introduction, followed by distinct method / posture / people sections. */
#about-main .about-hero-intro {display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start;margin-top:48px;scroll-margin-top:110px;}
#about-main .about-hero-intro .about-intro-lead {font-size:clamp(23px,2vw,28px);line-height:1.4;font-weight:500;color:var(--about-ink);}
#about-main .about-hero-intro>p:last-child {font-size:17px;line-height:1.65;}
@media(max-width:767px) {
 #about-main .about-hero-intro {grid-template-columns:1fr;gap:20px;margin-top:32px;}
 #about-main .about-hero-intro .about-intro-lead {font-size:23px;}
 #about-main .about-hero-intro>p:last-child {font-size:16px;}
}