/* Suzanne's Breastfeeding Story page */
/* Extracted from inline <style> in Suzannes Breastfeeding Story.html; selectors scoped to body.page-suzannes-breastfeeding-story. */
/* Dependencies: colors_and_type.css (design tokens). */

body.page-suzannes-breastfeeding-story{font-family:var(--font-sans);color:var(--navy-500);background:var(--grad-page-v3) no-repeat;background-attachment:fixed;-webkit-font-smoothing:antialiased}
/* Case-A footer fade — long-form article ends light, dissolves into the navy footer */
body.page-suzannes-breastfeeding-story .footer-ombre-blend{display:block}

/* Breadcrumb */
body.page-suzannes-breastfeeding-story .crumb{padding:18px 32px 0}
body.page-suzannes-breastfeeding-story .crumb__inner{max-width:780px;margin:0 auto;font-family:var(--font-sans);font-weight:600;font-size:13px;color:var(--navy-400)}
body.page-suzannes-breastfeeding-story .crumb__inner a{color:var(--navy-500);text-decoration:none}
body.page-suzannes-breastfeeding-story .crumb__sep{margin:0 8px;color:var(--navy-300)}

/* Article shell */
body.page-suzannes-breastfeeding-story .article{max-width:780px;margin:0 auto;padding:clamp(20px,3vw,36px) clamp(20px,5vw,40px) clamp(60px,8vw,96px)}
body.page-suzannes-breastfeeding-story .article__hero{padding:clamp(28px,5vw,56px) 0 clamp(28px,4vw,48px);text-align:center;border-bottom:1px solid rgba(62,80,104,0.10);margin-bottom:clamp(36px,5vw,56px)}
body.page-suzannes-breastfeeding-story .article__eyebrow{font-family:var(--font-accent);font-weight:700;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--pink-500);margin:0 0 22px}
body.page-suzannes-breastfeeding-story .article__title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,5.5vw,3.6rem);letter-spacing:-0.028em;color:var(--pink-500);margin:0 0 26px;line-height:1.08;text-wrap:balance}
body.page-suzannes-breastfeeding-story .article__byline{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-accent);font-weight:700;font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy-500)}
body.page-suzannes-breastfeeding-story .article__byline .dot{width:4px;height:4px;border-radius:50%;background:var(--pink-300)}
body.page-suzannes-breastfeeding-story .article__byline span{color:var(--navy-400)}

/* Body prose */
body.page-suzannes-breastfeeding-story .prose{font-family:var(--font-sans);color:var(--navy-700)}
body.page-suzannes-breastfeeding-story .prose p{font-size:clamp(1.08rem,1.4vw,1.18rem);line-height:1.78;margin:0 0 1.45em;text-wrap:pretty}
body.page-suzannes-breastfeeding-story .prose p.lede{font-size:clamp(1.18rem,1.6vw,1.32rem);line-height:1.7;font-weight:500;color:var(--navy-500)}
body.page-suzannes-breastfeeding-story .prose p.lede::first-letter{font-family:var(--font-display);font-weight:800;color:var(--pink-500);font-size:3.6em;line-height:0.86;float:left;margin:0.08em 0.14em 0 -0.04em;letter-spacing:-0.02em}

/* Pull quote */
body.page-suzannes-breastfeeding-story .pullquote{margin:clamp(36px,5vw,56px) 0;padding:clamp(24px,3.5vw,36px) clamp(28px,4vw,44px);border-left:3px solid var(--pink-400);background:linear-gradient(to right,rgba(244,219,229,0.35),transparent 70%);border-radius:0 var(--radius-lg) var(--radius-lg) 0}
body.page-suzannes-breastfeeding-story .pullquote p{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.36;color:var(--navy-700);margin:0;letter-spacing:-0.012em;text-wrap:balance}
body.page-suzannes-breastfeeding-story .pullquote p::before{content:'"';font-family:var(--font-display);font-size:1.4em;line-height:0.8;color:var(--pink-400);margin-right:0.06em;vertical-align:-0.18em}
body.page-suzannes-breastfeeding-story .pullquote p::after{content:'"';font-family:var(--font-display);font-size:1.4em;line-height:0.8;color:var(--pink-400);margin-left:0.04em;vertical-align:-0.18em}

/* Photo gallery */
body.page-suzannes-breastfeeding-story .gallery{margin:clamp(48px,7vw,80px) 0 clamp(28px,4vw,40px)}
body.page-suzannes-breastfeeding-story .gallery__head{text-align:center;margin-bottom:clamp(24px,3vw,36px)}
body.page-suzannes-breastfeeding-story .gallery__eyebrow{font-family:var(--font-accent);font-weight:700;font-size:0.74rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--pink-500);margin:0 0 8px}
body.page-suzannes-breastfeeding-story .gallery__lede{font-family:var(--font-display);font-style:italic;font-size:clamp(1.05rem,1.4vw,1.18rem);color:var(--navy-500);margin:0;font-weight:500}
body.page-suzannes-breastfeeding-story .gallery__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
body.page-suzannes-breastfeeding-story .photo{position:relative;background:linear-gradient(135deg,var(--pink-100),var(--sky-soft));border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card-lift)}
body.page-suzannes-breastfeeding-story .photo::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.35),transparent 55%),repeating-linear-gradient(135deg,rgba(255,255,255,0.12) 0 14px,transparent 14px 28px)}
body.page-suzannes-breastfeeding-story .photo__caption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px 12px;font-family:var(--font-display);font-style:italic;font-weight:500;font-size:0.92rem;color:var(--navy-700);background:linear-gradient(to top,rgba(255,255,255,0.92) 60%,transparent);letter-spacing:-0.005em}
body.page-suzannes-breastfeeding-story .photo__placeholder{position:absolute;top:14px;left:16px;font-family:var(--font-accent);font-size:0.62rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:rgba(62,80,104,0.45)}
/* layout: 6-col grid; varied tile spans + aspect ratios for editorial rhythm */
body.page-suzannes-breastfeeding-story .photo--a{grid-column:span 4;aspect-ratio:4/3}
body.page-suzannes-breastfeeding-story .photo--b{grid-column:span 2;aspect-ratio:3/4}
body.page-suzannes-breastfeeding-story .photo--c{grid-column:span 2;aspect-ratio:3/4}
body.page-suzannes-breastfeeding-story .photo--d{grid-column:span 4;aspect-ratio:4/3}
body.page-suzannes-breastfeeding-story .photo--e{grid-column:span 3;aspect-ratio:3/4}
body.page-suzannes-breastfeeding-story .photo--f{grid-column:span 3;aspect-ratio:3/4}
body.page-suzannes-breastfeeding-story .photo:nth-child(2)::before{background-image:radial-gradient(circle at 70% 40%,rgba(255,255,255,0.35),transparent 55%),repeating-linear-gradient(45deg,rgba(255,255,255,0.12) 0 14px,transparent 14px 28px)}
body.page-suzannes-breastfeeding-story .photo:nth-child(3){background:linear-gradient(135deg,#e8d8f0,#fce3d6)}
body.page-suzannes-breastfeeding-story .photo:nth-child(4){background:linear-gradient(135deg,#dbe9f5,#f6e2d4)}
body.page-suzannes-breastfeeding-story .photo:nth-child(5){background:linear-gradient(135deg,#f6dde5,#e3e8f5)}
body.page-suzannes-breastfeeding-story .photo:nth-child(6){background:linear-gradient(135deg,#fce0d3,#dcf0f8)}

/* Closing block */
body.page-suzannes-breastfeeding-story .closing-card{margin-top:clamp(48px,6vw,72px);background:var(--card-lift-bg);backdrop-filter:var(--card-lift-blur);box-shadow:var(--shadow-card-lift);border-radius:var(--radius-xl);padding:clamp(32px,5vw,48px) clamp(28px,4vw,44px);text-align:center}
body.page-suzannes-breastfeeding-story .closing-card__eyebrow{font-family:var(--font-accent);font-weight:700;font-size:0.76rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--pink-500);margin:0 0 14px}
body.page-suzannes-breastfeeding-story .closing-card h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-0.018em;color:var(--navy-700);margin:0 0 14px;text-wrap:balance}
body.page-suzannes-breastfeeding-story .closing-card p{font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.7;color:var(--navy-700);margin:0 0 24px;max-width:52ch;margin-left:auto;margin-right:auto}
body.page-suzannes-breastfeeding-story .closing-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
body.page-suzannes-breastfeeding-story .closing-actions .btn{height:50px}

/* Article meta footer */
body.page-suzannes-breastfeeding-story .meta-foot{margin-top:clamp(40px,5vw,56px);padding-top:24px;border-top:1px solid rgba(62,80,104,0.10);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;font-family:var(--font-accent);font-size:0.74rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--navy-400)}
body.page-suzannes-breastfeeding-story .meta-foot a{color:var(--pink-500);text-decoration:none;border-bottom:1px solid rgba(194,99,138,0.3);padding-bottom:2px}
body.page-suzannes-breastfeeding-story .meta-foot .tag{background:var(--pink-50);color:var(--pink-700);padding:6px 12px;border-radius:var(--radius-pill);letter-spacing:0.1em;border:0}

@media (max-width:720px){
  body.page-suzannes-breastfeeding-story .gallery__grid{grid-template-columns:repeat(2,1fr)}
  body.page-suzannes-breastfeeding-story .photo--a,body.page-suzannes-breastfeeding-story .photo--d{grid-column:span 2;aspect-ratio:4/3}
  body.page-suzannes-breastfeeding-story .photo--b,body.page-suzannes-breastfeeding-story .photo--c,body.page-suzannes-breastfeeding-story .photo--e,body.page-suzannes-breastfeeding-story .photo--f{grid-column:span 1;aspect-ratio:3/4}
}