/* Loaded only by services.html; every selector stays inside its main content. */
.services-page .services-intro{padding:40px 0; background:var(--panel); border-bottom:1px solid var(--border);}
.services-page .services-intro__layout{display:grid; grid-template-columns:minmax(0, 2fr) minmax(280px, 1fr); align-items:start; gap:28px;}
.services-page h1{font-size:clamp(30px, 3vw, 40px); line-height:1.15; margin:0 0 18px; overflow-wrap:break-word;}
.services-page .services-intro__lead{font-size:18px; margin:0; max-width:68ch; color:var(--muted);}
.services-page .services-jumps{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; margin-top:28px;}
.services-page .services-jumps a{display:flex; flex-direction:column; justify-content:space-between; gap:16px; padding:18px; border:1px solid var(--border); border-top:3px solid var(--accent); border-radius:var(--radius); background:var(--bg); font-size:18px; font-weight:700; line-height:1.35;}
.services-page .services-jumps a:hover{border-color:var(--accent); text-decoration:none;}
.services-page .services-jumps__arrow{align-self:flex-end; font-size:22px; line-height:1;}
.services-page .services-consult{padding:24px; background:var(--bg); border:1px solid var(--border); border-top:4px solid var(--accent); border-radius:var(--radius); box-shadow:var(--shadow);}
.services-page .services-consult h2{font-size:22px; margin:0 0 12px; line-height:1.25;}
.services-page .services-consult p{color:var(--muted); margin:0 0 20px;}
.services-page .services-consult > .btn{width:100%;}
.services-page .services-consult__phone{display:flex; flex-direction:column; gap:4px; margin:20px 0 12px;}
.services-page .services-consult__phone span{color:var(--muted); font-size:14px;}
.services-page .services-consult__phone a{font-size:19px; font-weight:700;}
.services-page .services-section{padding:48px 0; scroll-margin-top:190px;}
.services-page .services-section h2{font-size:clamp(26px, 2.8vw, 34px); line-height:1.2; margin:0 0 20px;}
.services-page .services-overview{display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); grid-template-areas:"copy photo"; gap:36px; align-items:center;}
.services-page .services-copy{grid-area:copy; min-width:0;}
.services-page .services-copy p{margin:0 0 18px; color:var(--muted);}
.services-page .services-photo{grid-area:photo; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover; border-radius:var(--radius);}
.services-page .services-details{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; margin-top:32px;}
.services-page .services-detail{background:var(--panel); padding:22px; border-top:3px solid var(--accent); border-radius:var(--radius);}
.services-page h3{font-size:20px; line-height:1.3; margin:0 0 14px;}
.services-page .services-detail p{margin:0; color:var(--muted);}
.services-page .services-conditions{margin-top:32px; padding:24px; background:var(--panel); border-top:1px solid var(--border); border-radius:var(--radius);}
.services-page .services-conditions h3{font-size:18px; font-weight:600; margin-bottom:12px;}
.services-page .services-conditions p{color:var(--muted); margin:0 0 18px;}
.services-page .services-conditions p:last-child{margin-bottom:0;}
.services-page .services-copy .services-geography{display:inline-block; padding:8px 14px; margin-bottom:22px; background:#e5eef5; color:var(--accent-2); border-radius:8px; font-weight:600;}
.services-page .services-gallery__intro{margin:0 0 24px; color:var(--muted); max-width:70ch;}
.services-page .services-gallery{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px;}
.services-page .services-work{background:var(--bg); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden;}
.services-page .services-work img{width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover;}
.services-page .services-work__copy{padding:20px;}
.services-page .services-work__copy h3{font-size:18px;}
.services-page .services-work__copy p{margin:0; color:var(--muted);}
.services-page .services-contact{display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:32px; align-items:center; padding:36px; border-radius:var(--radius); background:var(--accent-2); color:#fff;}
.services-page .services-contact p{margin:0; max-width:70ch; color:#e5eef5;}
.services-page .services-contact__actions{display:flex; flex-direction:column; align-items:center; gap:16px;}
.services-page .services-contact__actions > a:not(.btn){color:#fff;}
.services-page .services-contact__actions .btn{background:#fff; color:var(--accent-2); border-color:#fff;}
.services-page .services-contact__actions .btn:hover{background:#e5eef5; border-color:#e5eef5;}
.services-page a:focus-visible{outline:2px solid var(--accent); outline-offset:4px;}
.services-page .services-contact a:focus-visible{outline-color:#fff;}
@media (max-width:1000px){
  .services-page .services-intro__layout{grid-template-columns:minmax(0, 1fr);}
  .services-page .services-consult{max-width:620px;}
}
@media (max-width:700px){
  .services-page .services-intro{padding:20px 0;}
  .services-page .services-intro__layout{gap:20px;}
  .services-page h1{margin-bottom:14px;}
  .services-page .services-intro__lead{font-size:16px;}
  .services-page .services-jumps{grid-template-columns:minmax(0, 1fr); margin-top:18px; gap:8px;}
  .services-page .services-jumps a{flex-direction:row; align-items:center; padding:10px 16px; gap:16px;}
  .services-page .services-jumps__arrow{align-self:center;}
  .services-page .services-consult{padding:20px;}
  .services-page .services-section{padding:32px 0;}
  .services-page .services-overview{grid-template-columns:minmax(0, 1fr); grid-template-areas:"photo" "copy"; gap:24px;}
  .services-page .services-details,.services-page .services-gallery{grid-template-columns:minmax(0, 1fr);}
  .services-page .services-contact{grid-template-columns:minmax(0, 1fr); padding:24px; gap:24px;}
  .services-page .services-contact__actions{align-items:flex-start;}
}
@media (max-width:360px){
  .services-page h1{font-size:26px;}
  .services-page .services-consult h2{font-size:18px;}
}
