/* About: one continuous story, with optional depth. */
.about-editorial .about-sky-hero{height:100svh;min-height:600px}
.about-editorial .about-sky-hero .detail-story-sticky{height:100%;min-height:600px;position:relative;top:0}
.about-editorial .detail-story-copy{height:100%;display:flex;align-items:center;justify-content:center;padding:90px 24px;text-align:center}
.about-editorial .detail-story-copy>.sky-headline{position:relative;opacity:1;transform:none;color:white;width:auto;max-width:760px}
.about-editorial .detail-story h1{font-size:44px;line-height:1.4;font-weight:300;margin:0}
.about-editorial .detail-story p{font-size:22px;line-height:1.5;color:white;margin:20px 0 0}
.about-editorial .detail-story-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);color:white;font-size:12px;letter-spacing:.04em}
.about-hero-caption{position:absolute;bottom:24px;right:28px;color:#fff;font-size:12px}
.about-ideal .editorial-figure{max-width:480px;width:100%;margin-left:auto}
.about-purpose{background:#f5f5f2;padding:88px 0}.about-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.about-purpose h2{font-size:32px;line-height:1.4;max-width:550px}.about-purpose p{font-size:17px;max-width:50ch}
.about-values-compact{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:start}.about-values-compact details{border-bottom:1px solid #ddd;padding:20px 0}.about-values-compact details:first-child{padding-top:0}.about-values-compact summary{font-size:20px;line-height:1.4;list-style:none;cursor:pointer;padding-right:32px;position:relative}.about-values-compact summary::-webkit-details-marker{display:none}.about-values-compact summary:after{content:'+';position:absolute;right:0;top:0}.about-values-compact details[open] summary:after{content:'−'}.about-values-compact details p{font-size:16px;line-height:1.6;margin-top:16px;padding-right:24px}.about-values-compact .editorial-figure>picture{aspect-ratio:1/1}
.about-working{background:#f5f5f2}.connection-business{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.connection-business article{display:flex;flex-direction:column;min-width:0}.connection-business .editorial-figure>picture{aspect-ratio:16/9}.connection-business-copy{padding-top:30px;flex:1;display:flex;flex-direction:column;align-items:flex-start}.connection-business-copy h3{font-size:24px;line-height:1.4}.connection-business-copy p{font-size:16px;line-height:1.6;margin-top:18px}.connection-business-copy .editorial-button{margin-top:auto}.connection-business-copy p:last-of-type{margin-bottom:26px}
.about-learning{max-width:760px;margin:72px auto 0;text-align:center}.about-learning p{font-size:17px}.about-loop{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:15px;margin-top:30px;line-height:24px}
.about-research-note{padding:32px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:grid;grid-template-columns:1fr 2fr;gap:12px 40px}.about-research-note .editorial-eyebrow{margin:0}.about-research-note p{font-size:18px;margin:0}.about-research-note .editorial-text-link{grid-column:2;margin-top:8px}
.about-care{background:#f5f5f2}.about-sustainability{margin-top:40px;padding-top:28px;border-top:1px solid #ccc}.about-sustainability .editorial-eyebrow{margin-bottom:14px}.about-sustainability h3{font-size:24px}.about-sustainability p{font-size:16px}
.about-founder-intro{max-width:800px;text-align:center}.about-founder-intro .editorial-button{margin-top:30px}
.about-film-band{background:#000f16;color:white;padding:56px 0}.about-film-band>.editorial-wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}.about-film-band h2{font-size:32px}
@media(max-width:1023px){.about-purpose{padding:72px 0}.about-purpose-grid{gap:40px}.about-purpose h2{font-size:28px}.connection-business{gap:24px}.connection-business-copy h3{font-size:22px}.about-values-compact{gap:40px}}
@media(max-width:767px){
 .about-editorial .about-sky-hero,.about-editorial .about-sky-hero .detail-story-sticky{height:90svh;min-height:600px}.about-editorial .detail-story h1{font-size:36px}.about-editorial .detail-story p{font-size:20px}.about-editorial .detail-story-cue{font-size:11px}.about-hero-caption{font-size:11px;right:16px}
 .about-ideal .editorial-figure{margin:0 auto}.about-purpose-grid{grid-template-columns:1fr;gap:48px}.about-purpose h2{font-size:28px}.about-values-compact{grid-template-columns:1fr}.about-values-compact summary{font-size:18px}.about-values-picture{display:none}.connection-business{grid-template-columns:1fr;gap:48px}.connection-business-copy{padding-top:24px}.connection-business-copy .editorial-eyebrow{margin-bottom:12px}.connection-business-copy h3{font-size:24px}.about-learning{margin-top:48px;text-align:left}.about-loop{justify-content:flex-start;gap:12px}.about-research-note{grid-template-columns:1fr;gap:16px}.about-research-note .editorial-text-link{grid-column:1}.about-founder-intro{text-align:left}.about-film-band>.editorial-wrap{flex-direction:column;align-items:flex-start}.about-film-band h2{font-size:28px}
}

/* About page: image-led storytelling and a consistent reading scale. */
body.nio-unified #main.about-editorial :is(h1,h2,h3){font-weight:600!important}
.nio-unified .about-editorial .about-sky-hero{height:100svh;min-height:560px}
.nio-unified .about-editorial .about-sky-hero .detail-story-sticky{position:relative;height:100%;min-height:560px}
.nio-unified .about-editorial .detail-story-copy{align-items:flex-start;padding:clamp(120px,17vh,180px) 24px 80px}
.nio-unified .about-editorial .detail-story h1{font:600 40px/48px "IBM Plex Sans",sans-serif!important;letter-spacing:0}
.nio-unified .about-editorial .detail-story p{font:400 17px/26px "IBM Plex Sans",sans-serif;margin:8px auto 0}
.nio-unified .about-editorial :is(.about-intro,.about-business-section,.about-values-section,.about-vision,.about-contact){padding:104px 32px;background:#fff;color:#171a20}
.nio-unified .about-editorial :is(.about-intro,.about-section-heading,.about-vision,.about-contact){text-align:center}
.nio-unified .about-editorial :is(.about-intro,.about-section-heading,.about-vision,.about-contact)>h2,.nio-unified .about-editorial .about-feature-copy h2{font:600 36px/44px "IBM Plex Sans",sans-serif;margin:0;color:#171a20}
.nio-unified .about-editorial :is(.about-intro,.about-section-heading,.about-vision,.about-contact)>p,.nio-unified .about-editorial .about-feature-copy p{font:400 16px/25px "IBM Plex Sans",sans-serif;max-width:620px;margin:20px auto 0;color:#393c41}
.nio-unified .about-editorial .about-place-image{width:100%;height:clamp(440px,56vw,760px);overflow:hidden}
.nio-unified .about-editorial .about-place-image img,.nio-unified .about-editorial .about-feature-media img{width:100%;height:100%;display:block;object-fit:cover}
.nio-unified .about-editorial .about-business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1400px;margin:56px auto 0}
.nio-unified .about-editorial .about-business-tile{display:flex;flex-direction:column;color:#171a20;text-decoration:none;min-width:0}
.nio-unified .about-editorial .about-business-tile img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.nio-unified .about-editorial .about-business-content{padding:22px 0 0}
.nio-unified .about-editorial .about-business-content h3{font:600 24px/32px "IBM Plex Sans",sans-serif;margin:0}
.nio-unified .about-editorial .about-business-content p{font:400 16px/24px "IBM Plex Sans",sans-serif;color:#393c41;margin:8px 0 14px}
.nio-unified .about-editorial .about-business-content>span{font:600 14px/22px "IBM Plex Sans",sans-serif;text-decoration:underline;text-underline-offset:4px}
.nio-unified .about-editorial .about-business-tile:focus-visible,.nio-unified .about-editorial summary:focus-visible{outline:3px solid #3d7af5;outline-offset:5px}
.nio-unified .about-editorial .about-feature{display:grid;grid-template-columns:1.25fr 1fr;min-height:540px;background:#fff}
.nio-unified .about-editorial .about-feature-media{min-height:540px;overflow:hidden}
.nio-unified .about-editorial .about-feature-copy{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:64px clamp(40px,6vw,96px)}
.nio-unified .about-editorial .about-feature-copy p{margin:20px 0 0;max-width:480px}
.nio-unified .about-editorial .about-feature-copy .editorial-button{margin-top:28px}
.nio-unified .about-editorial .about-feature-reverse .about-feature-media{order:2}
.nio-unified .about-editorial .about-values-section{padding-top:96px;padding-bottom:96px}
.nio-unified .about-editorial .about-values-rows{max-width:760px;margin:48px auto 0}
.nio-unified .about-editorial .about-values-rows details{border-bottom:1px solid #ccc;padding:20px 0}
.nio-unified .about-editorial .about-values-rows summary{position:relative;list-style:none;cursor:pointer;padding-right:36px;font:600 19px/28px "IBM Plex Sans",sans-serif}
.nio-unified .about-editorial .about-values-rows summary::-webkit-details-marker{display:none}
.nio-unified .about-editorial .about-values-rows summary:after{content:'+';position:absolute;right:2px;top:0;font-weight:400}
.nio-unified .about-editorial .about-values-rows details[open] summary:after{content:'−'}
.nio-unified .about-editorial .about-values-rows details p{font:400 16px/25px "IBM Plex Sans",sans-serif;color:#393c41;max-width:650px;margin:12px 0 0}
.nio-unified .about-editorial .about-vision{background:#000f16;color:#fff}
.nio-unified .about-editorial .about-vision h2,.nio-unified .about-editorial .about-vision p{color:#fff;max-width:760px;margin-left:auto;margin-right:auto}
.nio-unified .about-editorial .about-contact .editorial-button{margin-top:28px}
.nio-unified .about-editorial :is(#direction,#business,#work,#values,#sustainability,#vision,#founder){scroll-margin-top:112px}
@media(max-width:767px){
 .nio-unified .about-editorial .about-sky-hero,.nio-unified .about-editorial .about-sky-hero .detail-story-sticky{height:100svh;min-height:500px}
 .nio-unified .about-editorial .detail-story-copy{padding:110px 24px 72px}
 .nio-unified .about-editorial .detail-story h1{font-size:32px!important;line-height:40px!important}
 .nio-unified .about-editorial .detail-story p{font-size:16px;line-height:24px}
 .nio-unified .about-editorial :is(.about-intro,.about-business-section,.about-values-section,.about-vision,.about-contact){padding:72px 24px}
 .nio-unified .about-editorial :is(.about-intro,.about-section-heading,.about-vision,.about-contact)>h2,.nio-unified .about-editorial .about-feature-copy h2{font-size:28px!important;line-height:36px!important}
 .nio-unified .about-editorial .about-place-image{height:420px}
 .nio-unified .about-editorial .about-business-grid{grid-template-columns:1fr;gap:40px;margin-top:40px}
 .nio-unified .about-editorial .about-business-tile img{aspect-ratio:16/10}
 .nio-unified .about-editorial .about-feature{display:flex;flex-direction:column;min-height:0}
 .nio-unified .about-editorial .about-feature-media,.nio-unified .about-editorial .about-feature-reverse .about-feature-media{order:0;min-height:0;height:330px}
 .nio-unified .about-editorial .about-feature-copy{padding:48px 24px 64px}
 .nio-unified .about-editorial .about-values-rows{margin-top:32px}
 .nio-unified .about-editorial :is(#direction,#business,#work,#values,#sustainability,#vision,#founder){scroll-margin-top:104px}
}