*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
:root {
  --gold:#B8962E; --gold-light:#D4AF5A; --navy:#1B2A6B; --navy-dark:#0F1A42;
  --ink:#181514; --paper:#fbfaf7; --muted:#6B6B6B; --line:#E8E6E0;
}
body { font-family:'Inter',sans-serif; background:var(--paper); color:var(--ink); }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.masthead {
  background:var(--paper); display:grid; grid-template-columns:260px minmax(0,1fr) 260px;
  align-items:center; text-align:center; gap:1rem; padding:0.8rem 1.75rem;
  border-bottom:1px solid rgba(184,150,46,0.35);
}
.masthead__logo { display:flex; justify-content:flex-start; align-items:center; }
.masthead__logo img { height:74px; width:auto; }
.masthead__tagline {
  font-family:'Cormorant Garamond',serif; font-style:italic; font-size:clamp(1.02rem,1.35vw,1.25rem);
  line-height:0.95; letter-spacing:0.015em; display:inline-flex; gap:0.15em; align-items:baseline; justify-content:center;
}
.masthead__tagline .word-your { color:var(--navy); font-weight:400; }
.masthead__tagline .word-noun { color:var(--gold); font-weight:400; }
.masthead__tagline .dot { color:rgba(184,150,46,0.35); margin:0 0.42em; }
.masthead__right { display:flex; justify-content:flex-end; align-items:center; }
.subscribe-btn {
  border:1px solid var(--gold); color:var(--navy); padding:0.65rem 1.6rem;
  font-size:0.62rem; letter-spacing:0.14em; text-transform:uppercase; font-weight:700;
}
.subscribe-btn:hover { background:var(--gold); color:white; }
.hamburger { display:none; flex-direction:column; gap:4px; background:none; border:none; cursor:pointer; padding:4px; margin-right:0.75rem; }
.hamburger span { width:22px; height:2px; background:var(--navy); display:block; }
.mobile-nav { display:none; position:fixed; inset:0; background:var(--navy-dark); z-index:5000; flex-direction:column; align-items:center; justify-content:center; }
.mobile-nav.open { display:flex; }
.mobile-nav a { color:white; font-family:'Playfair Display',serif; font-size:1.55rem; padding:0.65rem; width:100%; text-align:center; border-bottom:1px solid rgba(255,255,255,0.06); }
.mobile-nav a:hover { color:var(--gold); }
.mobile-nav__close { position:absolute; top:1rem; right:1.5rem; background:none; border:none; color:white; font-size:2rem; cursor:pointer; }
.cat-nav { position:relative; background:var(--paper); border-bottom:1px solid rgba(24,21,20,0.12); box-shadow:0 8px 24px rgba(15,26,66,0.04);  }
.cat-nav::after { content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px; background:var(--gold); opacity:0.85; }
.cat-nav__inner { display:flex; justify-content:center; overflow-x:auto; scrollbar-width:none; max-width:1400px; margin:0 auto; }
.cat-nav__inner::-webkit-scrollbar { display:none; }
.cat-nav a {
  padding:1rem 0.82rem; color:var(--ink); font-size:0.66rem; letter-spacing:0.18em;
  text-transform:uppercase; font-weight:500; white-space:nowrap;
}
.cat-nav a:hover, .cat-nav a.active { color:var(--gold); }
.hero {
  max-width:1180px; margin:0 auto; padding:4.5rem 1.5rem 3rem;
  display:grid; grid-template-columns:1fr 0.85fr; gap:3rem; align-items:end;
}
.eyebrow { color:var(--gold); font-size:0.64rem; letter-spacing:0.28em; text-transform:uppercase; font-weight:700; margin-bottom:0.8rem; display:block; }
.hero h1 {
  font-family:'Playfair Display',serif; font-size:clamp(3rem,7vw,6.8rem);
  line-height:0.92; font-weight:500; letter-spacing:-0.055em; margin-bottom:1rem;
}
.dek {
  font-family:'Cormorant Garamond',serif; font-style:italic; color:#4b403b;
  font-size:1.35rem; line-height:1.45; max-width:620px;
}
.hero-meta { border-top:1px solid var(--ink); padding-top:1rem; color:var(--muted); font-size:0.74rem; letter-spacing:0.14em; text-transform:uppercase; }
.portrait {
  aspect-ratio:3/4; background:linear-gradient(135deg,var(--navy-dark),var(--gold));
  overflow:hidden; position:relative;
}
.portrait-link { display:block; transition:transform 0.25s ease, box-shadow 0.25s ease; }
.portrait-link:hover { transform:translateY(-3px); box-shadow:0 18px 50px rgba(15,26,66,0.18); }
.portrait img { width:100%; height:100%; object-fit:cover; object-position:top center; }
.portrait__placeholder {
  height:100%; display:flex; align-items:end; padding:1.2rem; color:white;
  font-family:'Playfair Display',serif; font-size:2rem; line-height:1;
}
.article-wrap { max-width:880px; margin:0 auto; padding:0 1.5rem 4rem; }
.article-wrap p { font-size:1rem; line-height:1.9; margin-bottom:1.25rem; color:#2b2523; }
.article-wrap .lead { font-size:1.2rem; color:var(--ink); }
.pullquote {
  font-family:'Cormorant Garamond',serif; font-style:italic; font-size:2rem; line-height:1.2;
  color:var(--navy); border-top:1px solid var(--gold); border-bottom:1px solid var(--gold);
  padding:1.4rem 0; margin:2rem 0;
}
.profile-grid {
  max-width:1180px; margin:0 auto; padding:0 1.5rem 4rem;
  display:grid; grid-template-columns:repeat(3,1fr); gap:2rem;
}
.profile-grid--launch-hidden { display:none !important; }
.profile-grid--reveal-soon .profile-card:not(#infocus-cover-card),
.profile-card.profile-card--coming-soon {
  position:relative !important;
  overflow:hidden !important;
  pointer-events:none !important;
  min-height:100% !important;
  aspect-ratio:3/4 !important;
  background:linear-gradient(135deg, rgba(249,225,137,0.96), rgba(184,150,46,0.98) 42%, rgba(92,68,10,0.96)) !important;
}
.profile-grid--reveal-soon .profile-card:not(#infocus-cover-card) .profile-card__img,
.profile-card.profile-card--coming-soon .profile-card__img {
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  margin:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:1 !important;
  visibility:visible !important;
  display:block !important;
  background:linear-gradient(135deg, rgba(249,225,137,0.96), rgba(184,150,46,0.98)) !important;
}
.profile-grid--reveal-soon .profile-card:not(#infocus-cover-card) .profile-card__img img,
.profile-card.profile-card--coming-soon .profile-card__img img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:top center !important;
  opacity:0.24 !important;
  filter:grayscale(1) sepia(0.75) saturate(1.25) contrast(1.25) brightness(0.7) !important;
  mix-blend-mode:multiply !important;
  transform:scale(1.04) !important;
}
.profile-grid--reveal-soon .profile-card:not(#infocus-cover-card)::before,
.profile-card.profile-card--coming-soon::before {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:
    radial-gradient(circle at 18% 24%, rgba(255,255,255,0.72) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 18%, rgba(255,255,255,0.58) 0 1px, transparent 2px),
    radial-gradient(circle at 46% 68%, rgba(255,255,255,0.62) 0 1px, transparent 2px),
    linear-gradient(135deg, rgba(249,225,137,0.78), rgba(184,150,46,0.9) 42%, rgba(92,68,10,0.76)) !important;
  background-size:110px 110px, 150px 150px, 130px 130px, cover !important;
  border:1px solid rgba(255,255,255,0.34) !important;
  box-shadow:inset 0 0 0 1px rgba(184,150,46,0.55), inset 0 0 80px rgba(255,255,255,0.22) !important;
  animation:infocusGoldReveal 3.6s ease-in-out infinite !important;
}
.profile-grid--reveal-soon .profile-card:not(#infocus-cover-card)::after,
.profile-card.profile-card--coming-soon::after {
  content:"Coming Soon" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:1.5rem !important;
  color:#fffaf0 !important;
  font-family:'Playfair Display',serif !important;
  font-size:clamp(1.55rem,2.6vw,2.55rem) !important;
  line-height:1 !important;
  letter-spacing:0.02em !important;
  text-shadow:0 2px 18px rgba(15,26,66,0.34) !important;
}
.profile-grid--reveal-soon .profile-card:not(#infocus-cover-card) h2,
.profile-grid--reveal-soon .profile-card:not(#infocus-cover-card) p,
.profile-card.profile-card--coming-soon h2,
.profile-card.profile-card--coming-soon p {
  opacity:0 !important;
  visibility:hidden !important;
  display:none !important;
}
@keyframes infocusGoldReveal {
  0%, 100% { filter:saturate(1) brightness(1); background-position:0 0, 0 0, 0 0, center; }
  50% { filter:saturate(1.12) brightness(1.08); background-position:22px 18px, -18px 14px, 16px -18px, center; }
}
.infocus-coming-soon {
  max-width:980px;
  margin:0 auto 4rem;
  padding:3.2rem 1.5rem 3.6rem;
  text-align:center;
  border-top:1px solid var(--gold);
  border-bottom:1px solid rgba(184,150,46,0.34);
}
.infocus-coming-soon h2 {
  font-family:'Playfair Display',serif;
  color:var(--navy);
  font-size:clamp(2rem,4vw,4rem);
  line-height:0.98;
  font-weight:500;
  margin-bottom:1rem;
}
.infocus-coming-soon p {
  max-width:620px;
  margin:0 auto;
  color:#4b403b;
  font-family:'Cormorant Garamond',serif;
  font-size:1.35rem;
  line-height:1.45;
}
.profile-card { display:block; }
.profile-card__img { aspect-ratio:3/4; overflow:hidden; background:linear-gradient(135deg,var(--navy-dark),var(--gold)); margin-bottom:0.9rem; }
.profile-card__img img { width:100%; height:100%; object-fit:contain; object-position:top center; background:var(--navy-dark); }
.profile-card h2 { font-family:'Playfair Display',serif; font-size:1.55rem; line-height:1.05; font-weight:500; }
.profile-card p { color:var(--muted); font-size:0.78rem; letter-spacing:0.1em; text-transform:uppercase; margin-top:0.35rem; }
.next-links {
  max-width:880px; margin:0 auto 4rem; padding:1.5rem; border-top:1px solid var(--line);
  display:flex; justify-content:space-between; gap:1rem; color:var(--navy); font-size:0.75rem;
  letter-spacing:0.14em; text-transform:uppercase; font-weight:700;
}
.ermilyn-feature-page main {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.ermilyn-feature-page main::before {
  content:"";
  position:fixed;
  inset:0;
  background:url("/ermilyn-background-web.jpg") left 3vw top 145px / min(56vw, 820px) auto no-repeat;
  opacity:0.49;
  z-index:-2;
  pointer-events:none;
}
.ermilyn-feature-page main::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(251,250,247,0.38), rgba(251,250,247,0.84) 42%, rgba(251,250,247,0.96) 100%);
  z-index:-1;
  pointer-events:none;
}
.ermilyn-feature-page .hero,
.ermilyn-feature-page .article-wrap,
.ermilyn-feature-page .next-links {
  position:relative;
  z-index:1;
}
.ermilyn-feature-page .article-wrap {
  background:rgba(251,250,247,0.72);
  border:1px solid rgba(184,150,46,0.28);
  backdrop-filter:blur(2px);
  padding:2rem 1.8rem 2.4rem;
  margin-left:auto;
  margin-right:max(1.5rem, calc((100vw - 1180px) / 2 + 1.5rem));
  margin-bottom:3rem;
}
.ermilyn-feature-page .next-links {
  background:rgba(251,250,247,0.72);
  backdrop-filter:blur(2px);
  margin-left:auto;
  margin-right:max(1.5rem, calc((100vw - 1180px) / 2 + 1.5rem));
}
.footer { background:var(--navy-dark); border-top:2px solid var(--gold); padding:2.5rem 2rem 1rem; }
.footer__grid { display:grid; grid-template-columns:minmax(260px,1.7fr) repeat(4,minmax(130px,1fr)); gap:2rem; max-width:1400px; margin:0 auto 1.5rem; }
.footer__brand img { height:52px; width:auto; filter:brightness(0) invert(1); margin-bottom:0.8rem; }
.footer__brand p { font-size:0.78rem; color:rgba(255,255,255,0.4); line-height:1.7; }
.footer__col h4 { font-size:0.6rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold); margin-bottom:0.8rem; font-weight:700; }
.footer__col ul { list-style:none; }
.footer__col li { margin-bottom:0.4rem; }
.footer__col a { color:rgba(255,255,255,0.45); font-size:0.78rem; transition:color 0.2s; text-decoration:none !important; }
.footer__col a:hover { color:var(--gold-light); text-decoration:none !important; }
.footer__bottom { border-top:1px solid rgba(255,255,255,0.07); padding-top:1rem; display:flex; justify-content:space-between; align-items:center; max-width:1400px; margin:0 auto; }
.footer__bottom p { font-size:0.68rem; color:rgba(255,255,255,0.25); }
.footer__tagline { font-family:'Cormorant Garamond',serif; font-style:italic; color:var(--gold) !important; font-size:0.85rem !important; }
.site-sticky-header {
  position:sticky;
  top:0;
  z-index:1000;
  width:100%;
}
.site-sticky-header .masthead,
.site-sticky-header .cat-nav {
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
  width:100%;
}
.masthead {
  min-height:116px !important;
  grid-template-columns:380px minmax(0,1fr) 260px !important;
  padding:0.55rem 1.2rem !important;
}
.masthead__logo img {
  height:72px !important;
  max-width:260px !important;
  object-fit:contain !important;
  mix-blend-mode:normal !important;
}
.masthead__tagline {
  font-family:"Canva Sans","Inter",Arial,sans-serif !important;
  font-style:normal !important;
  font-size:clamp(0.61rem,0.85vw,0.78rem) !important;
  line-height:1.15 !important;
  letter-spacing:0.1em !important;
  word-spacing:0.22em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
}
.masthead__tagline .word-your,
.masthead__tagline .word-noun {
  font-weight:400 !important;
  font-size:1em !important;
}
.hero { position:relative; padding-bottom:4.6rem; }
.hero-scroll-cue {
  position:absolute; left:50%; bottom:1.15rem; transform:translateX(-50%);
  display:inline-flex; flex-direction:column; align-items:center; gap:0.35rem;
  color:var(--navy); text-decoration:none; font-size:0.58rem; letter-spacing:0.16em;
  text-transform:uppercase;
}
.hero-scroll-cue::after {
  content:""; width:13px; height:13px; border-right:1.5px solid var(--gold);
  border-bottom:1.5px solid var(--gold); transform:rotate(45deg);
  animation:heroScrollCue 1.45s ease-in-out infinite;
}
@keyframes heroScrollCue {
  0%, 100% { opacity:0.45; transform:translateY(0) rotate(45deg); }
  50% { opacity:1; transform:translateY(8px) rotate(45deg); }
}
@media (prefers-reduced-motion:reduce) { .hero-scroll-cue::after { animation:none; } }
@media(max-width:900px) {
  .masthead { grid-template-columns:1fr auto; padding:0.55rem 1rem; }
  .masthead__logo img { height:64px; }
  .masthead__center { display:none; }
  .hamburger { display:flex !important; }
  .cat-nav { display:none !important; }
  .cat-nav a { padding:0.8rem; font-size:0.65rem; }
  .hero { grid-template-columns:1fr; padding-top:3rem; }
  .profile-grid { grid-template-columns:1fr 1fr; }
  .ermilyn-feature-page main::before { background-position:left top 130px; background-size:110vw auto; opacity:0.3; }
  .ermilyn-feature-page main::after { background:rgba(251,250,247,0.86); }
  .ermilyn-feature-page .article-wrap,
  .ermilyn-feature-page .next-links { margin-left:auto; margin-right:auto; }
}
@media(max-width:560px) {
  .profile-grid { grid-template-columns:1fr; }
  .next-links { flex-direction:column; }
}

/* Website-wide tab gold rule */
.site-sticky-header .cat-nav, .cat-nav { position:relative !important; }
.site-sticky-header .cat-nav::after, .cat-nav::after { content:"" !important; display:block !important; position:absolute !important; left:0 !important; right:0 !important; bottom:-2px !important; height:2px !important; background:var(--gold) !important; opacity:1 !important; z-index:5 !important; }