/* Дополнительные стили страниц направлений. Основная палитра и типографика берутся из /styles.css */
.service-page-hero{padding:72px 0 64px;position:relative;overflow:hidden}
.service-page-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.service-page-hero h1{max-width:760px}
.service-page-hero .lead{max-width:650px}
.service-art{min-height:330px;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:42% 42% 28px 28px;background:linear-gradient(145deg,#e8eee8,#f8eee5);overflow:hidden}
.service-art:before,.service-art:after{content:"";position:absolute;border:1px solid #496d6138;border-radius:50%;width:300px;height:300px}
.service-art:before{left:-115px;top:-110px}.service-art:after{right:-120px;bottom:-170px;width:360px;height:360px}
.service-art svg{position:relative;z-index:1;width:min(86%,390px);height:auto;max-height:300px}
.service-page-meta{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}
.service-page-meta span{border:1px solid var(--line);background:#fffdf9b8;border-radius:999px;padding:8px 13px;color:var(--muted);font-size:12px}
.service-intro{background:var(--paper)}
.service-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.service-info-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.service-info-card .number{font-size:11px;color:var(--clay);font-weight:800;letter-spacing:.12em}
.service-info-card h3{font:400 25px/1.15 Georgia,serif;margin:18px 0 10px}
.service-info-card p{margin:0;color:var(--muted);font-size:14px}
.service-band{background:#e9eee8}
.service-band-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.service-band h2,.service-content h2{font:400 clamp(32px,4vw,48px)/1.08 Georgia,serif;letter-spacing:-.025em;margin:14px 0 18px}
.service-list{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid #cbd4cc}
.service-list li{padding:15px 0;border-bottom:1px solid #cbd4cc;display:grid;grid-template-columns:32px 1fr;gap:12px}
.service-list li span{font-size:11px;color:var(--green);font-weight:800;padding-top:4px}
.service-list p{margin:0}
.service-quote{background:var(--deep);color:#fff;border-radius:28px;padding:30px 34px;margin-top:30px}
.service-quote p{font:400 clamp(22px,2.5vw,30px)/1.25 Georgia,serif;margin:0}
.service-quote small{display:block;color:#c6d8ce;margin-top:15px;font-size:12px}
.service-cta{padding:68px 0;background:var(--paper)}
.service-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);border-radius:28px;padding:34px 38px;background:linear-gradient(120deg,#fffdf9,#edf1eb)}
.service-cta h2{font:400 clamp(28px,3.4vw,40px)/1.1 Georgia,serif;margin:0 0 10px}
.service-cta p{color:var(--muted);margin:0;max-width:620px}
.service-disclaimer{font-size:12px;color:var(--muted);max-width:800px;margin-top:24px}
.service-page .site-header{position:sticky}
.service-page .footer{margin-top:0}
@media(max-width:850px){.service-page-grid,.service-band-grid{grid-template-columns:1fr;gap:35px}.service-art{min-height:260px;order:-1}.service-content-grid{grid-template-columns:1fr 1fr}.service-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.service-page-hero{padding:42px 0}.service-content-grid{grid-template-columns:1fr}.service-info-card{padding:23px}.service-cta-inner{padding:26px 22px}.service-page-hero h1{font-size:clamp(38px,11vw,52px)}}

/* Standalone pages share the main site's responsive header behaviour. */
.service-mobile-contact{display:none}
.service-page .menu-btn{flex:0 0 auto}
@media(max-width:900px){
  .service-mobile-contact{display:inline-flex;padding:10px 14px;font-size:12px}
  .service-page .nav{z-index:60}
  .service-page .menu-btn{display:block;padding:4px 0 4px 8px;color:var(--ink)}
}