.about-hero{background:radial-gradient(ellipse at 78% 65%,#0c2923 0,transparent 60%),#040404;overflow:hidden}
.about-opening{position:relative;isolation:isolate}
.about-opening.cover-enabled .about-hero{position:sticky;top:var(--hero-pin-top,84px);z-index:0}
.about-opening .about-purpose{position:relative;z-index:1;background:#f7f9f8}
.about-opening.cover-enabled .about-purpose{box-shadow:0 -20px 60px #00000016;border-radius:28px 28px 0 0}
@media(prefers-reduced-motion:reduce){.about-opening.cover-enabled .about-hero{position:relative;top:auto}.about-opening.cover-enabled .about-purpose{box-shadow:none}}
.about-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:calc(100svh - 84px);gap:24px;padding-block:80px}
.about-copy{position:relative;z-index:1}
.about-main .about-copy h1{font-size:clamp(48px,5.2vw,78px);line-height:1.08;font-weight:400}
.about-main .about-lead{font-size:clamp(17px,1.5vw,20px);max-width:570px;line-height:1.65;margin-top:32px;color:#adb5b2}
.about-scroll{display:inline-flex;align-items:center;gap:24px;color:#f0f6f6;text-decoration:none;font-size:13px;margin-top:48px;padding-block:12px}
.about-scroll span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff30;border-radius:50%;color:#2fae8e;transition:transform .2s}
.about-scroll:hover span{transform:translateY(4px)}
.about-scroll:focus-visible{outline:2px solid #2fae8e;outline-offset:6px}
.about-art{height:520px;position:relative;min-width:0}
#about-network{width:100%;height:100%;display:block}
.about-main .purpose-bento .purpose-heading,.about-main .purpose-bento .purpose-heading .eyebrow{text-align:left}
.about-main .purpose-bento .purpose-heading h2{margin-left:0;text-transform:uppercase;font-family:'Funnel Display',sans-serif}
.about-main .purpose-bento .purpose-card{min-height:0;border-radius:16px}
.about-main .purpose-bento .purpose-asset{height:185px;padding:24px;flex-shrink:0}
.about-main .purpose-bento .purpose-card>p{font-size:19px;line-height:1.5;padding:24px 28px 28px}
.micro-record{width:76px;height:92px;background:#fff;border:1px solid #cbd9d1;border-radius:10px;padding:20px 12px;display:flex;flex-direction:column;justify-content:center;gap:7px;box-shadow:0 5px 14px #213b2d05;flex-shrink:0}
.micro-record>i{display:block;height:4px;border-radius:3px;background:#d3dfd7;width:100%}
.micro-record>i:nth-last-child(2){width:70%;background:#9bcab6}.micro-record>i:last-child{width:85%}
.micro-fragments,.micro-integration{display:flex;align-items:center;position:relative;justify-content:center;width:100%;max-width:390px}
.micro-gap{width:35px;border-top:1px dashed #bdcfc4;margin:0 8px}
.micro-fragments .micro-record:nth-of-type(2)>i:nth-child(2){width:45%}
.micro-fragments .micro-record:nth-of-type(3)>i:first-child{width:65%}
.micro-signal{position:absolute;width:6px;height:6px;background:#218d69;border-radius:50%;left:18%;top:50%;opacity:0}
.micro-controlled{display:flex;align-items:center;gap:18px}
.micro-controlled>.micro-record{width:102px;height:112px;padding:24px 18px}
.micro-seals{display:grid;gap:8px}
.micro-seals span{display:flex;align-items:center;gap:8px;font-size:11px;color:#53685b}
.micro-seals b{font-size:11px;font-weight:400;background:#e2f2e9;border:1px solid #b8dccb;color:#238b69;border-radius:50%;height:22px;width:22px;display:grid;place-items:center}
.micro-standards{display:flex;align-items:center;gap:18px;padding:16px;background-image:linear-gradient(#729d8210 1px,transparent 1px),linear-gradient(90deg,#729d8210 1px,transparent 1px);background-size:16px 16px}
.micro-record>span{font-size:9px;color:#6b8073;margin-bottom:4px}
.micro-standards .variant-0{height:100px;border-radius:4px}.micro-standards .variant-1{height:78px;width:90px;border-radius:12px}.micro-standards .variant-2{height:108px;width:67px;border-radius:8px}
.micro-standards .variant-1>i:last-child{width:45%}.micro-standards .variant-2>i:first-of-type{width:50%}
.micro-label{border:1px solid #c6d8cd;background:#f7faf8;border-radius:24px;font-size:11px;color:#3d6350;padding:9px 12px;white-space:nowrap}
.micro-link{width:40px;height:1px;background:#c1d7c9;position:relative}
.micro-link:after{content:'';position:absolute;inset:0;background:#24956e;transform:scaleX(0);transform-origin:left}
.micro-integration .micro-record{width:82px}
.is-revealed .micro-signal{animation:micro-travel 2.2s ease both}
.is-revealed .micro-seals b{animation:micro-confirm .6s ease both;animation-delay:calc(.3s + var(--n)*.25s)}
.is-revealed .micro-standards .micro-record{animation:micro-enter .65s ease both;animation-delay:calc(var(--n)*.15s)}
.is-revealed .micro-link:after{animation:micro-connect 1.3s ease .3s both}
.is-revealed .micro-integration .micro-record{animation:micro-glow 1.5s ease .4s both}
@keyframes micro-travel{0%{left:18%;opacity:0}15%,28%{left:32%;opacity:1}48%,62%{left:64%;opacity:1}90%,100%{left:82%;opacity:0}}
@keyframes micro-confirm{from{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes micro-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes micro-connect{to{transform:scaleX(1)}}
@keyframes micro-glow{50%{border-color:#42a67d;box-shadow:0 0 18px #42a67d20}100%{border-color:#a0cdb7}}
@media(max-width:700px){.about-main .purpose-bento .purpose-asset{padding:18px;height:175px}.about-main .purpose-bento .purpose-card>p{font-size:18px;padding:22px}.micro-gap{width:20px;margin:0 5px}.micro-link{width:22px}.micro-standards{gap:12px}}
.about-roles.roles-editorial .roles-layout{display:block}
.roles-editorial .roles-heading{position:static;max-width:1000px;padding:0}
.roles-editorial .roles-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin-top:64px}
.roles-editorial .role-item,.roles-editorial .role-item:last-child{padding:24px 0 0;margin:0;border:0;border-top:1px solid #ffffff26}
.roles-editorial .role-index{display:block;margin-bottom:22px}
.about-main .roles-editorial .role-item h3{font-size:clamp(22px,2.2vw,31px);font-weight:400;text-transform:none;line-height:1.2;color:#38b78e;margin:0 0 14px}
.about-main .roles-editorial .role-item p{font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:#d1dbd5;margin:0}
.about-roles.roles-scroll{height:240svh;padding:0;position:relative}
.roles-scroll .roles-layout{position:sticky;top:84px;min-height:calc(100svh - 84px);padding-block:60px}
@media(max-width:850px){.roles-editorial .roles-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;margin-top:40px}}
.about-roles{background:#040404;color:#eef5f2;padding:112px 0;scroll-margin-top:90px}
.roles-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.roles-heading{position:sticky;top:150px;padding-bottom:40px}
.about-main .roles-heading h2{font-size:clamp(34px,3.6vw,52px);line-height:1.12;color:#eef5f2;margin:0}
.about-main .roles-heading p{font-size:18px;color:#a5b1ab;margin:28px 0 0}
.role-item{padding:28px 0 64px;border-bottom:1px solid #ffffff1a;margin-bottom:40px}
.role-item:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.role-visual{background:radial-gradient(ellipse at center,#18382b40,transparent 75%),#0b100e;border:1px solid #ffffff0e;border-radius:20px;padding:32px;min-height:260px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.role-panel{background:#141c18;border:1px solid #35433b;border-radius:14px;padding:24px;box-shadow:0 16px 35px #0003}
.role-panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:#e3ece7}
.role-panel-title>i{font-style:normal;color:#39b893}
.role-panel-foot{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#899e92;border-top:1px solid #34433a;padding-top:16px;margin-top:22px}
.role-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.role-tags span{font-size:11px;padding:9px 12px;border:1px solid #35483d;border-radius:40px;color:#b9cdc1;background:#14251c}
.role-lines{display:grid;gap:8px;margin-top:24px}
.role-lines i{height:4px;background:#3b5144;border-radius:4px;width:90%;transform-origin:left}
.role-lines i:nth-child(2){width:68%;background:#2a9d79}.role-lines i:nth-child(3){width:80%}
.role-stages{display:grid;gap:16px;margin-top:25px;font-size:13px;color:#69c3a1}
.role-modules{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.role-modules span{background:#141e18;border:1px solid #35483c;border-radius:12px;padding:22px 15px;font-size:13px;color:#d2dfd7}
.role-base{text-align:center;font-size:11px;color:#90ac9c;border:1px solid #2f4538;border-radius:8px;padding:14px;background:#122219}
.role-fields{display:grid;gap:18px;margin-top:24px}
.role-fields span{font-size:10px;color:#829b8c;display:flex;justify-content:space-between;gap:12px;align-items:center}
.role-fields b{font-size:12px;font-weight:400;color:#d9e6df}
.role-caption{display:flex;align-items:baseline;gap:22px;margin-top:28px}
.role-index{font-size:11px;color:#4db793;letter-spacing:.1em}
.about-main .role-caption h3{font-size:clamp(23px,2.3vw,32px);font-weight:400;line-height:1.3;text-transform:none;color:#d1dbd5;margin:0}
.roles-enhanced .role-item{opacity:.6;transition:opacity .6s ease}
.roles-enhanced .role-item.is-current{opacity:1}
.role-item.is-current .role-caption h3>span{color:#38b78e}
.role-item.is-current .role-panel,.role-item.is-current .role-modules{animation:role-arrive .75s ease both}
.role-item.is-current .role-lines i{animation:role-line 1s ease both}
@keyframes role-arrive{from{translate:0 12px;opacity:.5}to{translate:0 0;opacity:1}}
@keyframes role-line{from{transform:scaleX(.5)}to{transform:scaleX(1)}}
@media(max-width:850px){.about-roles{padding:64px 0}.roles-layout{grid-template-columns:1fr;gap:16px}.roles-heading{position:static}.role-visual{padding:24px}.role-item{padding-bottom:36px;margin-bottom:24px}.roles-enhanced .role-item{opacity:1}}
@media(prefers-reduced-motion:reduce){.roles-heading{position:static}.roles-enhanced .role-item{opacity:1;transition:none}.role-item *{animation:none!important}}
.about-purpose{padding:88px 0;scroll-margin-top:110px}
.about-reasons{display:grid;grid-template-columns:1fr 1fr;gap:32px 64px;margin-top:40px}
.about-main .about-reasons p{border-top:1px solid #17221f26;padding-top:24px;font-size:19px}
@media(max-width:850px){.about-layout{grid-template-columns:1fr;min-height:0;padding-block:52px 24px;gap:8px}.about-art{height:300px}.about-main .about-copy h1{font-size:clamp(44px,8vw,66px)}.about-scroll{margin-top:24px}.about-purpose{padding:56px 0}.about-reasons{grid-template-columns:1fr;gap:24px}}
/* Four editorial statements, paced by scroll. Static reading is the fallback. */
.about-purpose{padding:72px 0}
.purpose-heading{text-align:center;margin-bottom:48px}
.purpose-heading h2{margin-inline:auto}
.purpose-stage{max-width:980px;margin:auto}
.purpose-step{padding:36px 0}
.purpose-index{display:block;text-align:center;font-size:13px;letter-spacing:.15em;color:#13836b;margin-bottom:28px}
.purpose-index>span{color:#68746f}
.about-main .purpose-step>p{font-family:'Funnel Display',sans-serif;font-size:clamp(28px,3.5vw,48px);line-height:1.28;text-align:center;color:#17221f;letter-spacing:-.025em}
.purpose-step>p>span{color:#13836b}
.about-purpose.is-scrolling{height:440svh;padding:0;position:relative}
.is-scrolling .purpose-sticky{position:sticky;top:84px;height:calc(100svh - 84px);display:flex;flex-direction:column;justify-content:center;padding-block:32px}
.is-scrolling .purpose-heading{margin-bottom:36px;flex-shrink:0}
.is-scrolling .purpose-stage{display:grid;width:100%;margin:0 auto;min-height:320px;align-items:center}
.is-scrolling .purpose-step{grid-area:1/1;padding:0;will-change:opacity,transform}
@media(max-width:700px){.is-scrolling .purpose-sticky{top:76px;height:calc(100svh - 76px)}.purpose-heading .eyebrow{margin-bottom:18px}.about-main .purpose-heading h2{font-size:32px}.is-scrolling .purpose-stage{min-height:350px}.purpose-index{margin-bottom:22px}.about-main .purpose-step>p{font-size:clamp(26px,6.5vw,36px)}}
.about-architecture{padding-top:96px}
.architecture-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}
.about-main .architecture-intro h2{font-size:clamp(34px,4vw,56px)}
.about-main .architecture-intro p{font-size:20px;line-height:1.5}
.architecture-tags{list-style:none;padding:0;margin:64px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-bottom:48px;border-bottom:1px solid #17221f26}
.architecture-tags li{font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}
.architecture-tags li:before{content:'';width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#13836b}
.principle{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:72px 0;align-items:start}
.principle-count{font-size:12px;letter-spacing:.15em;color:#68746f;display:block;margin-bottom:22px}
.about-main .principle h3{font-size:clamp(36px,4vw,56px);text-transform:none;font-weight:400}
.about-main .principle-copy p,.principle-values{font-size:clamp(23px,2.3vw,32px);line-height:1.5;letter-spacing:-.02em;color:#17221f}
.principle-copy span{color:#13836b}
.principle-values{list-style:none;padding:0;margin:0}
.principle-values li{padding:12px 0;border-bottom:1px solid #17221f18}
.principle-values li:first-child{padding-top:0}
.principles-scroll.is-animated{height:330svh}
.is-animated .principles-sticky{position:sticky;top:84px;min-height:calc(100svh - 84px);display:flex;align-items:center;padding-block:44px}
.is-animated .principles-stage{display:grid;width:100%}
.is-animated .principle{grid-area:1/1;padding:0;will-change:opacity,transform}
@media(max-width:700px){.about-architecture{padding-top:56px}.architecture-intro{grid-template-columns:1fr;gap:24px}.architecture-tags{grid-template-columns:1fr 1fr;margin-top:36px;gap:24px 16px;padding-bottom:32px}.architecture-tags li{font-size:14px}.principle{grid-template-columns:1fr;gap:28px;padding:40px 0}.is-animated .principles-sticky{top:76px;min-height:calc(100svh - 76px)}.about-main .principle-copy p,.principle-values{font-size:23px}.principle-count{margin-bottom:14px}}
/* Dark reading stage for Mission, Vision and Values. */
.about-architecture .principles-scroll{background:#040404;color:#f0f6f6;--infra-text:#f0f6f6;--infra-muted:#adb5b2}
.about-main .principles-scroll .principle h3{color:#f0f6f6}
.about-main .principles-scroll .principle-copy p,.principles-scroll .principle-values{color:#dce4e1}
.principles-scroll .principle-copy span{color:#2fae8e}
.principles-scroll .principle-count{color:#a4ada9}
.principles-scroll .principle-values li{border-bottom-color:#ffffff20}
.principle-word{display:inline-block;will-change:opacity,transform}
/* Architecture introduction shares the dark principles background. */
.about-architecture.infra-light{background:#040404;color:#f0f6f6;--infra-text:#f0f6f6;--infra-muted:#adb5b2;--infra-border:#ffffff26}
.about-main .about-architecture .architecture-intro h2{color:#f0f6f6}
.about-main .about-architecture .architecture-intro p{color:#adb5b2}
.about-architecture .architecture-intro strong{color:#f0f6f6}
.about-architecture .architecture-tags{color:#f0f6f6;border-bottom-color:#ffffff26}
.about-architecture .architecture-tags li:before{background:#2fae8e}
/* Four editorial cards with decorative, code-native assets. */
.about-building{padding:112px 0 104px;scroll-margin-top:100px}
.building-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}
.about-main .building-heading h2{font-size:clamp(36px,4.1vw,58px);line-height:1.08;margin:0}
.about-main .building-heading p{font-size:20px;line-height:1.6;color:#5b6b64;margin:0}
.building-heading strong{font-weight:500;color:#15876a}
.building-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:64px}
.building-pillar{min-width:0;min-height:200px;background:#fff;border:1px solid #d6e0da;border-radius:14px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:40px}
.pillar-art{display:flex;align-items:center;min-height:29px}
.pillar-art img{filter:brightness(0) saturate(100%) invert(43%) sepia(36%) saturate(853%) hue-rotate(109deg);display:block}
.about-main .building-pillar h3{font-size:clamp(18px,1.8vw,25px);line-height:1.3;font-weight:500;text-transform:none;margin:0;color:#1c2c24}
.about-building.building-ready .building-heading,.about-building.building-ready .building-pillar{opacity:0;transform:translateY(24px)}
.about-building.building-visible .building-heading,.about-building.building-visible .building-pillar{opacity:1;transform:none;transition:opacity .8s ease,transform .8s ease}
.building-visible .building-pillar{transition-delay:calc(.3s + var(--pillar)*.16s)!important}
@media(max-width:700px){.about-building{padding:64px 0}.building-heading{grid-template-columns:1fr;gap:28px}.about-main .building-heading p{font-size:18px}.building-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px}.building-pillar{padding:22px;min-height:185px;gap:30px}}
@media(prefers-reduced-motion:reduce){.about-building.building-ready .building-heading,.about-building.building-ready .building-pillar{opacity:1;transform:none;transition:none}.about-building .pillar-layer{animation:none}}
.purpose-bento .purpose-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.purpose-bento .purpose-card{grid-column:auto;border-radius:18px;background:#fff;box-shadow:none}
.purpose-bento .purpose-asset{height:340px;flex-shrink:0;background:#ecf2ef;padding:36px}
.purpose-bento .purpose-card:nth-child(even) .purpose-asset{background:#f0f7f6}
.about-main .purpose-bento .purpose-card>p{background:#fff;padding:32px 36px 40px;font-size:22px;line-height:1.5;max-width:none;flex:1}
.purpose-ui{width:100%;max-width:390px;font-size:14px;color:#24342e}
.purpose-bento .purpose-ui.fragmented{display:block;position:static;transform:none;height:auto}
.purpose-bento .purpose-ui span{position:static;transform:none;box-shadow:none;background:transparent;color:inherit;padding:0;border:0}
.purpose-bento .purpose-ui .purpose-ui-tags>span{border:1px solid #cfddd6;border-radius:50px;padding:10px 15px;background:#f8fbfa;font-size:12px;color:#536b60}
.purpose-bento .purpose-ui .purpose-ui-tags>.selected{background:#e0f2e9;border-color:#8acdb6;color:#17684f}
.purpose-bento .purpose-ui .purpose-ui-tags>.purpose-ui-bridge{border:0;background:none;font-size:22px;padding:0;color:#2fae8e}
.purpose-bento .purpose-ui .purpose-ui-pending span{font-size:10px;border:1px dashed #b9ccc2;border-radius:7px;padding:5px 7px;color:#6d8278}
.purpose-ui-tags{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:24px}
.purpose-ui-tags>span{border:1px solid #cfddd6;border-radius:50px;padding:10px 15px;background:#f8fbfa;font-size:12px;color:#536b60}
.purpose-ui-tags .selected{background:#e0f2e9;border-color:#8acdb6;color:#17684f}
.purpose-ui-panel{background:white;border:1px solid #d0ded7;border-radius:15px;padding:24px;box-shadow:0 12px 28px #203e2d07}
.purpose-ui-panel b{font-weight:500;display:flex;align-items:center;gap:12px;font-size:14px}
.purpose-ui-panel em{font-style:normal;color:#2fae8e;font-size:24px}
.purpose-ui-panel .purpose-ui-tick{margin-left:auto;font-size:18px}
.purpose-ui-lines{display:grid;gap:8px;margin:24px 0}
.purpose-ui-lines i{height:5px;border-radius:8px;background:#dce7e1;width:90%;transform-origin:left}
.purpose-ui-lines i:nth-child(2){width:70%;background:#8dd3bd}
.purpose-ui-lines i:nth-child(3){width:80%}
.purpose-ui-panel small{display:block;border-top:1px solid #dce6e0;padding-top:15px;font-size:9px;letter-spacing:.06em;color:#6c8277}
.purpose-ui-documents{display:flex;gap:16px}
.purpose-ui-documents .purpose-ui-panel{width:50%;padding:20px 16px}
.purpose-ui-documents b{font-size:12px}
.purpose-ui-status{display:flex;align-items:center;justify-content:center;gap:10px;color:#7c9187;margin-top:20px;font-size:18px}
.purpose-ui-status span{font-size:11px}
.purpose-ui-row{display:flex;align-items:center;gap:18px;background:#ffffffc9;border:1px solid #dce8e3;border-radius:16px;padding:20px 24px;box-shadow:0 14px 30px #255e4710;margin:14px 0}
.purpose-ui-row:first-child,.purpose-ui-row:last-child{transform:scale(.92);opacity:.6}
.purpose-ui-row:nth-child(2){font-weight:600}
.purpose-ui-row i{display:grid;place-items:center;border:1px solid #bce6da;background:#e9f6f1;border-radius:50%;width:30px;height:30px;color:#208f73;font-style:normal;font-size:19px}
.purpose-ui-row small{margin-left:auto;font-size:10px;color:#87a296}
.purpose-ui-pending{display:flex;gap:7px;border-top:1px solid #dce6e0;padding-top:15px;flex-wrap:wrap}
.purpose-ui-pending span{font-size:10px;border:1px dashed #b9ccc2;border-radius:7px;padding:5px 7px;color:#6d8278}
.purpose-ui-tags .purpose-ui-bridge{border:0;background:none;font-size:22px;padding:0;color:#2fae8e}
.is-revealed .purpose-ui{animation:purpose-ui-enter 1s ease both}
.is-revealed .purpose-ui-lines i{animation:purpose-ui-line 1.4s ease both}
@keyframes purpose-ui-enter{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes purpose-ui-line{from{transform:scaleX(.2)}to{transform:scaleX(1)}}
@media(max-width:700px){.purpose-bento .purpose-bento-grid{grid-template-columns:1fr}.purpose-bento .purpose-asset{height:310px;padding:24px}.about-main .purpose-bento .purpose-card>p{padding:26px;font-size:20px}}
.purpose-bento{padding:96px 0 112px}
.purpose-bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.purpose-card{grid-column:span 7;overflow:hidden;border:1px solid #d6e1dc;border-radius:24px;background:linear-gradient(145deg,#fff,#edf3f0);min-height:360px;display:flex;flex-direction:column;box-shadow:0 8px 32px #17221f05}
.purpose-card-2,.purpose-card-3{grid-column:span 5}
.about-main .purpose-card p{font-size:clamp(18px,1.65vw,24px);line-height:1.45;letter-spacing:-.025em;color:#24342e;margin:0;padding:24px 32px 32px;max-width:650px}
.purpose-asset{height:235px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#9cd9c329,transparent 68%)}
.purpose-card.will-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.purpose-card.is-revealed{opacity:1;transform:none}
.purpose-bento .purpose-heading .eyebrow{text-align:center}
@media(max-width:700px){.purpose-bento{padding:64px 0}.purpose-bento-grid{grid-template-columns:1fr;gap:16px}.purpose-card,.purpose-card-2,.purpose-card-3{grid-column:auto;min-height:320px;border-radius:20px}.purpose-asset{height:200px}.about-main .purpose-card p{padding:20px 24px 28px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.purpose-card.will-reveal{opacity:1;transform:none;transition:none}.purpose-card *{animation:none!important}}
.about-main .purpose-bento .purpose-card>p{font-size:19px;line-height:1.5;padding:24px 28px 28px}
@media(max-width:700px){.about-main .purpose-bento .purpose-card>p{font-size:18px;padding:22px}}

/* Challenges, main proposition, then the connecting conclusion. */
.purpose-asymmetric .purpose-bento-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:'trad proposal' 'digital proposal' 'connection connection';gap:20px}
.purpose-asymmetric .purpose-card-1{grid-area:trad}
.purpose-asymmetric .purpose-card-3{grid-area:digital}
.purpose-asymmetric .purpose-card-2{grid-area:proposal}
.purpose-asymmetric .purpose-card-4{grid-area:connection}
.about-main .purpose-asymmetric .purpose-card-1,.about-main .purpose-asymmetric .purpose-card-3{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;background:#edf2ef;min-height:210px}
.about-main .purpose-asymmetric .purpose-card-1 .purpose-asset,.about-main .purpose-asymmetric .purpose-card-3 .purpose-asset{height:160px;padding:0;background:none;overflow:visible}
.about-main .purpose-asymmetric .purpose-card-1>p,.about-main .purpose-asymmetric .purpose-card-3>p{background:none;font-size:18px;padding:24px 24px 24px 8px}
.purpose-asymmetric .micro-fragments{width:110px;flex-wrap:wrap;gap:8px}
.purpose-asymmetric .micro-fragments .micro-record{width:42px;height:57px;padding:12px 7px;gap:5px}
.purpose-asymmetric .micro-fragments .micro-gap{display:none}
.purpose-asymmetric .micro-fragments .micro-record:last-of-type{margin:0 30px}
.purpose-asymmetric .micro-standards{width:110px;gap:6px;flex-wrap:wrap;padding:8px;justify-content:center}
.purpose-asymmetric .micro-standards .micro-record{width:42px;height:56px;padding:7px;gap:4px;border-radius:5px}
.purpose-asymmetric .micro-standards .variant-1{height:45px}
.purpose-asymmetric .micro-standards .variant-2{width:60px;height:44px}
.purpose-asymmetric .micro-standards .micro-record>span{font-size:7px;margin:0}
.about-main .purpose-asymmetric .purpose-card-2{background:#e3f1e9;justify-content:space-between}
.about-main .purpose-asymmetric .purpose-card-2 .purpose-asset{background:none;height:240px;flex:1;min-height:220px}
.purpose-asymmetric .micro-controlled{gap:28px}
.purpose-asymmetric .micro-controlled>.micro-record{width:125px;height:150px}
.purpose-asymmetric .micro-seals{gap:14px}
.purpose-asymmetric .micro-seals span{font-size:13px}
.about-main .purpose-asymmetric .purpose-card-2>p{background:none;font-size:24px;line-height:1.4;flex:0;padding:20px 36px 36px}
.about-main .purpose-asymmetric .purpose-card-4{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;background:#fff}
.about-main .purpose-asymmetric .purpose-card-4>p{grid-column:1;grid-row:1;background:none;padding:30px 36px;font-size:20px}
.about-main .purpose-asymmetric .purpose-card-4 .purpose-asset{grid-column:2;grid-row:1;height:170px;background:none}
@media(max-width:850px){.about-main .purpose-asymmetric .purpose-card-1,.about-main .purpose-asymmetric .purpose-card-3{grid-template-columns:100px minmax(0,1fr)}.purpose-asymmetric .micro-fragments,.purpose-asymmetric .micro-standards{scale:.8}.purpose-asymmetric .micro-controlled{gap:12px}.purpose-asymmetric .micro-controlled>.micro-record{width:90px;height:120px}.purpose-asymmetric .micro-seals span{font-size:11px}.about-main .purpose-asymmetric .purpose-card-2>p{font-size:21px;padding:24px}.about-main .purpose-asymmetric .purpose-card-4>p{padding:24px;font-size:18px}}
@media(max-width:700px){.purpose-asymmetric .purpose-bento-grid{grid-template-columns:1fr;grid-template-areas:'trad' 'digital' 'proposal' 'connection'}.about-main .purpose-asymmetric .purpose-card-1,.about-main .purpose-asymmetric .purpose-card-3{min-height:160px}.about-main .purpose-asymmetric .purpose-card-4{display:flex;flex-direction:column-reverse}.about-main .purpose-asymmetric .purpose-card-4 .purpose-asset{width:100%;height:135px}.about-main .purpose-asymmetric .purpose-card-2 .purpose-asset{min-height:190px;flex:auto}}
.purpose-asymmetric .purpose-card-3.will-reveal{transition-delay:.1s}
.purpose-asymmetric .purpose-card-2.will-reveal{transition-delay:.25s}
.purpose-asymmetric .purpose-card-4.will-reveal{transition-delay:.4s}
.about-main .purpose-photographic .purpose-card-1,.about-main .purpose-photographic .purpose-card-3{grid-template-columns:42% minmax(0,1fr);min-height:230px;background:#fff}
.about-main .purpose-photographic .purpose-card-1 .purpose-asset,.about-main .purpose-photographic .purpose-card-3 .purpose-asset{height:100%;min-height:230px;overflow:hidden;padding:0}
.purpose-photographic .purpose-asset img{display:block;width:100%;height:100%;object-fit:cover}
.purpose-photographic .purpose-card-1 img{object-position:68% center}
.purpose-photographic .purpose-card-3 img{object-position:58% center}
.about-main .purpose-photographic .purpose-card-1>p,.about-main .purpose-photographic .purpose-card-3>p{padding:24px;font-size:18px}
.about-main .purpose-photographic .purpose-card-2 .purpose-asset{height:320px;min-height:0;flex:1;padding:0;overflow:hidden;position:relative}
.purpose-photographic .purpose-card-2 .purpose-asset img{position:absolute;inset:0;object-position:center 45%}
.about-main .purpose-photographic .purpose-card-2>p{padding:28px 32px;font-size:23px}
.about-main .purpose-photographic .purpose-card-4{display:block;background:#e5efe9}
.about-main .purpose-photographic .purpose-card-4>p{max-width:1000px;margin:auto;padding:30px 36px;text-align:center;font-size:22px}
@media(max-width:700px){.about-main .purpose-photographic .purpose-card-1,.about-main .purpose-photographic .purpose-card-3{grid-template-columns:38% minmax(0,1fr);min-height:200px}.about-main .purpose-photographic .purpose-card-1 .purpose-asset,.about-main .purpose-photographic .purpose-card-3 .purpose-asset{min-height:200px}.about-main .purpose-photographic .purpose-card-1>p,.about-main .purpose-photographic .purpose-card-3>p{padding:18px;font-size:17px}.about-main .purpose-photographic .purpose-card-2 .purpose-asset{height:240px;flex:auto}.about-main .purpose-photographic .purpose-card-2>p,.about-main .purpose-photographic .purpose-card-4>p{padding:24px;font-size:20px}}

/* Full-bleed photograph with an inset, translucent reading panel. */
.about-main .purpose-photographic .purpose-card-2{position:relative;isolation:isolate;justify-content:flex-end;min-height:480px;background:#15231e}
.about-main .purpose-photographic .purpose-card-2 .purpose-asset{position:absolute;inset:0;width:100%;height:100%;min-height:0;flex:none}
.purpose-photographic .purpose-card-2 .purpose-asset img{object-position:center center}
.about-main .purpose-photographic .purpose-card-2>p{position:relative;z-index:1;flex:none;max-width:none;margin:24px;padding:24px 28px;color:#f0f6f6;background:rgba(12,22,20,.72);border:1px solid rgba(240,246,246,.22);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000012;font-size:23px;line-height:1.4}
@media(max-width:700px){.about-main .purpose-photographic .purpose-card-2{min-height:460px}.about-main .purpose-photographic .purpose-card-2>p{margin:16px;padding:22px;font-size:20px}}

/* A quiet star field shared with the home and Manifesto. */
.about-hero{position:relative;background:#030303;isolation:isolate}
.about-layout{position:relative}
.about-art{position:absolute;inset:0;height:100%;width:100%;pointer-events:none;z-index:0}
.about-main .about-copy h1{font-size:clamp(42px,4.7vw,70px)}
@media(max-width:700px){.about-art{display:block;height:100%;opacity:.65}.about-main .about-copy h1{font-size:clamp(38px,8vw,52px)}}

/* Keep portrait artwork from expanding the compact bento rows. */
.about-main .purpose-photographic .purpose-card-1 .purpose-asset,
.about-main .purpose-photographic .purpose-card-3 .purpose-asset{position:relative;height:100%;min-height:230px}
.purpose-photographic .purpose-card-1 .purpose-asset img,
.purpose-photographic .purpose-card-3 .purpose-asset img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:700px){.about-main .purpose-photographic .purpose-card-1 .purpose-asset,.about-main .purpose-photographic .purpose-card-3 .purpose-asset{min-height:200px}}

/* Grayscale distinguishes the gaps from the connected solution. */
.purpose-photographic .purpose-card-1 .purpose-asset img,
.purpose-photographic .purpose-card-3 .purpose-asset img{filter:grayscale(1) brightness(.72)}

/* The closing sentence sits directly on the section background. */
.about-main .purpose-photographic .purpose-card-4{background:transparent;border:0;border-radius:0;box-shadow:none}
.about-main .purpose-photographic .purpose-card-4>p{padding:24px 20px 0;color:#53625c}
#conselho[hidden],#socios-juridicos[hidden]{display:none!important}