/* BCL 3.1 homepage — BIG CLEAN WHITE women's lifestyle magazine open.
   Shape energy only: Everymom / POPSUGAR / Byrdie / Bustle / Cosmo.
   Ownable plum accents on bright white fields. */

/* Hero */
.bcl-hero{padding:32px 0 12px}
.bcl-hero__grid{display:grid;gap:28px}
.bcl-hero__lead{display:grid;gap:18px;min-width:0}
.bcl-hero__media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:18px;background:var(--bcl-blush);box-shadow:var(--bcl-shadow)}
.bcl-hero__media img,.bcl-hero__media .c-post-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.bcl-hero__lead:hover .bcl-hero__media img,.bcl-hero__lead:hover .c-post-card__image{transform:scale(1.03)}
.bcl-hero__title{margin:0;font:400 34px/1.08 var(--bcl-serif);letter-spacing:-.025em;color:var(--bcl-ink)}
.bcl-hero__title a{color:inherit;text-decoration:none}
.bcl-hero__title a:hover{color:var(--bcl-plum)}
.bcl-hero__dek{margin:14px 0 0;max-width:52ch;font:400 17px/1.55 var(--bcl-sans);color:var(--bcl-text)}
.bcl-hero__stack{display:grid;gap:0;min-width:0}
.bcl-stackcard{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--bcl-line)}
.bcl-stackcard:first-child{border-top:0;padding-top:0}
.bcl-stackcard__media{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:12px;background:var(--bcl-blush)}
.bcl-stackcard__img{display:block;width:100%;height:100%;object-fit:cover}
.bcl-stackcard__title{margin:8px 0 0;font:400 18px/1.25 var(--bcl-serif);letter-spacing:-.015em;color:var(--bcl-ink)}
.bcl-stackcard__title a{color:inherit;text-decoration:none}
.bcl-stackcard__title a:hover{color:var(--bcl-plum)}
@media (min-width:600px){.bcl-hero__title{font-size:42px}.bcl-stackcard{grid-template-columns:140px minmax(0,1fr)}}
@media (min-width:960px){
  .bcl-hero{padding:36px 0 12px}
  .bcl-hero__grid{grid-template-columns:minmax(0,1.7fr) minmax(0,.95fr);gap:40px;align-items:stretch}
  .bcl-hero__title{font-size:52px}
  .bcl-hero__dek{font-size:18px}
  .bcl-hero__stack{padding-left:8px;border-left:1px solid var(--bcl-line)}
}

/* Right now strip */
.bcl-now{padding:40px 0 12px}
.bcl-now__track{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin:0 -20px;padding-left:20px;padding-right:20px;overscroll-behavior-x:contain}
.bcl-nowcard{scroll-snap-align:start;min-width:0;background:var(--bcl-card);border-radius:16px;overflow:hidden;box-shadow:var(--bcl-shadow-soft);border:1px solid rgba(92,42,74,.06)}
.bcl-nowcard__media{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--bcl-blush)}
.bcl-nowcard__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.bcl-nowcard:hover .bcl-nowcard__img{transform:scale(1.04)}
.bcl-nowcard__body{padding:14px 16px 18px}
.bcl-nowcard__title{margin:10px 0 0;font:400 18px/1.25 var(--bcl-serif);letter-spacing:-.015em;color:var(--bcl-ink)}
.bcl-nowcard__title a{color:inherit;text-decoration:none}
.bcl-nowcard__title a:hover{color:var(--bcl-plum)}
@media (min-width:700px){.bcl-now__track{grid-auto-flow:unset;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;margin:0;padding:0}}
@media (min-width:960px){.bcl-nowcard__title{font-size:20px}}

/* In the mix */
.bcl-mix,.bcl-archive{padding:48px 0 12px}
.bcl-mix__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.bcl-scard{display:grid;gap:14px;min-width:0}
.bcl-scard__media{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;border-radius:14px;background:var(--bcl-blush);box-shadow:var(--bcl-shadow-soft)}
.bcl-scard__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.bcl-scard:hover .bcl-scard__img{transform:scale(1.035)}
.bcl-scard__media .ud-sigbadge{position:absolute;left:10px;top:10px}
.bcl-scard__title{margin:10px 0 0;font:400 22px/1.22 var(--bcl-serif);letter-spacing:-.015em;color:var(--bcl-ink)}
.bcl-scard__title a{color:inherit;text-decoration:none}
.bcl-scard__title a:hover{color:var(--bcl-plum)}
.bcl-mix__pager{margin-top:28px}
@media (min-width:640px){.bcl-mix__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}}
@media (min-width:1000px){.bcl-mix__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px}.bcl-scard__title{font-size:24px}}

/* From the desk — curated packs (NOT radar lanes) */
.bcl-desk{
  margin-top:48px;padding:56px 0 60px;
  background:#ffffff;
  border-top:1px solid rgba(92,42,74,.08);
  border-bottom:1px solid rgba(92,42,74,.08);
}
.bcl-desk__head{max-width:640px;margin-bottom:32px}
.bcl-desk__kicker{margin:0 0 10px;font:500 11px/1 var(--bcl-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--bcl-plum)}
.bcl-desk__title{margin:0;font:400 40px/1.05 var(--bcl-serif);letter-spacing:-.025em;color:var(--bcl-ink)}
.bcl-desk__lede{margin:14px 0 0;max-width:46ch;font:400 16px/1.55 var(--bcl-sans);color:var(--bcl-muted)}
.bcl-desk__packs{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.bcl-pack{background:#ffffff;border:1px solid rgba(92,42,74,.10);border-radius:18px;padding:20px 18px 16px;box-shadow:var(--bcl-shadow-soft)}
.bcl-pack--hot{background:#ffffff;border-color:rgba(92,42,74,.22);box-shadow:0 8px 24px -16px rgba(92,42,74,.28)}
.bcl-pack__head{display:flex;align-items:center;gap:10px}
.bcl-pack__label{margin:0;font:500 22px/1.1 var(--bcl-serif);letter-spacing:-.02em;color:var(--bcl-ink)}
.bcl-pack__badge{margin-left:auto;padding:6px 10px;border-radius:999px;background:var(--bcl-plum);color:#fff;font:500 10px/1 var(--bcl-sans);letter-spacing:.12em;text-transform:uppercase}
.bcl-pack__def{margin:8px 0 16px;font:400 13.5px/1.45 var(--bcl-sans);color:var(--bcl-muted)}
.bcl-pack__list{margin:0;padding:0;list-style:none}
.bcl-pack__item+.bcl-pack__item{margin-top:14px;padding-top:14px;border-top:1px solid rgba(92,42,74,.08)}
.bcl-pack__link{display:grid;gap:10px;color:inherit;text-decoration:none}
.bcl-pack__img{display:none;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;background:var(--bcl-blush)}
.bcl-pack__item.is-lead .bcl-pack__img{display:block}
.bcl-pack__title{font:400 17px/1.28 var(--bcl-serif);letter-spacing:-.01em;color:var(--bcl-ink)}
.bcl-pack__link:hover .bcl-pack__title{color:var(--bcl-plum)}
.bcl-pack__tag{font:500 10.5px/1 var(--bcl-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bcl-muted)}
.bcl-pack__empty{margin:0;font:italic 14px/1.4 var(--bcl-sans);color:var(--bcl-muted)}
@media (min-width:700px){.bcl-desk__packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (min-width:1040px){
  .bcl-desk{margin-top:64px;padding:72px 0 76px}
  .bcl-desk__title{font-size:48px}
  .bcl-desk__packs{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
}

/* Calendar restyle */
.bcl-cal,.ud-inc.bcl-cal{margin-top:64px}
.bcl-cal__head,.bcl-cal .ud-inc__head{align-items:baseline}
.bcl-cal__title,.bcl-cal .ud-inc__title{font:500 28px/1.1 var(--bcl-serif)!important;letter-spacing:-.02em!important;text-transform:none!important}
.bcl-cal__title a,.bcl-cal .ud-inc__title a{color:var(--bcl-ink)!important;text-decoration:none}
.bcl-cal .ud-inc__track,.bcl-cal__track{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;overflow-x:auto;padding-bottom:6px}
.bcl-cal .ud-inc__card{background:var(--bcl-card);border:1px solid rgba(92,42,74,.08);border-radius:14px;padding:16px;box-shadow:var(--bcl-shadow-soft);min-height:140px}
.bcl-cal .ud-inc__date{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(92,42,74,.10);font:600 11px/1 var(--bcl-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bcl-plum);margin-bottom:10px}
.bcl-cal .ud-inc__name{display:block;font:400 18px/1.25 var(--bcl-serif);color:var(--bcl-ink)}
.bcl-cal .ud-inc__sec,.bcl-cal .ud-inc__meta{display:block;margin-top:8px;font:500 11px/1.3 var(--bcl-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--bcl-muted)}
@media (min-width:900px){
  .bcl-cal .ud-inc__track,.bcl-cal__track{grid-auto-flow:unset;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
}

/* Guides */
.bcl-guides,.bcl-shelf{margin-top:64px}
.bcl-shelf__note{margin:-8px 0 18px;font:400 14px/1.5 var(--bcl-sans);color:var(--bcl-muted)}
.bcl-guides__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.bcl-gcard{display:grid;gap:12px;min-width:0}
.bcl-gcard__media{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:14px;background:var(--bcl-blush);box-shadow:var(--bcl-shadow-soft)}
.bcl-gcard__img{display:block;width:100%;height:100%;object-fit:cover}
.bcl-gcard__title{margin:10px 0 0;font:400 20px/1.25 var(--bcl-serif);color:var(--bcl-ink)}
.bcl-gcard__title a{color:inherit;text-decoration:none}
.bcl-gcard__title a:hover{color:var(--bcl-plum)}
@media (min-width:700px){.bcl-guides__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.bcl-guides__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Topic rows */
.bcl-topics{margin-top:28px}
.bcl-topics--pop{margin-top:56px}
.bcl-topic{margin-top:48px}
.bcl-topic__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
@media (min-width:700px){.bcl-topic__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.bcl-topic__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}}
.bcl-topics--pop .bcl-scard__title{font-size:22px}
@media (min-width:1000px){.bcl-topics--pop .bcl-scard__title{font-size:23px}}

/* Hide old homepage modules if any leftover markup */
.ud-home-open,.ud-divide:not(.bcl-desk),.ud-front{display:none}
