/* Homepage About / Introduction — premium editorial refinement */
.home-modern .about-preview{position:relative;overflow:hidden;background:var(--brand-surface)}
.home-modern .about-preview::before{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:rgba(17,26,42,.05);transform:translateX(-12vw);pointer-events:none}
.home-modern .about-preview .container{position:relative;z-index:1}
.home-modern .about-editorial{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);gap:clamp(72px,8.5vw,132px);align-items:center}
.home-modern .about-visual{position:relative;padding:0}
.home-modern .about-frame{position:relative;padding:28px 0 52px 46px}
.home-modern .about-frame::before{content:"";position:absolute;top:0;left:0;width:1px;height:185px;background:var(--home-gold)}
.home-modern .about-frame::after{content:"";position:absolute;top:0;left:0;width:86px;height:1px;background:var(--home-gold)}
.home-modern .about-media{position:relative;min-height:670px;overflow:hidden;background:var(--home-dark);box-shadow:none}
.home-modern .about-media::after{content:"";display:block;position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,17,31,.02) 30%,rgba(8,17,31,.2) 100%);pointer-events:none}
.home-modern .about-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.02);transition:transform .9s var(--ease),filter .6s var(--ease)}
.home-modern .about-visual:hover .about-media img{transform:scale(1.018);filter:saturate(.9) contrast(1.02)}
.home-modern .about-rail{position:absolute;z-index:3;right:-34px;bottom:0;width:min(360px,66%);padding:26px 28px 27px;background:var(--home-dark);color:#fff;border-top:2px solid var(--home-gold)}
.home-modern .about-rail-index{display:block;margin-bottom:19px;color:var(--brand-gold-light);font-family:Manrope,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.home-modern .about-rail-line{display:block;width:42px;height:1px;margin-bottom:18px;background:rgba(255,255,255,.28)}
.home-modern .about-rail p{max-width:285px;margin:0;color:rgba(255,255,255,.67);font-size:.74rem;line-height:1.72}
.home-modern .about-copy{position:relative;margin:0;padding:0;background:transparent;box-shadow:none}
.home-modern .about-copy::before{content:"02";position:absolute;top:4px;right:0;color:rgba(17,26,42,.16);font-family:Manrope,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.18em}
.home-modern .about-copy .eyebrow{margin-bottom:25px}
.home-modern .about-copy .section-title{max-width:620px;margin-bottom:32px;font-size:clamp(2.8rem,4.15vw,5.15rem);line-height:.97;letter-spacing:-.06em}
.home-modern .about-copy .section-lead{max-width:535px;color:#657082;font-size:1rem;line-height:1.85}
.home-modern .about-copy .section-lead p{margin-bottom:0}
.home-modern .about-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:44px;border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line)}
.home-modern .about-capability{position:relative;min-height:112px;padding:22px 20px 20px 0}
.home-modern .about-capability+.about-capability{padding-left:20px;border-left:1px solid var(--home-line)}
.home-modern .about-capability-index{display:block;margin-bottom:14px;color:var(--bronze-text);font-family:Manrope,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.17em}
.home-modern .about-capability strong{display:block;color:var(--home-ink);font-family:Manrope,sans-serif;font-size:.78rem;font-weight:650;line-height:1.45;letter-spacing:-.015em}
.home-modern .about-actions{display:flex;align-items:center;gap:24px;margin-top:34px}
.home-modern .about-actions .btn-link-arrow{position:relative;padding:0 0 8px;border-bottom:1px solid rgba(17,26,42,.22);font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.home-modern .about-actions .btn-link-arrow::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:var(--home-gold);transform:scaleX(.2);transform-origin:left;transition:transform .35s var(--ease)}
.home-modern .about-actions .btn-link-arrow:hover::after{transform:scaleX(1)}
.home-modern .about-actions .btn-link-arrow i{font-size:.8rem}
.home-modern .about-rule{width:44px;height:1px;background:var(--home-line)}
.home-modern .about-note{max-width:190px;color:#87909d;font-size:.65rem;line-height:1.6}

@media (max-width:1199.98px){
  .home-modern .about-editorial{grid-template-columns:minmax(0,1fr) minmax(370px,.9fr);gap:64px}
  .home-modern .about-frame{padding-left:34px}
  .home-modern .about-media{min-height:600px}
  .home-modern .about-rail{right:-18px;width:min(340px,68%)}
}

@media (max-width:991.98px){
  .home-modern .about-editorial{grid-template-columns:1fr;gap:64px}
  .home-modern .about-frame{max-width:760px;padding-right:26px}
  .home-modern .about-media{min-height:590px}
  .home-modern .about-rail{right:0;width:min(350px,58%)}
  .home-modern .about-copy{max-width:760px}
  .home-modern .about-copy::before{right:4px}
}

@media (max-width:767.98px){
  .home-modern .about-preview{padding-top:92px;padding-bottom:92px}
  .home-modern .about-editorial{gap:50px}
  .home-modern .about-frame{padding:22px 0 0 20px}
  .home-modern .about-frame::before{height:120px}
  .home-modern .about-frame::after{width:60px}
  .home-modern .about-media{min-height:470px}
  .home-modern .about-rail{position:relative;right:auto;bottom:auto;width:calc(100% - 24px);margin:-1px 0 0 24px;padding:23px 24px}
  .home-modern .about-copy::before{display:none}
  .home-modern .about-copy .section-title{font-size:clamp(2.45rem,9vw,4rem);margin-bottom:26px}
  .home-modern .about-capabilities{grid-template-columns:1fr;margin-top:36px}
  .home-modern .about-capability{min-height:auto;padding:18px 0}
  .home-modern .about-capability+.about-capability{padding-left:0;border-left:0;border-top:1px solid var(--home-line)}
  .home-modern .about-capability-index{margin-bottom:8px}
  .home-modern .about-actions{align-items:flex-start;flex-wrap:wrap;gap:18px;margin-top:30px}
}

@media (max-width:575.98px){
  .home-modern .about-media{min-height:390px}
  .home-modern .about-rail{width:calc(100% - 14px);margin-left:14px}
  .home-modern .about-note{max-width:165px}
}

@media (prefers-reduced-motion:reduce){
  .home-modern .about-media img{transition:none!important}
  .home-modern .about-visual:hover .about-media img{transform:none}
}