/* Svaja | Approved photographic portraits and The Complete Testament heirloom book visual.
   Scoped additions: preserve the approved Delight hero and existing palette. */
.page-index .world-door-media{
  position:absolute;
  z-index:1;
  top:9%;
  left:50%;
  transform:translateX(-50%);
  height:51%;
  width:82%;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.page-index .world-door-media picture{display:flex;align-items:center;justify-content:center;height:100%;max-width:100%}
.page-index .world-door-media img{
  display:block;
  height:100%;
  width:auto;
  max-width:100%;
  object-fit:contain;
  border:1px solid rgba(155,122,80,.30);
  box-shadow:0 12px 26px rgba(85,62,42,.13);
}
.page-index .world-door>div{position:relative;z-index:2}
.page-index .world-door .door-index{position:relative;z-index:2}
.page-index .world-door.music-door::before,
.page-index .world-door.writing-door::before{opacity:.08}
.page-index .world-door.music-door,.page-index .world-door.writing-door{transition:box-shadow .25s,transform .25s}
/* Music detail — photographic portrait alongside the artist's story. */
.page-music .artist-journey-layout{
  display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);
  gap:clamp(35px,7vw,110px);align-items:center;
}
.page-music .artist-journey-portrait{margin:0;width:100%;max-width:410px}
.page-music .artist-journey-portrait picture,
.page-music .artist-journey-portrait img{display:block;width:100%;height:auto}
.page-music .artist-journey-portrait img{
  border:1px solid #D7C3A4;box-shadow:0 18px 42px rgba(88,60,41,.13);
}
.page-music .artist-journey-copy p{font-size:clamp(16px,1.5vw,18px);line-height:1.9;color:#5F5852;margin:0 0 24px}
/* Book detail — a photographic concept of the gold-embossed cover. */
.page-book .book-art-photograph{margin:0;max-width:540px;width:100%;justify-self:center}
.page-book .book-art-photograph picture,
.page-book .book-art-photograph img{display:block;width:100%;height:auto}
.page-book .book-art-photograph img{
  border:1px solid rgba(169,135,92,.35);box-shadow:0 21px 45px rgba(90,64,43,.13);
}
/* About page — real portrait replaces decorative initial. */
.page-story .story-portrait{margin:0;max-width:490px;justify-self:center;width:100%}
.page-story .story-portrait picture,
.page-story .story-portrait img{display:block;width:100%;height:auto}
.page-story .story-portrait img{border:1px solid #D5C2A6;box-shadow:0 19px 45px rgba(91,65,43,.13)}
@media(max-width:850px){
  .page-music .artist-journey-layout{grid-template-columns:1fr;gap:32px}
  .page-music .artist-journey-portrait{margin:0 auto;max-width:360px}
  .page-index .world-door-media{top:11%;height:46%}
}
@media(max-width:620px){
  .page-index .world-door,.page-index .world-door.writing-door{min-height:435px}
  .page-index .world-door-media{top:9%;height:49%;width:85%}
  .page-index .world-door .door-index{font-size:10px}
  .page-music .artist-journey-portrait{max-width:340px}
  .page-book .book-art-photograph{max-width:440px}
  .page-story .story-portrait{max-width:430px}
}
@media(prefers-reduced-motion:reduce){
  .page-index .world-door.music-door,.page-index .world-door.writing-door{transition:none}
}

/* November 2 homepage paired-artwork refinement — presentation only.
   Both photographs remain unchanged, with equal mat and gold framing. */
.page-index .world-door.music-door,
.page-index .world-door.writing-door{
  border-color:#D1B99A;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.58),
             0 14px 35px rgba(89,68,48,.08);
}
.page-index .world-door.music-door{
  background:linear-gradient(145deg,#F5E8DE 0%,#F8F0E7 63%,#F0E1D5 100%);
}
.page-index .world-door.writing-door{
  background:linear-gradient(145deg,#F0EAF3 0%,#F9F3EA 63%,#EAE5EF 100%);
}
/* A consistent museum-style double gold edge and warm ivory mat. */
.page-index .world-door-media{
  top:9%;
  height:47%;
  width:auto;
  max-width:77%;
  padding:10px;
  box-sizing:border-box;
  background:linear-gradient(140deg,#FFFDF7,#EEE1CD);
  border:2px solid #B99A69;
  outline:1px solid rgba(163,126,74,.68);
  outline-offset:5px;
  box-shadow:0 0 0 7px #F9F1E5,
             0 17px 36px rgba(87,66,43,.20);
  z-index:2;
}
.page-index .world-door-portrait{aspect-ratio:.76}
.page-index .world-door-book{aspect-ratio:1.01}
.page-index .world-door-media picture{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
}
.page-index .world-door-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  max-width:100%;
  border:1px solid rgba(154,125,86,.31);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);
}
/* Reduce competing leaf saturation visually; preserve the original image asset. */
.page-index .world-door-portrait img{
  filter:saturate(.76) contrast(.98) brightness(1.025);
}
/* Stronger small headings create matching editorial hierarchy. */
.page-index .world-door .door-label{
  font-family:var(--sans);
  font-size:clamp(13px,1.05vw,16px);
  font-weight:600;
  letter-spacing:.115em;
  line-height:1.5;
  color:#85644D;
}
.page-index .world-door.writing-door .door-label{color:#866B92}
.page-index .world-door .door-index{
  font-size:clamp(11px,.85vw,13px);
  font-weight:500;
  letter-spacing:.14em;
}
.page-index .world-door.writing-door h2{
  font-size:clamp(48px,4.65vw,80px);
  line-height:1;
  letter-spacing:-.025em;
  max-width:100%;
  margin:10px 0 17px;
}
.page-index .world-door.writing-door h2 em{
  display:block;
  margin-top:3px;
  font-size:1.16em;
  line-height:.95;
  font-weight:400;
  color:#946EA2;
}
.page-index .world-door.music-door h2{
  font-size:clamp(52px,5.35vw,84px);
  margin:10px 0 17px;
}
.page-index .world-door > div{z-index:3}
.page-index .world-door .door-link{
  font-size:12px;
  letter-spacing:.10em;
  font-weight:500;
}
/* Different lace colors, same delicate ornament shape and placement. */
.page-index .world-door.music-door::after,
.page-index .world-door.writing-door::after{
  background-image:none;
  -webkit-mask:url("sacred-lace-eightfold.svg") center / contain no-repeat;
  mask:url("sacred-lace-eightfold.svg") center / contain no-repeat;
  width:68%;
  height:88%;
  z-index:1;
}
.page-index .world-door.music-door::after{
  background-color:#FFF;
  opacity:.78;
}
.page-index .world-door.writing-door::after{
  background-color:#B39DC6;
  opacity:.49;
}
@media(max-width:850px){
  .page-index .world-door,
  .page-index .world-door.writing-door{
    min-height:600px;
  }
  .page-index .world-door-media{
    top:9%;
    height:42%;
  }
  .page-index .world-door.writing-door h2{
    font-size:clamp(39px,5.2vw,56px);
  }
  .page-index .world-door.music-door h2{
    font-size:clamp(46px,5.8vw,61px);
  }
  .page-index .world-door .door-label{
    font-size:13px;
  }
}
@media(max-width:620px){
  .page-index .world-door,
  .page-index .world-door.writing-door{
    min-height:610px;
  }
  .page-index .world-door-media{
    top:8.5%;
    height:41%;
    padding:9px;
    max-width:82%;
  }
  .page-index .world-door.writing-door h2{
    font-size:clamp(38px,10vw,56px);
  }
  .page-index .world-door.writing-door h2 em{font-size:1.15em}
  .page-index .world-door.music-door h2{
    font-size:clamp(48px,11vw,61px);
  }
  .page-index .world-door .door-label{
    font-size:clamp(12px,3.45vw,14px);
    letter-spacing:.075em;
  }
  .page-index .world-door .door-index{font-size:11px}
}
@media(max-width:360px){
  .page-index .world-door,
  .page-index .world-door.writing-door{min-height:630px}
  .page-index .world-door.writing-door h2{font-size:37px}
}