/* ==========================================================================
   KIN VITAL GROUP — Editorial / fashion intensity layer  (loads LAST)
   Bigger Didone display, dramatic hero, magazine "featured" module.
   ========================================================================== */

/* ---- 1. DISPLAY SCALE — more dramatic, fashion-editorial ------------- */
html.js-enhanced main > .ed-headline.custom-theme h1,
html.js-enhanced main > .ed-headline.custom-theme h2,
html.js-enhanced main > .ed-headline.custom-theme h3{
  font-size:clamp(1.9rem,3.4vw,3.1rem)!important;
  line-height:1.08!important;
  letter-spacing:-.005em!important;}

/* tighten large serif tracking (Didone loves it tight up top) */
html.js-enhanced .ed-headline h1,
html.js-enhanced .ed-headline h2{letter-spacing:-.004em;}

/* ---- 2. HERO — left as the original (no overrides) ------------------- */

/* ---- 3. FEATURED — magazine layout with big index numerals ----------- */
html.js-enhanced .kvg-featured{padding-top:10px;}
html.js-enhanced .kvg-feat-row{
  position:relative;
  padding-top:92px;margin-top:24px;
  border-top:1px solid rgba(168,144,85,.28);}
html.js-enhanced .kvg-feat-row:first-of-type{border-top:none;}
/* index numeral sits in its own band ABOVE the content (never overlaps text) */
html.js-enhanced .kvg-feat-row::before{
  content:attr(data-num);
  position:absolute;top:24px;left:0;line-height:1;
  font-family:var(--kvg-serif);
  font-size:clamp(1.9rem,3vw,2.6rem);
  font-weight:400;font-style:italic;
  color:var(--kvg-gold);opacity:.7;
  letter-spacing:.02em;pointer-events:none;z-index:1;}
/* larger serif headlines inside featured */
html.js-enhanced .kvg-feat-row .ed-headline h1,
html.js-enhanced .kvg-feat-row .ed-headline h2,
html.js-enhanced .kvg-feat-row .ed-headline h3{
  font-size:clamp(1.6rem,2.8vw,2.5rem)!important;
  line-height:1.12!important;}
/* refined image inside featured */
html.js-enhanced .kvg-feat-row .ed-image img{
  border-radius:3px;box-shadow:0 30px 70px -34px rgba(0,0,0,.55);}

/* ---- 4. A touch more air between major sections ---------------------- */
html.js-enhanced main > .ed-headline.custom-theme{margin-top:14px;margin-bottom:6px;}

/* ---- 5. Eyebrow gets a hairline lead-in (editorial signature) -------- */
html.js-enhanced .kvg-eyebrow::before{
  content:"";display:inline-block;width:26px;height:1px;
  background:var(--kvg-gold);vertical-align:middle;
  margin-right:14px;margin-bottom:3px;opacity:.8;}

/* reduced motion / small screens: tame the hero size a touch */
@media (max-width:600px){
  html.js-enhanced .kvg-feat-row::before{font-size:2rem;}
}