/* SVAJA | Delight album-led homepage
   The artwork is the approved album file already retained by the website.
   Do not recreate its original signature, heart, starburst or floral border.
   This sheet applies only to the homepage and loads after the shared palette. */
.page-index .delight-opening{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 55% 35% at 50% 34%,rgba(255,222,173,.28),transparent 90%),
    radial-gradient(ellipse 56% 53% at 88% 18%,rgba(226,210,237,.45),transparent 92%),
    radial-gradient(ellipse 53% 40% at 10% 75%,rgba(245,210,210,.4),transparent 90%),
    linear-gradient(180deg,#FFFCF7 0%,#F9F2E8 72%,#F2E6DD 100%);
  text-align:center;
  padding:clamp(39px,5vw,72px) 20px clamp(57px,6.7vw,91px);
}
.page-index .delight-opening::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(660px,86vw);
  aspect-ratio:1;
  top:8%;
  left:50%;
  transform:translateX(-50%);
  background:url("sacred-lace-eightfold.svg") center / contain no-repeat;
  opacity:.09;
  pointer-events:none;
}
.page-index .delight-opening-inner{max-width:900px;margin:0 auto}
.page-index .delight-opening-eyebrow{
  display:flex;align-items:center;justify-content:center;gap:17px;
  font-family:var(--sans);font-size:10px;line-height:1.5;
  letter-spacing:.22em;color:#987650;margin:0 auto 27px;
  text-transform:uppercase;
}
.page-index .delight-opening-eyebrow::before,
.page-index .delight-opening-eyebrow::after{
  content:"";height:1px;width:34px;background:#C4AC89;flex-shrink:0;
}
.page-index .delight-opening-title{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.page-index .delight-opening-cover{
  position:relative;
  display:block;
  width:min(100%,660px);
  margin:0 auto 30px;
  padding:0;
}
.page-index .delight-opening-cover img{
  display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;
  filter:drop-shadow(0 18px 25px rgba(124,80,53,.16));
}
.page-index .delight-opening-description{
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(27px,3.25vw,38px);
  color:#5F4A43;line-height:1.3;
  margin:0 auto 8px;
}
.page-index .delight-opening-lead{
  font-family:var(--body-serif,Georgia,serif);
  font-size:clamp(17px,1.8vw,19px);
  color:#73645B;
  line-height:1.8;
  margin:0 auto;
  max-width:620px;
}
.page-index .delight-opening-actions{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:11px 23px;margin:27px auto 0;
}
.page-index .delight-opening-listen,
.page-index .delight-opening-explore{
  display:inline-flex;justify-content:center;align-items:center;
  gap:11px;
  min-height:47px;
  font-family:var(--sans);font-size:12px;
  letter-spacing:.045em;
  text-decoration:none;
  transition:background .2s,box-shadow .2s,color .2s;
}
.page-index .delight-opening-listen{
  color:#3F342A;
  border:1px solid #B89A72;
  background:#DFC196;
  padding:13px 22px;
}
.page-index .delight-opening-listen:hover,
.page-index .delight-opening-listen:focus-visible{background:#E8CEAA;box-shadow:0 6px 18px rgba(114,82,50,.1)}
.page-index .delight-opening-explore{
  color:#775B46;
  border-bottom:1px solid #A88A6C;
  padding:13px 3px;
}
.page-index .delight-opening-explore:hover,
.page-index .delight-opening-explore:focus-visible{color:#9B7195}
.page-index .delight-opening-scroll{
  display:inline-flex;align-items:center;gap:12px;
  color:#8B7769;
  font-family:var(--sans);font-size:10px;
  letter-spacing:.15em;
  text-decoration:none;
  margin-top:34px;
}
.page-index .delight-opening-scroll span{font-size:17px;line-height:1}

/* Editorial gateway directly after the cover: two balanced places to explore.
   Don't repeat the artwork or create an artificial book-cover placeholder. */
.page-index .world-collections{
  scroll-margin-top:84px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(15px,3vw,36px);
  padding:clamp(25px,4.8vw,68px);
  background:linear-gradient(180deg,#F9F2E9,#FBF7F1);
}
.page-index .world-door,
.page-index .world-door.writing-door{
  aspect-ratio:1;
  min-height:0;
  background:linear-gradient(145deg,#F7E7E1,#F8F0E6 67%,#F3E8DA);
  border:1px solid #D8C8B7;
  box-shadow:0 11px 39px rgba(96,72,53,.05);
  display:flex;flex-direction:column;justify-content:space-between;
  overflow:hidden;
}
.page-index .world-door.writing-door{
  background:linear-gradient(145deg,#EFE7F4,#F9F3EC 69%,#E8EBF1);
}
.page-index .world-door.music-door::before,
.page-index .world-door.writing-door::before{
  content:"";position:absolute;inset:5% 3% auto auto;
  width:49%;height:auto;aspect-ratio:1;
  background:url("sacred-lace-eightfold.svg") center/contain no-repeat;
  border:0;outline:0;box-shadow:none;
  opacity:.15;pointer-events:none;transform:none;
}
.page-index .world-door::after{opacity:.11}
.page-index .world-door>div{max-width:100%;margin-top:auto}
.page-index .world-door .door-label{display:block;color:#856952}
.page-index .world-door h2{font-size:clamp(42px,5.2vw,78px);line-height:1.04;color:#443F38;margin:12px 0 20px}
.page-index .world-door.writing-door h2{font-size:clamp(40px,4.6vw,70px)}
.page-index .world-door p{font-size:clamp(14px,1.3vw,16px);color:#5E5751;line-height:1.7}
.page-index .world-door .door-link{color:#7A5E45}
@media(max-width:850px){
  .page-index .world-collections{grid-template-columns:repeat(2,minmax(0,1fr));padding:25px;gap:15px}
  .page-index .world-door,.page-index .world-door.writing-door{
    aspect-ratio:auto;min-height:450px;padding:27px;
  }
  .page-index .world-door h2{font-size:clamp(36px,5.2vw,51px)}
  .page-index .world-door.writing-door h2{font-size:clamp(35px,4.9vw,49px)}
  .page-index .world-door.music-door::before,.page-index .world-door.writing-door::before{
    top:8%;right:6%;width:50%;opacity:.11
  }
}
@media(max-width:620px){
  .page-index .delight-opening{padding:25px 12px 48px}
  .page-index .delight-opening-eyebrow{font-size:9px;letter-spacing:.13em;gap:9px;margin-bottom:21px}
  .page-index .delight-opening-eyebrow::before,
  .page-index .delight-opening-eyebrow::after{width:18px}
  .page-index .delight-opening-cover{width:100%;max-width:none;margin-bottom:23px}
  .page-index .delight-opening-description{font-size:clamp(28px,7.1vw,35px)}
  .page-index .delight-opening-lead{font-size:17px;line-height:1.55}
  .page-index .delight-opening-actions{flex-direction:column;align-items:stretch;gap:8px;max-width:315px;margin-top:21px}
  .page-index .delight-opening-explore,.page-index .delight-opening-listen{width:100%;min-height:46px}
  .page-index .delight-opening-explore{border-bottom:1px solid #BEA488}
  .page-index .delight-opening-scroll{margin-top:25px}
  .page-index .world-collections{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px 18px 32px}
  .page-index .world-door,.page-index .world-door.writing-door{min-height:390px;padding:27px;aspect-ratio:auto}
  .page-index .world-door .door-index{max-width:100%;font-size:10px}
  .page-index .world-door h2{font-size:clamp(43px,11vw,58px)}
  .page-index .world-door.writing-door h2{font-size:clamp(40px,10vw,53px)}
  .page-index .world-door p{font-size:15px;line-height:1.65}
  .page-index .world-door.music-door::before,.page-index .world-door.writing-door::before{top:6%;right:1%;width:55%;opacity:.09}
}
@media(max-width:360px){
  .page-index .delight-opening-description{font-size:24px}
  .page-index .world-door,.page-index .world-door.writing-door{min-height:410px}
}
@media(prefers-reduced-motion:reduce){
  .page-index .delight-opening-listen,.page-index .delight-opening-explore{transition:none}
}