/* Whender 3.2.6 — final mobile alignment and overflow pass. */

@media (max-width:800px){
  html,
  body{
    max-width:100%;
  }

  body{
    overflow-x:clip;
  }

  .site-header,
  .site-menu-overlay,
  .site-footer,
  main{
    max-width:100%;
  }

  main h1,
  main h2,
  main h3,
  main p,
  main a,
  main button,
  main label{
    overflow-wrap:break-word;
  }

  main h1,
  main h2{
    text-wrap:balance;
  }

  input,
  textarea,
  select,
  button{
    max-width:100%;
  }

  .site-menu-popover .overlay-nav a{
    min-width:0;
    overflow-wrap:anywhere;
  }

  .site-footer .footer-copyright,
  .site-footer .footer-message{
    white-space:normal;
  }

  /* Homepage: copy and portals now occupy separate rows in normal flow. */
  body.home{
    overflow-x:clip!important;
  }

  body.home .home-experience{
    height:auto;
    overflow:visible;
  }

  body.home .cinematic-hero{
    display:flex;
    flex-direction:column;
    width:100%;
    min-height:0!important;
    height:auto!important;
    padding-top:82px;
    overflow:hidden;
  }

  body.home .cinematic-sky{
    overflow:hidden;
  }

  body.home .hero-copy{
    position:relative;
    left:auto;
    top:auto;
    width:min(100%,520px);
    margin:0 auto;
    padding:24px 20px 50px;
    transform:none;
  }

  body.home .hero-kicker{
    margin-bottom:16px;
    line-height:1.45;
  }

  body.home .hero-copy h1{
    font-size:clamp(46px,14vw,64px);
    line-height:.92;
  }

  body.home .hero-intro{
    margin-top:24px;
    line-height:1.6;
  }

  body.home .portal-stage{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    width:100%;
    min-height:0!important;
    gap:44px;
    padding:8px 20px 96px!important;
  }

  body.home .portal-stage .portal-item{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:165px;
    max-width:100%;
    margin:var(--whender-portal-mobile-spacing,0px) auto!important;
    transform:none!important;
  }

  body.home .portal-stage .door-copy{
    width:100%;
  }

  body.home .portal-stage .door-copy strong{
    overflow-wrap:anywhere;
    line-height:1.08;
  }

  /* World Library: expose every filter instead of clipping the last choices. */
  body.post-type-archive-whender_world .constellation-filters,
  body.tax-whender_theme .constellation-filters{
    flex-wrap:wrap;
    overflow:visible;
    row-gap:9px;
  }

  body.post-type-archive-whender_world .constellation-filters button,
  body.tax-whender_theme .constellation-filters button{
    min-height:42px;
  }

  /* World detail: keep full-width artwork and the perspective rail in their column. */
  .whender-world-experience .ww-portal__canonical-scene,
  .whender-world-experience .ww-portal__canonical-view,
  .whender-world-experience .ww-portal__canonical-overlay{
    width:100%;
    max-width:100%;
  }

  .whender-world-experience .ww-cosmos,
  .whender-world-experience .ww-cosmos__nodes{
    max-width:100%;
  }

  .whender-world-experience .ww-cosmos__nodes{
    width:100%;
  }

  .whender-world-experience .ww-world-nav a{
    min-width:0;
  }

  /* Content pages: allow long editable copy to grow without collisions. */
  .whender-how__hero,
  .whender-build-scene,
  .wj-hero,
  .wf-hero,
  .wc-hero,
  .wa-hero{
    height:auto;
  }

  .whender-how__hero-inner,
  .whender-build-scene__copy,
  .wj-hero__copy,
  .wj-dream__copy,
  .wf-hero__copy,
  .wc-hero__copy,
  .wa-hero__copy{
    min-width:0;
    max-width:100%;
  }

  .whender-how__scroll-mark{
    display:none;
  }

  .wa-hero__visual,
  .wc-hero__visual{
    width:100%;
    min-width:0;
  }

  .wa-portal,
  .wc-hero__portal{
    width:100%;
    max-width:650px;
  }

  .wj-dream__orb,
  .wj-dream__copy{
    width:100%;
    max-width:680px;
  }

  .wf-signup__copy,
  .wf-signup__form-wrap,
  .wc-form,
  .wc-form label,
  .wc-form__submit{
    min-width:0;
  }
}

@media (max-width:360px){
  .site-header{
    padding-inline:10px;
  }

  .site-logo{
    width:145px;
  }

  .site-logo img{
    width:145px;
  }

  body.home .hero-copy{
    padding-inline:16px;
  }

  body.home .hero-copy h1{
    font-size:clamp(43px,14.5vw,52px);
  }

  body.home .portal-stage{
    padding-inline:16px!important;
  }

  .whender-constellation,
  .wa-process,
  .wa-tools,
  .wj-life__copy,
  .wj-memory,
  .wj-dream,
  .wj-travels,
  .wf-socials,
  .wf-signup,
  .wf-closing,
  .wc-form-section{
    padding-left:18px;
    padding-right:18px;
  }

  .whender-how__hero,
  .whender-build-scene__copy,
  .wj-hero,
  .wf-hero,
  .wa-hero,
  .wc-hero{
    padding-left:18px;
    padding-right:18px;
  }

  .whender-cta-row .whender-btn{
    width:100%;
  }
}