/* About is an editorial chapter sequence. All styles remain inside its root. */
.about-story{--ab-navy:#113057;--ab-gold:#a38235;--ab-paper:var(--paper);--ab-line:var(--line);color:var(--ink)}
.about-story .ab-section{padding:80px var(--gutter);border-bottom:1px solid var(--ab-line);scroll-margin-top:20px}
.about-story .ab-section>*{max-width:1440px;margin-left:auto;margin-right:auto}
.about-story .ab-heading .eyebrow,.about-story>.ab-section>.eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:28px;font-size:10px;letter-spacing:.14em}

.about-story h2{font-size:clamp(34px,4.1vw,66px);line-height:1.08;letter-spacing:-.052em;text-wrap:balance;font-weight:500;max-width:1050px}
.about-story .ab-prose{font-size:15px;line-height:1.8;color:var(--muted);max-width:560px;margin-top:30px}
.about-story .ab-prose p+p{margin-top:18px}
.about-story .ab-prose p{line-height:1.8}
.about-story .ab-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,7vw,120px);align-items:center}
.about-story .ab-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,9vw,160px);margin-top:36px;align-items:start}
.about-story .ab-editorial .ab-prose{margin-top:0}
.about-story .ab-statement{font-size:clamp(23px,2.4vw,36px);line-height:1.35;letter-spacing:-.035em;color:var(--ink);margin-top:30px;text-wrap:balance}
.about-story .ab-soft{background:var(--soft)}
.about-story .ab-dark{background:#102a49;color:#f6f6f0;--ab-line:#ffffff2b;--muted:#c2ccda;--ink:#f6f6f0;--ab-gold:#d0b574;--ab-paper:#102a49}
.about-story .ab-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:30px 5vw;padding-top:65px;padding-bottom:0;background:radial-gradient(ellipse at 90% 35%,#b08d2b0d,transparent 55%)}
.about-story .ab-hero h1{font-size:clamp(46px,5.6vw,86px);line-height:1.015;letter-spacing:-.06em;font-weight:500;text-wrap:balance;margin:0;max-width:760px}
.about-story .ab-hero-copy{width:100%}
.about-story .ab-hero-copy .ab-prose{max-width:580px;font-size:15px;margin-top:28px}
.about-story .ab-hero-copy .text-link{margin:28px 0 12px;min-height:44px}
.about-story .ab-hero-visual{width:100%;align-self:center}
.about-story .ab-hero-visual .ab-svg{max-height:410px}
.about-story .ab-art-caption{font-size:12px;letter-spacing:-.01em;text-align:center;margin-top:15px;line-height:1.65;color:var(--muted)}
.about-story .ab-placeholder{position:relative;margin:28px 0 0;aspect-ratio:16/9;background:linear-gradient(125deg,#e7e8e7,#d9ddde);border:1px solid #ccd1d1;overflow:hidden;color:#525e63;display:flex;align-items:flex-end;padding:18px;min-width:0}
.about-story .ab-placeholder:before,.about-story .ab-placeholder:after{content:'';position:absolute;left:50%;top:50%;height:1px;width:95px;background:#c1c8c8;transform:translate(-50%,-50%)}
.about-story .ab-placeholder:after{transform:translate(-50%,-50%) rotate(90deg)}
.about-story .ab-placeholder-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:23px;line-height:1;background:#dfe3e3;width:35px;height:35px;display:grid;place-items:center;z-index:1;color:#737f82}
.about-story .ab-placeholder figcaption{font-size:11px;line-height:1.5;z-index:1;max-width:100%}
.about-story .ab-placeholder figcaption span{display:block;font-size:9px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px;color:#636e73}
.about-story .ab-placeholder.ab-media-small{aspect-ratio:3.3;margin-top:26px}
.about-story .ab-media-small .ab-placeholder-mark{left:86%;font-size:18px}
.about-story .ab-media-small:before,.about-story .ab-media-small:after{left:86%;width:55px}






.about-story .ab-roots>.ab-heading{margin-bottom:20px}
.about-story .ab-roots .ab-placeholder{aspect-ratio:2.5}
.about-story .ab-build .ab-placeholder{aspect-ratio:2.5}
.about-story .ab-sticky{position:sticky;top:calc(var(--header) + 35px);align-self:start}
.about-story .ab-svg{display:block;width:100%;height:auto;overflow:visible;color:var(--ab-navy);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.about-story .ab-guide{stroke:var(--line);stroke-dasharray:3 7;stroke-width:.8}
.about-story .ab-wire{stroke:var(--ab-gold);stroke-width:1.5}
.about-story .ab-node{stroke:var(--ab-navy);fill:var(--ab-paper)}
.about-story .ab-node path{fill:none;opacity:.6}
.about-story .ab-core{fill:var(--ab-navy);stroke:var(--ab-navy);stroke-width:2}
.about-story .ab-detail{stroke:var(--ab-gold);stroke-width:1.8}
.about-story .ab-core+.ab-detail{stroke:#d8c08d}
.about-story .ab-window{stroke:var(--ab-navy);fill:var(--ab-paper)}
.about-story .ab-window path{fill:none}
.about-story .ab-orbits{stroke:var(--ab-gold);opacity:.65}
.about-story .ab-dot{fill:var(--ab-gold)}
.about-story .ab-support{stroke:var(--ab-navy);stroke-width:4}
.about-story .ab-layer{fill:var(--ab-paper);fill-opacity:.9;stroke:var(--ab-navy)}
.about-story .ab-legend{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;padding:19px 0 0;margin:12px 0 0;border-top:1px solid var(--ab-line);font-size:11px;line-height:1.6}
.about-story .ab-legend li{display:flex;gap:7px;align-items:baseline}
.about-story .ab-legend li>span{color:var(--ab-gold);font-size:9px;font-variant-numeric:tabular-nums}
.about-story .ab-media{background:#edeee8;--ab-paper:#edeee8;--ab-line:#d4d7ce;--muted:#576159;color:#172d29;--ink:#172d29;--ab-navy:#34564f}
.about-story .ab-media-heading{display:flex;gap:45px;justify-content:space-between;align-items:flex-end;margin-bottom:30px}
.about-story .ab-media-heading h2{max-width:800px}
.about-story .ab-media-heading>a{flex-shrink:0;margin-bottom:8px}
.about-story .ab-media .ab-placeholder{aspect-ratio:2.4}
.about-story .ab-realization h2{max-width:930px;font-size:clamp(39px,5.5vw,82px)}
.about-story .ab-system-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin-top:52px;padding:0;border-top:0}
.about-story .ab-system-flow li{display:flex;flex-direction:column;gap:25px;position:relative;padding:22px 8px 0;border-top:1px solid #8293a5;font-size:12px}
.about-story .ab-system-flow li:before{content:'';position:absolute;width:7px;height:7px;top:-4px;left:8px;background:var(--ab-gold);border-radius:50%}
.about-story .ab-philosophy{background:#eeebe2;color:#222c36;--ink:#222c36;--muted:#5c6268;--ab-paper:#eeebe2;--line:#d3d0c8}
.about-story .ab-philosophy h2{font-size:clamp(40px,5.5vw,82px)}
.about-story .ab-philosophy em{font-style:normal;color:#90732e}
.about-story .ab-philosophy .ab-art-caption{max-width:340px;margin:20px auto 0;font-size:19px;color:#273d53;letter-spacing:-.025em}
.about-story .ab-people>.ab-heading h2{max-width:1100px}
.about-story .ab-people>.ab-split{margin-top:35px}
.about-story .ab-remote .ab-placeholder{aspect-ratio:2.5}
.about-story .ab-map-land{fill:#b5bfc3;stroke:var(--ab-paper);stroke-width:2;opacity:.6}
.about-story .ab-map-lines{stroke:var(--ab-gold);stroke-dasharray:3 5}
.about-story .ab-map-node{fill:var(--ab-gold);stroke:var(--ab-paper);stroke-width:2}
.about-story .ab-map-caption{font-size:11px;color:var(--muted);line-height:1.6;max-width:410px}
.about-story .ab-remote .ab-svg{margin-top:-30px;margin-bottom:-20px}
.about-story .ab-talent-art{padding:35px 0 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-story .ab-contributors{display:flex;justify-content:space-around;align-items:center;gap:12px;height:130px;position:relative}
.about-story .ab-contributors:before{content:'';height:1px;position:absolute;left:5%;right:5%;top:50%;background:var(--ab-gold)}
.about-story .ab-contributors span{position:relative;width:36px;height:36px;background:var(--paper);border:1px solid var(--ab-navy);transform:rotate(45deg)}
.about-story .ab-contributors span:nth-child(even){border-radius:50%;border-color:var(--ab-gold)}
.about-story .ab-contributors span:after{content:'';position:absolute;inset:9px;background:var(--ab-navy)}
.about-story .ab-contributors span:nth-child(even):after{border-radius:50%;background:var(--ab-gold)}
.about-story .ab-peace h2{font-size:clamp(46px,6.8vw,102px);max-width:1080px}
.about-story .ab-peace .ab-split{margin-top:40px}
.about-story .ab-peace .ab-prose{font-size:17px;margin-top:0}
.about-story .ab-peace .ab-placeholder{margin-top:0;aspect-ratio:2}
.about-story .ab-care-line{font-size:clamp(26px,3.6vw,54px);letter-spacing:-.04em;line-height:1.25;text-align:center;max-width:850px;margin-top:55px;padding-top:36px;border-top:1px solid var(--line);text-wrap:balance}
.about-story .ab-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px;border-top:1px solid var(--line)}
.about-story .ab-pillar{padding:25px 24px 28px;border-right:1px solid var(--line);position:relative}
.about-story .ab-pillar:first-child{padding-left:0}
.about-story .ab-pillar:last-child{border-right:0}
.about-story .ab-pillar-index{color:var(--ab-gold);font-size:11px}
.about-story .ab-pillar h3{font-size:26px;margin:25px 0 15px;letter-spacing:-.03em}
.about-story .ab-pillar p{font-size:14px;color:var(--muted);line-height:1.7}
.about-story .ab-pillar-art{height:90px;margin:25px 0 12px;display:flex;align-items:center;gap:7px}
.about-story .ab-pillar-art i{display:block;width:32px;height:65px;border:1px solid var(--ab-navy)}
.about-story [data-pillar="0"] i{position:absolute;width:55px;height:55px;border-radius:50%;margin-left:calc(var(--p,0)*14px)}
.about-story [data-pillar="0"] i:nth-child(2){--p:1}.about-story [data-pillar="0"] i:nth-child(3){--p:2}.about-story [data-pillar="0"] i:nth-child(4){--p:3;border-color:var(--ab-gold)}
.about-story [data-pillar="1"] i{height:50px;transform:skewY(-15deg)}
.about-story [data-pillar="2"] i{height:32px;border-radius:50%;background:var(--soft);box-shadow:10px 0 0 -9px var(--ab-gold)}
.about-story [data-pillar="3"] i:nth-child(1){height:25px}.about-story [data-pillar="3"] i:nth-child(2){height:40px}.about-story [data-pillar="3"] i:nth-child(3){height:55px}.about-story [data-pillar="3"] i:nth-child(4){height:75px;border-color:var(--ab-gold)}
.about-story [data-pillar="3"]{align-items:flex-end}
.about-story .ab-stages{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:26px 0 0;border-top:1px solid var(--line);gap:35px;margin-top:25px}
.about-story .ab-stages li{font-size:clamp(23px,3vw,42px);letter-spacing:-.04em;display:flex;align-items:center;gap:14px}
.about-story .ab-stages span{font-size:10px;color:var(--ab-gold);letter-spacing:0}
.about-story .ab-stages b{font-size:24px;color:var(--ab-gold);font-weight:400;margin-left:auto}
.about-story .ab-closing h2{font-size:clamp(45px,6.2vw,92px);max-width:920px}
.about-story .ab-closing-row{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:35px}
.about-story .ab-closing-row>p{font-size:17px;max-width:470px;color:var(--muted)}
.about-story .ab-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0}
.about-story .ab-actions .button{gap:32px}
.about-story .ab-brand-line{font-size:10px;letter-spacing:.22em;border-top:1px solid var(--line);padding-top:30px;margin-top:65px;color:var(--muted)}
.about-story.ab-motion .ab-in-view .ab-wire{stroke-dasharray:700;animation:ab-connect 1.8s ease both;animation-delay:calc(var(--i,0)*70ms)}
.about-story.ab-motion .ab-in-view .ab-node,.about-story.ab-motion .ab-in-view .ab-layer{animation:ab-assemble 1s ease both;animation-delay:calc(var(--i,0)*100ms)}
.about-story.ab-motion .ab-in-view .ab-system-flow li,.about-story.ab-motion .ab-in-view .ab-pillar{animation:ab-assemble .9s ease both}
.about-story.ab-motion .ab-in-view .ab-pillar:nth-child(2),.about-story.ab-motion .ab-in-view .ab-system-flow li:nth-child(2){animation-delay:.15s}
.about-story.ab-motion .ab-in-view .ab-pillar:nth-child(3),.about-story.ab-motion .ab-in-view .ab-system-flow li:nth-child(3){animation-delay:.3s}
.about-story.ab-motion .ab-in-view .ab-pillar:nth-child(4),.about-story.ab-motion .ab-in-view .ab-system-flow li:nth-child(n+4){animation-delay:.45s}
@keyframes ab-connect{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}
@keyframes ab-assemble{from{opacity:.25;translate:0 12px}to{opacity:1;translate:0 0}}
html[data-theme="dark"] .about-story{--ab-navy:#a9bdd4;--ab-gold:#cfb16d}
html[data-theme="dark"] .about-story .ab-core{fill:#27496d;stroke:#92a8c1}
html[data-theme="dark"] .about-story .ab-media{background:#1c302d;--ab-paper:#1c302d;--ab-navy:#a5c1b6;--ab-line:#3b5048;--muted:#b7c8c0;--ink:#eef4ef;color:#eef4ef}
html[data-theme="dark"] .about-story .ab-philosophy{background:#302e29;--ab-paper:#302e29;--ink:#f5f1e5;--muted:#c5c0b5;--line:#4c493f;color:#f5f1e5}
html[data-theme="dark"] .about-story .ab-philosophy em{color:#d2b876}
html[data-theme="dark"] .about-story .ab-philosophy .ab-art-caption{color:#dfd2b4}
html[data-theme="dark"] .about-story .ab-placeholder{background:linear-gradient(125deg,#373e44,#2e343b);border-color:#48515a;color:#c0c8cd}
html[data-theme="dark"] .about-story .ab-placeholder figcaption span{color:#a8b2ba}
html[data-theme="dark"] .about-story .ab-placeholder:before,html[data-theme="dark"] .about-story .ab-placeholder:after{background:#4c5861}
html[data-theme="dark"] .about-story .ab-placeholder-mark{background:#343c43;color:#a8b2ba}
@media(min-width:1700px){.about-story .ab-section{padding-left:max(var(--gutter),calc((100vw - 1440px)/2));padding-right:max(var(--gutter),calc((100vw - 1440px)/2))}}
@media(max-width:1050px){.about-story .ab-section{padding-top:60px;padding-bottom:60px}.about-story .ab-hero{padding-bottom:0;gap:25px 30px}.about-story .ab-hero h1{font-size:clamp(43px,5.5vw,65px)}.about-story .ab-split{gap:35px}.about-story .ab-hero .ab-prose{font-size:14px}.about-story .ab-pillars{grid-template-columns:repeat(2,1fr)}.about-story .ab-pillar:nth-child(2){border-right:0}.about-story .ab-pillar:nth-child(n+3){border-top:1px solid var(--line)}.about-story .ab-pillar:nth-child(3){padding-left:0}.about-story .ab-closing-row{align-items:flex-start}.about-story .ab-system-flow li{font-size:10px}.about-story .ab-media-heading{display:block}.about-story .ab-media-heading>a{margin-top:20px}}
@media(max-width:700px){.about-story .ab-section{padding:48px var(--gutter)}.about-story .ab-hero{display:block;padding-top:40px;padding-bottom:0}.about-story .ab-hero h1{font-size:clamp(42px,10.5vw,66px)}.about-story .ab-heading .eyebrow,.about-story>.ab-section>.eyebrow{font-size:9px;gap:13px;margin-bottom:22px}.about-story h2{font-size:clamp(32px,8.3vw,49px)}.about-story .ab-prose,.about-story .ab-hero .ab-prose{font-size:14px;margin-top:24px}.about-story .ab-hero-visual{margin-top:16px}.about-story .ab-hero-visual .ab-svg{max-height:310px}.about-story .ab-hero-visual .ab-media-small{aspect-ratio:3;margin-top:22px}.about-story .ab-split,.about-story .ab-editorial{grid-template-columns:minmax(0,1fr);gap:30px}.about-story .ab-sticky{position:static}.about-story .ab-svg{max-height:360px}.about-story .ab-legend{gap:12px 18px;font-size:11px}.about-story .ab-placeholder{padding:14px}.about-story .ab-placeholder figcaption{font-size:10px}.about-story .ab-placeholder figcaption span{font-size:8px}.about-story .ab-media-small figcaption{max-width:77%}.about-story .ab-roots .ab-placeholder,.about-story .ab-build .ab-placeholder,.about-story .ab-media .ab-placeholder,.about-story .ab-remote .ab-placeholder{aspect-ratio:2}.about-story .ab-statement{font-size:25px;margin-top:24px}.about-story .ab-realization h2,.about-story .ab-philosophy h2{font-size:clamp(37px,9vw,56px)}.about-story .ab-realization .ab-editorial{margin-top:30px;gap:0}.about-story .ab-system-flow{display:grid;grid-template-columns:1fr;margin-top:35px;padding-left:6px}.about-story .ab-system-flow li{border-top:0;border-left:1px solid #8293a5;flex-direction:row;align-items:center;gap:20px;padding:14px 0 14px 26px;font-size:14px}.about-story .ab-system-flow li:before{left:-4px;top:calc(50% - 3px)}.about-story .ab-system-flow li>span{font-size:10px}.about-story .ab-people .ab-split .ab-prose{margin-top:0}.about-story .ab-remote .ab-svg{margin-top:0}.about-story .ab-peace h2{font-size:clamp(42px,10.5vw,68px)}.about-story .ab-peace .ab-prose{font-size:15px}.about-story .ab-peace .ab-split{margin-top:30px}.about-story .ab-care .ab-split>.ab-visual{order:2}.about-story .ab-care-line{font-size:29px;margin-top:25px;padding-top:25px}.about-story .ab-pillars{margin-top:30px}.about-story .ab-pillar{padding:22px 16px}.about-story .ab-pillar h3{font-size:22px}.about-story .ab-pillar p{font-size:13px}.about-story .ab-pillar-art{gap:5px;height:75px}.about-story .ab-pillar-art i{width:23px}.about-story [data-pillar="0"] i{width:42px;height:42px;margin-left:calc(var(--p,0)*12px)}.about-story .ab-stages{gap:13px}.about-story .ab-stages li{font-size:20px;gap:7px;flex-wrap:wrap}.about-story .ab-stages b{font-size:18px}.about-story .ab-closing h2{font-size:clamp(42px,10.5vw,65px)}.about-story .ab-closing-row{display:block;margin-top:25px}.about-story .ab-closing-row>p{font-size:15px}.about-story .ab-actions{margin-top:28px}.about-story .ab-actions .button{font-size:12px;gap:18px;max-width:100%;text-align:left}.about-story .ab-brand-line{margin-top:40px}.about-story .ab-contributors{gap:8px}.about-story .ab-contributors span{width:29px;height:29px}.about-story .ab-contributors span:after{inset:7px}}
@media(prefers-reduced-motion:reduce){.about-story *, .about-story *:before,.about-story *:after{animation:none!important;transition:none!important}}
/* Supplied hero photo. Keep the brand mark and tablet in the frame. */
.about-story .ab-hero-photo{align-self:start;overflow:hidden}
.about-story .ab-hero-photo img{display:block;width:100%;height:clamp(500px,46vw,660px);object-fit:cover;object-position:50% 65%}
@media(max-width:1050px) and (min-width:701px){.about-story .ab-hero-photo img{height:auto;aspect-ratio:3/4;object-fit:contain}}
@media(max-width:700px){.about-story .ab-hero-photo{margin-top:30px}.about-story .ab-hero-photo img{height:auto;aspect-ratio:3/4;object-fit:contain}}

/* Space between the photo hero and the first narrative section. */
.about-story .ab-hero{padding-bottom:55px}
@media(max-width:700px){.about-story .ab-hero{padding-bottom:35px}}
.about-story .ab-roots .ab-split{align-items:center}
.about-story .ab-roots-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 65%}
@media(max-width:700px){.about-story .ab-roots-photo img{aspect-ratio:3/4;object-fit:contain}}
/* Development chapter: portrait video on the left, narrative on the right. */
.about-story .ab-build .ab-split{max-width:1120px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:center}
.about-story .ab-build-video{width:100%;max-width:385px;justify-self:center;background:#121416}
.about-story .ab-build-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
.about-story .ab-build-copy h2{max-width:560px}
@media(max-width:700px){.about-story .ab-build .ab-split{grid-template-columns:minmax(0,1fr);gap:32px}.about-story .ab-build-copy{grid-row:1}.about-story .ab-build-video{max-width:340px}}
/* SosuPics: original portrait footage and a repeating capture-to-edit sequence. */
.about-story .ab-sosupics-video{width:min(100%,320px);margin:28px auto 0;background:#17201e}
.about-story .ab-sosupics-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
.about-story .ab-camera-focus{transform-box:fill-box;transform-origin:center;animation:ab-camera-focus 9s ease-in-out infinite}
.about-story .ab-media-play{animation:ab-media-play 9s ease-in-out infinite}
.about-story .ab-edit-cursor{animation:ab-edit-cursor 9s ease-in-out infinite}
.about-story.ab-motion .ab-media-sequence .ab-media-art .ab-wire{stroke-dasharray:12 9;animation:ab-media-flow 3s linear infinite}
.about-story .ab-media-sequence .ab-legend li{animation:ab-media-label 9s ease-in-out infinite}
.about-story .ab-media-sequence .ab-legend li:nth-child(2){animation-delay:1.8s}
.about-story .ab-media-sequence .ab-legend li:nth-child(3){animation-delay:3.6s}
.about-story .ab-media-sequence .ab-legend li:nth-child(4){animation-delay:5.4s}
.about-story .ab-media-sequence .ab-legend li:nth-child(5){animation-delay:7.2s}
.about-story .ab-media-sequence:not(.is-running) *{animation-play-state:paused!important}
@keyframes ab-camera-focus{0%,26%,100%{transform:scale(1);fill:transparent}10%{transform:scale(.78);fill:#a3823522}18%{transform:scale(1);fill:#a3823544}}
@keyframes ab-media-play{0%,25%,60%,100%{fill:transparent}35%,50%{fill:#a3823566}}
@keyframes ab-edit-cursor{0%,48%{transform:translateX(0)}90%,96%{transform:translateX(273px)}100%{transform:translateX(0)}}
@keyframes ab-media-flow{to{stroke-dashoffset:-42}}
@keyframes ab-media-label{0%,20%,100%{color:inherit}5%,15%{color:var(--ab-gold)}}
@media(prefers-reduced-motion:reduce){.about-story .ab-media-sequence *{animation:none!important}}
/* One shared clock drives the seven illustrations and the timeline. */
.about-story .ab-auto-timeline{margin-top:52px;--stage-progress:0}
.about-story .ab-auto-timeline ol{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));list-style:none;margin:0;padding:0}
.about-story .ab-auto-timeline button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;height:100%;padding:24px 14px 20px;background:transparent;color:#bbc9da;text-align:left;transition:background .5s,color .5s}
.about-story .at-track{position:absolute;top:0;left:0;right:0;height:1px;background:#60758b}
.about-story .at-track:before{content:'';position:absolute;left:14px;top:-3px;width:7px;height:7px;border-radius:50%;background:#8da0b6;transition:background .5s,box-shadow .5s}
.about-story .at-track i{display:block;width:100%;height:2px;background:#d0b574;transform:scaleX(0);transform-origin:left}
.about-story .at-index{font-size:10px;color:#d0b574}
.about-story .ab-auto-timeline svg{width:100%;max-width:170px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;overflow:visible;margin:6px 0}
.about-story .at-accent{stroke:#d0b574}
.about-story .at-title{font-size:13px;font-weight:500;color:#f6f6f0}
.about-story .at-description{font-size:12px;line-height:1.6;max-width:175px}
.about-story .ab-auto-timeline button[aria-pressed="true"]{color:#f6f6f0;background:#ffffff08}
.about-story .ab-auto-timeline button[aria-pressed="true"] .at-track:before{background:#d0b574;box-shadow:0 0 0 5px #d0b57420}
.about-story .ab-auto-timeline button[aria-pressed="true"] .at-track i{transform:scaleX(var(--stage-progress))}
.about-story .ab-auto-timeline .is-complete .at-track i{transform:scaleX(1)}
.about-story .ab-auto-timeline button[aria-pressed="true"] svg{animation:at-draw 1s ease both;stroke-dasharray:500}
.about-story .ab-auto-timeline button[aria-pressed="true"] .at-moving{animation:at-move 3.2s ease-in-out infinite}
.about-story .ab-auto-timeline button[aria-pressed="true"] .at-check{stroke-dasharray:50;animation:at-check 3.2s ease infinite}
.about-story .ab-auto-timeline:not(.is-running) *{animation-play-state:paused!important}
.about-story .ab-auto-timeline.is-static *{animation:none!important}
.about-story .ab-auto-timeline.is-static button{background:none;color:#d7e0ea}
.about-story .ab-auto-timeline.is-static .at-track i{transform:scaleX(1)}
@keyframes at-draw{from{stroke-dashoffset:500;opacity:.4}to{stroke-dashoffset:0;opacity:1}}
@keyframes at-move{0%,100%{translate:0 0}45%,65%{translate:0 -6px}}
@keyframes at-check{0%,15%{stroke-dashoffset:50}50%,100%{stroke-dashoffset:0}}
@media(max-width:1050px) and (min-width:701px){.about-story .ab-auto-timeline button{padding:22px 8px 18px}.about-story .at-title{font-size:11px}.about-story .at-description{font-size:11px}.about-story .at-track:before{left:8px}}
@media(max-width:700px){.about-story .ab-auto-timeline{margin-top:35px}.about-story .ab-auto-timeline ol{grid-template-columns:1fr}.about-story .ab-auto-timeline button{display:grid;grid-template-columns:30px 92px minmax(0,1fr);grid-template-rows:auto auto;gap:7px 12px;padding:20px 12px 20px 20px;align-items:center}.about-story .at-track{top:0;bottom:0;left:0;right:auto;width:1px;height:auto}.about-story .at-track:before{left:-3px;top:30px}.about-story .at-track i{height:100%;width:2px;transform:scaleY(0);transform-origin:top}.about-story .ab-auto-timeline button[aria-pressed="true"] .at-track i{transform:scaleY(var(--stage-progress))}.about-story .ab-auto-timeline .is-complete .at-track i{transform:scaleY(1)}.about-story .at-index{grid-column:1;grid-row:1/3}.about-story .ab-auto-timeline svg{grid-column:2;grid-row:1/3;margin:0}.about-story .at-title{grid-column:3;grid-row:1;align-self:end;font-size:14px}.about-story .at-description{grid-column:3;grid-row:2;align-self:start;font-size:12px;max-width:none}}
@media(max-width:360px){.about-story .ab-auto-timeline button{grid-template-columns:20px 72px minmax(0,1fr);gap:7px 9px;padding-right:6px}}
@media(prefers-reduced-motion:reduce){.about-story .ab-auto-timeline *{animation:none!important;transition:none!important}}
.about-story .ab-measurement-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
/* People contributing to one shared project, with no role labels or numbering. */
.about-story .ab-team-scene svg{display:block;width:100%;height:auto;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
.about-story .ap-ground{fill:var(--ab-navy);opacity:.045}
.about-story .ap-guide{stroke:var(--line);stroke-dasharray:3 8;opacity:.6}
.about-story .ap-outline,.about-story .ap-shirt{stroke:var(--ab-navy)}
.about-story .ap-skin{fill:#d4bca2;stroke:#826e59;stroke-width:1.2}
.about-story .ap-hair{fill:#253849;stroke:#253849}
.about-story .ap-face{stroke:#5d4c3f;stroke-width:1.6}
.about-story .ap-shirt-navy{fill:#254667}
.about-story .ap-shirt-light{fill:#e8e9e1}
.about-story .ap-shirt-gold{fill:#c2ad77}
.about-story .ap-table{fill:var(--soft);stroke:var(--ab-navy)}
.about-story .ap-device{fill:var(--paper);stroke:var(--ab-navy)}
.about-story .ap-screen-mark{stroke:var(--ab-gold)}
.about-story .ap-paper{fill:var(--paper);stroke:var(--ab-gold)}
.about-story .ap-project-line{stroke:var(--ab-navy);stroke-width:2}
.about-story .ap-project-check{stroke:var(--ab-gold);stroke-width:2}
.about-story .ap-contribution{stroke:var(--ab-gold);stroke-width:2;stroke-dasharray:12 88;animation:ap-contribute 8s ease-in-out infinite}
.about-story .ap-from-right{animation-delay:2.5s}
.about-story .ap-left-arm{transform-origin:95px 260px;animation:ap-left-work 8s ease-in-out infinite}
.about-story .ap-center-arm{transform-origin:275px 211px;animation:ap-review 8s ease-in-out infinite}
.about-story .ap-right-arm{transform-origin:548px 258px;animation:ap-right-work 8s ease-in-out infinite}
.about-story .ap-person-left .ap-head{transform-origin:142px 185px;animation:ap-nod 8s ease-in-out infinite}
.about-story .ap-person-right .ap-head{transform-origin:502px 185px;animation:ap-nod 8s ease-in-out 2.5s infinite}
.about-story .ap-project-check{stroke-dasharray:40;animation:ap-complete 8s ease-in-out infinite}
.about-story .ab-team-scene:not(.is-running) *{animation-play-state:paused!important}
@keyframes ap-left-work{0%,30%,100%{transform:rotate(0)}12%,22%{transform:rotate(-4deg)}}
@keyframes ap-right-work{0%,32%,65%,100%{transform:rotate(0)}44%,55%{transform:rotate(4deg)}}
@keyframes ap-review{0%,60%,100%{transform:rotate(0)}73%,87%{transform:rotate(5deg)}}
@keyframes ap-nod{0%,30%,100%{transform:rotate(0)}12%,22%{transform:rotate(3deg)}}
@keyframes ap-contribute{0%,8%{stroke-dashoffset:15;opacity:0}12%{opacity:1}35%{stroke-dashoffset:-88;opacity:1}42%,100%{stroke-dashoffset:-88;opacity:0}}
@keyframes ap-complete{0%,62%{stroke-dashoffset:40}78%,100%{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.about-story .ab-team-scene *{animation:none!important}.about-story .ap-contribution{stroke-dasharray:3 6;opacity:.5}}
/* Geographic land geometry and lightweight collaboration routes. */
.about-story .ab-world-map{position:relative;width:100%;margin:0 0 20px}
.about-story .ab-world-map>img{display:block;width:100%;height:auto;aspect-ratio:600/290}
.about-story .ab-world-map>svg{position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:visible}
.about-story .ab-world-links{stroke:var(--ab-gold);stroke-width:1.15;stroke-dasharray:3 4}
.about-story .ab-world-links path{animation:ab-map-travel 5s linear infinite;animation-delay:var(--map-delay)}
.about-story .ab-world-dot{fill:var(--ab-gold);stroke:var(--paper);stroke-width:1}
.about-story .ab-world-halo{fill:none;stroke:var(--ab-gold);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:ab-map-pulse 4s ease-out infinite;animation-delay:var(--map-delay)}
.about-story .ab-world-map:not(.is-running) *{animation-play-state:paused!important}
.about-story .ab-remote-photo{margin-top:24px}
.about-story .ab-remote-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
@keyframes ab-map-travel{to{stroke-dashoffset:-35}}
@keyframes ab-map-pulse{0%{transform:scale(.6);opacity:.7}75%,100%{transform:scale(1.8);opacity:0}}
@media(prefers-reduced-motion:reduce){.about-story .ab-world-map *{animation:none!important}.about-story .ab-world-halo{opacity:.25}}
.about-story .ab-stewardship-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
/* Four continuously animated concepts, activated by visibility, never hover. */
.about-story .ab-pillar-scene{margin:24px 0 10px;width:100%;color:var(--ab-navy)}
.about-story .ab-pillar-scene svg{display:block;width:100%;height:auto;max-height:190px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.about-story .pp-surface{fill:var(--soft)}
.about-story .pp-tint{fill:var(--ab-navy);fill-opacity:.06}
.about-story .pp-lens{fill:var(--soft);stroke:var(--ab-gold);stroke-width:2}
.about-story .pp-gold{stroke:var(--ab-gold)}
.about-story .pp-focus{animation:pp-examine 6s ease-in-out infinite}
.about-story .pp-check{stroke-dasharray:60;animation:pp-check 6s ease-in-out infinite}
.about-story .pp-page{animation:pp-page 6s ease-in-out infinite}
.about-story .pp-phone{animation:pp-phone 6s ease-in-out infinite}
.about-story .pp-button{animation:pp-button 6s ease-in-out infinite}
.about-story .pp-route{stroke:var(--ab-gold);stroke-width:2;stroke-dasharray:8 7;animation:pp-route 3s linear infinite}
.about-story .pp-hub{transform-box:fill-box;transform-origin:center;animation:pp-hub 3s ease-in-out infinite}
.about-story .pp-bars rect{transform-box:fill-box;transform-origin:bottom;animation:pp-bars 6s ease-in-out infinite}
.about-story .pp-bars rect:nth-child(2){animation-delay:.2s}.about-story .pp-bars rect:nth-child(3){animation-delay:.4s}.about-story .pp-bars rect:nth-child(4){animation-delay:.6s}
.about-story .pp-trend{stroke:var(--ab-gold);stroke-width:2;stroke-dasharray:100;animation:pp-trend 6s ease-in-out infinite}
.about-story .pp-review{transform-origin:65px 48px;animation:pp-review 6s ease-in-out infinite}
.about-story .ab-pillar-scene:not(.is-running) *{animation-play-state:paused!important}
@keyframes pp-examine{0%,100%{translate:0 0}35%,60%{translate:-15px -8px}}
@keyframes pp-check{0%,12%{stroke-dashoffset:60}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}
@keyframes pp-page{0%,100%{translate:0 0;opacity:.7}30%,70%{translate:0 -3px;opacity:1}}
@keyframes pp-phone{0%,100%{translate:0 0}45%,70%{translate:0 -7px}}
@keyframes pp-button{0%,100%{fill:transparent}40%,70%{fill:var(--ab-gold);fill-opacity:.2}}
@keyframes pp-route{to{stroke-dashoffset:-60}}
@keyframes pp-hub{0%,100%{scale:1}50%{scale:1.08}}
@keyframes pp-bars{0%,100%{scale:1 .72}45%,75%{scale:1 1}}
@keyframes pp-trend{0%,12%{stroke-dashoffset:100}60%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}
@keyframes pp-review{0%,20%{rotate:0deg}70%,100%{rotate:360deg}}
@media(prefers-reduced-motion:reduce){.about-story .ab-pillar-scene *{animation:none!important}}
/* Closing: a focused invitation beside an animated illustration of expertise. */
.about-story .ab-closing{background:#eeebe2;--ink:#132c43;--muted:#58636a;--line:#d4d0c5;color:var(--ink)}
.about-story .ab-closing-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(35px,6vw,90px);align-items:center}
.about-story .ab-closing h2{font-size:clamp(43px,5.2vw,79px);line-height:1.04;max-width:650px}
.about-story .ab-closing-description{max-width:490px;margin-top:26px;font-size:16px;line-height:1.8;color:var(--muted)}
.about-story .ab-closing .ab-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:30px}
.about-story .ab-closing .button{background:#113057;border-color:#113057;color:#fff;font-size:12px;gap:24px}
.about-story .ab-closing .button:hover{background:#1a426d}
.about-story .ab-closing .text-link{font-size:12px;min-height:44px}
.about-story .ab-closing-art{margin:0;background:#102a49;color:#f0f2ef;overflow:hidden;width:100%}
.about-story .ab-closing-art svg{display:block;width:100%;height:auto;stroke:#adc0d3;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.about-story .ab-closing-art figcaption{margin:0 28px;padding:21px 0 25px;border-top:1px solid #ffffff26;max-width:430px;font-size:18px;line-height:1.5;letter-spacing:-.025em;text-wrap:balance}
.about-story .ac-orbit,.about-story .ac-guide{stroke:#ffffff1f;stroke-dasharray:3 7}
.about-story .ac-connections{stroke:#d0b574;stroke-dasharray:5 7;animation:ac-flow 5s linear infinite}
.about-story .ac-surface{fill:#102a49}
.about-story .ac-tint{fill:#afc4d510;stroke:#8ba9c0}
.about-story .ac-gold,.about-story .ac-check{stroke:#d0b574}
.about-story .ac-dot{fill:#d0b574;stroke:none}
.about-story .ac-ring{stroke:#d0b574;opacity:.3}
.about-story .ac-book-shadow{fill:#0b2039;stroke:#7894b0}
.about-story .ac-page{fill:#d9dedc;stroke:#a5b6be}
.about-story .ac-page-top{fill:#f0efe7;stroke:#cbb778}
.about-story .ac-book-spine{stroke:#a38235}
.about-story .ac-writing{stroke:#5f7387;stroke-width:1.4}
.about-story .ac-window{animation:ac-window 8s ease-in-out infinite}
.about-story .ac-message{animation:ac-message 8s ease-in-out infinite}
.about-story .ac-check{stroke-dasharray:55;animation:ac-confirm 8s ease-in-out infinite}
.about-story .ac-traveler{animation:ac-travel 4s ease-in-out infinite}
.about-story .ab-closing-art:not(.is-running) *{animation-play-state:paused!important}
.about-story .ab-closing .ab-brand-line{margin-top:40px;padding-top:25px;color:var(--muted)}
@keyframes ac-flow{to{stroke-dashoffset:-60}}
@keyframes ac-window{0%,100%{translate:0 0}35%,65%{translate:0 -5px}}
@keyframes ac-message{0%,100%{translate:0 0}45%,75%{translate:0 5px}}
@keyframes ac-confirm{0%,10%{stroke-dashoffset:55}40%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:55}}
@keyframes ac-travel{0%{translate:0 34px;opacity:0}15%{opacity:1}85%{opacity:1}100%{translate:0 -53px;opacity:0}}
html[data-theme="dark"] .about-story .ab-closing{background:#1d252d;--ink:#f0f2ef;--muted:#b9c2c9;--line:#3d4650}
html[data-theme="dark"] .about-story .ab-closing .button{border-color:#8caac6}
@media(max-width:1050px){.about-story .ab-closing-layout{gap:30px}.about-story .ab-closing h2{font-size:clamp(40px,5.2vw,65px)}.about-story .ab-closing-art figcaption{font-size:16px;margin:0 22px}.about-story .ab-closing-description{font-size:14px}}
@media(max-width:700px){.about-story .ab-closing-layout{grid-template-columns:1fr;gap:32px}.about-story .ab-closing h2{font-size:clamp(42px,10.5vw,65px)}.about-story .ab-closing .ab-actions{gap:15px 20px}.about-story .ab-closing-art{max-width:500px;justify-self:center}.about-story .ab-closing-art figcaption{font-size:17px}.about-story .ab-closing .ab-brand-line{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.about-story .ab-closing-art *{animation:none!important}}