/* Svaja — editorial showcase for Music and The Complete Testament.
   Each image and text column stays in normal document flow.
   No absolute photo placement, fixed heights, or overlaying copy.
   Maintains the approved Delight cover and The Complete Testament image. */

.page-index .world-collections.world-collections-stacked{
  display:block;
  grid-template-columns:none;
  gap:0;
  padding:0;
  margin:0;
  background:#F9F3EA;
}
.page-index .world-feature{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.page-index .world-feature--music{
  background:
    radial-gradient(ellipse at 6% 12%,rgba(243,212,163,.26),transparent 57%),
    linear-gradient(140deg,#FBF5ED,#F5E8DD 88%);
}
.page-index .world-feature--book{
  background:
    radial-gradient(ellipse at 95% 20%,rgba(221,206,236,.4),transparent 60%),
    linear-gradient(135deg,#F2ECF4,#FCF6EB 91%);
  border-top:1px solid rgba(173,140,106,.22);
}
.page-index .world-feature::before{
  content:"";
  position:absolute;
  right:-13%;
  bottom:-18%;
  width:min(48vw,600px);
  aspect-ratio:1;
  background-color:rgba(255,255,255,.65);
  -webkit-mask:url("sacred-lace-eightfold.svg") center/contain no-repeat;
  mask:url("sacred-lace-eightfold.svg") center/contain no-repeat;
  pointer-events:none;
  opacity:.46;
}
.page-index .world-feature--book::before{
  right:auto;
  left:-10%;
  bottom:-16%;
  background-color:#B6A0CA;
  opacity:.25;
}
.page-index .world-feature-inner{
  position:relative;
  z-index:1;
  max-width:1320px;
  margin:0 auto;
  padding:clamp(64px,7.5vw,122px) clamp(24px,5vw,78px);
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);
  align-items:center;
  gap:clamp(42px,7.2vw,112px);
}
.page-index .world-feature-media{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:535px;
  margin:0;
  justify-self:center;
  padding:clamp(10px,1.25vw,15px);
  background-color:#D5BD97;
  background-image:url("svaja-parchment-mat.webp");
  background-repeat:repeat;
  border:1px solid #AD8B5A;
  outline:1px solid rgba(167,132,83,.53);
  outline-offset:5px;
  box-shadow:0 17px 48px rgba(80,59,35,.16),0 0 0 6px rgba(255,251,243,.58);
}
.page-index .world-feature-media picture,
.page-index .world-feature-media img{
  display:block;
  width:100%;
  height:auto;
}
.page-index .world-feature-media img{
  max-width:100%;
  aspect-ratio:auto;
  object-fit:contain;
  border:1px solid rgba(122,88,49,.30);
}
.page-index .world-feature-media--portrait{max-width:500px}
.page-index .world-feature-media--book{max-width:565px}
.page-index .world-feature--book .world-feature-media{order:2}
.page-index .world-feature--book .world-feature-copy{order:1}
.page-index .world-feature-copy{
  width:100%;
  min-width:0;
  max-width:560px;
  justify-self:center;
  color:#49413A;
}
.page-index .world-feature-index{
  font-family:var(--sans);
  font-size:12px;
  font-weight:500;
  letter-spacing:.16em;
  color:#987A5C;
  margin:0 0 33px;
}
.page-index .world-feature-eyebrow{
  font-family:var(--sans);
  font-size:clamp(14px,1.4vw,18px);
  font-weight:600;
  letter-spacing:.095em;
  line-height:1.5;
  color:#856750;
  margin:0 0 13px;
}
.page-index .world-feature--book .world-feature-eyebrow{color:#80628C}
.page-index .world-feature-copy h2{
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(62px,7.8vw,112px);
  line-height:1;
  letter-spacing:-.025em;
  color:#443B34;
  margin:0 0 25px;
}
.page-index .world-feature--book .world-feature-copy h2{
  font-size:clamp(51px,5.9vw,86px);
  line-height:1;
  letter-spacing:-.03em;
}
.page-index .world-feature-title-first{
  display:block;
  font-size:.82em;
  white-space:nowrap;
  line-height:1.04;
}
.page-index .world-feature-title-second{
  display:block;
  margin-top:5px;
  font-size:1.14em;
  font-weight:400;
  line-height:1;
  color:#8D7097;
}
.page-index .world-feature-description{
  max-width:510px;
  font-family:var(--body-serif,Georgia,serif);
  font-size:clamp(17px,1.5vw,20px);
  line-height:1.72;
  color:#675C52;
  margin:0 0 30px;
}
.page-index .world-feature-cta{
  display:inline-flex;
  align-items:center;
  gap:14px;
  border-bottom:1px solid #AF926F;
  padding:0 0 11px;
  font-family:var(--sans);
  font-size:14px;
  font-weight:600;
  letter-spacing:.045em;
  color:#76573C;
  text-decoration:none;
  transition:color .15s ease,border-color .15s ease;
}
.page-index .world-feature-cta:hover,
.page-index .world-feature-cta:focus-visible{
  color:#8D7097;
  border-color:#8D7097;
}
.page-music .artist-journey-portrait,
.page-story .story-portrait{
  box-sizing:border-box;
  padding:10px;
  background:#D5BD97 url("svaja-parchment-mat.webp") repeat;
  border:1px solid #AD8B5A;
  box-shadow:0 17px 40px rgba(80,59,35,.14);
}
.page-music .artist-journey-portrait img,
.page-story .story-portrait img{
  display:block;width:100%;height:auto;max-width:100%;
  border:1px solid rgba(122,88,49,.30);
  box-shadow:none;
}
@media(max-width:920px){
  .page-index .world-feature-inner{
    grid-template-columns:minmax(0,1fr);
    gap:clamp(37px,5vw,62px);
    padding:clamp(52px,7vw,75px) clamp(24px,6vw,58px);
  }
  .page-index .world-feature-media{
    grid-column:1;
    order:0 !important;
    max-width:540px;
  }
  .page-index .world-feature-copy{
    grid-column:1;
    order:1 !important;
    max-width:640px;
  }
  .page-index .world-feature-copy h2{font-size:clamp(64px,9.5vw,94px)}
  .page-index .world-feature--book .world-feature-copy h2{font-size:clamp(54px,8vw,76px)}
}
@media(max-width:540px){
  .page-index .world-feature-inner{
    padding:49px 22px 58px;
    gap:36px;
  }
  .page-index .world-feature-media{
    max-width:100%;
    width:min(100%,430px);
    padding:9px;
    outline-offset:3px;
  }
  .page-index .world-feature-index{font-size:11px;margin-bottom:19px}
  .page-index .world-feature-eyebrow{font-size:14px;letter-spacing:.065em}
  .page-index .world-feature-copy h2{font-size:clamp(61px,14vw,82px);margin-bottom:21px}
  .page-index .world-feature--book .world-feature-copy h2{font-size:clamp(44px,10vw,60px)}
  .page-index .world-feature-title-second{font-size:1.1em}
  .page-index .world-feature-description{font-size:17px;line-height:1.65}
}
@media(max-width:340px){
  .page-index .world-feature-inner{padding-left:18px;padding-right:18px}
  .page-index .world-feature--book .world-feature-copy h2{font-size:41px}
}
@media(prefers-reduced-motion:reduce){
  .page-index .world-feature-cta{transition:none}
}

/* Delight artwork gold — unified parchment mat for both creative works.
   Uses the approved album's ochre-gold palette, not a new ivory colorway.
   Original portrait and gilded book image pixels remain unchanged. */
.page-index .world-feature-media,
.page-music .artist-journey-portrait,
.page-story .story-portrait,
.page-book .book-art-photograph{
  background-color:#D8B270;
  background-image:url("svaja-delight-gold-parchment-mat.webp");
  background-repeat:repeat;
  border:1px solid #A77B43;
  outline:1px solid rgba(145,105,51,.50);
  outline-offset:3px;
  box-shadow:0 16px 42px rgba(97,69,31,.16),0 0 0 4px rgba(255,250,238,.44);
}
.page-index .world-feature-media{
  padding:clamp(9px,1vw,12px);
}
.page-index .world-feature-media img,
.page-music .artist-journey-portrait img,
.page-story .story-portrait img,
.page-book .book-art-photograph img{
  border:1px solid rgba(123,83,35,.54);
}
.page-book .book-art-photograph{
  box-sizing:border-box;
  padding:clamp(9px,1.15vw,13px);
}

/* November 2 approved master frame: keep Delight gold, make the mat a
   delicate 4–5px foil/parchment rim like the water portrait.
   Preserve the photographed face and the original book cover. */
.page-index .world-feature-media,
.page-music .artist-journey-portrait,
.page-story .story-portrait,
.page-book .book-art-photograph{
  padding:5px;
  border:1px solid #AA824C;
  outline:1px solid rgba(151,109,56,.42);
  outline-offset:1px;
  box-shadow:0 12px 30px rgba(97,69,31,.12),0 0 0 1px rgba(255,250,238,.38);
}
.page-index .world-feature-media img,
.page-music .artist-journey-portrait img,
.page-story .story-portrait img,
.page-book .book-art-photograph img{
  border:1px solid rgba(123,83,35,.44);
}
@media(max-width:540px){
  .page-index .world-feature-media,
  .page-music .artist-journey-portrait,
  .page-story .story-portrait,
  .page-book .book-art-photograph{
    padding:4px;
  }
}

/* Additional original-photo features — waterfront, pines and collected poems.
   Delicate Delight-gold frame, dynamic normal flow; no generative likeness. */
.page-poetry .poetry-photograph,
.page-practice .practice-photograph {
  box-sizing:border-box;
  width:100%;
  max-width:500px;
  margin:0 auto;
  padding:5px;
  background-color:#D8B270;
  background-image:url("svaja-delight-gold-parchment-mat.webp");
  background-repeat:repeat;
  border:1px solid #AA824C;
  outline:1px solid rgba(151,109,56,.42);
  outline-offset:1px;
  box-shadow:0 12px 30px rgba(97,69,31,.12),0 0 0 1px rgba(255,250,238,.38);
}
.page-poetry .poetry-photograph picture,
.page-practice .practice-photograph picture,
.page-poetry .poetry-photograph img,
.page-practice .practice-photograph img{
  display:block;width:100%;height:auto;
}
.page-poetry .poetry-photograph img,
.page-practice .practice-photograph img{
  border:1px solid rgba(123,83,35,.44);
}
.page-poetry .poetry-photograph figcaption{
  margin:0;
  padding:17px 12px 13px;
  font-family:var(--serif);
  font-size:clamp(19px,2vw,26px);
  font-style:italic;
  line-height:1.35;
  text-align:center;
  color:#68503C;
}
.page-practice .practice-lead.practice-lead-photo{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1fr);
  gap:clamp(36px,6vw,100px);
  align-items:center;
  padding-top:clamp(70px,8vw,130px);
  padding-bottom:clamp(75px,8vw,130px);
}
.page-practice .practice-lead.practice-lead-photo > .practice-photograph{
  grid-column:1;grid-row:1;
}
.page-practice .practice-lead.practice-lead-photo > .practice-feature-copy{
  grid-column:2;grid-row:1;padding-top:0;
}
.page-practice .practice-feature-copy > div+div{margin-top:36px}
.page-practice .practice-feature-copy h2{
  font-size:clamp(54px,5.3vw,86px);
  line-height:1.04;
}
@media(max-width:850px){
  .page-poetry .poetry-layout{grid-template-columns:minmax(0,1fr);gap:45px}
  .page-practice .practice-lead.practice-lead-photo{
    grid-template-columns:minmax(0,1fr);
    gap:48px;
  }
  .page-practice .practice-lead.practice-lead-photo > .practice-photograph,
  .page-practice .practice-lead.practice-lead-photo > .practice-feature-copy{
    grid-column:1;grid-row:auto;
  }
  .page-practice .practice-lead.practice-lead-photo > .practice-feature-copy{
    width:100%;
    max-width:630px;
    margin:0 auto;
  }
}
@media(max-width:540px){
  .page-poetry .poetry-photograph,
  .page-practice .practice-photograph{padding:4px}
  .page-practice .practice-lead.practice-lead-photo{
    padding-top:62px;
    padding-bottom:77px;
    gap:32px;
  }
}