/* ══ WHITE-FIRST REFINEMENT ════════════════════════════════════════════
   Loaded only by the pink-and-white skin, after the shared sheet. On a white
   page the decoration that carried the all-pink version becomes noise, so
   most of this is subtraction: the marble goes, the glitter goes, and pink
   is spent on a handful of deliberate moments instead of every surface.  */

/* ── strip the busy ground ──────────────────────────────────────────── */
.marble::before{display:none}
.marble:not(.hero)::after{display:none}
.glitter::after{display:none}
.hero .star{display:none}
.results .star{display:none}

/* ── header: a thin sticky bar that all but disappears ──────────────── */
header{background:var(--header-bg);
  -webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);
  border-bottom:1px solid var(--hairline)}
.nav a{font-size:.7rem;letter-spacing:.2em;opacity:.7}
.nav a:hover{opacity:1}
.btn{background:var(--btn);color:#fff;border-radius:0;padding:1.1rem 2.4rem}
.btn:hover{background:var(--accent-ink);box-shadow:none;transform:none}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink-line);border-radius:0}
.btn-ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
header .btn{padding:.95rem 1.9rem}

/* ── hero: white, with one pink gesture behind the video ────────────── */
.hero{background:#fff}
.hero-copy h1{color:var(--ink);background:none;-webkit-text-fill-color:currentColor;
  animation:none;font-weight:300;letter-spacing:.04em}
.hero-copy h1 .l2{color:var(--accent-ink);letter-spacing:.34em;font-size:.44em}
.hero-tag{color:var(--muted);letter-spacing:.3em;font-size:.68rem}
.hero-copy .lede{color:var(--body);max-width:24em}
.hero-loc{color:var(--muted);letter-spacing:.28em}
.hero-media{background:linear-gradient(140deg,#FDEFF5,#F8DCE9)}
.hero-media.has-photo::before{opacity:.32}
.hero-media.has-photo::after{
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 26%)}

/* ── the trust strip becomes a quiet rule of small caps ─────────────── */
.strip{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);
  background:#fff;padding:2.4rem 0}
.strip-item svg{display:none}
.strip-item span{color:var(--muted);letter-spacing:.26em;font-size:.62rem;line-height:1.9}
.strip-item + .strip-item::before{opacity:.6}

/* ── sections: white, with one blush band for the story ─────────────── */
.section-head h2{font-weight:300;letter-spacing:.02em}
.section-head .kicker{color:var(--accent-ink)}
.rule{background:linear-gradient(90deg,transparent,var(--ink-line),transparent);opacity:1}

/* ── service cards: no fill, no shadow, just a hairline and a photo ─── */
.svc{background:transparent;border:0;box-shadow:none;border-radius:0}
.svc:hover{transform:none;box-shadow:none}
.svc figure{aspect-ratio:3/4;background:var(--ph)}
.svc-body{padding:1.6rem .2rem 0;text-align:left}
.svc h3{font-weight:400;letter-spacing:.04em;font-size:1.15rem}
.svc .price{color:var(--ink);font-size:1.15rem;font-weight:300;
  margin:.45rem 0 .9rem;letter-spacing:.06em}
.svc p{font-size:.88rem;color:var(--body);line-height:1.8;margin-bottom:1.1rem}
.svc .more{color:var(--ink);border-bottom-color:var(--ink-line);font-size:.6rem}
.svc .more:hover{border-bottom-color:var(--accent-ink);color:var(--accent-ink)}
.svc-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,3vw,2.6rem)}

/* the fourth bling tile does not belong on a white page */
.svc-bling{display:none}

/* ── story: the one blush band on the page ──────────────────────────── */
.story{background:var(--story-bg)}
.story-media{border-radius:0}
.story h2{font-weight:300}
.story-note.neon{background:transparent;box-shadow:none;padding:0;margin-top:2.2rem;
  color:var(--accent-ink);font-size:clamp(1.5rem,2.6vw,2rem);
  text-shadow:none;animation:none;display:block}
.story-media::before{background:radial-gradient(120% 120% at 0 0, rgba(40,20,32,.42), transparent 70%)}

/* ── results: white, thin frames ────────────────────────────────────── */
.results{background:#fff}
.ba{background:transparent;border:0;padding:0;border-radius:0}
.ba-pair{gap:4px}
.ba-pair figcaption{background:none;color:var(--muted);position:static;
  padding:.7rem 0 0;text-align:left;font-size:.56rem;letter-spacing:.26em}
.ba-pair figure{aspect-ratio:1/1;overflow:visible}
.ba-pair figure img{aspect-ratio:1/1}

/* ── reviews: rules instead of boxes ────────────────────────────────── */
.rev{background:transparent;border:0;border-top:1px solid var(--hairline);
  padding:2.2rem 0 0;border-radius:0}
.rev:hover{transform:none;box-shadow:none;border-color:var(--hairline)}
.rev .hearts{color:var(--accent-ink);letter-spacing:.34em;font-size:.68rem}
.rev blockquote{font-weight:300;font-size:1.02rem;line-height:1.8;color:var(--ink)}
.rev figcaption b{font-weight:500}
.rev-grid{gap:clamp(2rem,4vw,3.4rem)}

/* ── closing: blush band, dark button, no neon ──────────────────────── */
.cta{background:var(--cta-bg);border-top:0}
.cta h2{color:var(--ink);font-family:var(--display);font-weight:300;
  font-size:clamp(2.2rem,4.6vw,3.4rem);text-shadow:none;animation:none}
.cta h2.neon,.cta h2.neon-live{color:var(--ink);text-shadow:none;animation:none}
.neon-halo::before{display:none}
.cta p{color:var(--body)}
.cta .btn{background:var(--ink);color:#fff}
.cta .btn:hover{background:var(--accent-ink)}

/* ── footer ─────────────────────────────────────────────────────────── */
footer{background:var(--footer-bg);color:var(--footer-ink)}

/* ── the pink that remains, used on purpose ─────────────────────────── */
::selection{background:var(--accent-ink);color:#fff}
.hero-note.neon{background:rgba(26,20,22,.22)}


/* ══ PINK BACK IN CHARGE ═══════════════════════════════════════════════
   The first pass drifted into black-and-white minimalism. The brief is pink
   AND white: white gives the air, pink does everything that draws the eye. */

/* buttons are pink again, pill-shaped, with a soft glow */
.btn,header .btn,.cta .btn{
  background:linear-gradient(135deg,#F3A6C4,#E0709F);color:#fff;border-radius:999px;
  box-shadow:0 8px 22px rgba(224,112,159,.28)}
.btn:hover,header .btn:hover,.cta .btn:hover{
  background:linear-gradient(135deg,#F7B5CF,#E77FAA);
  transform:translateY(-2px);box-shadow:0 14px 30px rgba(224,112,159,.38)}
.btn-ghost{background:#fff;color:#D2608F;border:1px solid #F3C3D7;border-radius:999px;box-shadow:none}
.btn-ghost:hover{background:#FDEEF4;color:#C94F82;border-color:#EFA9C6;transform:translateY(-2px)}

/* the name in rose-gold foil, as before */
.hero-copy h1{
  background:linear-gradient(100deg,#C4648A 0%,#EBA5C0 24%,#FBE3EC 40%,#E08BAD 56%,#C4648A 74%,#EDB0C8 92%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  animation:sheen 10s linear infinite;font-weight:400}
.hero-copy h1 .l2{-webkit-text-fill-color:#E0709F;color:#E0709F}
.hero-tag{color:#E0709F}

/* a blush wash behind the hero copy so white and pink meet softly */
.hero{background:
  radial-gradient(60% 80% at 8% 20%, #FDEAF2 0%, rgba(253,234,242,0) 70%),
  radial-gradient(50% 60% at 40% 100%, #FEF3F7 0%, rgba(254,243,247,0) 70%), #fff}
.hero .star{display:block}
.hero .star{--neon:#F08DB6;--neon-far:rgba(240,141,182,.45)}

/* strip: pink icons back, pink rule lines */
.strip-item svg{display:block;stroke:#E0709F}
.strip-item span{color:#8C7079}
.strip{border-color:#F8DCE8}
.strip-item + .strip-item::before{background:#F8DCE8;opacity:1}

/* services sit on a whisper of marble; cards are white with a pink edge */
#svc{background:linear-gradient(180deg,#fff,#FEF6F9 50%,#fff)}
.svc{background:#fff;border:1px solid #F8DCE8;border-radius:18px;overflow:hidden;
  box-shadow:0 10px 34px rgba(224,112,159,.08)}
.svc:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(224,112,159,.18)}
.svc figure{aspect-ratio:4/3}
.svc-body{padding:1.9rem 1.8rem 2.2rem;text-align:center}
.svc .price{color:#E0709F;font-size:1.5rem}
.svc .more{color:#E0709F;border-bottom-color:#F3C3D7}
.svc-grid{grid-template-columns:repeat(3,1fr) .82fr}
.svc-bling{display:flex;border-radius:18px;
  background:linear-gradient(160deg,#FCE4EE,#F6BCD5 55%,#FDEDF3)}

/* story: the blush band, with the glowing sign back */
.story{background:linear-gradient(180deg,#FEF4F8,#FCE6EF)}
.story-media{border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(224,112,159,.16)}
.story-note.neon{display:inline-block;padding:1.3rem 1.8rem;border-radius:16px;
  background:linear-gradient(150deg,#F9C6DB,#F19DC0);color:#fff;
  box-shadow:0 12px 34px rgba(224,112,159,.3);
  text-shadow:0 0 2px #fff,0 0 8px #FFD3E5,0 0 18px #FF8FBE,0 0 34px rgba(255,120,180,.6);
  animation:buzz 2.6s ease-in-out infinite alternate}

/* results: white cards with pink labels */
.ba{background:#fff;border:1px solid #F8DCE8;padding:10px;border-radius:18px;
  box-shadow:0 10px 30px rgba(224,112,159,.08)}
.ba-pair figure{border-radius:10px;overflow:hidden}
.ba-pair figcaption{position:absolute;left:0;right:0;bottom:0;text-align:center;
  background:rgba(255,240,246,.94);color:#D2608F;padding:.5rem}

/* reviews: soft pink cards */
.rev{background:#fff;border:1px solid #F8DCE8;border-radius:18px;padding:2.2rem 2rem;
  box-shadow:0 10px 30px rgba(224,112,159,.07)}
.rev:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(224,112,159,.15)}
.rev .hearts{color:#E0709F}

/* closing band: pink, with the live neon */
.cta{background:linear-gradient(135deg,#F7B9D1,#EC8DB6)}
.cta h2.neon,.cta h2.neon-live{
  font-family:var(--script);color:#fff;font-weight:400;
  text-shadow:0 0 2px #fff,0 0 8px #FFE0EC,0 0 20px #FF8FBE,0 0 44px rgba(255,110,175,.7);
  animation:buzz 2.6s ease-in-out infinite alternate, flicker 7s infinite}
.neon-halo::before{display:block}
.cta p{color:rgba(255,255,255,.92)}
.cta .btn{background:#fff;color:#D2608F;box-shadow:0 10px 26px rgba(160,60,105,.22)}
.cta .btn:hover{background:#FFF4F8;color:#C94F82}
.cta.glitter::after{display:block}

footer{background:#FCE6EF;color:#8C5A70}

.svc figure{aspect-ratio:3/2}
/* the foil's pale stop was washing out the name on white; keep it rosier */
.hero-copy h1{
  background:linear-gradient(100deg,#C9648C 0%,#E58FB2 26%,#F3B9CF 42%,#DC7BA3 58%,#C9648C 76%,#E79BBB 94%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text}