.about-page{--about-ink:#111318;--about-plum:#2b1931;--about-gold:#b89855;--about-paper:#fffdf9;--about-ivory:#f6f3ee;background:var(--about-ivory);color:#252127;overflow:hidden}
.about-hero{position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(610px,72vh,790px);overflow:hidden;border-bottom:1px solid rgba(184,152,85,.48);background:#111318}
.about-hero:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(9,10,13,.93) 0%,rgba(16,13,18,.82) 40%,rgba(27,16,31,.44) 72%,rgba(11,12,15,.3)),linear-gradient(0deg,rgba(11,10,13,.56),transparent 48%);pointer-events:none}
.about-hero-scenes,.about-hero-scenes>span{position:absolute;z-index:-2;inset:0}.about-hero-scenes>span{opacity:0;background-position:center;background-size:cover;animation:aboutHeroFade 36s ease-in-out infinite;transform:scale(1.015)}
.about-hero-scenes>span:nth-child(1){background-image:url('../../images/about-backgrounds/about-1.webp');animation-delay:-2s}.about-hero-scenes>span:nth-child(2){background-image:url('../../images/about-backgrounds/about-2.webp');animation-delay:7s}.about-hero-scenes>span:nth-child(3){background-image:url('../../images/about-backgrounds/about-3.webp');animation-delay:16s}.about-hero-scenes>span:nth-child(4){background-image:url('../../images/about-backgrounds/about-4.webp');animation-delay:25s}
@keyframes aboutHeroFade{0%{opacity:0;transform:scale(1.015)}6%,25%{opacity:1}31%,100%{opacity:0;transform:scale(1.055)}}
.about-hero-inner{width:min(1240px,calc(100% - 3rem));margin:auto;padding:clamp(5rem,9vw,8rem) 0 4rem}.about-kicker{display:flex;align-items:center;gap:.8rem;margin:0 0 1.2rem!important;color:#d6b875!important;font-size:.68rem!important;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.about-kicker:before{width:2.5rem;height:1px;content:"";background:#c5a35f}.about-hero h1{max-width:850px;margin:0;color:#fff;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(3.8rem,7vw,6.8rem);font-weight:400;line-height:.94;letter-spacing:-.025em}.about-hero-copy{max-width:720px;margin:1.6rem 0 0!important;padding:0!important;color:#d5d0d7!important;font-size:clamp(1rem,1.5vw,1.18rem)!important;line-height:1.75}.about-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.about-hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:50px;padding:.8rem 1.35rem;border:1px solid rgba(220,190,126,.58);font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.about-primary{background:#c2a15e;color:#151319!important}.about-primary:hover{background:#ddc17e}.about-secondary{background:rgba(17,19,24,.35);color:#fff!important;backdrop-filter:blur(8px)}.about-secondary:hover{background:rgba(255,255,255,.1);color:#efd9a7!important}.about-jump-nav{display:flex;flex-wrap:wrap;gap:0;margin-top:clamp(3rem,6vw,5rem);border-top:1px solid rgba(255,255,255,.16)}.about-jump-nav a{padding:1rem clamp(.75rem,2vw,1.6rem) 0 0;color:#d7d1d9!important;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.about-jump-nav a:hover{color:#e0c37e!important}
.about-page>.container{width:min(1160px,calc(100% - 2rem));padding:clamp(4rem,7vw,6.5rem) 0}.about-video{overflow:hidden;border:1px solid #d8d0c7;background:#111318;box-shadow:0 28px 70px rgba(28,21,29,.12)}
.about-story{max-width:900px;margin:clamp(4rem,7vw,6rem) auto!important;text-align:left!important}.about-story>.col-12:first-child{text-align:center}.about-page .section-heading{margin-bottom:1.2rem;color:#241f26;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(2.5rem,4.5vw,4rem);font-weight:400;line-height:1}.about-page .section-heading>i{display:grid;place-items:center;width:2.4rem;height:2.4rem;margin:0 auto .9rem;border:1px solid rgba(184,152,85,.62);border-radius:50%;color:#98773d;font-size:.82rem}.about-page p{color:#625c65;font-size:.96rem;line-height:1.8}.about-story>div:last-child{columns:2;column-gap:clamp(2rem,5vw,4rem)}.about-story>div:last-child p{break-inside:avoid;margin-top:0}
.about-sections{gap:0}.about-sections>.col-12:has(.anchor){margin-top:clamp(4.5rem,9vw,7.5rem)!important;padding-top:clamp(3rem,5vw,4.5rem);border-top:1px solid #d9d2ca}.about-sections>.col-lg-6,.about-sections>.col-lg-4{margin-top:1rem!important;margin-bottom:1rem!important;padding:clamp(1.5rem,3vw,2.4rem);border:1px solid #ddd6ce;background:var(--about-paper);text-align:left;box-shadow:none}.about-sections>.col-lg-6 h3,.about-sections>.col-lg-4 h3,.about-sections>.col-lg-6 h4,.about-sections>.col-lg-4 h4{color:#2b2430;font-family:'Instrument Serif',Georgia,serif;font-size:1.55rem;font-weight:400}.about-sections>.col-lg-6 img,.about-sections>.col-lg-4 img{display:block;margin-right:auto;margin-left:auto}.about-sections>.col-lg-6:hover,.about-sections>.col-lg-4:hover{border-color:rgba(184,152,85,.72);box-shadow:0 18px 45px rgba(31,23,33,.07)}
.about-sections .tech-icon-item{min-height:78px;margin:.3rem;border:1px solid #ded8d0;border-radius:0;background:#f1eeea;box-shadow:none;filter:grayscale(.15)}.about-sections .tech-icon-item:hover{border-color:#b89855;filter:none}.about-sections .opensource-icons{max-height:54px;max-width:88%}.about-sections a:not(.blockbutton1){color:#57305f}.about-sections a:not(.blockbutton1):hover{color:#8a6b31}.about-sections .main_square_icons{border-radius:50%}
.about-sections>.col-12:last-child{position:relative;margin-top:clamp(4rem,8vw,7rem)!important;padding:clamp(3rem,6vw,5rem) 1.5rem;border-top:1px solid rgba(184,152,85,.46);border-bottom:1px solid rgba(184,152,85,.46);background:linear-gradient(112deg,#111318,#2b1931);color:#fff}.about-sections>.col-12:last-child .section-heading{color:#fff}.about-sections>.col-12:last-child p{color:#d3cdd5}.about-sections>.col-12:last-child .blockbutton1{border-color:#c1a15f!important;background:#c1a15f!important;color:#17151a!important}.about-sections>.col-12:last-child .blockbutton1:hover{background:#ddc27f!important}
@media(max-width:991px){.about-hero{min-height:620px}.about-hero-inner{padding-top:5rem}.about-story>div:last-child{columns:1}.about-sections>.col-lg-6,.about-sections>.col-lg-4{margin-right:0;margin-left:0}}
@media(max-width:575px){.about-hero{min-height:590px}.about-hero-inner{width:calc(100% - 2rem);padding:3rem 0 2rem}.about-kicker{font-size:.6rem!important;white-space:nowrap}.about-hero h1{font-size:2.9rem}.about-hero-copy{margin-top:1.25rem!important;font-size:.88rem!important;line-height:1.55}.about-hero-actions{flex-direction:column;margin-top:1.5rem}.about-hero-actions a{width:100%;min-height:46px}.about-jump-nav{display:grid;grid-template-columns:repeat(2,1fr);margin-top:1.8rem}.about-jump-nav a{padding-top:.65rem;font-size:.58rem}.about-page>.container{padding-top:3rem}.about-page .section-heading{font-size:2.55rem}.about-sections>.col-12:has(.anchor){margin-top:3.5rem!important;padding-top:2.75rem}.about-sections>.col-lg-6,.about-sections>.col-lg-4{padding:1.5rem}.about-sections .row>.col-3{width:50%}}
@media(prefers-reduced-motion:reduce){.about-hero-scenes>span{display:none;animation:none}.about-hero-scenes>span:first-child{display:block;opacity:1;transform:none}}
.about-page>.container{padding-bottom:0}.about-sections{margin-bottom:0!important}.about-leader-title{text-align:center!important}.about-brand-card,.about-brand-card p,.about-brand-card h4{text-align:center!important}
.about-logo-ticker{position:relative;width:100vw!important;max-width:none;margin:2.5rem calc(50% - 50vw) 0;padding:1.25rem 0!important;overflow:hidden;border-top:1px solid #d8d0c7;border-bottom:1px solid #d8d0c7;background:#eeebe6;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.about-logo-track{display:flex;width:max-content;animation:aboutLogoTicker 54s linear infinite}.about-logo-group{display:flex;flex:none;gap:1rem;padding-right:1rem}.about-sections .about-logo-group .tech-icon-item{display:grid;place-items:center;flex:0 0 132px;width:132px;min-height:72px;margin:0;border:1px solid #d8d1c9;border-radius:0;background:#f8f5f0;box-shadow:none;filter:grayscale(.18)}.about-sections .about-logo-group .tech-icon-item:hover{border-color:#b89855;filter:none}.about-sections .about-logo-group .opensource-icons{max-width:88px;max-height:42px}@keyframes aboutLogoTicker{to{transform:translateX(-50%)}}
.about-sections>.about-closing-cta{position:relative;isolation:isolate;width:100vw;max-width:none;margin:clamp(4rem,8vw,7rem) calc(50% - 50vw) 0!important;padding:clamp(3.5rem,7vw,5.5rem) 1.5rem!important;overflow:hidden;border-top:1px solid rgba(184,152,85,.46);border-bottom:0;background:linear-gradient(112deg,#111318,#2b1931);color:#fff}.about-closing-cta .home-closing-particle-canvas{position:absolute;z-index:-1;inset:0;width:100%;height:100%;opacity:.62;pointer-events:none}.about-closing-kicker{margin:0 0 1rem!important;color:#d4b771!important;font-size:.68rem!important;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.about-closing-cta h3{max-width:850px;margin:0 auto;color:#fff;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:1}.about-closing-cta>p:not(.about-closing-kicker){max-width:720px;margin:1.2rem auto 0!important;color:#d3cdd5!important}.about-closing-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.8rem}.about-closing-actions a{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:50px;padding:.8rem 1.3rem;border:1px solid rgba(210,183,123,.62);color:#fff!important;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.about-closing-actions a:first-child{background:#c1a15f;color:#17151a!important}.about-closing-actions a:hover{background:#ddc27f;color:#17151a!important}
@media(max-width:575px){.about-closing-actions{flex-direction:column}.about-closing-actions a{width:100%}.about-logo-track{animation-duration:44s}}
@media(prefers-reduced-motion:reduce){.about-logo-ticker{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.about-logo-track{animation:none}.about-logo-group[aria-hidden="true"]{display:none}}
.about-closing-cta>p:not(.about-closing-kicker){max-width:none;white-space:nowrap}
@media(max-width:767px){.about-closing-cta>p:not(.about-closing-kicker){white-space:normal}}


/* Reveal detail specific to this page; the base motion is shared (global-luxury-theme.css). */
.about-page .section-heading:after{width:2.4rem;height:1px;border-radius:0;background:var(--about-gold)}
.lux-reveal-ready .about-page [data-lux] .about-kicker:before{transform:scaleX(0);transform-origin:left;transition:transform .85s var(--lux-ease);transition-delay:calc(var(--lux-i,0) * var(--lux-step) + 240ms)}
.lux-reveal-ready .about-page [data-lux].is-in .about-kicker:before{transform:none}
.lux-reveal-ready .about-page [data-lux] .section-heading>i{opacity:0;transform:scale(.86);transition:opacity .8s var(--lux-ease),transform .8s var(--lux-ease);transition-delay:calc(var(--lux-i,0) * var(--lux-step) + 120ms)}
.lux-reveal-ready .about-page [data-lux].is-in .section-heading>i{opacity:1;transform:none}
/* master.js also slides these images 7.5rem with no fade, which fights the reveal above. */
.about-page .comeon-up,.about-page .make-visible,.about-page .already-visible{transform:none;animation:none}
@media(prefers-reduced-motion:reduce){.lux-reveal-ready .about-page [data-lux] .about-kicker:before,.lux-reveal-ready .about-page [data-lux] .section-heading>i{opacity:1;transform:none;transition:none}}

/* Community engagement logos. They share .opensource-icons with the tech-stack icons, which are
   capped at 54px tall for the ticker - far too small for these, which are 320x186 partner logos
   sitting one per column. The tech icons live inside .tech-icon-item, so keying on the anchor
   that wraps these separates the two without touching the ticker. */
.about-sections a > img.opensource-icons {
    max-width: 78%;
    max-height: 7rem;
    margin-bottom: .35rem;
}

/* The site address under each community logo: the logo is centred but its heading inherited the
   card's left alignment, so the two sat out of line. Matches only these three (the leadership and
   brand cards use a different structure). */
.about-sections a > h3 {
    text-align: center;
}
