/* Mangala Nakatha v3.8.3 — lighter, clearer hero/cover text. */

.page-hero,.home-hero,.hero-section,.hero-grid{position:relative;isolation:isolate}

.page-hero h1,
.home-hero h1,
.hero-copy h1,
.hero-section h1,
.hero-grid h1,
.marketing-heading{
  color:#fffdfd!important;
  text-shadow:0 12px 34px rgba(32,10,38,.34),0 3px 12px rgba(32,10,38,.18)!important;
}

.page-hero p:not(.eyebrow),
.home-hero p:not(.eyebrow),
.hero-copy p:not(.eyebrow),
.hero-section p:not(.eyebrow),
.hero-grid p:not(.eyebrow){
  color:rgba(255,250,252,.96)!important;
  text-shadow:0 8px 20px rgba(28,10,34,.18)!important;
}

.page-hero .eyebrow,
.home-hero .eyebrow,
.hero-copy .eyebrow,
.hero-section .eyebrow,
.hero-grid .eyebrow,
.page-hero .eyebrow.light,
.home-hero .eyebrow.light{
  color:#fff1f7!important;
  text-shadow:0 6px 16px rgba(28,10,34,.16)!important;
}

.page-hero .page-shell,
.home-hero .page-shell,
.hero-section .page-shell,
.hero-grid .page-shell,
.home-hero .hero-copy,
.hero-section .hero-copy,
.hero-grid .hero-copy{
  position:relative;
  z-index:2;
}

/* Soft readable text panel for cover copy without making the design heavy. */
.home-hero .hero-copy,
.hero-section .hero-copy,
.hero-grid .hero-copy,
.page-hero .hero-copy,
.page-hero .page-shell > div:first-child,
.home-hero .page-shell > div:first-child{
  background:linear-gradient(135deg,rgba(76,34,88,.30),rgba(76,34,88,.12));
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 16px 34px rgba(45,18,54,.10);
  border-radius:24px;
  padding:clamp(16px,2vw,24px);
}

/* Slight darkening behind cover image area to increase contrast for text. */
.home-hero::before,
.page-hero::before,
.hero-section::before,
.hero-grid::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(52,22,60,.18) 0%,rgba(52,22,60,.08) 34%,rgba(52,22,60,0) 60%);
}

@media(max-width:760px){
  .home-hero .hero-copy,
  .hero-section .hero-copy,
  .hero-grid .hero-copy,
  .page-hero .hero-copy,
  .page-hero .page-shell > div:first-child,
  .home-hero .page-shell > div:first-child{
    border-radius:20px;
    padding:16px;
  }
  .home-hero::before,
  .page-hero::before,
  .hero-section::before,
  .hero-grid::before{
    background:linear-gradient(180deg,rgba(52,22,60,.22) 0%,rgba(52,22,60,.10) 38%,rgba(52,22,60,0) 72%);
  }
}