/* Shared phone layout; desktop styling stays in each page. */
@media (max-width:600px){
  html{scroll-padding-top:88px}
  .nav{gap:12px}
  .nav .logo{white-space:nowrap;flex-shrink:0;font-size:1.05rem}
  .navright,.navRight{flex-shrink:0;gap:8px}
  .nav button{min-height:44px}
  .navlinks.open,.links.open{max-height:calc(100svh - 90px);overflow-y:auto}
  .navlinks.open a,.links.open a{min-height:44px}
  .manifesto,.tour,.worlds,.daynight,.formats,.partner,.intro,.levels,.gallery,.night,.moods,.program,.duality,.origin,.film,section.contact,.commercial,.concept{padding-top:64px;padding-bottom:64px}
  .sceneCopy,.storyText,.featureText,.bookText{padding-top:56px;padding-bottom:56px}
  .manifesto h2,.tourHead h2,.sceneCopy h2,.sectionHead h2,.daynight h2,.storyText h2,.partner h2,.intro h2,.levels h2,.gallery h2,.night h2,.featureText h2,.title,.formIntro h2{font-size:clamp(28px,9vw,48px);line-height:.98;overflow-wrap:break-word}
  .heroCopy,.copy{min-width:0;max-width:100%}
  .btn,.button,.submit{max-width:100%;min-height:44px;align-items:center;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
  .contactLinks,.contactData,.contact,.actions{min-width:0}
  .contactData span,.footer a{overflow-wrap:anywhere}
  .formatCard,.level,.unit{min-width:0;padding:24px}
  .tileText,.caption{left:20px;right:20px}
  .tileText h3,.caption h3{font-size:clamp(25px,8vw,38px);line-height:1;overflow-wrap:break-word}
  .tileText p,.caption p{line-height:1.5}
  .story img,.feature img,.book img{min-height:0;height:auto;display:block}
  .hero,.intro,.manifesto,.partner,.formIntro,.form,.feature,.scene,.story,.book,.origin,.duality,.commercial{min-width:0}
  .hero>*,.intro>*,.manifesto>*,.partner>*,.formIntro>*,.form>*{min-width:0}
  .field input,.field select,.field textarea{font-size:16px;min-width:0}
  .choice input{flex-shrink:0}
  .choice span{min-width:0;overflow-wrap:break-word}
  .locationCtaLink{padding:26px 20px}
  .locationCtaAction{font-size:clamp(28px,9vw,44px);line-height:1;overflow-wrap:break-word}
}