.about-ref-hero{max-width:1360px;margin:auto;padding:65px 5% 80px;display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center}.about-ref-hero .eyebrow,.about-journey .eyebrow{font-family:ui-monospace,monospace;font-size:9px;color:#677883;background:#f4f6f8;border:1px solid #e1e7eb;border-radius:30px;padding:6px 12px;display:inline-flex}.about-ref-hero h1{font-family:Unbounded,sans-serif;font-size:clamp(34px,4.2vw,62px);font-weight:500;line-height:1.2;letter-spacing:-.065em;margin:28px 0 0;color:#15212b}.about-ref-hero h1 span{color:#e65029}.about-ref-summary p{font-size:16px;line-height:1.85;color:#5e6d79;margin:0 0 25px;max-width:460px}.about-ref-chips{display:flex;gap:7px;flex-wrap:wrap;font-size:7px;color:#7c8b96;margin:25px 0}.about-ref-chips span{border:1px solid #e0e7eb;border-radius:30px;padding:7px 9px}.about-ref-chips span:before{content:'';display:inline-block;width:4px;height:4px;background:#f94d26;border-radius:50%;margin-right:6px}.about-ref-actions{display:flex;gap:10px;flex-wrap:wrap}.about-ref-actions .btn{font-size:11px;padding:6px 6px 6px 17px;min-height:43px;gap:14px}.about-ref-actions .btn i{width:30px;height:30px;font-size:18px}.about-ref-actions .btn.line{border-color:#d4dce2;background:#fff;padding:10px 17px}.about-project-ribbon{max-width:1360px;margin:0 auto 35px;padding:0 5%;display:grid;grid-template-columns:1.35fr 1fr .85fr;gap:20px;align-items:start;overflow:hidden;min-height:430px}.ribbon-project{display:block;position:relative;background:#edf1f4;border-radius:24px;overflow:hidden;min-width:0;height:340px;transition:transform .7s}.ribbon-project img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.ribbon-wide img{padding:0;object-fit:cover;object-position:55% 50%}.ribbon-arch{border-radius:180px 180px 22px 22px;margin-top:58px;height:365px;background:#101920}.ribbon-small{margin-top:125px;height:275px;background:#ffe4d7}.ribbon-project>.mono{position:absolute;bottom:12px;left:12px;right:12px;border-radius:30px;background:#ffffffea;backdrop-filter:blur(8px);color:#566774;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:.04em}.ribbon-project i{color:#df4a23;font-size:15px;font-style:normal}.ribbon-project:hover img{transform:scale(1.05)}.about-ref-page .about-intro{padding-top:70px;padding-bottom:80px;border-bottom:1px solid #e6ebef}.about-ref-page .about-intro-title h2{font-size:clamp(28px,3vw,42px)}.about-ref-page .about-intro-copy{padding-top:18px}.about-journey{max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding:85px 5% 100px}.about-journey-heading h2{margin:25px 0}.about-journey-heading>p{font-size:14px;line-height:1.85;color:#7c8a94;max-width:380px}.about-journey-list{list-style:none;margin:0;padding:0 0 0 25px;border-left:1px solid #e3e9ee}.about-journey-list li{display:flex;gap:20px;padding:0 0 33px;position:relative}.about-journey-list li:last-child{padding-bottom:0}.journey-dot{position:absolute;left:-30px;top:5px;width:9px;height:9px;border-radius:50%;border:2px solid #f94d26;background:#fff;box-shadow:0 0 0 5px #fff}.about-journey-list li>.mono{font-size:8px;color:#b0bac2;padding-top:3px}.about-journey-list h3{font-family:Unbounded,sans-serif;font-size:20px;letter-spacing:-.04em;margin:0 0 10px;color:#203440;font-weight:500}.about-journey-list p{font-size:13px;color:#788a97;line-height:1.8;margin:0;max-width:430px}.about-ref-page .about-difference{background:#f4f6f8;color:#15212b}.about-ref-page .about-difference .eyebrow{color:#71818d}.about-ref-page .about-difference em{color:#e65029}.about-ref-page .about-difference-heading>.mono{color:#8d9ba6}.about-ref-page .about-value{background:#fff;border-color:#e1e7eb}.about-ref-page .about-value:nth-child(2),.about-ref-page .about-value:nth-child(3){background:#fff}.about-ref-page .about-value-top>.mono{border-color:#e1e7eb;color:#92a0ab}.about-ref-page .about-value p{color:#6f808c}.about-ref-page .about-decisions{padding-top:95px}.about-ref-page .about-paths{padding-bottom:85px}
@media(max-width:950px){.about-ref-hero{gap:35px;grid-template-columns:1.2fr 1fr}.about-ref-hero h1{font-size:38px}.about-ref-summary p{font-size:14px}.about-project-ribbon{gap:14px;min-height:350px}.ribbon-project{height:280px}.ribbon-arch{height:300px;margin-top:40px}.ribbon-small{height:220px;margin-top:100px}.about-journey{gap:45px}.about-ref-chips{font-size:6px}}
@media(max-width:650px){.about-ref-hero{grid-template-columns:1fr;padding:45px 25px 35px;gap:28px}.about-ref-hero h1{font-size:clamp(29px,7.5vw,39px)}.about-ref-summary p{font-size:14px;max-width:none}.about-ref-chips{margin:20px 0;font-size:6px}.about-project-ribbon{padding:0 25px;grid-template-columns:1.2fr 1fr;gap:12px;min-height:0;margin-bottom:15px}.ribbon-project{height:220px;border-radius:17px}.ribbon-arch{border-radius:120px 120px 17px 17px;height:245px;margin-top:30px}.ribbon-small{grid-column:1/-1;height:180px;margin-top:0}.ribbon-small img{object-fit:contain;padding:15px}.ribbon-project>.mono{font-size:5px;padding:6px 8px;bottom:9px;left:9px;right:9px}.about-ref-page .about-intro{padding-top:50px;padding-bottom:50px}.about-ref-page .about-intro-copy{padding-top:0}.about-journey{grid-template-columns:1fr;gap:30px;padding:50px 25px 60px}.about-journey-list{margin-left:5px}.about-journey-list h3{font-size:19px}.about-journey-list li{gap:15px;padding-bottom:27px}.about-journey-list p{font-size:13px}.about-ref-page .about-decisions{padding-top:60px}.about-ref-page .about-paths{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.ribbon-project,.ribbon-project img{transition:none}}
/* Shared gray page introduction and clean text-only cards. */
.about-ref-page>.page-hero{background:#f2f3f5;border:1px solid #e8eaed;border-radius:26px;max-width:1224px;width:90%;margin:18px auto 55px;padding:55px 50px}
.about-ref-page>.page-hero h1{font-size:clamp(32px,3.8vw,55px);max-width:1000px;line-height:1.25;margin-bottom:28px}
.about-ref-page>.page-hero p{max-width:850px;font-size:16px;line-height:1.8;color:#60666e}
.about-ref-page>.page-hero .eyebrow{background:#fff;border:1px solid #dfe3e7;padding:6px 12px;border-radius:30px;font-family:ui-monospace,monospace;font-size:10px}
.about-ref-page .about-value-top{height:auto;margin-bottom:24px}
.about-ref-page .about-value{min-height:230px;padding:30px}
.about-ref-page .about-path{min-height:300px;padding:30px}
.about-ref-page .about-path h3{margin-top:30px}
@media(max-width:650px){.about-ref-page>.page-hero{width:calc(100% - 40px);padding:32px 24px;margin:12px auto 35px;border-radius:20px}.about-ref-page>.page-hero h1{font-size:28px}.about-ref-page>.page-hero p{font-size:13px}.about-ref-page .about-value,.about-ref-page .about-path{padding:25px;min-height:0}.about-ref-page .about-path .btn{margin-top:15px}.about-ref-page .about-value-top{margin-bottom:20px}}
/* Photo and black typography in Who We Are. */
.about-ref-page .about-intro-title h2,.about-ref-page .about-intro-title h2 em,.about-ref-page .about-intro .eyebrow,.about-ref-page .about-intro-copy p,.about-ref-page .about-intro-copy p.about-lead,.about-ref-page .about-geography,.about-ref-page .about-geography i{color:#111}
.about-who-photo{margin:28px 0 0;border-radius:20px;overflow:hidden;height:245px;background:#e9edf0;max-width:470px}
.about-who-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.about-journey-list{position:relative;isolation:isolate}
.about-journey-list:before{content:'';position:absolute;left:-1px;top:6px;height:calc(100% - 10px);transform:scaleY(var(--journey-progress,0));transform-origin:top;width:2px;background:#f94d26;z-index:-1;transition:transform .15s linear}
.about-journey-list .journey-dot{border-color:#cdd6dd;background:#fff;transition:background .4s,border-color .4s,box-shadow .4s}
.about-journey-list .journey-loaded .journey-dot{background:#f94d26;border-color:#f94d26;box-shadow:0 0 0 5px #fff,0 0 0 8px #f94d2610}
.about-journey-list li>.mono{transition:color .4s}
.about-journey-list li.journey-loaded>.mono{color:#df4a23}
.about-journey-list li h3{transition:color .4s}
.about-journey-list li.journey-loaded h3{color:#111}
@media(max-width:650px){.about-who-photo{height:230px;max-width:none;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.about-journey-list:before,.about-journey-list .journey-dot{transition:none}}
/* Dark differentiators section. */
.about-ref-page .about-difference{background:#080b0c;color:#fff}
.about-ref-page .about-difference .eyebrow{color:#a3afb7}
.about-ref-page .about-difference-heading>.mono{color:#83939f}
.about-ref-page .about-difference h2{color:#fff}
.about-ref-page .about-difference em{color:#fff}
.about-ref-page .about-value,.about-ref-page .about-value:nth-child(2),.about-ref-page .about-value:nth-child(3){background:#151c22;border-color:#ffffff18;color:#fff}
.about-ref-page .about-value-top>.mono{border-color:#ffffff25;color:#a3b2bd}
.about-ref-page .about-value h3{color:#fff}
.about-ref-page .about-value p{color:#b0bdc6}
/* Who We Are: text left, full-height photo right. */
.about-ref-page .about-intro{grid-template-columns:1.1fr 1fr;align-items:stretch;gap:60px}
.about-intro-content{min-width:0}
.about-ref-page .about-intro-copy{padding-top:0!important}
.about-ref-page .about-intro-title h2{font-size:clamp(28px,3vw,42px)}
.about-ref-page .about-geography{margin:24px 0 30px}
.about-ref-page .about-intro-copy p.about-lead{font-size:18px;line-height:1.75}
.about-ref-page .about-intro-copy p:last-child{margin-bottom:0}
.about-ref-page .about-intro>.about-who-photo{position:relative;height:auto;min-height:460px;max-width:none;margin:0;align-self:stretch;border-radius:24px}
.about-ref-page .about-intro>.about-who-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:900px){.about-ref-page .about-intro{gap:32px}.about-ref-page .about-intro-copy p.about-lead{font-size:16px}}
@media(max-width:650px){.about-ref-page .about-intro{grid-template-columns:1fr;gap:28px}.about-ref-page .about-intro>.about-who-photo{min-height:330px;height:330px;border-radius:18px}.about-ref-page .about-geography{margin-bottom:25px}.about-ref-page .about-intro-copy p.about-lead{font-size:17px}}
