.services-page{--pad:clamp(28px,4vw,62px);--ink:#14251f;--muted:#53655e;--green:#073b32;--deep:#031d18;--paper:#fbf8f0;--ivory:#eee5d4;--gold:#d9b96c;overflow:hidden}.services-page section{padding:var(--pad) 0;scroll-margin-top:90px}.services-page .wrap{width:min(1500px,calc(100% - clamp(34px,8vw,150px)));margin:auto}.services-page h1,.services-page h2,.services-page h3{font-family:Georgia,serif}.services-page h2{font-size:clamp(30px,3.3vw,48px);line-height:1.05;margin:0 0 12px;color:var(--ink)}.services-page h3{font-size:clamp(20px,2vw,29px);line-height:1.1;margin:0 0 9px;color:var(--ink)}.services-page p{font-size:clamp(14px,1.05vw,16px);line-height:1.65;color:var(--muted);margin:0}.services-page .kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#b88f43;margin-bottom:11px;display:block}.services-page .hero{min-height:390px;padding:0;display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(3,29,24,.95),rgba(3,29,24,.72) 45%,rgba(3,29,24,.2)),url('../images/engin-akyurt-FsuqRsukQRA-unsplash.jpg') center/cover}.services-page .hero .wrap{padding-top:70px;padding-bottom:42px}.services-page .hero h1{font-size:clamp(40px,5vw,68px);line-height:.98;color:#fff;margin:0 0 14px;max-width:680px}.services-page .hero h1 span{color:var(--gold)}.services-page .hero p{max-width:600px;color:rgba(255,255,255,.82)}.services-page .meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px;color:rgba(255,255,255,.72);font-size:10px;letter-spacing:.12em}.services-page .meta b{color:#fff}.services-page .intro{background:var(--paper)}.services-page .introgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:end}.services-page .rules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px;padding-top:15px;border-top:1px solid #d5cfc2}.services-page .rules strong{display:block;font:20px Georgia;color:var(--ink);margin-bottom:3px}.services-page .rules span{font-size:12px;color:var(--muted)}.services-page .service{background:var(--paper)}.services-page .service.alt{background:var(--ivory)}.services-page .servicegrid{display:grid;grid-template-columns:36% 64%;gap:clamp(28px,5vw,70px);align-items:center}.services-page .service.reverse .servicegrid{grid-template-columns:64% 36%}.services-page .service.reverse .photo{order:2}.services-page .photo{height:250px;overflow:hidden}.services-page .photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.services-page .service:hover img{transform:scale(1.035)}.services-page .num{font-size:10px;letter-spacing:.18em;color:#b88f43;font-weight:800;margin-bottom:9px}.services-page .points{display:grid;grid-template-columns:1fr 1fr;gap:9px 24px;border-top:1px solid #d5cfc2;margin-top:16px;padding-top:14px}.services-page .point{font-size:12px;line-height:1.5;color:var(--muted);padding-left:13px;position:relative}.services-page .point:before{content:'';width:5px;height:5px;background:#b88f43;border-radius:50%;position:absolute;left:0;top:7px}.services-page .learn{display:inline-flex;gap:9px;margin-top:17px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #bfc8c2;padding-bottom:5px}.services-page .process{background:var(--deep)}.services-page .processgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.services-page .process h2,.services-page .process h3{color:#fff}.services-page .process p{color:rgba(255,255,255,.7)}.services-page .steps{border-top:1px solid rgba(255,255,255,.2)}.services-page .step{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.13)}.services-page .step>b{color:var(--gold);font:20px Georgia}.services-page .step h3{font-size:17px;margin-bottom:2px}.services-page .step p{font-size:12px}.services-page .after{background:var(--paper)}.services-page .aftergrid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.services-page .afterlist{margin-top:17px;border-top:1px solid #d5cfc2}.services-page .afterrow{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid #ddd7cc}.services-page .afterrow strong{font-size:11px;letter-spacing:.08em;color:var(--ink)}.services-page .afterrow span{font-size:12px;color:var(--muted);line-height:1.5}.services-page .after .photo{height:220px}.services-page .close{background:var(--green)}.services-page .closegrid{display:flex;align-items:center;justify-content:space-between;gap:30px}.services-page .close h2{color:#fff}.services-page .close p{color:rgba(255,255,255,.72);max-width:650px}.services-page .close a{color:#fff;border-color:rgba(255,255,255,.35);white-space:nowrap}.services-page .reveal{opacity:0;transform:translateY(16px);transition:.65s ease}.services-page .reveal.in{opacity:1;transform:none}.services-page .d1{transition-delay:.08s}.services-page .d2{transition-delay:.16s}body.dark .services-page .intro,body.dark .services-page .service,body.dark .services-page .after{background:#101916}body.dark .services-page .service.alt{background:#17221e}body.dark .services-page h2,body.dark .services-page h3,body.dark .services-page .rules strong,body.dark .services-page .afterrow strong{color:#f4eee1}body.dark .services-page p,body.dark .services-page .rules span,body.dark .services-page .point,body.dark .services-page .afterrow span{color:#b7c2bc}@media(max-width:850px){.services-page .introgrid,.services-page .processgrid,.services-page .aftergrid{grid-template-columns:1fr;gap:28px}.services-page .servicegrid,.services-page .service.reverse .servicegrid{grid-template-columns:1fr;gap:22px}.services-page .service.reverse .photo{order:0}.services-page .photo{height:210px}.services-page .rules{grid-template-columns:1fr 1fr}.services-page .closegrid{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.services-page section{padding:30px 0}.services-page .wrap{width:calc(100% - 32px)}.services-page .hero{min-height:350px}.services-page .hero .wrap{padding-bottom:30px}.services-page .hero h1{font-size:41px}.services-page .rules{grid-template-columns:1fr}.services-page .points{grid-template-columns:1fr}.services-page .photo,.services-page .after .photo{height:190px}.services-page h2{font-size:30px}}


/* FINAL HERO REFINEMENT — match the taller AURELIA page heroes */
.services-page .hero{
  min-height:clamp(560px,72vh,700px);
  align-items:center;
}
.services-page .hero .wrap{
  padding-top:100px;
  padding-bottom:90px;
}
.services-page .hero h1{
  font-size:clamp(3.5rem,6.2vw,5.9rem);
  line-height:.94;
  max-width:820px;
  margin-bottom:22px;
}
.services-page .hero p{
  max-width:720px;
  font-size:clamp(1.08rem,1.35vw,1.32rem);
  line-height:1.7;
}
.services-page .hero .kicker{
  font-size:clamp(.72rem,1vw,.9rem);
  margin-bottom:16px;
  letter-spacing:.2em;
}
.services-page .meta{
  margin-top:30px;
  gap:28px;
  font-size:clamp(.68rem,.8vw,.8rem);
}
@media(max-width:700px){
  .services-page .hero{min-height:600px}
  .services-page .hero .wrap{padding-top:90px;padding-bottom:70px}
  .services-page .hero h1{font-size:clamp(2.9rem,12vw,4.4rem)}
  .services-page .hero p{font-size:1.05rem}
  .services-page .meta{gap:13px 20px;font-size:.68rem}
}


/* =========================================================
   FINAL HERO ALIGNMENT — AURELIA SERVICES
   Center the complete hero composition, not just the text.
   ========================================================= */
.services-page #service-hero{
  min-height:clamp(560px,72vh,700px);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.services-page #service-hero .wrap{
  width:min(1500px,calc(100% - clamp(34px,8vw,150px)));
  padding-top:0;
  padding-bottom:0;
  margin-inline:auto;
}
.services-page #service-hero .wrap > .reveal{
  width:100%;
  max-width:900px;
  margin-inline:auto;
  text-align:center;
}
.services-page #service-hero h1{
  max-width:820px;
  margin:16px auto 22px;
}
.services-page #service-hero p{
  max-width:720px;
  margin-inline:auto;
}
.services-page #service-hero .meta{
  justify-content:center;
  margin-inline:auto;
}
@media(max-width:700px){
  .services-page #service-hero{
    min-height:600px;
  }
  .services-page #service-hero .wrap{
    width:calc(100% - 32px);
  }
  .services-page #service-hero h1{
    margin-top:14px;
  }
}
