.about-detail .about-hero.hero{height:auto;min-height:max(680px,52vw);padding:135px 0 110px;align-items:center}
.about-detail .about-copy{width:83%;margin:0 8.5%;padding:0}
.about-detail .about-copy h1{margin:0 0 18px}
.about-detail .about-tagline{margin:0 0 32px}
.about-detail .hero-company-text{columns:2;column-gap:5vw;max-width:1500px}
.about-detail .hero-company-text p{font-size:clamp(14px,1.05vw,19px);line-height:1.95;margin:0 0 18px;break-inside:avoid;color:#d1d7de;text-wrap:pretty}
.about-detail .hero-company-text .intro-close{margin-bottom:0}
.about-detail .about-hero.hero::after{background:linear-gradient(90deg,#03070bf5,#03070be8 55%,#03070b99),linear-gradient(0deg,#03070b99,transparent)}
.about-detail .values-grid{gap:0 5vw;margin-top:45px}
.about-detail .values-grid article{padding:35px 0 28px;border-top:1px solid #b89b6544}
.about-detail .values-grid h3{margin:0 0 20px;font-size:clamp(22px,1.8vw,32px);font-weight:600;line-height:1.5}
.about-detail .values-grid p{margin:0;line-height:2;color:#c0cad6;max-width:34em}
@media(max-width:800px){.about-detail .about-hero.hero{padding-top:130px}.about-detail .hero-company-text{columns:1;max-width:680px}.about-detail .hero-company-text p{font-size:15px;line-height:2}.about-detail .hero-company-text .keep{white-space:normal}}
@media(max-width:600px){.about-detail .about-copy{width:86%;margin:0 7%}.about-detail .about-hero.hero{padding:130px 0 100px}.about-detail .about-tagline{margin-bottom:28px}.about-detail .values-grid{grid-template-columns:1fr}.about-detail .values-grid article{padding:28px 0}}