/* ==========================================================================
   KIN VITAL GROUP — Lifestyle & Culture page (editorial magazine)
   Scoped under .kvg-lc / .kvg-lc-hero. Uses the luxury theme variables.
   ========================================================================== */

/* ---- HERO overlay ---------------------------------------------------- */
html.js-enhanced .kvg-lc-hero{position:relative!important;min-height:64vh!important;display:flex!important;align-items:center;overflow:hidden;}
html.js-enhanced .kvg-lc-hero > .inner,
html.js-enhanced .kvg-lc-hero .ed-container.full-width,
html.js-enhanced .kvg-lc-hero .background{height:100%!important;min-height:64vh!important;width:100%!important;}
html.js-enhanced .kvg-lc-hero .background-image-holder{background-size:cover!important;background-position:center 42%!important;transform:scale(1.04);animation:kvgKenBurns 26s ease-in-out infinite alternate;}
html.js-enhanced .kvg-lc-hero-cap{
  position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;
  justify-content:center;align-items:center;text-align:center;padding:24px;
  background:linear-gradient(180deg,rgba(20,19,16,.30),rgba(20,19,16,.20) 45%,rgba(20,19,16,.55));}
html.js-enhanced .kvg-lc-hero-eyebrow{
  font-family:var(--kvg-sans);text-transform:uppercase;letter-spacing:.34em;
  font-size:12px;font-weight:600;color:var(--kvg-gold-light);margin-bottom:20px;}
html.js-enhanced .kvg-lc-hero-title{
  font-family:var(--kvg-serif)!important;color:#fff!important;font-weight:500!important;
  font-size:clamp(2.6rem,6vw,5rem)!important;line-height:1.04!important;letter-spacing:-.01em!important;
  margin:0 0 18px!important;text-shadow:0 2px 44px rgba(0,0,0,.4);}
html.js-enhanced .kvg-lc-hero-sub{
  font-family:var(--kvg-sans);color:rgba(255,255,255,.86);font-size:clamp(.95rem,1.4vw,1.15rem);
  max-width:30ch;line-height:1.6;letter-spacing:.02em;}

/* ---- shared ---------------------------------------------------------- */
html.js-enhanced .kvg-lc{max-width:1220px;margin:0 auto;padding:76px 26px;box-sizing:border-box;}
html.js-enhanced .kvg-lc *{box-sizing:border-box;}
html.js-enhanced a.kvg-lc-card,html.js-enhanced a.kvg-lc-feature{text-decoration:none;color:inherit;cursor:pointer;}
html.js-enhanced .kvg-lc-cat,html.js-enhanced .kvg-lc-read{
  font-family:var(--kvg-sans);text-transform:uppercase;letter-spacing:.26em;
  font-size:10.5px;font-weight:600;color:var(--kvg-gold);}
html.js-enhanced .kvg-lc-title,html.js-enhanced .kvg-lc-feature-title,html.js-enhanced .kvg-lc-h{
  font-family:var(--kvg-serif);font-weight:500;color:var(--kvg-ink);letter-spacing:-.005em;}
html.js-enhanced .kvg-lc-exc,html.js-enhanced .kvg-lc-sub{
  font-family:var(--kvg-sans);color:#5f5a51;line-height:1.7;letter-spacing:.01em;}
html.js-enhanced .kvg-lc-num{
  position:absolute;top:10px;left:14px;z-index:3;font-family:var(--kvg-serif);font-style:italic;
  font-size:2.1rem;color:#fff;opacity:.9;text-shadow:0 2px 18px rgba(0,0,0,.5);}

/* ---- header of the journal ------------------------------------------ */
html.js-enhanced .kvg-lc-head{text-align:center;max-width:60ch;margin:0 auto 54px;}
html.js-enhanced .kvg-lc-head .kvg-eyebrow{margin-bottom:16px;}
html.js-enhanced .kvg-lc-h{font-size:clamp(1.8rem,3.2vw,2.9rem);line-height:1.12;margin:0 0 18px;}
html.js-enhanced .kvg-lc-sub{font-size:1.02rem;}

/* ---- featured article ------------------------------------------------ */
html.js-enhanced .kvg-lc-feature{
  display:grid;grid-template-columns:1.15fr .85fr;gap:0;align-items:stretch;
  background:#fff;border:1px solid rgba(168,144,85,.18);margin-bottom:60px;
  box-shadow:0 30px 70px -40px rgba(0,0,0,.4);transition:box-shadow .5s var(--kvg-ease),transform .5s var(--kvg-ease);}
html.js-enhanced .kvg-lc-feature:hover{transform:translateY(-6px);box-shadow:0 40px 90px -40px rgba(0,0,0,.5);}
html.js-enhanced .kvg-lc-feature-media{position:relative;overflow:hidden;min-height:340px;}
html.js-enhanced .kvg-lc-feature-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--kvg-ease);}
html.js-enhanced .kvg-lc-feature:hover .kvg-lc-feature-media img{transform:scale(1.06);}
html.js-enhanced .kvg-lc-feature-body{padding:48px;display:flex;flex-direction:column;justify-content:center;}
html.js-enhanced .kvg-lc-feature-title{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.14;margin:16px 0 18px;}
html.js-enhanced .kvg-lc-feature .kvg-lc-exc{font-size:1.02rem;margin:0 0 26px;}

/* ---- card grid ------------------------------------------------------- */
html.js-enhanced .kvg-lc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
html.js-enhanced .kvg-lc-card{
  background:#fff;border:1px solid rgba(168,144,85,.16);display:flex;flex-direction:column;
  transition:transform .5s var(--kvg-ease),box-shadow .5s var(--kvg-ease),border-color .5s ease;}
html.js-enhanced .kvg-lc-card:hover{transform:translateY(-10px);box-shadow:0 28px 60px -30px rgba(0,0,0,.45);border-color:rgba(194,164,109,.5);}
html.js-enhanced .kvg-lc-thumb{position:relative;overflow:hidden;aspect-ratio:3/2;}
html.js-enhanced .kvg-lc-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--kvg-ease);}
html.js-enhanced .kvg-lc-card:hover .kvg-lc-thumb img{transform:scale(1.08);}
html.js-enhanced .kvg-lc-thumb::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.34));pointer-events:none;}
html.js-enhanced .kvg-lc-body{padding:26px 26px 30px;display:flex;flex-direction:column;flex:1;}
html.js-enhanced .kvg-lc-title{font-size:1.28rem;line-height:1.2;margin:12px 0 12px;}
html.js-enhanced .kvg-lc-exc{font-size:.93rem;margin:0 0 22px;flex:1;}
html.js-enhanced .kvg-lc-read{transition:letter-spacing .35s var(--kvg-ease),color .3s ease;}
html.js-enhanced .kvg-lc-card:hover .kvg-lc-read,
html.js-enhanced .kvg-lc-feature:hover .kvg-lc-read{letter-spacing:.3em;color:var(--kvg-gold-bright);}

/* ---- dispatch band --------------------------------------------------- */
html.js-enhanced .kvg-lc-dispatch{
  max-width:none;width:100%;margin:0;padding:110px 26px;
  background-size:cover;background-position:center;background-attachment:fixed;text-align:center;}
html.js-enhanced .kvg-lc-dispatch-inner{max-width:760px;margin:0 auto;}
html.js-enhanced .kvg-eyebrow--light{color:var(--kvg-gold-light)!important;}
html.js-enhanced .kvg-lc-quote{
  font-family:var(--kvg-serif);font-style:italic;color:#fff;font-weight:400;
  font-size:clamp(1.7rem,3.6vw,2.9rem);line-height:1.28;letter-spacing:.005em;margin:22px auto 26px;}
html.js-enhanced .kvg-lc-dispatch-text{
  font-family:var(--kvg-sans);color:rgba(255,255,255,.8);font-size:1.02rem;line-height:1.7;
  max-width:46ch;margin:0 auto 36px;letter-spacing:.02em;}
html.js-enhanced a.kvg-lc-cta{
  display:inline-block;font-family:var(--kvg-sans);text-transform:uppercase;letter-spacing:.24em;
  font-size:12px;font-weight:600;color:#fff;text-decoration:none;padding:18px 46px;
  border:1px solid rgba(255,255,255,.75);transition:all .5s var(--kvg-ease);}
html.js-enhanced a.kvg-lc-cta:hover{background:var(--kvg-gold);border-color:var(--kvg-gold);letter-spacing:.3em;box-shadow:0 16px 40px -14px rgba(168,144,85,.7);}

/* ---- responsive ------------------------------------------------------ */
@media (max-width:900px){
  html.js-enhanced .kvg-lc-grid{grid-template-columns:repeat(2,1fr);gap:26px;}
  html.js-enhanced .kvg-lc-feature{grid-template-columns:1fr;}
  html.js-enhanced .kvg-lc-feature-media{min-height:260px;}
  html.js-enhanced .kvg-lc-feature-body{padding:34px;}
}
@media (max-width:560px){
  html.js-enhanced .kvg-lc-grid{grid-template-columns:1fr;}
  html.js-enhanced .kvg-lc{padding:52px 20px;}
  html.js-enhanced .kvg-lc-dispatch{background-attachment:scroll;padding:76px 20px;}
}