/* EMBLEMA — страница «О компании» */
.company-header-actions{ display:flex; align-items:center; gap:10px; margin-left:auto; }
.company-header-actions .button{ min-height:42px; }
.company-mobile-nav{ display:none; flex-direction:column; padding:10px clamp(18px,4vw,56px) 16px; border-bottom:1px solid var(--line); background:var(--paper); }
.company-mobile-nav a{ padding:10px 0; border-bottom:1px solid var(--line-soft); font-size:14px; font-weight:700; }
.company-mobile-nav a:last-child{ border-bottom:0; }
.company-mobile-nav.open{ display:flex; }

.company-hero{ min-height:430px; display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.7fr); align-items:center; gap:clamp(32px,8vw,120px); padding:clamp(58px,8vw,108px) clamp(20px,7vw,90px); overflow:hidden; position:relative; background:var(--ink); color:#f2f0e8; isolation:isolate; }
.company-hero::before{ content:""; position:absolute; z-index:-1; width:min(54vw,740px); aspect-ratio:1; right:-16vw; top:-38%; border:1px solid rgba(240,180,41,.44); border-radius:50%; box-shadow:0 0 0 36px rgba(240,180,41,.05),0 0 0 72px rgba(240,180,41,.025); }
.company-hero h1,.company-section h2,.company-cta h2{ margin:0; font-family:var(--serif); font-size:clamp(40px,5vw,70px); font-weight:700; letter-spacing:-.03em; line-height:1.02; }
.company-hero h1 em,.company-section h2 em,.company-cta h2 em{ color:var(--acid); font-style:normal; }
.company-hero>div>p:last-child{ max-width:540px; margin:22px 0 0; color:#c9c9c4; font-size:15px; line-height:1.7; }
.company-hero-note{ display:grid; gap:11px; max-width:360px; padding:28px; border:1px solid rgba(240,180,41,.34); border-radius:var(--r-lg); background:rgba(255,255,255,.055); box-shadow:0 22px 44px rgba(0,0,0,.22); }
.company-hero-note span{ color:var(--acid); font-family:var(--mono); font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.company-hero-note strong{ font-family:var(--serif); font-size:23px; line-height:1.2; letter-spacing:-.02em; }
.company-hero-note small{ color:#bdbdb7; font-size:11px; }

.company-section{ padding:clamp(56px,8vw,104px) clamp(20px,7vw,90px); }
.company-bank-section{ background:var(--white); }
.company-section-heading{ max-width:680px; margin-bottom:34px; }
.company-section h2{ font-size:clamp(32px,3.6vw,50px); }
.requisites-card{ max-width:1080px; margin:0; overflow:hidden; border:1px solid var(--line); border-radius:var(--r-lg); background:var(--white); box-shadow:var(--shadow-sm); }
.requisites-card>div{ display:grid; grid-template-columns:minmax(180px, .42fr) minmax(0,1fr); gap:32px; padding:22px 26px; border-bottom:1px solid var(--line); }
.requisites-card>div:last-child{ border-bottom:0; }
.requisites-card dt{ color:var(--muted); font-family:var(--mono); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.requisites-card dd{ margin:0; overflow-wrap:anywhere; font-size:14px; font-weight:700; line-height:1.55; }
.requisite-number{ font-family:var(--mono); letter-spacing:.04em; }
.company-bank-section .requisites-card{ background:var(--paper); }
.company-note{ max-width:760px; margin:18px 0 0; color:var(--muted2); font-size:12px; line-height:1.65; }

.company-cta{ display:flex; justify-content:space-between; align-items:center; gap:28px; padding:clamp(56px,7vw,90px) clamp(20px,7vw,90px); background:var(--blue); color:#fff; }
.company-cta h2{ font-size:clamp(32px,4vw,56px); }
.company-cta h2 em{ color:#dfe7ff; }

body.dark .company-bank-section,.dark .requisites-card{ background:#202020; }
body.dark .company-bank-section .requisites-card{ background:#181818; }

@media (max-width:1000px){
  .company-hero{ grid-template-columns:1fr; }
  .company-hero-note{ max-width:460px; }
}
@media (max-width:720px){
  .company-header-actions .button{ padding:0 14px; }
  .company-hero{ min-height:0; padding:58px 18px; }
  .company-hero::before{ width:92vw; right:-42vw; top:-18vw; }
  .company-hero h1{ font-size:clamp(40px,12vw,58px); }
  .company-hero>div>p:last-child{ font-size:13px; }
  .company-hero-note{ padding:22px; }
  .company-section{ padding:56px 18px; }
  .requisites-card>div{ grid-template-columns:1fr; gap:8px; padding:18px; }
  .company-cta{ display:grid; padding:54px 18px; }
}