/* Луидор-Сервис — страница контактов v2 (шрифт берётся с сайта) */
.lc{--lc-acc:#327bb0;--lc-acc-h:#2a6896;--lc-ink:#15202b;--lc-sub:#5f6b77;--lc-mut:#8a939c;--lc-line:rgba(21,32,43,.1);--lc-soft:#f4f5f7;max-width:1188px;margin:0 auto;padding:8px 24px 24px;color:var(--lc-ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.lc *,.lc *::before,.lc *::after{box-sizing:border-box}
.lc a{color:inherit;text-decoration:none}
.lc svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lc h1,.lc h2,.lc h3{font-family:inherit}

/* ---------- первый экран с фото ---------- */
.lc-hero{position:relative;display:flex;align-items:flex-end;min-height:520px;border-radius:8px;overflow:hidden;background:#1c232b url(/company/contacts/lc-office.webp) center/cover no-repeat;color:#fff}
.lc-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,18,26,.88) 0%,rgba(12,18,26,.66) 42%,rgba(12,18,26,.15) 78%),linear-gradient(0deg,rgba(12,18,26,.55) 0%,rgba(12,18,26,0) 45%)}
.lc-hero__in{position:relative;width:100%;max-width:560px;padding:48px}
.lc-h1{margin:0 0 6px;color:#fff;font-size:44px;font-weight:700;line-height:1.08;letter-spacing:-.02em}
.lc-hero__lead{margin:0 0 28px;color:rgba(255,255,255,.78);font-size:17px}
.lc-hero__phone{display:inline-block;margin:0 0 4px;color:#fff!important;font-size:32px;font-weight:700;line-height:1.15;letter-spacing:-.02em;white-space:nowrap}
.lc-hero__phone:hover{color:#cfe4f4!important}
.lc-hero__meta{margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.7}
.lc-hero__meta a{color:#fff!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.35)!important;text-underline-offset:4px}
.lc-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.lc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;margin:0;padding:0 24px;border:1px solid transparent;border-radius:999px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}
.lc-btn svg{width:18px;height:18px}
.lc-btn:active{transform:scale(.97)}
.lc-btn--p{background:var(--lc-acc);color:#fff!important}
.lc-btn--p:hover{background:var(--lc-acc-h)}
.lc-btn--w{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08);color:#fff!important}
.lc-btn--w:hover{background:rgba(255,255,255,.18);border-color:#fff}
.lc-btn--g{border-color:var(--lc-line);background:#fff;color:var(--lc-ink)}
.lc-btn--g:hover{border-color:var(--lc-acc);color:var(--lc-acc)}

/* ---------- секции ---------- */
.lc-sec{margin-top:64px}
.lc-sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 20px}
.lc-h2{margin:0;color:var(--lc-ink);font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.015em}
.lc-sec__sub{margin:6px 0 0;color:var(--lc-sub);font-size:16px}

/* фото центра */
.lc-gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.lc-ph{position:relative;margin:0;border-radius:8px;overflow:hidden;background:var(--lc-soft)}
.lc-ph img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.lc-ph:hover img{transform:scale(1.03)}
.lc-ph figcaption{position:absolute;left:12px;bottom:12px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--lc-ink);font-size:14px;font-weight:600;line-height:1.2}

/* карта */
.lc-map{position:relative;height:440px;border-radius:8px;background:var(--lc-soft);overflow:hidden}
.lc-map__ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--lc-mut);font-size:14px}

/* что можно сделать + реквизиты */
.lc-two{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.1fr);gap:16px}
.lc-card{padding:24px;border:1px solid var(--lc-line);border-radius:8px;background:#fff}
.lc-card h3{margin:0 0 8px;color:var(--lc-ink);font-size:17px;font-weight:700;line-height:1.3}
.lc-card p{margin:0;color:var(--lc-sub);font-size:15px;line-height:1.55}
.lc-card--req{background:var(--lc-soft);border-color:transparent}
.lc-card--req p{line-height:1.75}

.lc a:focus-visible,.lc button:focus-visible{outline:2px solid var(--lc-acc);outline-offset:2px;border-radius:6px}

@media (max-width:1023.98px){
  .lc-hero{min-height:460px}
  .lc-hero__in{padding:36px}
  .lc-two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lc-map{height:380px}
}
@media (max-width:767.98px){
  .lc{padding:4px 16px 8px}
  .lc-hero{min-height:0;align-items:stretch;background-position:70% center}
  .lc-hero::before{background:linear-gradient(0deg,rgba(12,18,26,.92) 0%,rgba(12,18,26,.72) 55%,rgba(12,18,26,.35) 100%)}
  .lc-hero__in{padding:120px 20px 24px}
  .lc-h1{font-size:32px}
  .lc-hero__lead{margin-bottom:20px;font-size:15px}
  .lc-hero__phone{font-size:26px}
  .lc-acts{flex-direction:column}
  .lc-btn{width:100%}
  .lc-sec{margin-top:44px}
  .lc-sec__head{flex-direction:column;align-items:stretch;gap:12px}
  .lc-h2{font-size:22px}
  .lc-gal{grid-template-columns:1fr;gap:12px}
  .lc-map{height:320px}
  .lc-two{grid-template-columns:1fr;gap:12px}
}