/* About has its own editorial composition; tokens, navigation and footer are shared with HOME. */
.about-page{--line:#dbe3ef;--soft:#f4f7fc;--ease:cubic-bezier(.2,.7,.2,1);background:#fff;color:var(--navy)}
.about-page main{overflow:clip}.about-page h1,.about-page h2,.about-page h3{font-weight:300;letter-spacing:-.055em}.about-page p{font-size:16px;line-height:1.8;color:#667287}.about-page p+p{margin-top:22px}.about-page h2{font-size:clamp(38px,4.3vw,68px);line-height:1.08}.about-page h3{font-size:30px;line-height:1.15}.about-page figure{margin:0}.cap-section{padding:100px max(6%,calc((100vw - 1380px)/2))}.chapter{display:flex;align-items:center;gap:16px;font-size:10px;font-weight:600;letter-spacing:.16em;margin-bottom:55px}.chapter>span{font-size:10px;font-weight:400;color:#8291aa}.chapter>i{height:1px;flex:1;background:var(--line);margin-left:16px}.small-label{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#36c4c6;box-shadow:0 0 0 5px #36c4c612}.cap-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;font-weight:600;padding:14px 0;border-bottom:1px solid #c6d2e5;transition:color .3s,border-color .3s}.cap-link>span{font-size:22px;font-weight:300;transition:transform .3s}.cap-link:hover{color:#2551e4;border-color:#2551e4}.cap-link:hover>span{transform:translate(3px,-3px)}.pill-link{display:inline-flex;gap:35px;align-items:center;border:1px solid #d1dae9;border-radius:50px;padding:17px 22px;font-size:12px;font-weight:600;background:white;transition:background .3s,color .3s,transform .3s}.pill-link>span{font-size:20px;line-height:1}.pill-link:hover{background:#2551e4;color:white;transform:translateY(-3px)}
/* An open, bright identity composition rather than a photographic banner. */
.identity-hero{position:relative;padding:155px max(6%,calc((100vw - 1380px)/2)) 0;background:radial-gradient(ellipse at 82% 48%,#eafaff 0,transparent 38%),#fff;display:grid;grid-template-columns:1.2fr 1fr;column-gap:2%;min-height:730px;isolation:isolate}.hero-copy{padding-bottom:70px;position:relative;z-index:2}.hero-eyebrow{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.18em;font-weight:600;margin-bottom:32px}.hero-copy h1{font-size:clamp(60px,5.85vw,94px);line-height:1.04;max-width:820px}.hero-copy h1 em{font-style:normal;color:#2551e4}.hero-copy p{max-width:510px;margin:27px 0;font-size:14px;line-height:1.8}.hero-object{position:relative;align-self:center;min-width:0;height:470px;margin-top:-25px;perspective:1000px}.object-axis{width:90%;height:60%;border:1px solid #2551e415;border-radius:50%;position:absolute;top:26%;left:5%;transform:rotate(-27deg);z-index:-1}.object-axis:after{content:'';position:absolute;inset:22px -25px;border:1px solid #36c4c61b;border-radius:50%}.object-note{position:absolute;display:flex;align-items:center;gap:10px;font-size:11px;padding:13px 17px;border-radius:7px;border:1px solid #fff;background:#ffffffbc;box-shadow:0 12px 30px #0f1a4507;backdrop-filter:blur(12px);z-index:3}.object-note svg{width:18px;height:18px;color:#2551e4}.note-one{top:12%;left:0}.note-two{right:-3%;top:44%}.note-three{bottom:7%;left:9%}.hero-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 0 23px;font-size:11px;color:#697993}.hero-foot>a{display:flex;align-items:center;gap:25px;color:#0f1a45}.hero-foot>a span{font-size:19px}.photo-sequence{display:grid;grid-template-columns:.75fr 1.15fr 1.7fr .9fr .75fr;gap:10px;align-items:center;padding:0 16px;height:320px;overflow:hidden}.photo-sequence figure{height:75%;overflow:hidden;position:relative;transform:translateY(var(--strip-y,0px));border-radius:3px}.photo-sequence figure:nth-child(2){height:87%}.photo-sequence figure:nth-child(3){height:100%}.photo-sequence figure:nth-child(4){height:88%}.photo-sequence img{height:112%;width:100%;object-fit:cover;transform:translateY(-5%);transition:transform 1s var(--ease)}.photo-sequence figure:hover img{transform:translateY(-5%) scale(1.045)}
/* Geographic scale as an infographic: 70 points, four of five bars. */
.overview{padding-top:100px}.overview-lead{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:start;margin-bottom:90px}.overview-lead h2{font-size:clamp(40px,4.5vw,68px)}.overview-lead>div{padding-top:7px}.overview-lead p{font-size:15px}.scale-heading{display:grid;grid-template-columns:1fr 1fr;gap:16%;align-items:start;margin-bottom:32px}.scale-heading h3{font-size:30px;max-width:420px}.scale-heading p{font-size:13px;line-height:1.9}.scale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.scale-card{position:relative;isolation:isolate;min-height:340px;padding:27px 30px 24px;overflow:hidden;border-radius:12px;background:#f1f5fc}.card-top{display:flex;align-items:center;gap:11px;font-size:10px;color:#64758d}.card-top svg{width:20px;height:20px;color:#2551e4}.metric{position:relative;z-index:1;display:flex;align-items:baseline;gap:16px;margin-top:30px}.metric strong{font-size:100px;font-weight:300;line-height:1;letter-spacing:-.075em}.metric span{font-size:14px}.states{background:linear-gradient(135deg,#f3f9fd,#e6efff)}.state-orbits{position:absolute;width:290px;height:290px;right:-36px;bottom:-181px;transform:rotate(-28deg)}.state-orbits i{position:absolute;inset:0;border:1px solid #648bec60;border-radius:50%}.state-orbits i:nth-child(2){inset:-35px}.state-orbits i:nth-child(3){inset:-70px}.state-orbits b{position:absolute;width:9px;height:9px;background:#2551e4;border:2px solid #fff;border-radius:50%;top:-5px;left:50%;box-shadow:0 0 0 5px #2551e410}.state-orbits b:nth-last-child(2){top:-26px;left:75%;background:#36c4c6}.state-orbits b:last-child{top:-53px;left:19%}.cities{background:#2551e4;color:white}.cities .card-top{color:#dce8ff}.cities .card-top svg{color:#b6eeff}.city-dots{display:grid;grid-template-columns:repeat(14,1fr);gap:9px;margin-top:26px;max-width:310px}.city-dots i{width:5px;height:5px;background:#80e6e9;border-radius:50%;opacity:.45}.city-dots i:nth-child(4n){opacity:1;box-shadow:0 0 9px #80e6e9}.regions{background:linear-gradient(140deg,#edfafa,#f1f6fb)}.region-bars{display:flex;gap:10px;align-items:flex-end;height:64px;margin-top:27px}.region-bars i{display:block;width:19%;height:100%;background:linear-gradient(#fff,#c8f0f1);border:1px solid #fff;box-shadow:0 6px 15px #36c4c610;border-radius:5px}.region-bars i:last-child{background:transparent;border:1px dashed #8aa6ad;box-shadow:none}.overview-links{display:flex;gap:35px;justify-content:flex-end;margin-top:23px}.overview-links .cap-link{font-size:12px}
/* Film becomes an offset media chapter, not another full-bleed hero. */
.film-section{display:grid;grid-template-columns:.8fr 1.3fr;gap:5%;align-items:center;padding:20px 0 110px max(6%,calc((100vw - 1380px)/2))}.film-aside{padding-right:5%;position:relative}.film-aside .chapter{margin-bottom:32px}.film-aside h2{font-size:clamp(38px,4vw,60px)}.film-aside p{font-size:14px;margin-top:23px;max-width:390px}.film-signature{display:flex;align-items:center;gap:14px;font-weight:600;letter-spacing:-.07em;font-size:24px;margin-top:40px}.film-signature>span{display:grid;place-items:center;width:27px;height:27px;font-size:10px;background:#36c4c6;border-radius:50%;letter-spacing:0}.about-page .film-section .institutional-video{position:relative;aspect-ratio:1.35;min-height:0;margin:0;isolation:isolate;overflow:hidden;border-radius:0;background:#ecf4fb}.film-poster{height:100%;position:absolute;inset:0;object-fit:cover}.about-page .institutional-video iframe{position:absolute;top:50%;left:50%;width:132%;height:100%;transform:translate(-50%,-50%);pointer-events:none;border:0}.about-page .film-section .watch-institutional{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:flex-end;gap:16px;padding:35px;border:0;background:linear-gradient(transparent 60%,#0f1a4555);color:white}.watch-institutional .play-disc{width:58px;height:58px;display:grid;place-items:center;background:#fff;color:#2551e4;border-radius:50%;font-size:17px;box-shadow:0 0 0 10px #ffffff1a;transition:transform .3s}.watch-institutional:hover .play-disc{transform:scale(1.1)}.watch-institutional>span:nth-child(2){font-size:12px;padding-bottom:19px}.watch-institutional .watch-arrow{margin-left:auto;padding-bottom:12px;font-size:27px}
/* History is an interactive, connected route, with an illustration for each chapter. */
.history-section{background:#0f1a45;color:white;position:relative;--line:#ffffff25;overflow:hidden}.history-section:before{content:'';width:750px;height:700px;position:absolute;right:-300px;bottom:-360px;background:radial-gradient(#2551e443,transparent 65%);pointer-events:none}.history-section .chapter{color:#80e6e9}.history-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:13%;align-items:start}.history-intro h2{font-size:clamp(43px,4.65vw,72px)}.history-section p{color:#b1bdd3;font-size:14px}.founder-sign{display:flex;align-items:center;gap:18px;margin-top:32px}.founder-sign strong{font-size:14px;font-weight:400}.founder-sign small{display:block;font-size:10px;color:#8d9cbc;margin-top:6px}.tiny-cap{display:block;width:34px;height:34px;background:linear-gradient(135deg,#2551e4,#80e6e9);clip-path:polygon(0 0,100% 0,52% 50%,100% 100%,0 100%)}.journey-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff26;margin-top:70px;padding-top:36px}.journey-head h3{font-size:27px}.journey-head>span{color:#80e6e9;font-size:17px;letter-spacing:8px}.history-tabs{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:38px}.history-tabs:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff25}.history-tabs button{position:relative;padding:25px 15px 15px 0;border:0;background:none;text-align:left;color:#94a6c8;font-size:13px;display:flex;align-items:center;gap:12px;transition:color .3s}.history-tabs button:before{content:'';position:absolute;left:0;top:-4px;width:9px;height:9px;background:#465779;border-radius:50%;transition:background .3s,box-shadow .3s}.history-tabs button>span{font-size:10px;opacity:.6}.history-tabs button>i{font-style:normal;margin-left:auto;margin-right:16px;font-size:18px;opacity:0;transform:translate(-4px,4px);transition:all .3s}.history-tabs button[aria-selected=true]{color:#80e6e9}.history-tabs button[aria-selected=true]:before{background:#80e6e9;box-shadow:0 0 0 7px #80e6e910,0 0 20px #80e6e990}.history-tabs button[aria-selected=true]>i{opacity:1;transform:none}.history-stage{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;min-height:340px;padding:25px 0 0}.history-stage[hidden]{display:none}.stage-number{display:block;font-size:12px;letter-spacing:.1em;color:#80e6e9;margin-bottom:20px}.stage-copy h3{font-size:39px}.stage-copy p{margin-top:20px;max-width:390px}.stage-art{background:radial-gradient(ellipse,#2551e417,transparent 66%);min-width:0}.stage-art svg{width:100%;height:300px;fill:none;stroke:#80e6e9;stroke-width:1;stroke-linecap:round}.stage-art svg>*{filter:drop-shadow(0 0 3px #36c4c680)}.stage-art .lit{fill:#80e6e9;stroke:none;filter:drop-shadow(0 0 10px #80e6e9)}.history-stage.active{animation:stageIn .65s var(--ease) both}.history-stage.active .stage-art svg{animation:artIn 1s var(--ease) both}
/* Principles use small visual metaphors, while values stay readily readable. */
.principles-title{max-width:650px;margin-bottom:45px}.principles-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:7%}.purpose-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.purpose-card{background:var(--soft);padding:24px;overflow:hidden;border-radius:9px;position:relative}.purpose-card h3{font-size:29px}.purpose-card p{font-size:13px;line-height:1.8;margin-top:17px}.mission-art{height:165px;position:relative;margin:0 -12px 10px}.mission-art>span{position:absolute;width:90px;height:90px;border:1px solid #2551e41d;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.mission-art>span:nth-child(2){width:125px;height:125px}.mission-art>span:nth-child(3){width:160px;height:160px}.mission-art i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,white,#e1f3ff);box-shadow:0 9px 20px #2551e415;border:1px solid white;width:59px;height:59px;border-radius:50%;display:grid;place-items:center;color:#2551e4;font-size:25px;font-style:normal}.vision{background:linear-gradient(130deg,#eff6ff,#e9fafa)}.vision-art{height:165px;display:flex;align-items:center;gap:6px;justify-content:center;margin-bottom:10px;perspective:300px;transform:rotate(-12deg)}.vision-art i{display:block;height:calc(45px + var(--i)*10px);width:12px;transform:rotateY(-35deg);background:linear-gradient(#fff,#80e6e9a1);border:1px solid white;border-radius:10px;box-shadow:7px 10px 12px #2551e407}.values>.small-label{display:block;margin:4px 0 20px;color:#64738b}.values details{border-top:1px solid var(--line);padding:20px 0}.values details:last-child{border-bottom:1px solid var(--line)}.values summary{list-style:none;display:flex;align-items:center;gap:15px;cursor:pointer;font-size:14px;line-height:1.6}.values summary::-webkit-details-marker{display:none}.value-number{font-size:9px;color:#8292a9;min-width:20px}.values summary i{margin-left:auto;font-size:22px;font-style:normal;color:#2551e4;font-weight:300;transition:transform .3s}.values details[open] summary i{transform:rotate(45deg)}.values details p{font-size:13px;margin:15px 24px 0 35px;animation:stageIn .3s ease}
.business-section{padding-top:0}.business-section h2{max-width:750px}.business-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px;align-items:start}.business-tile{position:relative;overflow:hidden;background:#f4f7fc;padding:27px 27px 0;border-radius:7px;display:flex;flex-direction:column;min-height:630px}.business-tile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.business-tile-top>span{font-size:10px;color:#72809b}.business-tile-top svg{width:27px;height:27px;color:#2551e4}.business-tile h3{font-size:35px}.business-tile p{font-size:13px;line-height:1.8;margin:19px 0 15px}.business-tile .cap-link{font-size:11px;margin-top:auto;margin-bottom:28px;gap:12px}.tile-photo{height:230px;flex-shrink:0;overflow:hidden;margin:0 -27px;position:relative}.depth-image{height:118%;object-fit:cover;transform:translateY(var(--depth,-5%));will-change:transform}.tile-1{margin-top:45px;background:#0f1a45;color:white}.tile-1 p{color:#c0cadc}.tile-1 .cap-link{color:#80e6e9;border-color:#ffffff35}.tile-1 .business-tile-top svg{color:#80e6e9}.tile-1 .tile-photo{height:270px}.tile-2{margin-top:90px;background:#eaf7f7}.tile-2 .tile-photo{height:230px}
/* City and nature share one continuous spread; the plant is an illustration, not a project photo. */
.impact-section{padding-top:30px}.impact-intro{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:start}.impact-intro h2{max-width:600px}.impact-intro p{font-size:14px}.impact-mosaic{display:grid;grid-template-columns:1.25fr 1fr;margin-top:45px;gap:20px;align-items:center}.city-panorama{height:570px;overflow:hidden;position:relative}.city-panorama img{object-position:38% center}.green-project{background:linear-gradient(140deg,#f2fafa,#eff6ff);position:relative;overflow:hidden;min-height:580px;display:flex;flex-direction:column}.green-top{display:flex;align-items:center;gap:12px;padding:24px 28px;font-size:10px;color:#527885}.green-top svg{width:20px;height:20px;margin-left:auto;color:#169f9f}.plant-illustration{height:285px;width:100%;overflow:visible}.plant-illustration>ellipse{fill:none;stroke:#36c4c630;stroke-width:1}.plant-stem{transform-origin:50% 85%;animation:plantSway 7s ease-in-out infinite}.green-copy{padding:0 32px 32px}.green-copy h3{font-size:32px}.green-copy p{font-size:13px;margin-top:20px}.family-section{padding-top:0}.family-heading{max-width:850px;text-align:center;margin:auto}.family-heading h2{font-size:clamp(37px,4vw,61px)}.brand-family{max-width:980px;margin:50px auto 0}.parent-brand{text-align:center;max-width:395px;margin:auto}.brand-name{display:flex;align-items:center;justify-content:center;gap:15px;min-height:48px}.brand-name img{width:230px;height:auto}.brand-family p{font-size:13px;line-height:1.8;margin-top:16px}.family-branch{display:grid;grid-template-columns:1fr 1fr;height:75px;width:55%;margin:auto}.family-branch>span:first-child{grid-column:1/-1;width:1px;height:35px;background:#c9d7eb;justify-self:center}.family-branch>span:nth-child(2){border-left:1px solid #c9d7eb;border-top:1px solid #c9d7eb;border-radius:14px 0 0 0}.family-branch>span:nth-child(3){border-right:1px solid #c9d7eb;border-top:1px solid #c9d7eb;border-radius:0 14px 0 0}.brand-children{display:grid;grid-template-columns:1fr 1fr;gap:9%;text-align:center}.brand-children article{background:#f5f8fc;border:1px solid #e8eef5;padding:30px 35px;border-radius:9px}.brand-name h3{font-size:27px}.brand-dot{width:9px;height:9px;border-radius:50%;background:#2551e4;box-shadow:0 0 0 6px #2551e40a}.brand-dot.turquoise{background:#36c4c6;box-shadow:0 0 0 6px #36c4c610}
.closing{position:relative;background:#2551e4;color:white;overflow:hidden;isolation:isolate}.closing>.small-label{color:#d0e1ff;display:block;margin-bottom:30px}.closing h2{max-width:990px;font-size:clamp(44px,5.5vw,88px)}.closing-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14%;margin-top:40px;align-items:start}.closing-bottom p{color:#e1eaff;font-size:14px;max-width:400px}.closing-bottom>div{display:flex;flex-direction:column}.closing-bottom .cap-link{color:white;border-color:#ffffff50;font-size:13px;padding:15px 0}.closing-bottom .cap-link:hover{color:#baf5f5}.closing-line{position:absolute;z-index:-1;right:-100px;top:-200px;width:600px;height:600px;border:1px solid #80e6e930;border-radius:50%;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff03}
.about-page .primary-nav a[aria-current]{text-decoration:underline;text-decoration-color:#36c4c6;text-underline-offset:7px}.about-page [hidden]{display:none!important}.about-page [data-reveal-text] .word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}.about-page [data-reveal-text] .motion-word{display:block;transform:none;opacity:1}.about-page.motion [data-reveal-text]:not(.text-entered) .motion-word{transform:translateY(110%);opacity:0}.about-page.motion [data-reveal-text].text-entered .motion-word{animation:wordIn .85s var(--ease) both;animation-delay:calc(var(--word-index,0)*22ms)}.about-page.motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.about-page.motion .reveal.visible{opacity:1;transform:none}.about-page .reading-progress{height:2px;background:#36c4c6}
@keyframes frontFloat{50%{transform:translate(5px,-9px)}}@keyframes backFloat{50%{transform:translate(-7px,7px)}}@keyframes baseFloat{50%{translate:0 8px}}@keyframes plantSway{50%{transform:rotate(3deg)}}@keyframes wordIn{from{transform:translateY(110%);opacity:0}to{transform:none;opacity:1}}@keyframes stageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes artIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}
@media(min-width:1700px){.identity-hero{min-height:850px;padding-top:190px}.hero-object{height:530px}.photo-sequence{height:390px}.hero-copy p{font-size:16px;max-width:570px}.cap-section{padding-top:125px;padding-bottom:125px}.business-section,.family-section{padding-top:0}.impact-section{padding-top:30px}.scale-card{min-height:370px}.business-tile{min-height:670px}.business-tile p,.green-copy p,.brand-family p{font-size:15px}}
@media(max-width:1100px){.identity-hero{padding-top:145px;min-height:680px}.hero-copy h1{font-size:62px}.hero-object{height:370px}.object-note{font-size:9px;padding:10px}.hero-copy p{font-size:13px}.photo-sequence{height:260px}.cap-section{padding:80px 6%}.overview-lead{gap:7%;margin-bottom:60px}.scale-heading{gap:8%}.scale-card{padding:23px;min-height:315px}.metric{gap:10px}.metric strong{font-size:80px}.metric span{font-size:12px}.city-dots{gap:8px}.film-section{padding-bottom:80px}.history-intro{gap:7%}.history-tabs button{font-size:11px}.principles-layout{grid-template-columns:1fr;gap:35px}.purpose-card{display:grid;grid-template-columns:.65fr 1fr;column-gap:24px}.purpose-card p{margin-top:12px;grid-column:2}.mission-art,.vision-art{grid-row:1/3;align-self:center;margin:0;height:155px}.business-section{padding-top:0}.business-tile{padding:23px 23px 0;min-height:650px}.business-tile h3{font-size:29px}.tile-photo{margin:0 -23px}.business-tile p{font-size:12px}.business-tile .cap-link{font-size:10px}.impact-section{padding-top:15px}.impact-intro{gap:7%}.impact-mosaic{grid-template-columns:1fr 1fr}.family-section{padding-top:0}.green-copy{padding:0 26px 28px}.green-copy h3{font-size:28px}.family-heading h2{font-size:46px}}
@media(max-width:800px){.cap-section{padding:65px 6%}.chapter{margin-bottom:34px;font-size:9px;gap:12px}.chapter>i{margin-left:5px}.about-page h2{font-size:38px}.identity-hero{padding:151px 6% 0;grid-template-columns:1fr;min-height:0;background:radial-gradient(ellipse at 70% 70%,#eafaff,transparent 40%),white}.hero-eyebrow{font-size:9px;margin-bottom:23px}.hero-copy{padding-bottom:0}.hero-copy h1{font-size:clamp(45px,8.6vw,70px);max-width:630px;letter-spacing:-.058em}.hero-copy p{font-size:13px;max-width:500px;margin:23px 0}.pill-link{font-size:11px;padding:15px 20px;gap:35px}.hero-object{width:80%;height:340px;justify-self:center;margin:0;grid-row:2}.note-one{top:13%;left:0}.note-two{right:-2%;top:45%}.note-three{bottom:8%;left:4%}.object-axis{width:75%;left:13%}.object-note{padding:10px 12px;font-size:9px}.object-note svg{width:15px;height:15px}.hero-foot{font-size:9px;padding:17px 0;gap:8px}.hero-foot>a{gap:15px}.photo-sequence{height:220px;padding:0 8px;gap:6px;grid-template-columns:.7fr 1.3fr .7fr}.photo-sequence figure:nth-child(1),.photo-sequence figure:nth-child(5){display:none}.photo-sequence figure:nth-child(2){height:80%}.photo-sequence figure:nth-child(4){height:87%}.overview-lead{grid-template-columns:1fr;gap:25px;margin-bottom:48px}.overview-lead h2{font-size:40px;max-width:600px}.overview-lead>div{padding:0}.overview-lead p{font-size:14px}.scale-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.scale-heading h3{font-size:28px;max-width:480px}.scale-heading p{font-size:13px}.scale-grid{grid-template-columns:1fr 1fr;gap:10px}.scale-card{padding:20px;min-height:250px}.scale-card .card-top{font-size:9px;gap:8px}.card-top svg{width:17px;height:17px}.metric{display:block;margin-top:25px}.metric strong{font-size:72px}.metric span{display:block;margin-top:10px;font-size:12px}.state-orbits{width:200px;height:200px;bottom:-175px;right:-75px}.city-dots{gap:8px;grid-template-columns:repeat(14,1fr);margin:0;position:absolute;right:-14px;bottom:18px;transform:rotate(-16deg);opacity:.2;width:90%}.city-dots i{width:3px;height:3px}.regions{grid-column:1/-1;min-height:175px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.regions .card-top{grid-column:1/-1}.regions .metric{display:flex;align-items:baseline;margin-top:5px;gap:15px}.regions .metric strong{font-size:68px}.regions .metric span{font-size:11px;line-height:1.5;max-width:70px}.region-bars{height:57px;align-self:end;margin:0 0 12px;gap:5px}.overview-links{flex-direction:column;gap:5px;align-items:flex-start;margin-top:15px}.overview-links .cap-link{font-size:11px;min-width:245px}.film-section{padding:5px 0 60px;grid-template-columns:1fr;gap:28px}.film-aside{padding:0 6%}.film-aside h2{max-width:450px;font-size:39px}.film-aside p{font-size:13px;max-width:500px}.film-signature{display:none}.about-page .film-section .institutional-video{aspect-ratio:1.65}.about-page .film-section .watch-institutional{padding:24px}.watch-institutional .play-disc{width:46px;height:46px;font-size:14px}.watch-institutional>span:nth-child(2){font-size:11px;padding-bottom:14px}.watch-institutional .watch-arrow{font-size:22px;padding-bottom:9px}.history-intro{grid-template-columns:1fr;gap:28px}.history-intro h2{font-size:42px;max-width:560px}.history-section p{font-size:13px}.founder-sign{margin-top:25px}.journey-head{margin-top:45px;padding-top:28px;gap:20px}.journey-head h3{font-size:25px;max-width:250px}.journey-head>span{white-space:nowrap;font-size:13px;letter-spacing:3px}.history-tabs{grid-template-columns:repeat(4,minmax(115px,1fr));overflow-x:auto;scroll-snap-type:x proximity;padding:7px 0 4px;margin-top:22px;scrollbar-width:thin;scrollbar-color:#80e6e950 transparent}.history-tabs:before{top:7px}.history-tabs button{font-size:10px;padding:18px 16px 8px 0;display:block;scroll-snap-align:start}.history-tabs button>span{display:block;font-size:8px;margin-bottom:8px}.history-tabs button>i{display:none}.history-stage{grid-template-columns:1fr;gap:8px;padding-top:25px;min-height:430px}.stage-number{display:none}.stage-copy h3{font-size:32px}.stage-copy p{margin-top:17px}.stage-art svg{height:220px}.principles-title{margin-bottom:28px}.principles-layout{gap:35px}.purpose-cards{gap:12px}.purpose-card{display:block;padding:20px}.purpose-card h3{font-size:28px}.purpose-card p{font-size:12px;line-height:1.85;margin-top:15px}.mission-art,.vision-art{height:150px;margin:0 -8px 12px}.mission-art>span:nth-child(3){width:138px;height:138px}.mission-art>span:nth-child(2){width:105px;height:105px}.mission-art>span:first-child{width:72px;height:72px}.mission-art i{height:50px;width:50px}.vision-art{gap:3px}.vision-art i{width:9px;height:calc(35px + var(--i)*8px)}.values summary{font-size:13px}.values details p{font-size:12px;margin-right:8px}.business-section{padding-top:0}.business-mosaic{grid-template-columns:1fr;gap:20px;margin-top:28px}.business-tile{margin:0;min-height:0;padding:25px 25px 0}.business-tile-top{margin-bottom:25px}.business-tile h3{font-size:34px}.business-tile p{font-size:14px;max-width:550px}.business-tile .cap-link{font-size:12px;max-width:300px;width:100%;margin-bottom:25px}.tile-photo,.tile-1 .tile-photo,.tile-2 .tile-photo{height:230px;margin:0 -25px}.tile-1 p{color:#c0cadc}.impact-section{padding-top:0}.impact-intro{grid-template-columns:1fr;gap:25px}.impact-intro h2{font-size:41px;max-width:450px}.impact-intro p{font-size:13px}.impact-mosaic{grid-template-columns:1fr;gap:14px;margin-top:30px}.city-panorama{height:280px}.city-panorama img{object-position:center}.green-project{min-height:0}.green-top{padding:21px 25px}.plant-illustration{height:245px}.green-copy{padding:0 25px 30px}.green-copy h3{font-size:32px}.green-copy p{font-size:13px}.family-section{padding-top:0}.family-heading{text-align:left}.family-heading h2{font-size:38px}.brand-family{margin-top:38px}.parent-brand{max-width:300px}.brand-name img{width:210px}.brand-family p{font-size:12px}.brand-children{gap:12px}.brand-children article{padding:23px 15px}.brand-children .brand-name{flex-direction:column;gap:20px}.brand-name h3{font-size:21px;line-height:1.2}.family-branch{width:53%;height:65px}.closing>.small-label{font-size:9px;margin-bottom:25px}.closing h2{font-size:44px}.closing-bottom{grid-template-columns:1fr;gap:25px;margin-top:25px}.closing-bottom p{font-size:13px}.closing-bottom .cap-link{font-size:12px}.closing-line{top:-260px;right:-400px}.about-page .header-main{min-width:0}.about-page .primary-nav a[aria-current]{text-underline-offset:5px}}
@media(max-width:420px){.hero-object{width:100%;height:290px}.hero-copy h1{font-size:45px}.hero-foot{font-size:8px}.hero-foot>a{gap:8px}.purpose-cards{grid-template-columns:1fr}.purpose-card{display:grid;grid-template-columns:.6fr 1fr;column-gap:15px}.purpose-card p{grid-column:2;font-size:12px}.mission-art,.vision-art{grid-row:1/3;margin:0 -8px}.mission-art>span:nth-child(3){width:122px;height:122px}.vision-art{gap:2px}.vision-art i{width:8px}.scale-card{padding:18px}.scale-card .card-top{font-size:8px}.metric strong{font-size:68px}}
@media(prefers-reduced-motion:reduce){.about-page *, .about-page *:before,.about-page *:after{animation:none!important;transition:none!important}.about-page.motion .reveal{opacity:1;transform:none}.about-page.motion [data-reveal-text] .motion-word{opacity:1;transform:none}.cap-sculpture,.photo-sequence figure{transform:none}.depth-image{transform:translateY(-5%)}}
.image-caption{position:absolute;left:14px;bottom:12px;font-size:8px;letter-spacing:.035em;color:#fff;background:#0f1a456b;backdrop-filter:blur(10px);padding:5px 8px;border-radius:3px}
@media(max-width:800px){.about-page .institutional-video iframe{width:108%}}

.property-directory{margin-top:35px;border-top:1px solid #d6e1eb;border-bottom:1px solid #d6e1eb}.property-directory summary{display:flex;justify-content:space-between;align-items:center;padding:23px 0;font-size:1rem;cursor:pointer;list-style:none}.property-directory summary::-webkit-details-marker{display:none}.property-directory summary>span{font-size:24px;color:#2551e4}.property-directory[open] summary>span{transform:rotate(45deg)}.property-directory>div{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px;padding-bottom:22px}.property-directory>div>a{padding:17px 0;border-top:1px solid #e1e7f0;line-height:1.45}.property-directory>div>a:hover{color:#2551e4}.property-directory small{display:block;color:#7a8a9d;margin-top:8px;font-size:.75rem}@media(max-width:800px){.property-directory>div{grid-template-columns:1fr 1fr;gap:0 20px}}@media(max-width:500px){.property-directory>div{grid-template-columns:1fr}}

/* Brand element supplied by Grupo CAP. */
.hero-object{isolation:isolate}
.cap-motion-art{position:absolute;inset:-15px -20px;pointer-events:none}


.hero-object .object-note{animation:cap-note-drift 12s ease-in-out infinite;will-change:transform;font-size:12px}
.hero-object .note-one{animation-delay:-2s;--note-x:16px;--note-y:-12px}
.hero-object .note-two{animation-delay:-6s;--note-x:-12px;--note-y:18px}
.hero-object .note-three{animation-delay:-10s;--note-x:20px;--note-y:10px}
.hero-object .object-axis{animation:cap-axis-breathe 16s ease-in-out infinite}
.object-motion-toggle{position:absolute;right:0;bottom:0;width:40px;height:40px;display:grid;place-items:center;border:1px solid #2551e424;border-radius:50%;background:#ffffffb3;color:#2551e4;cursor:pointer;z-index:4;transition:background .2s,box-shadow .2s}
.object-motion-toggle:hover{background:#e9faff;box-shadow:0 0 0 4px #36c4c612}
.object-motion-toggle:focus-visible{outline:2px solid #2551e4;outline-offset:4px}
.object-motion-toggle svg{grid-area:1/1;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.object-motion-toggle .motion-play{display:none}
.object-motion-toggle[aria-pressed="true"] .motion-play{display:block}
.object-motion-toggle[aria-pressed="true"] .motion-pause{display:none}
.hero-object[data-motion-paused="true"] .cap-motion-art,.hero-object[data-motion-paused="true"] .cap-motion-frame,.hero-object[data-motion-paused="true"] .object-note,.hero-object[data-motion-paused="true"] .object-axis{animation-play-state:paused}
@keyframes cap-view-cycle{0%,40%,100%{opacity:1;transform:translate3d(0,0,0) rotate(-3deg) scale(.96)}50%,90%{opacity:0;transform:translate3d(0,8px,0) rotate(3deg) scale(.92)}}
@keyframes cap-art-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-14px,0)}}
@keyframes cap-note-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(var(--note-x),var(--note-y),0)}}
@keyframes cap-axis-breathe{0%,100%{transform:rotate(-27deg) scale(.96);opacity:.55}50%{transform:rotate(-19deg) scale(1.03);opacity:1}}
@media(max-width:800px){.hero-object{width:100%;max-width:440px;height:350px;margin:18px 0 10px}.cap-motion-art{inset:12px 18px}.hero-object .object-note{font-size:11px;padding:11px 12px}.hero-object .note-one{left:0;top:10%;--note-x:8px;--note-y:-6px}.hero-object .note-two{right:0;top:47%;--note-x:-8px;--note-y:10px}.hero-object .note-three{left:4%;bottom:7%;--note-x:10px;--note-y:6px}}
@media(prefers-reduced-motion:reduce){.hero-object .cap-motion-art,.hero-object .cap-motion-frame,.hero-object .object-note,.hero-object .object-axis{animation:none!important;will-change:auto}.hero-object .frame-counter{display:none}.hero-object .frame-forward{opacity:1;transform:none}.object-motion-toggle{display:none}}

.cap-motion-art canvas,.cap-vector-fallback{position:absolute;inset:0;display:block;width:100%;height:100%}
.cap-motion-art[data-renderer="webgl"] .cap-vector-fallback{display:none}
.cap-motion-art[data-renderer="vector"] canvas{display:none}
.hero-object .object-axis{opacity:.35}
.hero-object:after{content:"";position:absolute;bottom:12%;left:20%;width:60%;height:10%;border-radius:50%;background:radial-gradient(ellipse,#2551e412,transparent 70%);filter:blur(12px);z-index:-1}
@media(max-width:800px){.cap-motion-art{inset:0 -8px}}

/* Gentle vertical float, preserving the supplied PNG exactly. */
.hero-object .cap-motion-art{inset:0;animation:cap-png-float 7s ease-in-out infinite;will-change:transform}
.cap-floating-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:0!important}
.hero-object .object-note,.hero-object .object-axis{animation:none;will-change:auto}
.hero-object[data-motion-paused="true"] .cap-motion-art{animation-play-state:paused}
@keyframes cap-png-float{0%,100%{transform:translateY(5px)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.hero-object .cap-motion-art{animation:none!important;transform:none;will-change:auto}}

/* Official logos replace subsidiary names in the brand family. */
.brand-children .subsidiary-brand{min-height:55px}.brand-children .subsidiary-brand h3{margin:0;line-height:1}.brand-children .subsidiary-logo{display:block;width:175px;max-width:100%;height:auto;object-fit:contain;border-radius:0}.brand-children .subsidiary-logo.cps{width:125px}
@media(max-width:560px){.brand-children .subsidiary-logo{width:142px}.brand-children .subsidiary-logo.cps{width:105px}}