/* ═══════════════════════════════════════════════
   V CONCIERGE — service.css
   Стили страниц отдельных услуг (services/*.html)
   Требует: shared.css
   ═══════════════════════════════════════════════ */

/* ── HERO ── */
.hero{
  height:60vh;min-height:400px;
  background:var(--gray);position:relative;
  display:flex;align-items:center;padding-top:90px;
}
.hero-bg{
  position:absolute;inset:0;
  background-image:url("https://images.unsplash.com/photo-1486325212027-8081e485255e?auto=format&fit=crop&w=1600&q=80");
  background-size:cover;background-position:center;background-repeat:no-repeat;
  filter:grayscale(40%) brightness(.45);
}
.hero-inner{
  position:relative;z-index:1;
  width:100%;max-width:var(--mw);
  margin:0 auto;padding:0 48px;
}
.hero-eyebrow{
  font-size:11px;font-weight:300;
  letter-spacing:var(--ls-lg);
  text-transform:uppercase;color:var(--bronze);
  margin-bottom:16px;
}
.hero h1{
  font-size:clamp(32px,5vw,68px);font-weight:200;
  letter-spacing:var(--ls-md);text-transform:uppercase;
  color:var(--white);line-height:1.1;
}

/* ── ОСНОВНОЙ КОНТЕНТ ── */
.body-wrap{
  max-width:var(--mw);margin:0 auto;
  padding:100px 48px;
  display:grid;grid-template-columns:1fr 1fr;
  gap:80px;align-items:start;
}
.content-desc{
  font-size:16px;font-weight:300;
  line-height:var(--lh-body);
  color:rgba(27,25,25,.75);
  margin-bottom:40px;
}
.content-features{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:40px}
.content-features li{
  font-size:13px;font-weight:300;
  color:var(--dark);padding-left:20px;
  position:relative;line-height:1.6;
}
.content-features li::before{content:'—';position:absolute;left:0;color:var(--bronze)}
.content-img{border-radius:4px;overflow:hidden;aspect-ratio:4/3;background:#e8e8e8}
.content-img img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(15%)}

/* ── CTA СЕКЦИЯ ── */
.cta-sec{background:var(--dark);padding:80px 48px;text-align:center}
.cta-sec h2{
  font-size:clamp(28px,4vw,52px);font-weight:100;
  letter-spacing:var(--ls-md);text-transform:uppercase;
  color:var(--white);margin-bottom:12px;
}
.cta-sub{
  font-size:13px;font-weight:300;
  letter-spacing:var(--ls-md);text-transform:uppercase;
  color:rgba(255,255,255,.4);margin-bottom:40px;
}
.cta-btns{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}

/* ── АДАПТИВ ── */
@media(max-width:900px){
  .body-wrap{grid-template-columns:1fr;gap:40px}
  .content-img{order:-1}
}
@media(max-width:768px){
  .hero{height:auto;min-height:0;padding:130px 0 64px}
  .hero-inner{padding:0 24px}
  .body-wrap{padding:60px 24px}
  .cta-sec{padding:60px 24px}
}