/* Blush (D-078): an editorial beauty studio. Italic Cormorant, soft rose,
   arches for the hero and the portraits, hairlines instead of boxes. */

.d-blush { font-size: 16px; }
.d-blush .pg-h1 { font-style: italic; font-weight: 500; letter-spacing: -.015em; font-size: clamp(3rem, 10vw, 6.2rem); line-height: .95; }
.d-blush .pg-h2 { font-style: italic; font-weight: 500; font-size: clamp(2.1rem, 5.4vw, 3.4rem); }
.d-blush .pg-h3 { font-style: italic; font-weight: 500; font-size: 1.5rem; }
.d-blush .pg-brand-name, .d-blush .pg-foot-name { font-style: italic; font-size: 1.35rem; font-weight: 500; }
.d-blush .pg-monogram { font-style: italic; background: transparent; color: var(--accent-text); border: 1px solid var(--accent-edge); }
.d-blush .pg-nav { border-bottom-color: transparent; }
.d-blush .pg-kicker, .d-blush .pg-eyebrow { letter-spacing: .3em; font-weight: 500; }

/* hero: the arch */
.bl-hero { padding: 18px 0 56px; }
.bl-hero-grid { display: grid; gap: 34px; align-items: center; }
.bl-arch-wrap { position: relative; width: min(100%, 420px); margin-inline: auto; }
.bl-arch-wrap::after { /* offset outline, the magazine touch */
  content: ''; position: absolute; inset: 14px -14px -14px 14px; border: 1px solid var(--accent-edge); border-radius: 999px 999px 18px 18px; z-index: -1;
}
[dir="rtl"] .bl-arch-wrap::after { inset: 14px 14px -14px -14px; }
.bl-arch { border-radius: 999px 999px 18px 18px; overflow: hidden; aspect-ratio: 3 / 4; }
.bl-arch .pg-slides { height: 100%; }
.bl-arch .pg-slide:first-child { height: 100%; }
.bl-hero .pg-hero-text { text-align: center; }
.bl-hero .pg-tagline { margin-inline: auto; font-family: var(--font-display); font-style: italic; font-size: 1.35rem; }
.bl-hero .pg-ctas { justify-content: center; }
@media (min-width: 900px) {
  .bl-hero { padding: 40px 0 90px; }
  .bl-hero-grid { grid-template-columns: 1fr 1.15fr; gap: 80px; }
  .bl-hero .pg-hero-text { text-align: start; order: -1; }
  .bl-hero .pg-tagline { margin-inline: 0; }
  .bl-hero .pg-ctas { justify-content: flex-start; }
  .bl-arch-wrap { width: 100%; max-width: 460px; }
}

.d-blush .pg-btn { letter-spacing: .04em; }
.d-blush .pg-facts ul { border-radius: 0; background: transparent; border: 0; border-block: 1px solid var(--line); gap: 0; }
.d-blush .pg-facts li { background: transparent; text-align: center; }

/* services: a salon menu of hairlines, no boxes */
.d-blush .pg-services-list .pg-wrap { max-width: 900px; }
.d-blush .pg-services-list .pg-svc-list { gap: 0; }
.d-blush .pg-services-list .pg-svc { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 18px 2px; }
.d-blush .pg-services-list .pg-svc-name { font-family: var(--font-display); font-size: 1.3rem; font-weight: 500; }
.d-blush .pg-services-list .pg-svc-go { opacity: 0; transition: opacity .2s, transform .2s; }
@media (hover: hover) and (pointer: fine) {
  .d-blush .pg-services-list .pg-svc:hover { transform: none; }
  .d-blush .pg-services-list .pg-svc:hover .pg-svc-go { opacity: 1; transform: translateX(3px); }
}
.d-blush .pg-about-photo img { border-radius: 999px 999px 16px 16px; }
.d-blush .pg-masonry img { border-radius: 4px; }
.d-blush .pg-qa summary { font-family: var(--font-display); font-style: italic; font-size: 1.3rem; font-weight: 500; }
.d-blush .pg-about { background: var(--surface); }