/* 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,9vw,142px);font-weight:400;line-height:.9;text-transform:uppercase;letter-spacing:.02em;}
#about-main .about-hero {padding-top:170px !important;padding-bottom:64px;}
#about-main .about-hero-layout {grid-template-columns:1.3fr 1fr;align-items:center;}
#about-main .about-title-brand {font-size:clamp(110px,12vw,190px);}
#about-main .about-hero h1 {font-size:clamp(36px,3.8vw,60px);}
#about-main .about-hero-portrait {max-width:460px;max-height:560px;}
#about-main .about-vision {margin-top:0;padding:64px 0 88px;background:transparent;}
#about-main .about-vision .about-kicker {justify-content:start;}
#about-main .about-vision {text-align:left;}
#about-main .about-manifesto {max-width:none;font-size:clamp(28px,3.3vw,48px);}
#about-main .about-vision-copy {max-width:720px;margin:32px 0 0 auto;}
.about-values,.about-story {padding-block:80px 110px;border-top:1px solid var(--about-line);}
.about-values .about-display,.about-story .about-display {margin-bottom:48px;}
.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:36px;padding:clamp(28px,3.4vw,54px);background:#171717;}
.about-value-panel h3 {font-size:clamp(26px,2.5vw,40px);line-height:1.12;margin-bottom:22px;font-weight:500;}
.about-value-panel p {font-size:clamp(15px,1.2vw,18px);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(86px,10vw,150px);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:330vh;}
.about-values[data-motion="active"] .about-values-stage {position:sticky;top:112px;height:min(70vh,660px);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:min(70vh,660px);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:48px;}
.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 {height:520px;overflow:hidden;}
.about-story-slide:first-child img {filter:grayscale(1);object-position:50% 20%;}
.about-story-copy {display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:clamp(28px,4vw,60px);}
.about-story-copy h3 {font-size:clamp(28px,3vw,44px);line-height:1.08;margin-bottom:24px;font-weight:500;}
.about-story-copy p {font-size:clamp(16px,1.35vw,20px);line-height:1.6;}
.about-story-number {font-family:"Bebas Neue",sans-serif;font-size:clamp(90px,10vw,154px);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-top:90px;}
#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(54px,6vw,94px);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(80px,24vw,100px);}
 #about-main .about-display {font-size:clamp(48px,11vw,72px);}
 #about-main .about-hero h1 {font-size:36px;}
 #about-main .about-hero-portrait {width:100%;max-width:none;max-height:420px;}
 #about-main .about-vision {padding:40px 0 56px;}
 #about-main .about-vision-copy {margin-top:24px;}
 .about-values,.about-story {padding-block:56px 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:290px;}
 .about-values-media .about-value-panel {height:240px;margin-bottom:28px;}
 .about-values-media img {min-height:0;}
 .about-story-slide {grid-template-columns:1fr;}
 .about-story-slide figure {height:270px;}
 .about-story-copy {min-height:330px;padding:28px;}
 .about-story-copy h3 {font-size:28px;}
 .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:48px;}}
@media(prefers-reduced-motion:reduce) {.about-story-track {transition:none;}}