/* hero — layered angled planes */
.hero-about{position:relative;min-width:100%;min-height:100%;display:flex;align-items:center;padding:0 6vw;background:var(--dark-blue-color);overflow:hidden}
.plane-about{position:absolute;inset:0}
.plane-about.p1{background:var(--gray-blue-color);clip-path:polygon(55% 0,100% 0,100% 100%,30% 100%);opacity:.35}
.plane-about.p2{background:var(--bright-gray-blue-color);clip-path:polygon(72% 0,100% 0,100% 100%,52% 100%);opacity:.22}
.plane-about.p3{background:var(--gray-color);clip-path:polygon(96% 0,100% 0,100% 100%,90% 100%)}
.hero-about-inner{position:relative;z-index:2;margin:0 auto;width:100%}
/**
.hero-about-inner{position:relative;z-index:2;max-width:1150px;margin:0 auto;width:100%}
**/
.hero-about .kicker-about{letter-spacing:.34em;text-transform:uppercase;font-size:.75rem;color:var(--gray-color);font-weight:600;margin-bottom:1.3rem}
.hero-about h1{font-family:"bold";font-size:clamp(2.8rem,6.4vw,5.4rem);font-weight:700;line-height:1.02;max-width:16ch;color:var(--white-color)}
.hero-about h1 span{color:var(--bright-gray-blue-color)}
.hero-about p{font-family:"light";margin-top:1.6rem;color:var(--bright-gray-blue-color);line-height:1.75;font-weight:300}
/**
.hero-about p{font-family:"light";margin-top:1.6rem;max-width:32rem;color:var(--bright-gray-blue-color);line-height:1.75;font-weight:300}
**/
.hero-about .actions-about{margin-top:2.6rem;display:flex;gap:1.6rem;flex-wrap:wrap}
.btn-hero-about{text-decoration:none;font-family:"news";font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;padding:0.85rem 1.8rem;transform:skewX(-14deg);display:inline-block}
.btn-hero-about i{display:inline-block;transform:skewX(14deg);font-style:normal}
.btn-hero-about.pages-color-gold{background:var(--gray-color);border:2px solid var(--gray-color);color:var(--dark-blue-color)}
.btn-hero-about.pages-color-ghost{border:2px solid var(--bright-gray-blue-color);color:var(--white-color)}

/* sections */
.light{background:var(--white-color);clip-path:polygon(0 5vw,100% 0,100% 100%,0 100%);z-index:2;padding:10rem 6vw 6rem;margin-top:-5vw}
.light .wrap{padding:0}