/* Monogram atelier — a couture house for one person: a monogram crest, a framed portrait, double rules
   and an appointment card. */
.pa-monogram.pg-index .nav:not(.is-solid):not(.is-open){--nav-ink:var(--ink)}
.pa-monogram .logo__t{font-size:1.1rem;letter-spacing:.28em;text-transform:uppercase}
.pa-monogram .mono{border-width:2px;box-shadow:0 0 0 3px var(--bg),0 0 0 4px currentColor}
.hero--mg{color:var(--ink);padding:clamp(110px,12vw,150px) 0 clamp(60px,8vw,110px);border-bottom:4px double color-mix(in srgb,var(--ink) 45%,transparent)}
.mg{display:grid;grid-template-columns:1.1fr .9fr;grid-template-areas:'crest ph' 'c ph' 'c appt';gap:0 clamp(30px,6vw,90px);align-items:start}
.mg__crest{grid-area:crest;display:flex;align-items:center;gap:22px;margin-bottom:clamp(26px,4vw,44px)}
.mg__crest span{display:grid;place-items:center;width:clamp(96px,10vw,128px);aspect-ratio:1;border-radius:50%;border:2px solid var(--accent);box-shadow:0 0 0 6px var(--bg),0 0 0 7px var(--accent);font:var(--dw) clamp(2.2rem,1.6rem + 1.6vw,3.2rem)/1 var(--f-display);letter-spacing:.04em;color:var(--accent-text)}
.mg__crest small{font:600 .72rem/1.5 var(--f-body);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);max-width:18ch}
.mg__c{grid-area:c}
.hero--mg .eyebrow{color:var(--accent-text);opacity:1;letter-spacing:.3em}
.hero--mg .h1{font-size:clamp(2.6rem,1.4rem + 4.2vw,5.8rem);max-width:13ch}
.hero--mg .h1 em{color:var(--accent-text)}
.hero--mg .hero__lede{color:var(--muted);opacity:1}
.hero--mg .facts{margin-top:clamp(28px,4vw,44px);padding-top:20px;border-top:4px double color-mix(in srgb,var(--ink) 35%,transparent)}
.mg__ph{grid-area:ph;aspect-ratio:3/4;border-radius:calc(var(--radius) * .5);outline:1px solid var(--accent);outline-offset:10px}
.mg__ph .hm{position:absolute;inset:0}
.mg__appt{grid-area:appt;justify-self:end;margin-top:-60px;position:relative;z-index:2;width:min(300px,90%);background:var(--dark);color:var(--on-dark);padding:22px 24px;border-radius:calc(var(--radius) * .5);display:flex;flex-direction:column;gap:4px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.mg__appt p{margin:0;font:600 .66rem/1 var(--f-body);letter-spacing:.3em;text-transform:uppercase;color:var(--accent-dark)}
.mg__appt b{font:var(--dw) 1.4rem/1.2 var(--f-display);margin-top:8px}
.mg__appt a{margin-top:8px;font-weight:600}
.pa-monogram.v-hero-b .mg{grid-template-columns:.9fr 1.1fr;grid-template-areas:'ph crest' 'ph c' 'appt c'}.pa-monogram.v-hero-b .mg__appt{justify-self:start}
.pa-monogram.v-hero-c .mg__ph{border-radius:999px 999px 0 0}
/* inside */
.pa-monogram .eyebrow{letter-spacing:.32em}
.pa-monogram .st{font-size:clamp(2.1rem,1.3rem + 2.8vw,3.8rem)}
.pa-monogram .st em{color:var(--accent-text)}
.pa-monogram .s + .s{border-top:4px double color-mix(in srgb,var(--ink) 22%,transparent)}
.pa-monogram .sh .orn,.pa-monogram .orn{color:var(--accent)}
.pa-monogram .bio__ph,.pa-monogram .sig-card__ph{outline:1px solid var(--accent);outline-offset:-12px}
.pa-monogram .sig-card{background:none;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}
.pa-monogram .svc-group h3{border-bottom:4px double var(--ink)}
.pa-monogram .q{background:none;border-top:4px double var(--accent);border-radius:0;padding-inline:0}
.pa-monogram .s-stats{background:var(--dark)}.pa-monogram .stats b{color:var(--on-dark)}
@media (max-width:860px){.mg,.pa-monogram.v-hero-b .mg{grid-template-columns:1fr;grid-template-areas:'crest' 'ph' 'appt' 'c'}.mg__ph{aspect-ratio:4/5;margin-bottom:0}.mg__appt,.pa-monogram.v-hero-b .mg__appt{justify-self:end;margin:-50px 10px 34px 0}}