/* ==========================================================
   Lilac Pop homepage — content-pass styles (from the website brief PDF)
   ========================================================== */

/* hero: three-line headline, longer than the old one */
.homepage .fun-hero h1{font-size:clamp(2.6rem,5.4vw,4.5rem);max-width:26ch;line-height:1.04}
.homepage .fun-hero .lede{max-width:46ch}
.homepage .fun-hero .lede + .lede{margin-top:.8rem}
.homepage .fun-hero .lede.punch{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(1.25rem,2vw,1.5rem);color:var(--v-accent);margin-top:1rem}

/* intro: the "how we work" photo is landscape */
#brand-intro .photo-tilt img{aspect-ratio:4/3;object-fit:cover}

/* "We find your brand's personality" band */
.personality{padding-block:clamp(3rem,7vw,5.5rem)}
.personality .split{align-items:start}
.personality h2{max-width:16ch}
.personality .lead{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.3;color:var(--v-ink);margin:0 0 1rem}
.personality p{max-width:52ch}

/* reels: intro copy + clean cards (video fills the card, count on top) */
.reels-intro{max-width:66ch;margin:-.5rem 0 1.75rem}
.reels-intro .tag{font-weight:700;color:var(--v-accent)}
.reels-intro .formats{color:var(--v-ink-soft)}
.embeds--clean .embed{padding:0;overflow:hidden;border-radius:22px;background:#fff}
.embeds--clean .embed-head{display:flex;align-items:baseline;gap:.45rem;padding:.65rem .8rem .55rem;border-bottom:2px solid var(--v-accent-2);background:#fff}
.embeds--clean .embed-head b{font-family:'Poppins',sans-serif;font-weight:700;font-size:1.25rem;line-height:1;color:var(--v-accent);letter-spacing:-.02em}
.embeds--clean .embed-head small{font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--v-ink);opacity:.65}
.embeds--clean .embed-head .type{margin-left:auto;font-size:.66rem;font-weight:600;color:var(--v-ink);background:var(--v-lavender);border-radius:999px;padding:.28rem .6rem;white-space:nowrap}
.embeds--clean .scaler-box,.embeds--clean .embed iframe{border-radius:0}
.embeds--clean .embed-cap,.embeds--clean .rank{display:none}
.embeds--clean .embed-poster{display:block;position:relative;aspect-ratio:326/400;overflow:hidden;background:var(--v-lavender)}   /* same height as the cropped Instagram frames */
.embeds--clean .embed-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,1.4,.4,1)}
.embeds--clean .embed:hover .embed-poster img{transform:scale(1.04)}
.embeds--clean .embed-poster span{position:absolute;left:.7rem;right:.7rem;bottom:.7rem;background:rgba(44,26,78,.85);color:#fff;font-size:.7rem;font-weight:600;padding:.45rem .6rem;border-radius:10px;text-align:center}

/* marquee: services list with ✦ separators */
.marquee span{font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(.85rem,1.6vw,1.05rem);letter-spacing:.14em;text-transform:uppercase}
.marquee .dot{font-size:.9rem;transform:none}

/* why: three cards */
.caps.caps-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.caps.caps-3{grid-template-columns:1fr}}
.cap p + p{margin-top:.7rem}

/* founder */
.founder-lead{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.35;color:var(--v-ink)}

/* clients: nine logos in three rows of three */
.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:700px){.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nybakery-wordmark{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(1.15rem,2.4vw,1.7rem);line-height:1.1;letter-spacing:.02em;color:var(--v-ink);text-align:center;white-space:nowrap;transition:transform .5s cubic-bezier(.2,1.4,.4,1)}
.nybakery-wordmark small{display:block;font-family:'Poppins',sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin-top:.2rem}
.client-logo--ny-bakery:hover .nybakery-wordmark{transform:translateY(-5px) rotate(3deg)}

/* closing */
.cta .cta-lead{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(1.2rem,2.2vw,1.5rem);margin:1rem auto 0;max-width:40ch}
.cta .cta-copy{max-width:58ch}
.cta .cta-copy + .cta-copy{margin-top:.6rem}
.cta .we-do{display:block;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:1.35em;color:var(--v-cta);margin-top:.35rem}