/* =============================================================================
   GlobalGate Homes — assets/css/pages/services.css
   Page-specific rules for services.php. Loaded after main.css. Tokens only:
   no raw hex, no radius beyond --r-0/--r-1, no shadows, no colour ramps, nothing
   centred. Shared pieces (.ledger--jump, the .page-plate text rhythm and the
   mirrored-bleed row pin) live in main.css.
   ============================================================================= */

/* ---------------------------------------------------------------------------
   01 Page plate — the reading note sits 48px below the top of the mirrored plate
   --------------------------------------------------------------------------- */
.page-plate > .text{align-self:start}
@media (min-width:1024px){.page-plate > .text{padding-top:var(--s-7)}}

/* ---------------------------------------------------------------------------
   03–09 Service sections — glyph beside the H2, fixed rhythm in the text column
   --------------------------------------------------------------------------- */
.svc__head{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:var(--s-5)}
.svc__head .glyph{flex:none;margin-top:calc((var(--fs-h2) * var(--lh-h2) - 48px) / 2)}
.svc__head h2{flex:1 1 0%;min-width:0;margin:0}  /* the title wraps beside the glyph, never under it */
.svc__text > * + *{margin-top:var(--s-6)}
.svc__text > .lead{margin-top:var(--s-5)}
.svc__text .eyebrow{display:flex}
.svc__text .prose p{max-width:var(--measure-prose)}
.svc__time{display:grid;gap:var(--s-2)}
.svc__time-value{font:italic 400 var(--fs-body-sm)/1.5 var(--f-serif);font-optical-sizing:auto;color:var(--ink);max-width:var(--measure-prose)}
/* "What to expect" sits under the plates in the media column; it takes the same
   edge padding as the bleeding caption so it never touches the viewport edge */
.svc__expect{padding-right:var(--pad)}
.svc__expect .eyebrow{display:flex}
.svc__expect .prose p{max-width:var(--measure-prose)}
.svc__expect > p:last-child{margin-top:var(--s-5)}
.is-mirrored .svc__expect{padding-right:0;padding-left:var(--pad)}
@media (max-width:1023px){.svc__expect,.is-mirrored .svc__expect{padding-inline:var(--pad)}}
@media (min-width:1024px){
  /* plate top aligns with the glyph, not the cap height of the H2 */
  .svc > .bleed > .media{padding-top:var(--s-1)}
}