/* Whender World Detail — v2.1.0 Hero Framework
 * Canonical desktop translation of the approved World Page design.
 */
body.single-whender_world .site-header{
  position:absolute;
  inset:0 0 auto;
  z-index:120;
  background:linear-gradient(180deg,rgba(1,5,8,.94) 0%,rgba(1,5,8,.56) 48%,transparent 100%);
}
.whender-world-experience{
  --ww-hero-h:clamp(690px,56.1vw,920px);
  background:#02090d;
}
.whender-world-experience .ww-hero{
  min-height:var(--ww-hero-h);
  height:var(--ww-hero-h);
  grid-template-columns:minmax(330px,34vw) minmax(0,1fr);
  overflow:hidden;
  background:#02090d;
  border-bottom:1px solid rgba(216,181,106,.42);
}
.whender-world-experience .ww-hero__background{
  inset:0;
  transform:none;
  filter:saturate(.83) brightness(.38) contrast(1.04);
  background-position:center;
}
.whender-world-experience .ww-hero__shade{
  z-index:-1;
  background:
    linear-gradient(90deg,#02070a 0%,rgba(2,7,10,.97) 23%,rgba(2,7,10,.78) 35%,rgba(2,7,10,.18) 62%,rgba(2,7,10,.45) 100%),
    linear-gradient(180deg,rgba(0,0,0,.25),transparent 58%,rgba(0,0,0,.48));
}
.whender-world-experience .ww-hero__copy{
  z-index:20;
  align-self:center;
  max-width:470px;
  padding:132px 22px 48px clamp(30px,3.2vw,58px);
}
.whender-world-experience .ww-back{
  margin-bottom:28px;
  font-size:10px;
  letter-spacing:.15em;
  color:#d8b56a;
}
.whender-world-experience .ww-hero h1{
  max-width:none;
  margin:0 0 14px;
  font:400 clamp(48px,4.55vw,76px)/.98 Georgia,"Times New Roman",serif;
  letter-spacing:-.025em;
  color:#f5f0e7;
}
.whender-world-experience .ww-one-line{
  max-width:360px;
  margin:0 0 18px;
  font:400 clamp(18px,1.45vw,24px)/1.42 Georgia,"Times New Roman",serif;
  color:#f5f0e7;
}
.whender-world-experience .ww-theme-pills{
  gap:8px;
  margin-bottom:24px;
}
.whender-world-experience .ww-theme-pills span{
  padding:5px 10px;
  border-radius:3px;
  border-color:rgba(216,181,106,.62);
  color:#e1bc68;
  background:rgba(4,11,14,.34);
}
.whender-world-experience .ww-intro{
  max-width:390px;
  margin:0;
  color:rgba(245,240,231,.76);
  font-size:14px;
  line-height:1.72;
}
.whender-world-experience .ww-trailer{
  margin-top:20px;
  padding:10px 17px 10px 10px;
  border-radius:999px;
  background:rgba(2,9,13,.48);
}
.whender-world-experience .ww-meta{
  gap:0;
  margin-top:25px;
  padding-top:17px;
  max-width:410px;
}
.whender-world-experience .ww-meta div{
  min-width:104px;
  padding:0 18px;
}
.whender-world-experience .ww-meta div:first-child{padding-left:0}

/* Canonical portal: exact door/frame artwork extracted from the approved design.
 * The dynamic world image is visible only through the approved opening.
 */
.whender-world-experience .ww-portal--canonical{
  position:relative;
  align-self:stretch;
  display:block;
  padding:0;
  min-width:0;
  pointer-events:none;
}
.whender-world-experience .ww-portal__canonical-scene{
  position:absolute;
  right:0;
  bottom:0;
  width:min(66.4vw,1080px);
  aspect-ratio:560/550;
  overflow:visible;
}
.whender-world-experience .ww-portal__canonical-view{
  position:absolute;
  inset:0;
  z-index:1;
  background-image:var(--ww-hero-image);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  filter:saturate(.92) contrast(1.03) brightness(.95);
}
.whender-world-experience .ww-portal__canonical-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  user-select:none;
  -webkit-user-drag:none;
}
/* Cover the navigation text embedded in the reference artwork; the real site header remains above it. */
.whender-world-experience .ww-portal__canonical-scene::before{
  content:"";
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  top:0;
  height:58px;
  background:linear-gradient(180deg,rgba(1,5,8,.95),rgba(1,5,8,.45),transparent);
  pointer-events:none;
}

@media (max-width:1100px){
  .whender-world-experience .ww-hero{
    height:auto;
    min-height:0;
    grid-template-columns:1fr;
  }
  .whender-world-experience .ww-hero__copy{
    min-height:620px;
    padding:125px 7vw 70px;
  }
  .whender-world-experience .ww-portal--canonical{
    min-height:clamp(520px,82vw,760px);
  }
  .whender-world-experience .ww-portal__canonical-scene{
    left:50%;
    right:auto;
    width:min(100vw,900px);
    transform:translateX(-50%);
  }
}
@media (max-width:720px){
  .whender-world-experience .ww-hero__copy{
    min-height:auto;
    padding:104px 20px 44px;
  }
  .whender-world-experience .ww-hero h1{font-size:14vw}
  .whender-world-experience .ww-portal--canonical{min-height:78vw}
  .whender-world-experience .ww-portal__canonical-scene{width:100vw}
}

/* v2.5.4 — true background/overlay compositing.
 * Layer 1: the dynamic World image fills the complete scene.
 * Layer 2: a real RGBA door-and-frame overlay with a transparent aperture.
 * No clipping, masking or shaped foreground image is applied to the World asset.
 */
.whender-world-experience .ww-portal__canonical-scene{
  isolation:isolate;
  overflow:hidden;
  background:#02090d;
}
.whender-world-experience .ww-portal__canonical-view{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  background-image:var(--ww-hero-image);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  -webkit-clip-path:none!important;
  clip-path:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  border-radius:0!important;
  transform:none!important;
}
.whender-world-experience .ww-portal__canonical-overlay{
  position:absolute;
  left:0;
  top:0;
  z-index:4;
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  aspect-ratio:auto;
  object-fit:contain;
  pointer-events:none;
}


/* v2.5.6 — final portal aperture alignment and world-page header cleanup.
 * The dynamic World image remains the full background layer.
 * The RGBA portal artwork is the foreground layer and now follows the
 * approved frame opening more precisely at the crown and door edges.
 */
body.single-whender_world .menu-toggle{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto;
}
body.single-whender_world .site-header{
  pointer-events:none;
}
body.single-whender_world .site-header .site-logo,
body.single-whender_world .site-header .menu-toggle{
  pointer-events:auto;
}
.whender-world-experience .ww-portal__canonical-scene::before{
  height:72px;
  background:linear-gradient(180deg,rgba(1,5,8,1) 0%,rgba(1,5,8,.82) 46%,rgba(1,5,8,.22) 82%,transparent 100%);
}


/* v2.5.9 — canonical portal anti-stretch guard.
 * The source asset is exactly 560 × 550 px. Its intrinsic ratio is authoritative.
 * Never force both width and height on the overlay.
 */
.whender-world-experience .ww-portal__canonical-scene{
  aspect-ratio:560 / 550 !important;
}
.whender-world-experience .ww-portal__canonical-overlay{
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  aspect-ratio:560 / 550 !important;
  object-fit:contain !important;
  transform:none;
}


/* v2.9.2 — World Film inside the canonical door portal.
 * The existing RGBA door artwork remains the foreground.
 * The YouTube player is lazy-loaded only after the visitor clicks Watch the film.
 */
.whender-world-experience .ww-portal--canonical.ww-portal--has-film{
  pointer-events:auto;
}
.whender-world-experience .ww-portal--has-film .ww-portal__canonical-view,
.whender-world-experience .ww-portal--has-film .ww-portal__canonical-overlay,
.whender-world-experience .ww-portal--has-film .ww-portal__canonical-scene::before{
  pointer-events:none;
}
.whender-world-experience .ww-portal__film-stage{
  position:absolute;
  inset:0;
  z-index:2;
  background:transparent;
  pointer-events:auto;
}
.whender-world-experience .ww-portal__film-stage[hidden]{display:none!important}
.whender-world-experience .ww-portal__film-player{
  position:absolute;
  left:calc(20.80% - 5px);
  top:calc(6.18% - 5px);
  width:calc(55.49% + 10px);
  height:calc(85.45% + 10px);
  background:#000;
  overflow:hidden;
}
.whender-world-experience .ww-portal__film-mount,
.whender-world-experience .ww-portal__film-player > iframe{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  width:85.08%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  transform:translate(-50%,-50%) scaleX(1.1754);
  transform-origin:center center;
  border:0;
  background:#000;
}
.whender-world-experience .ww-portal__film-mount iframe,
.whender-world-experience .ww-portal__youtube-iframe{
  position:absolute;
  inset:0;
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  border:0;
  background:#000;
}
.whender-world-experience .ww-portal__film-trigger{
  position:absolute;
  left:50%;
  top:53%;
  z-index:6;
  display:inline-flex;
  align-items:center;
  gap:12px;
  transform:translate(-50%,-50%);
  padding:12px 18px 12px 12px;
  border:1px solid rgba(226,191,112,.62);
  border-radius:999px;
  background:rgba(2,9,13,.72);
  color:#f5f0e7;
  font:600 10px/1 Arial,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 14px 36px rgba(0,0,0,.35);
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}
.whender-world-experience .ww-portal__film-trigger[hidden]{
  display:none!important;
}
.whender-world-experience .ww-portal__film-trigger:hover,
.whender-world-experience .ww-portal__film-trigger:focus-visible{
  background:rgba(8,25,31,.9);
  border-color:#d8b56a;
  transform:translate(-50%,-50%) scale(1.02);
}
.whender-world-experience .ww-portal__film-play{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(226,191,112,.66);
  border-radius:50%;
  color:#e1bc68;
  font-size:12px;
  padding-left:2px;
}
.whender-world-experience .ww-portal__film-close{
  position:absolute;
  z-index:7;
  top:18%;
  right:28%;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid rgba(226,191,112,.55);
  border-radius:50%;
  background:rgba(2,9,13,.82);
  color:#f5f0e7;
  font:300 24px/1 Arial,sans-serif;
  cursor:pointer;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.whender-world-experience .ww-portal__film-close[hidden]{display:none!important}
.whender-world-experience .ww-portal__canonical-scene.is-playing .ww-portal__canonical-view{
  filter:saturate(.72) contrast(1.02) brightness(.38);
}

@media(max-width:720px){
  .whender-world-experience .ww-portal__film-trigger{
    top:52%;
    padding:9px 13px 9px 9px;
    gap:9px;
    font-size:8px;
  }
  .whender-world-experience .ww-portal__film-play{
    width:30px;
    height:30px;
  }
  .whender-world-experience .ww-portal__film-close{
    width:34px;
    height:34px;
    top:18%;
    right:27%;
    font-size:21px;
  }
}