/* ============================================================
   Nityaveda — Homepage redesign (immersive cinematic) · preview
   Scoped under body.home2 so it overrides the base sheet without
   touching any other page. Loaded AFTER styles.css.
   ============================================================ */
body.home2{
  --night:#08081A;
  --night2:#0E0C26;
  --navy:#161339;
  --gold:#C3CEEC;
  --gold-soft:#DEE5F8;
  --amber:#9AAAD4;
  --cream:#F4EFFF;
  --mist:rgba(244,239,255,.72);
  --mist2:rgba(244,239,255,.6);
  --line:rgba(255,255,255,.12);
  --line-gold:rgba(186,200,240,.26);
  --ink:#F4EFFF;
  --ink2:rgba(244,239,255,.62);
  /* neutralize the base sheet's light/warm skin so no inherited rule
     (id-scoped ones included) can paint cream or white on the dark home.
     Any base element that reaches for these now lands in the moonlight world. */
  --accent:#C3CEEC;
  --accent2:#9AAAD4;
  --paper:rgba(255,255,255,.05);
  --paper2:rgba(255,255,255,.04);
  --card:transparent;
  --wash:rgba(186,200,240,.12);
  --washsoft:rgba(186,200,240,.05);
  --glow:rgba(186,200,240,.28);
  background:var(--night);
  color:var(--cream);
}
body.home2 .wrap{max-width:1240px;margin:0 auto;padding:0 28px}

/* ---------- top ribbon : location + shape of the day ---------- */
body.home2 #ribbon{
  position:fixed;top:0;left:0;right:0;z-index:60;width:100%;
  display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;
  height:38px;padding:0 16px;border:0;border-bottom:1px solid var(--line);
  background:rgba(5,5,14,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  color:var(--mist);font:inherit;font-size:.82rem;letter-spacing:.02em;text-align:center;cursor:pointer}
body.home2 #ribbon #ribbonText{color:var(--mist)}
body.home2 #ribbon a,body.home2 #ribbon b,body.home2 #ribbon strong{color:var(--gold-soft);text-decoration:none}
body.home2 #ribbon:hover{color:var(--cream)}
@media(max-width:560px){body.home2 #ribbon{font-size:.74rem;gap:8px}}

/* ---------- nav ---------- */
body.home2 .nav{
  position:fixed;top:38px;left:0;right:0;z-index:50;
  background:linear-gradient(180deg,rgba(8,8,26,.82),rgba(8,8,26,0));
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;transition:background .4s ease,border-color .4s ease}
body.home2 .nav.is-stuck{background:rgba(8,8,26,.9);border-bottom:1px solid var(--line)}
body.home2 .nav .row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px}
body.home2 .brand{color:var(--cream);font-family:"Fraunces","Fraunces-fallback",serif;font-weight:480;font-size:1.32rem;letter-spacing:.01em;display:flex;align-items:center;gap:9px;text-decoration:none}
body.home2 .brand .om{color:var(--gold)}
body.home2 .brand .tm{font-size:.6em;color:var(--mist2);vertical-align:super}
body.home2 .navlinks{display:flex;align-items:center;gap:24px}
body.home2 .navlinks a{color:var(--mist);text-decoration:none;font-size:.95rem;letter-spacing:.01em;transition:color .2s ease}
body.home2 .navlinks a:hover{color:var(--cream)}
body.home2 .navlinks a.cta{color:var(--gold);background:transparent;border:0;padding:9px 0;border-radius:0;font-weight:600;letter-spacing:.02em}
body.home2 .navlinks a.cta:hover{background:transparent;color:var(--cream)}
body.home2 .menubtn{display:none}
@media(max-width:900px){
  body.home2 .navlinks{display:none}
  /* proper three-bar hamburger (not a pill, not a single line) */
  body.home2 .menubtn{display:flex;flex-direction:column;justify-content:center;gap:5px;
    width:44px;height:44px;background:transparent;border:0;border-radius:0;padding:0;cursor:pointer;
    margin-left:auto}
  body.home2 .menubtn .mb-bar{display:block;width:24px;height:2px;background:var(--cream);
    border-radius:2px;transition:transform .25s ease,opacity .2s ease}
  body.home2 .menubtn.open .mb-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.home2 .menubtn.open .mb-bar:nth-child(2){opacity:0}
  body.home2 .menubtn.open .mb-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
/* dark drawer so it is not a blank white box on the homepage */
body.home2 .mobile-menu{background:rgba(8,8,26,.98);backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 24px 50px -28px rgba(0,0,0,.8)}
body.home2 .mobile-menu a{font-family:"Halant",serif;font-size:1.06rem;color:var(--mist);
  padding:16px 24px;border-bottom:1px solid var(--line);text-decoration:none}
body.home2 .mobile-menu a:last-child{border-bottom:0}
body.home2 .mobile-menu a:hover,body.home2 .mobile-menu a:focus{color:var(--cream);background:rgba(255,255,255,.04)}
body.home2 .mobile-menu a.cta{color:var(--gold);font-weight:600}

/* ---------- hero : the living sky ---------- */
body.home2 .hero{
  position:relative;overflow:hidden;min-height:88svh;
  display:flex;align-items:flex-start;
  padding:0;margin:0;text-align:left;color:var(--cream);
  transition:background 2s ease;
  background:
    radial-gradient(120% 90% at 78% 18%,var(--glow-a,rgba(60,74,142,.28)),transparent 55%),
    radial-gradient(90% 70% at 12% 8%,var(--glow-b,rgba(120,120,190,.06)),transparent 60%),
    linear-gradient(180deg,var(--sky-top,#05050F) 0%,var(--sky-mid,#0C0A24) 55%,var(--sky-bot,#15123A) 100%);
}
/* a soft scrim anchored to the headline corner: lets the daytime sky lift
   without the white title losing contrast. Sits above the sky, below text. */
body.home2 .hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(140% 110% at 6% 30%,rgba(5,5,16,.6),rgba(5,5,16,.28) 38%,transparent 64%)}
body.home2 .h2-sky{position:absolute;inset:0;z-index:0;pointer-events:none}
body.home2 .h2-stars{position:absolute;inset:0;will-change:transform}
body.home2 .h2-stars i{position:absolute;border-radius:50%;background:#fff;opacity:.0;
  animation:h2tw linear infinite}
@keyframes h2tw{0%,100%{opacity:.06}50%{opacity:.5}}

/* celestial mandala (re-used sun svg) — pushed off to one side */
body.home2 .hero .hero-sun{
  position:absolute;top:-12%;right:-10%;width:min(78vw,820px);height:auto;aspect-ratio:1;
  color:var(--gold);opacity:.26;
  filter:drop-shadow(0 0 50px rgba(186,200,240,.10));
  z-index:0}
/* show the lotus petals and rays so the slow counter-rotation actually
   reads; the .2 opacity on the whole mandala keeps it quiet. Bare
   concentric circles look identical at every angle, so the spin was
   running but invisible until these asymmetric layers were shown. */
body.home2 .hero #petals{display:inline;opacity:.9}
body.home2 .hero #rays{display:inline;opacity:.4}
@media(max-width:760px){body.home2 .hero .hero-sun{top:-4%;right:-28%;width:120vw;opacity:.4}}

/* moon phase chip from #phaseNow */
body.home2 .h2-moon{position:absolute;top:120px;right:max(28px,6vw);z-index:1;
  display:flex;align-items:center;gap:12px;color:var(--mist)}
body.home2 .h2-moon #phaseNow{display:flex;align-items:center;gap:12px;font-size:.92rem;letter-spacing:.02em}

/* horizon silhouette */
body.home2 .hero .hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:28%;z-index:0}
body.home2 .hero .hills path{fill:#05040E !important;opacity:1 !important}
body.home2 .hero .hills path:nth-child(1){opacity:.5 !important}
body.home2 .hero .hills path:nth-child(2){opacity:.8 !important}

body.home2 .h2-hero-inner{position:relative;z-index:2;width:100%;max-width:1240px;margin:0 auto;
  padding:124px 24px 64px;display:block}
body.home2 .hero-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:22px;justify-content:flex-start}
body.home2 .hero-eyebrow .rule{height:1px;width:46px;background:var(--line-gold)}
body.home2 .hero-eyebrow .eyebrow{color:var(--gold-soft);font-family:"Halant",serif;
  font-size:.74rem;letter-spacing:.26em;text-transform:uppercase}
body.home2 .h2-title{
  font-family:"Fraunces","Fraunces-fallback",Georgia,serif;font-weight:380;
  font-size:clamp(2.6rem,7vw,5.6rem);line-height:1.02;letter-spacing:-.01em;
  margin:0 0 26px;max-width:16ch;color:#fff;
  text-shadow:0 2px 40px rgba(0,0,0,.45)}
body.home2 .h2-title em{font-style:italic;color:var(--gold)}
body.home2 .h2-sub{color:var(--mist);font-size:clamp(1.04rem,1.6vw,1.22rem);line-height:1.6;
  max-width:50ch;margin:0 0 34px}
body.home2 .h2-cta-row{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
body.home2 .h2-enter{display:inline-flex;align-items:center;gap:12px;
  background:transparent;color:var(--cream);text-decoration:none;
  font-family:"Fraunces","Fraunces-fallback",serif;font-size:1.12rem;letter-spacing:.01em;
  padding:8px 0;border-bottom:1px solid rgba(255,255,255,.32);
  transition:gap .25s ease,border-color .25s ease,color .25s ease}
body.home2 .h2-enter::after{content:"\2192";font-size:1.05em;color:var(--gold);transition:transform .25s ease}
body.home2 .h2-enter:hover{gap:18px;color:#fff;border-color:var(--gold)}
body.home2 .h2-enter:hover::after{transform:translateX(4px)}
body.home2 .h2-scroll{color:var(--mist);text-decoration:none;font-size:.92rem;letter-spacing:.12em;
  text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}
body.home2 .h2-scroll .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);
  animation:h2bob 2.4s ease-in-out infinite}
@keyframes h2bob{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(5px);opacity:1}}

/* ---------- TODAY : read from the sky ---------- */
body.home2 .h2-today{position:relative;background:
   radial-gradient(80% 120% at 80% 0%,rgba(60,74,142,.16),transparent 60%),
   linear-gradient(180deg,#0E0C24 0%,#0A0820 100%);
   padding:96px 0 104px;border-top:1px solid var(--line)}
body.home2 .h2-today .wrap{display:grid;grid-template-columns:0.82fr 1.18fr;gap:54px;align-items:start}
@media(max-width:880px){body.home2 .h2-today .wrap{grid-template-columns:1fr;gap:30px}}
body.home2 .h2-today-head{position:sticky;top:96px}
@media(max-width:880px){body.home2 .h2-today-head{position:static}}
body.home2 .h2-today-head .eyebrow{color:var(--gold-soft);font-family:"Halant",serif;font-size:.74rem;letter-spacing:.26em;text-transform:uppercase}
body.home2 .h2-today-head h2{font-family:"Fraunces","Fraunces-fallback",serif;font-weight:400;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.05;margin:14px 0 16px;color:#fff}
body.home2 .h2-today-head p{color:var(--mist);font-size:1.05rem;line-height:1.6;max-width:34ch}

/* tabs */
body.home2 .daily{margin:0;background:transparent !important;border:0 !important;border-radius:0 !important;
  box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;padding:0 !important}
body.home2 .daytabs{display:inline-flex;gap:28px;background:transparent;
  border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;margin-bottom:26px}
body.home2 .daytab{appearance:none;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--mist);
  font-family:"Halant",serif;font-size:.96rem;letter-spacing:.02em;padding:0 0 12px;margin-bottom:-1px;cursor:pointer;transition:color .2s ease,border-color .2s ease}
body.home2 .daytab:hover{color:var(--cream)}
body.home2 .daytab[aria-selected="true"]{background:transparent;color:#fff;border-bottom-color:var(--gold);font-weight:600}

/* glassy panel replaces the cream card */
body.home2 .almanac,
body.home2 .kaal{
  background:transparent;border:0;border-radius:0;
  backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;
  color:var(--cream);padding:0}
body.home2 .almanac .topline{display:flex;justify-content:space-between;align-items:center;gap:16px;
  border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}
body.home2 .almanac .date{color:var(--mist);font-size:.96rem}
body.home2 .almanac .date b{color:var(--cream)}
body.home2 .tithi-chip{display:inline-block;margin-left:10px;padding:0;
  background:transparent;color:var(--mist2);font-size:.82rem;letter-spacing:.04em}
body.home2 .feat-tag .k{color:var(--amber);font-family:"Halant",serif;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase}
body.home2 #featName{font-family:"Fraunces","Fraunces-fallback",serif;font-weight:420;font-size:clamp(1.8rem,3.4vw,2.7rem);
  line-height:1.08;color:#fff;margin:10px 0 14px}
body.home2 .almanac .skt{font-family:var(--dev-disp,"Noto Serif Devanagari",serif);color:var(--gold-soft);font-size:1.3rem;line-height:1.6}
body.home2 .almanac .translit{color:var(--mist2);font-style:italic;font-size:.98rem;margin-top:6px}
body.home2 .almanac .mean{color:rgba(244,239,255,.86);font-size:1.06rem;line-height:1.62;margin:16px 0}
body.home2 .almanac .practice{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}
body.home2 .almanac .practice h4{color:var(--gold-soft);font-family:"Halant",serif;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;margin:0 0 14px}
body.home2 .almanac .steps li{color:var(--cream);line-height:1.55;margin-bottom:10px}
body.home2 .almanac .weekday-note{color:var(--mist2);font-size:.92rem;margin-top:18px;line-height:1.55}
body.home2 #todayBadge .badge,body.home2 #todayBadge span{color:var(--gold-soft)}

/* ---------- kaal : de-boxed to match the importance pane ---------- */
body.home2 .kaal-top{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}
body.home2 .kaal-city label{color:var(--mist2)}
/* city dropdown: the base styles it by #id (var(--paper)) which beat the
   class rule, so target the id directly and force a dark native popup */
body.home2 #citySel,body.home2 .kaal select,body.home2 .geo-btn{
  background:rgba(255,255,255,.06);color:var(--cream);border:1px solid var(--line);
  border-radius:10px;padding:8px 12px;color-scheme:dark}
body.home2 .geo-btn:hover{background:rgba(255,255,255,.1);color:#fff;border-color:var(--line-gold)}
body.home2 .kaal-date{color:var(--mist2)}
body.home2 .kaal-sun{color:var(--mist)}
body.home2 .kaal-sun b{color:var(--cream)}
body.home2 .kaal-note{color:var(--mist2);border-top:1px solid var(--line)}
body.home2 .kaal-now{color:var(--gold-soft)}

/* the day-windows bar : dark, hairline, keep the meaningful colours */
body.home2 .kaal-bar{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px}
body.home2 .kaal-seg{border-right-color:var(--line)}
body.home2 .kaal-nowmark{background:var(--cream);box-shadow:0 0 0 3px rgba(8,8,26,.7)}
body.home2 .kaal-legend{color:var(--mist2)}

/* the windows list : open rows on the dark, not cream cards */
body.home2 .kaal-item{
  background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;
  box-shadow:none;padding:18px 0}
body.home2 .kaal-item.good{border-top-color:var(--line-gold);box-shadow:none}
body.home2 .kaal-item .nm{color:var(--cream)}
body.home2 .kaal-item .tm{color:var(--amber)}
body.home2 .kaal-item .ds{color:var(--mist2)}

/* the window that is live right now */
body.home2 .kaal-item.now{background:linear-gradient(90deg,rgba(186,200,240,.09),transparent 70%)}
body.home2 .kaal-item.now .nm{color:#fff}
body.home2 .kaal-item.now .nm::after{color:var(--gold);border-color:var(--line-gold)}

/* ---------- INTRO : a confident statement ---------- */
body.home2 .h2-intro{padding:120px 0;background:var(--night);position:relative}
body.home2 .h2-intro .wrap{max-width:1000px}
body.home2 .h2-intro .lead{
  font-family:"Fraunces","Fraunces-fallback",serif;font-weight:360;font-style:normal;
  font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.3;color:var(--cream);
  max-width:24ch;margin:0;letter-spacing:-.005em}
body.home2 .h2-intro .lead .hl{color:var(--gold)}
body.home2 .h2-intro .h2-introlabel{display:block;color:var(--gold-soft);font-family:"Halant",serif;
  font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;margin-bottom:26px}

/* ---------- DOORWAYS : editorial rows ---------- */
body.home2 .h2-doors{padding:110px 0 120px;background:linear-gradient(180deg,var(--night),#0C0A24)}
body.home2 .h2-doors-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
  border-bottom:1px solid var(--line-gold);padding-bottom:26px;margin-bottom:8px}
body.home2 .h2-doors-head .eyebrow{color:var(--gold-soft);font-family:"Halant",serif;font-size:.74rem;letter-spacing:.26em;text-transform:uppercase}
body.home2 .h2-doors-head h2{font-family:"Fraunces","Fraunces-fallback",serif;font-weight:400;font-size:clamp(2rem,4vw,3rem);margin:10px 0 0;color:#fff}
body.home2 .h2-doors-head h2 em{font-style:italic;color:var(--gold)}
body.home2 .h2-doors-head p{color:var(--mist2);max-width:30ch;text-align:right}

body.home2 .h2-door-list{display:flex;flex-direction:column}
body.home2 .h2-door{
  display:grid;grid-template-columns:200px 1fr auto;gap:30px;align-items:baseline;
  padding:34px 8px;border-bottom:1px solid var(--line);text-decoration:none;
  position:relative;transition:padding-left .35s ease}
body.home2 .h2-door::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;
  background:linear-gradient(90deg,rgba(186,200,240,.10),transparent);transition:width .35s ease;z-index:-1}
body.home2 .h2-door:hover{padding-left:26px}
body.home2 .h2-door:hover::before{width:100%}
body.home2 .h2-door-k{color:var(--amber);font-family:"Halant",serif;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;padding-top:10px}
body.home2 .h2-door-t{font-family:"Fraunces","Fraunces-fallback",serif;font-weight:400;font-size:clamp(1.5rem,2.8vw,2.1rem);color:var(--cream);line-height:1.1}
body.home2 .h2-door:hover .h2-door-t{color:#fff}
body.home2 .h2-door-d{display:block;color:var(--mist2);font-size:1rem;line-height:1.5;margin-top:8px;max-width:52ch}
body.home2 .h2-door-go{color:var(--gold);font-size:1.5rem;align-self:center;transform:translateX(0);transition:transform .35s ease;opacity:.6}
body.home2 .h2-door:hover .h2-door-go{transform:translateX(8px);opacity:1}
@media(max-width:780px){
  body.home2 .h2-door{grid-template-columns:1fr auto;gap:6px 18px}
  body.home2 .h2-door-k{grid-column:1/-1;padding-top:0}
  body.home2 .h2-door-d{grid-column:1/-1}
}
body.home2 .door-note{margin-top:34px;color:var(--mist2)}
body.home2 .door-note a{color:var(--gold-soft)}

/* ---------- footer ---------- */
body.home2 footer{background:#05050F;border-top:1px solid var(--line);padding:60px 0 40px;color:var(--mist2)}
body.home2 footer a{color:var(--mist)}
body.home2 footer a:hover{color:var(--cream)}
body.home2 .footlinks{display:flex;gap:28px;margin:18px 0}
body.home2 .footlinks a{padding:6px 0}
body.home2 .copyline{color:var(--mist2);font-size:.88rem;margin-top:10px}

/* ---------- reveal ---------- */
body.home2 .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s ease}
body.home2 .reveal.in,body.home2 .reveal.show,body.home2 .reveal.visible{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
  body.home2 .h2-stars i{animation:none;opacity:.5}
  body.home2 .hero .hero-sun .spin{animation:none}
  body.home2 .h2-scroll .dot{animation:none}
  body.home2 .reveal{opacity:1;transform:none;transition:none}
}

/* focus visibility */
body.home2 a:focus-visible,body.home2 button:focus-visible,body.home2 select:focus-visible{
  outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}

/* door row internals */
body.home2 .h2-door-main{display:block}
body.home2 .h2-door-t{display:block}

/* Today panel: force the dark glass over the base sheet's #id rules */
body.home2 #almanacCard,
body.home2 #paneShape .kaal{
  background:transparent;border:0;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  color:var(--cream);padding:0}
body.home2 #almanacCard{min-height:0}

/* keep the hero quiet: hide the ambient coloured petals */
/* drifting moonlight petals (same as the rest of the site) */
body.home2 .nv-petals{position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden}
body.home2 .nv-petal{position:absolute;top:-6%;pointer-events:none;border-radius:62% 0 62% 0;
  opacity:0;will-change:transform,opacity;
  filter:blur(.2px) drop-shadow(0 0 8px rgba(186,200,240,.55));
  animation:nvfall linear forwards}
@keyframes nvfall{
  0%{opacity:0;transform:translateY(-14px) translateX(0) rotate(0)}
  10%{opacity:1}
  90%{opacity:1}
  100%{opacity:0;transform:translateY(108vh) translateX(56px) rotate(320deg)}}
@media(prefers-reduced-motion:reduce){body.home2 .nv-petals{display:none}}

/* recolour the base sheet's warm accents inside the day reading */
body.home2 .almanac .steps .n{border-color:var(--gold) !important;color:var(--gold) !important}
body.home2 #todayBadge .badge{background:transparent !important;border-color:var(--line-gold) !important;color:var(--gold-soft) !important}
body.home2 .feat-tag .k{color:var(--amber)}

/* force the day-reading text to light so it reads on the dark band */
body.home2 #almanacCard .date{color:var(--mist) !important}
body.home2 #almanacCard .date b{color:var(--cream) !important}
body.home2 #almanacCard .feat-tag,body.home2 #almanacCard .feat-tag .k{color:var(--amber) !important}
body.home2 #almanacCard #featName{color:#fff !important}
body.home2 #almanacCard .skt{color:var(--gold-soft) !important}
body.home2 #almanacCard .translit{color:var(--mist2) !important}
body.home2 #almanacCard .mean{color:rgba(244,239,255,.86) !important}
body.home2 #almanacCard .practice h4{color:var(--gold-soft) !important}
body.home2 #almanacCard .steps li{color:var(--cream) !important}
body.home2 #almanacCard .weekday-note{color:var(--mist2) !important}
body.home2 #almanacCard #todayBadge,body.home2 #almanacCard #todayBadge span{color:var(--gold-soft) !important}

/* contrast: bar window labels need to read on their colours */
body.home2 .kaal-seg .lab{font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.55)}

/* tabs never wrap */
body.home2 .daytab{white-space:nowrap}


/* eyebrows in the site's own voice */
body.home2 .eyebrow,body.home2 .feat-tag .k{
  font-family:"Fraunces","Fraunces-fallback",serif !important;font-style:italic;font-weight:430;
  text-transform:none !important;letter-spacing:.02em !important;font-size:1.02rem !important}

/* mobile tap targets on the homepage */
@media(max-width:680px){
  body.home2 .daytab{min-height:44px;display:inline-flex;align-items:center;padding-bottom:14px}
  body.home2 .footlinks{flex-wrap:wrap;gap:6px 22px}
  body.home2 .footlinks a{display:inline-flex;align-items:center;min-height:44px}
  body.home2 #ribbon{min-height:42px}
  body.home2 .h2-scroll{min-height:44px}
}
/* ---------- mobile: match the shared gutter + tighten the rhythm ---------- */
@media(max-width:900px){ body.home2 .wrap{padding:0 22px} }
@media(max-width:760px){
  /* the poetic moon line would sit over the big headline on a phone */
  body.home2 .h2-moon{display:none}
}
@media(max-width:680px){
  body.home2 .wrap{padding:0 18px}
  body.home2 .h2-hero-inner{padding:104px 18px 46px}
  body.home2 .hero{min-height:84svh}
  body.home2 .h2-today{padding:62px 0 70px}
  body.home2 .h2-intro{padding:70px 0}
  body.home2 .h2-doors{padding:60px 0 78px}
  body.home2 .h2-today .wrap{gap:26px}
}
@media(max-width:420px){
  body.home2 .wrap{padding:0 16px}
  body.home2 .h2-hero-inner{padding:96px 16px 40px}
}

/* doorway groups : Understand / Practise / Live */
body.home2 .h2-doorgroup{margin-top:54px}
body.home2 .h2-doorgroup:first-of-type{margin-top:8px}
body.home2 .h2-group-head{border-bottom:1px solid var(--line-gold);padding-bottom:14px;margin-bottom:0}
body.home2 .h2-group-k{display:block;font-family:"Fraunces",serif;font-weight:400;font-size:clamp(1.5rem,3.2vw,2.2rem);color:#fff;letter-spacing:-.01em}
body.home2 .h2-group-sub{display:block;margin-top:6px;color:var(--mist2);font-family:"Halant",serif;font-size:.92rem;letter-spacing:.02em}
body.home2 .h2-doorgroup .h2-door-list .h2-door:first-child{border-top:0}

html{scroll-padding-top:120px}

/* hover label on the hero mandala */
.mandala-hint{position:fixed;z-index:80;pointer-events:none;opacity:0;transform:translateY(-2px);
  font-family:"Halant",serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:#DEE5F8;background:rgba(8,8,26,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(186,200,240,.26);border-radius:999px;padding:7px 14px;white-space:nowrap;
  transition:opacity .25s ease,transform .25s ease}
.mandala-hint.on{opacity:1;transform:translateY(0)}

/* ============ 2026 refinements (home) ============ */
.skiplink{position:absolute;left:-9999px;top:0;z-index:120;background:#0C0A24;color:#F4EFFF;
  padding:10px 18px;border-radius:0 0 12px 0;font-family:"Halant",Georgia,serif;text-decoration:none}
.skiplink:focus{left:0}
:focus-visible{outline:2px solid var(--gold,#C3CEEC);outline-offset:3px}
h1,h2,h3{text-wrap:balance}
body.home2 .footmap{display:flex;flex-wrap:wrap;gap:10px 24px;padding:20px 0 4px;
  border-top:1px solid var(--line);font-size:.92rem;color:var(--mist2)}
body.home2 .footmap a{color:var(--mist2);text-decoration:none}
body.home2 .footmap a:hover{color:var(--cream)}
@view-transition{navigation:auto}