/* Whender 1.5.0 — canonical Dream Navigator */
body.home .portal-stage,body.front-page .portal-stage{z-index:10;pointer-events:none}
body.home .portal-stage .portal-item,body.home .portal-stage .portal-item *,
body.front-page .portal-stage .portal-item,body.front-page .portal-stage .portal-item *{pointer-events:auto}
.portal-stage .portal-item{cursor:pointer;touch-action:manipulation}
@media(min-width:801px){
  .portal-stage .portal-item .door-shell,
  .portal-stage .portal-item:hover .door-shell,
  .portal-stage .portal-item:focus-visible .door-shell{
    transform:rotate(90deg)!important;
    transform-origin:50% 50%;
  }
  .portal-stage .portal-item .door-shell img{
    width:142%;height:142%;max-width:none;left:-21%;top:-21%;
    transform:rotate(90deg) scale(1.03)!important;
    transform-origin:50% 50%;
  }
  .portal-stage .portal-item:hover .door-shell img,
  .portal-stage .portal-item:focus-visible .door-shell img{transform:rotate(90deg) scale(1.055)!important}
}

/* Whender 1.5.4 — portal images fully cover the rotated oval masks */
@media (min-width:801px){
  .portal-stage .portal-item .door-shell img,
  .portal-stage .portal-item:hover .door-shell img,
  .portal-stage .portal-item:focus-visible .door-shell img{
    position:absolute!important;
    width:190%!important;
    height:190%!important;
    max-width:none!important;
    left:-45%!important;
    top:-45%!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:0!important;
    transform:rotate(90deg) scale(1.01)!important;
    transform-origin:50% 50%!important;
  }

  .portal-stage .portal-item:hover .door-shell img,
  .portal-stage .portal-item:focus-visible .door-shell img{
    transform:rotate(90deg) scale(1.035)!important;
  }
}

@media (max-width:800px){
  .portal-stage .portal-item .door-shell img{
    width:100%!important;
    height:100%!important;
    inset:0!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}

/* Whender 1.8.0 — Safari-safe portal masks */
.portal-stage .portal-item .door-shell{
  overflow:hidden!important;
  border-radius:50%!important;
  -webkit-clip-path:ellipse(50% 50% at 50% 50%);
  clip-path:ellipse(50% 50% at 50% 50%);
  isolation:isolate;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  will-change:transform;
}
.portal-stage .portal-item .door-shell::before,
.portal-stage .portal-item .door-shell::after{
  -webkit-clip-path:inherit;
  clip-path:inherit;
  border-radius:inherit;
}
.portal-stage .portal-item .door-shell img{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
@supports (-webkit-touch-callout:none){
  .portal-stage .portal-item:hover .door-shell,
  .portal-stage .portal-item:focus-visible .door-shell{
    overflow:hidden!important;
    border-radius:50%!important;
    -webkit-clip-path:ellipse(50% 50% at 50% 50%)!important;
    clip-path:ellipse(50% 50% at 50% 50%)!important;
  }
}


/* Whender 1.8.1 — homepage portals share the Constellation silhouette */
.portal-stage .portal-item .door-shell,
.portal-stage .portal-item:hover .door-shell,
.portal-stage .portal-item:focus-visible .door-shell{
  border-radius:48% 52% 45% 55% / 58% 44% 56% 42%!important;
  -webkit-clip-path:inset(0 round 48% 52% 45% 55% / 58% 44% 56% 42%)!important;
  clip-path:inset(0 round 48% 52% 45% 55% / 58% 44% 56% 42%)!important;
  -webkit-mask-image:-webkit-radial-gradient(white,black);
}
.portal-stage .portal-item .door-shell::before,
.portal-stage .portal-item .door-shell::after{
  border-radius:inherit!important;
  -webkit-clip-path:inherit!important;
  clip-path:inherit!important;
}

/* Whender 1.8.2 — homepage portals use the Constellation silhouette without rotation */
@media (min-width:801px){
  .portal-stage .portal-item .door-shell,
  .portal-stage .portal-item:hover .door-shell,
  .portal-stage .portal-item:focus-visible .door-shell{
    transform:none!important;
    transform-origin:50% 50%!important;
    border-radius:48% 52% 45% 55% / 58% 44% 56% 42%!important;
    -webkit-clip-path:inset(0 round 48% 52% 45% 55% / 58% 44% 56% 42%)!important;
    clip-path:inset(0 round 48% 52% 45% 55% / 58% 44% 56% 42%)!important;
  }
  .portal-stage .portal-item .door-shell img,
  .portal-stage .portal-item:hover .door-shell img,
  .portal-stage .portal-item:focus-visible .door-shell img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:scale(1.035)!important;
    transform-origin:50% 50%!important;
  }
}

/* Whender 1.9.0 — homepage portals match the horizontal Constellation silhouette */
.portal-stage .portal-item .door-shell,
.portal-stage .portal-item:hover .door-shell,
.portal-stage .portal-item:focus-visible .door-shell{
  transform:rotate(90deg)!important;
  transform-origin:50% 50%!important;
  border-radius:48% 52% 45% 55% / 58% 44% 56% 42%!important;
  -webkit-clip-path:inset(0 round 48% 52% 45% 55% / 58% 44% 56% 42%)!important;
  clip-path:inset(0 round 48% 52% 45% 55% / 58% 44% 56% 42%)!important;
}
.portal-stage .portal-item .door-shell img,
.portal-stage .portal-item:hover .door-shell img,
.portal-stage .portal-item:focus-visible .door-shell img{
  position:absolute!important;
  width:145%!important;height:145%!important;left:-22.5%!important;top:-22.5%!important;
  object-fit:cover!important;object-position:center!important;
  transform:rotate(-90deg) scale(1.04)!important;
  transform-origin:50% 50%!important;
}


/* v2.6.12 — homepage portals horizontal, quarter-turn right */
body.home .portal-stage .portal-item .door-shell,
body.front-page .portal-stage .portal-item .door-shell{
  transform:rotate(90deg)!important;
}
body.home .portal-stage .portal-item .door-shell img,
body.front-page .portal-stage .portal-item .door-shell img{
  transform:rotate(-90deg) scale(1.03)!important;
}
body.home .portal-stage .portal-item:hover .door-shell img,
body.home .portal-stage .portal-item:focus-visible .door-shell img,
body.front-page .portal-stage .portal-item:hover .door-shell img,
body.front-page .portal-stage .portal-item:focus-visible .door-shell img{
  transform:rotate(-90deg) scale(1.055)!important;
}

/* Whender 2.9.4 — admin-controlled size per homepage portal. */
body.home .portal-stage .portal-item,
body.front-page .portal-stage .portal-item{
  scale:var(--whender-portal-scale,1);
  transform-origin:50% 50%;
}
@media(max-width:800px){
  body.home .portal-stage .portal-item,
  body.front-page .portal-stage .portal-item{
    margin:var(--whender-portal-mobile-spacing,0px) auto!important;
  }
}

/* Show substantially more of each source image inside the horizontal portal. */
body.home .portal-stage .portal-item .door-shell img,
body.front-page .portal-stage .portal-item .door-shell img{
  width:148%!important;
  height:68%!important;
  left:-24%!important;
  top:16%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:rotate(-90deg) scale(1.01)!important;
}
body.home .portal-stage .portal-item:hover .door-shell img,
body.home .portal-stage .portal-item:focus-visible .door-shell img,
body.front-page .portal-stage .portal-item:hover .door-shell img,
body.front-page .portal-stage .portal-item:focus-visible .door-shell img{
  transform:rotate(-90deg) scale(1.025)!important;
}