@media (max-width:1100px){.desktop-nav{display:none}.menu-button{display:block}.quickbar{grid-template-columns:repeat(2,1fr);margin-top:0;width:100%;border-left:0;border-right:0}.intro,.story-panel,.contact-layout{grid-template-columns:1fr}.intro__image{min-height:520px}.section-head{grid-template-columns:1fr;gap:10px}.experience-card,.experience-card:nth-child(3n+1),.experience-card:nth-child(3n+2){grid-column:span 12;margin-top:0}.member-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.legal-wrap{grid-template-columns:1fr}.legal-index{position:relative;top:auto}.footer-main{grid-template-columns:1fr 1fr}.feature-row{grid-template-columns:90px 1fr}.feature-row p{grid-column:2}}
@media (max-width:720px){:root{--side:20px;--section:84px}.site-header{height:70px}.brand{width:142px}.hero{min-height:100svh;place-items:end center;padding-bottom:130px}.hero__inner{width:calc(100% - 40px);padding-top:0}.hero h1{font-size:clamp(42px,13vw,64px);letter-spacing:.03em;line-height:1.12}.hero h1 span{font-size:12px;letter-spacing:.2em;margin-top:14px}.hero__lead{font-size:13px;line-height:2;margin-top:22px}.hero__scroll{display:none}.quickbar{grid-template-columns:1fr 1fr}.quickbar a{padding:20px}.quickbar span{font-size:26px}.section-head h2,.intro__copy h2,.full-bleed__body h2,.closing-cta__body h2{font-size:clamp(34px,12vw,56px)}.intro{gap:46px}.intro__image{min-height:420px}.intro__image img:first-child{width:92%;height:72%}.intro__image img:last-child{width:62%;height:38%;border-width:6px}.feature-row{grid-template-columns:1fr;gap:12px;padding:34px 0}.feature-row p{grid-column:auto}.feature-row__no{font-size:36px}.full-bleed{margin:0;min-height:70vh}.full-bleed__body{padding:40px 20px}.experience-grid{gap:18px}.experience-card{min-height:430px}.experience-card__body{padding:24px}.story-panel__image{min-height:380px}.story-panel__body{padding:34px 24px}.info-row{grid-template-columns:1fr;gap:4px}.member-grid{grid-template-columns:1fr}.sns-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr;padding:54px 20px}.sub-hero{min-height:52vh;padding:116px 20px 54px}.sub-hero h1{font-size:clamp(40px,13vw,66px)}.sub-hero p:not(.overline){font-size:14px}.legal-wrap{padding:70px 20px}.drawer__panel{padding:96px 26px 28px}.button-row{gap:10px}.btn{width:100%}}
@media (max-width:420px){.hero h1{font-size:44px}.hero__lead{font-size:12.5px}.quickbar small{font-size:9px}.quickbar a{padding:18px 14px}.experience-card{min-height:390px}.experience-card h3{font-size:30px}}



/* Smartphone-specific compact menu */
@media (max-width:720px){
    .menu-button{display:flex;min-width:82px;height:40px;padding:0 12px;gap:9px}
    .menu-button__text{font-size:9.5px;letter-spacing:.18em}
    .menu-button__icon{width:18px;height:12px}
    .drawer__shade{background:rgba(3,3,2,.22);backdrop-filter:blur(2px)}
    .drawer__panel{top:76px;right:14px;width:calc(100vw - 28px);max-height:calc(100svh - 92px);padding:16px;border-radius:17px}
    .drawer__top{padding-bottom:12px}
    .drawer__eyebrow{font-size:9.5px;letter-spacing:.22em}
    .drawer__close{width:34px;height:34px}
    .drawer__close span{left:10px;right:10px;top:16px}
    .drawer__nav{margin-top:8px;gap:1px}
    .drawer__link{padding:12px 9px;border-radius:11px}
    .drawer__label{font-size:18px;letter-spacing:.045em}
    .drawer__sub{font-size:8.5px;margin-top:3px;letter-spacing:.16em}
    .drawer__actions{margin-top:12px;padding-top:12px}
    .drawer__action{min-height:38px;font-size:9px;letter-spacing:.14em}
    .drawer__bottom{margin-top:11px;align-items:flex-start}
    .drawer__bottom p{font-size:12.5px;white-space:normal;max-width:52%}
    .drawer__bottom div{gap:10px;justify-content:flex-end}
    .drawer__bottom a{font-size:8.5px}
}
@media (max-width:420px){
    .drawer__panel{top:72px;right:10px;width:calc(100vw - 20px);max-height:calc(100svh - 84px);padding:14px;border-radius:16px}
    .drawer__link{padding:10px 8px}
    .drawer__label{font-size:17px}
    .drawer__actions{grid-template-columns:1fr;gap:7px}
    .drawer__bottom{display:block}
    .drawer__bottom p{max-width:100%;margin-bottom:9px}
    .drawer__bottom div{justify-content:flex-start}
}
@media (max-width:360px){
    .drawer__panel{max-height:calc(100svh - 78px)}
    .drawer__link{padding:9px 7px}
    .drawer__label{font-size:16px}
    .drawer__sub{display:none}
    .drawer__actions{margin-top:9px;padding-top:9px}
    .drawer__action{min-height:35px}
    .drawer__bottom p{display:none}
}

/* Attraction lineup responsive refinement */
@media (max-width:1100px){.attraction-lead-panel{grid-template-columns:1fr}.attraction-lineup{grid-auto-rows:auto;grid-auto-flow:row}.attraction-tile,.attraction-tile--feature,.attraction-tile--side,.attraction-tile--wide,.attraction-tile--portrait{grid-column:span 6;grid-row:auto;grid-template-columns:1fr;grid-template-rows:220px auto;min-height:430px}.attraction-tile--side .attraction-tile__image{position:relative;inset:auto}.attraction-tile--side .attraction-tile__image::after{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42))}.attraction-tile--side .attraction-tile__body{position:relative;justify-content:flex-start}.attraction-tile--side .attraction-tile__text{display:-webkit-box}.attraction-modal__panel{grid-template-columns:1fr;max-width:760px}.attraction-modal__image{min-height:300px;max-height:36svh}.attraction-modal__content{max-height:50svh}}
@media (max-width:720px){.attraction-lead-panel{padding:32px 0}.attraction-lead-panel p{font-size:13px}.attraction-lineup{gap:14px}.attraction-tile,.attraction-tile--feature,.attraction-tile--side,.attraction-tile--wide,.attraction-tile--portrait{grid-column:span 12;grid-row:auto;grid-template-columns:1fr;grid-template-rows:188px auto;min-height:auto}.attraction-tile__body,.attraction-tile--feature .attraction-tile__body,.attraction-tile--wide .attraction-tile__body,.attraction-tile--side .attraction-tile__body{padding:22px;min-height:180px}.attraction-tile__title,.attraction-tile--feature .attraction-tile__title,.attraction-tile--wide .attraction-tile__title,.attraction-tile--portrait .attraction-tile__title,.attraction-tile--side .attraction-tile__title{font-size:27px}.attraction-tile__text,.attraction-tile--side .attraction-tile__text{display:-webkit-box;-webkit-line-clamp:3}.attraction-modal{padding:14px;place-items:end center}.attraction-modal__shade{background:rgba(3,3,2,.48)}.attraction-modal__panel{width:100%;max-height:calc(100svh - 30px);grid-template-columns:1fr;border-color:rgba(230,205,145,.24)}.attraction-modal__image{min-height:220px;max-height:30svh}.attraction-modal__content{padding:30px 22px 24px;max-height:calc(70svh - 30px)}.attraction-modal__close{top:14px;right:14px;width:38px;height:38px;background:rgba(9,7,5,.72)}.attraction-modal h2{font-size:clamp(31px,10vw,44px)}.attraction-modal__lead{font-size:15px}.attraction-modal__info div{grid-template-columns:1fr;gap:4px}}
@media (max-width:420px){.attraction-tile,.attraction-tile--feature,.attraction-tile--side,.attraction-tile--wide,.attraction-tile--portrait{grid-template-rows:164px auto}.attraction-tile__body,.attraction-tile--feature .attraction-tile__body,.attraction-tile--wide .attraction-tile__body,.attraction-tile--side .attraction-tile__body{padding:19px}.attraction-tile__title,.attraction-tile--feature .attraction-tile__title,.attraction-tile--wide .attraction-tile__title,.attraction-tile--portrait .attraction-tile__title,.attraction-tile--side .attraction-tile__title{font-size:25px}.attraction-tile__text{font-size:12.5px}.attraction-modal{padding:10px}.attraction-modal__image{min-height:190px}.attraction-modal__content{padding:26px 19px 22px}.attraction-modal__content .overline{font-size:9px;letter-spacing:.18em}.attraction-modal__type{font-size:9px}.attraction-modal h2{font-size:30px}}

/* About history accordion mobile */
@media (max-width:720px){
    .timeline--accordion{padding-left:24px}
    .timeline-toggle{grid-template-columns:1fr 32px;gap:14px;padding:16px 0 18px}
    .timeline-toggle__date{grid-column:1/-1;font-size:10px;letter-spacing:.18em;margin-bottom:-4px}
    .timeline-toggle__title{font-size:clamp(24px,7.6vw,34px)}
    .timeline-toggle__mark{width:28px;height:28px}
    .timeline-detail p{font-size:13.5px;line-height:2;margin:14px 0 20px}
}

@media (max-width:900px){
  .legal-page{padding:70px var(--side) 94px;}
  .legal-shell{display:block;width:min(100%,var(--max));}
  .legal-page .legal-index{position:relative;top:auto;max-height:none;overflow:visible;margin-bottom:34px;padding:0;border:0;background:transparent;}
  .legal-page .legal-index .overline{margin-bottom:14px;}
  .legal-index__links{display:flex;gap:10px;overflow-x:auto;padding:2px 0 14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
  .legal-page .legal-index a{flex:0 0 auto;width:auto;min-width:156px;max-width:min(260px,72vw);padding:10px 14px;border:1px solid rgba(191,164,109,.18);background:rgba(255,255,255,.035);font-size:.72rem;line-height:1.45;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;scroll-snap-align:start;}
  .legal-page .legal-index a:first-child{border-top:1px solid rgba(191,164,109,.18);}
  .legal-page .legal-index a:hover{padding-left:14px;}
  .legal-block{scroll-margin-top:86px;padding:30px 0;}
  .legal-block h2{font-size:clamp(1.35rem,7vw,2rem);}
  .legal-block p,.legal-block li{font-size:.9rem;line-height:1.95;}
}

/* Refinements responsive */
@media (max-width:1100px){
  .story-panel--company,.story-panel--making{grid-template-columns:1fr;}
  .story-panel--company .story-panel__image{min-height:260px;}
  .story-panel--company .story-panel__image img{width:min(150px,46%);max-height:150px;}
  .story-panel--making .story-panel__image{min-height:380px;}
  .member-grid{grid-template-columns:1fr;}
  .recruit-intro,.recruit-position-grid,.recruit-check-grid,.recruit-note-list,.recruit-flow{grid-template-columns:1fr;}
  .recruit-check:nth-child(odd){border-right:0;}
  .recruit-check:nth-child(even){padding-left:0;}
}
@media (max-width:720px){
  .intro__image--logo img:last-child{width:46%;padding:12px;border-width:1px;}
  .story-panel--company .story-panel__image{min-height:210px;padding:32px;}
  .story-panel--company .story-panel__image img{width:118px;max-height:118px;}
  .story-panel--making .story-panel__image{min-height:300px;}
  .recruit-intro{gap:28px;padding-bottom:40px;}
  .recruit-intro__note{padding:24px;}
  .recruit-position{grid-template-rows:230px auto;}
  .recruit-position__body dl div{grid-template-columns:1fr;gap:4px;}
  .recruit-check{grid-template-columns:46px 1fr;gap:16px;padding:20px 0;}
  .recruit-note-list{gap:12px;}
  .recruit-note{min-height:auto;padding:22px;}
  .recruit-flow__item{min-height:auto;padding:28px 22px;}
  .recruit-faq__item summary{padding:21px 0;}
}

/* Final override: keep SMAIS intro image landscape on mobile */
@media (max-width:720px){
  .intro__image--logo{min-height:355px;}
  .intro__image--logo img:first-child{width:100%;height:240px;right:0;top:0;object-fit:cover;object-position:center;}
  .intro__image--logo img:last-child{width:112px;height:112px;left:18px;bottom:18px;padding:9px;object-fit:contain;}
}

/* Join page responsive */
@media (max-width:1100px){
  .join-intro,.join-platform-card,.join-platform-card:nth-child(even),.join-console__body{grid-template-columns:1fr}
  .join-platform-card:nth-child(even) .join-platform-card__copy{order:0}
  .join-steps{grid-template-columns:1fr}
  .join-step{min-height:auto}
}
@media (max-width:720px){
  .join-intro{display:block;margin-bottom:34px;padding-bottom:30px}
  .join-intro>p{font-size:13.5px;margin-top:22px}
  .join-step{padding:26px 20px}
  .join-step h3{margin-top:22px}
  .join-platform-card{padding-top:42px;gap:24px}
  .join-platform-card__copy h2{font-size:clamp(38px,13vw,56px)}
  .join-mini-list li{grid-template-columns:32px 1fr;font-size:13px}
  .join-screenshot{padding:6px}
  .join-console summary{padding:24px 20px;font-size:clamp(23px,7vw,32px)}
  .join-console summary i{flex-basis:34px;width:34px;height:34px}
  .join-console__body{padding:28px 20px 24px}
  .join-number-list li{grid-template-columns:42px 1fr;gap:14px;padding:18px 0}
  .join-number-list strong{font-size:20px}
}

/* Join page redesign responsive */
@media (max-width:1100px){
  .join-lux-head,.join-panel,.join-panel--console,.join-note-card{grid-template-columns:1fr;}
  .join-flow-lux{grid-template-columns:1fr;}
  .join-flow-lux article{min-height:auto;}
  .join-note-card .button-row{grid-column:auto;}
}
@media (max-width:760px){
  .join-lux-section{padding-top:72px;}
  .join-lux-head{display:block;margin-bottom:28px;}
  .join-lux-head h2{font-size:clamp(40px,13vw,58px);}
  .join-lux-head p:not(.overline){font-size:13.5px;line-height:2;margin-top:20px;}
  .join-flow-lux{gap:9px;}
  .join-flow-lux article{display:grid;grid-template-columns:52px 1fr;column-gap:16px;padding:22px 20px;min-height:auto;}
  .join-flow-lux span{font-size:28px;margin:2px 0 0;grid-row:1 / span 2;}
  .join-flow-lux h3{font-size:23px;}
  .join-flow-lux p{font-size:12.8px;line-height:1.85;margin-top:8px;}
  .join-action-strip{display:block;padding:20px;margin-top:10px;}
  .join-action-strip .btn{margin-top:16px;}
  .join-method-section{padding-top:68px;}
  .join-method-heading{display:block;margin-bottom:18px;padding-bottom:20px;}
  .join-method-heading h2{font-size:clamp(36px,12vw,52px);}
  .join-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 10px;margin-left:calc(var(--side)*-1);margin-right:calc(var(--side)*-1);padding-left:var(--side);padding-right:var(--side);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
  .join-tab{flex:0 0 74%;min-height:68px;padding:14px 15px;scroll-snap-align:start;}
  .join-tab span{font-size:21px;}
  .join-tab small{font-size:9px;}
  .join-panels{margin-left:calc(var(--side)*-1);margin-right:calc(var(--side)*-1);border-left:0;border-right:0;}
  .join-panel{padding:26px var(--side) 30px;gap:24px;}
  .join-panel__copy h3{font-size:clamp(32px,10.5vw,46px);}
  .join-panel__copy p{font-size:13.3px;line-height:1.95;margin-top:18px;}
  .join-badge{margin-bottom:14px!important;}
  .join-input-card{margin-top:22px;padding:16px;}
  .join-input-card strong{font-size:23px;}
  .join-input-grid{grid-template-columns:1fr;gap:7px;margin-top:22px;}
  .join-input-grid div{min-height:auto;display:grid;grid-template-columns:44px 1fr;column-gap:10px;padding:14px;}
  .join-input-grid span{grid-row:1 / span 2;font-size:21px;margin:1px 0 0;}
  .join-input-grid strong{font-size:20px;}
  .join-clean-steps{margin-top:23px;}
  .join-clean-steps li{grid-template-columns:34px 1fr;gap:12px;padding:13px 0;}
  .join-clean-steps span{font-size:19px;}
  .join-clean-steps p{font-size:12.8px;}
  .join-device-shot{padding:6px;}
  .join-device-shot::after{inset:6px;}
  .join-console-shots{gap:10px;}
  .join-note-section{padding-top:70px;}
  .join-note-card{padding:28px 22px;gap:18px;}
  .join-note-card h2{font-size:clamp(30px,9vw,43px);}
  .join-note-card p:not(.overline){font-size:13.2px;line-height:1.95;}
}
@media (max-width:420px){
  .join-tab{flex-basis:82%;}
  .join-flow-lux article{grid-template-columns:44px 1fr;padding:19px 17px;}
  .join-flow-lux h3{font-size:21px;}
  .join-panel{padding-top:23px;padding-bottom:26px;}
  .join-panel__copy h3{font-size:31px;}
}

@media (max-width:760px){
  .join-terms-note{padding:12px 14px 12px 16px;font-size:12.6px!important;line-height:1.85!important;}
  .join-tab{flex-basis:70%;min-height:76px;padding:14px 14px;}
  .join-tab span{font-size:14px;letter-spacing:.1em;}
  .join-tab small{min-width:auto;padding:0 10px;font-size:9px;}
  .join-step-media{gap:14px;}
  .join-device-shot--inline{margin-top:14px;}
}
@media (max-width:420px){
  .join-tab{flex-basis:82%;}
  .join-tab span{font-size:13px;}
  .join-tab small{font-size:8.5px;}
}


/* Join method selector: smartphone-first stacked buttons */
@media (max-width:760px){
  .join-method-section .join-tabs{
      display:grid;
      grid-template-columns:1fr;
      gap:10px;
      margin:0 0 14px;
      padding:0;
      overflow:visible;
      margin-left:0;
      margin-right:0;
      scroll-snap-type:none;
  }
  .join-method-section .join-tab{
      flex:none;
      min-height:58px;
      width:100%;
      padding:15px 16px;
      scroll-snap-align:none;
      justify-content:flex-start;
      text-align:left;
  }
  .join-method-section .join-tab span{
      font-size:20px;
      letter-spacing:.06em;
  }
  .join-method-section .join-tab::before{
      left:16px;
      right:16px;
      bottom:10px;
  }
}
@media (max-width:420px){
  .join-method-section .join-tab{
      min-height:56px;
      padding:14px 15px;
  }
  .join-method-section .join-tab span{font-size:18px;}
}

/* Home attraction layout responsive */
@media (max-width:1100px){
  .home-experience-grid{grid-auto-rows:76px;gap:16px}
  .home-experience-card--hero,.home-experience-card--wide{grid-column:span 7}
  .home-experience-card--tall,.home-experience-card--compact{grid-column:span 5}
}
@media (max-width:760px){
  .home-experience-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:14px}
  .home-experience-card,.home-experience-card--hero,.home-experience-card--tall,.home-experience-card--wide,.home-experience-card--compact{grid-column:1;grid-row:auto;min-height:340px}
  .home-experience-card--hero{min-height:430px}
  .home-experience-card__body,.home-experience-card--wide .home-experience-card__body,.home-experience-card--compact .home-experience-card__body{padding:24px 22px}
  .home-experience-card__title,.home-experience-card--tall .home-experience-card__title,.home-experience-card--wide .home-experience-card__title,.home-experience-card--compact .home-experience-card__title{font-size:clamp(28px,9vw,40px)}
  .home-experience-card--compact .home-experience-card__text{display:-webkit-box}
  .home-experience-card::after{inset:10px}
}
@media (max-width:420px){
  .home-experience-card,.home-experience-card--hero,.home-experience-card--tall,.home-experience-card--wide,.home-experience-card--compact{min-height:310px}
  .home-experience-card--hero{min-height:380px}
  .home-experience-card__kicker{font-size:9px;letter-spacing:.18em}
  .home-experience-card__text{font-size:12.5px;line-height:1.75}
}


/* Tablet bugfix: only 718px-1102px. Keep Menu text and two-line icon separated. */
@media (min-width:718px) and (max-width:1102px){
    .site-header button.menu-button[data-menu-button]{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex-direction:row!important;
        gap:12px!important;
        width:auto!important;
        min-width:102px!important;
        height:44px!important;
        padding:0 16px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .site-header button.menu-button[data-menu-button] > span{
        position:static!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        bottom:auto!important;
        width:auto!important;
        height:auto!important;
        margin:0!important;
        padding:0!important;
        background:transparent!important;
        transform:none!important;
    }
    .site-header button.menu-button[data-menu-button] > .menu-button__text{
        display:block!important;
        flex:0 0 auto!important;
        font-size:10px!important;
        line-height:1!important;
        letter-spacing:.19em!important;
        color:rgba(242,234,219,.82)!important;
    }
    .site-header button.menu-button[data-menu-button] > .menu-button__icon{
        position:relative!important;
        display:block!important;
        flex:0 0 20px!important;
        width:20px!important;
        height:12px!important;
        color:currentColor!important;
        overflow:visible!important;
    }
    .site-header button.menu-button[data-menu-button] > .menu-button__icon i{
        position:absolute!important;
        left:0!important;
        right:0!important;
        width:20px!important;
        height:1px!important;
        margin:0!important;
        padding:0!important;
        background:currentColor!important;
        transform:none;
        opacity:1!important;
    }
    .site-header button.menu-button[data-menu-button] > .menu-button__icon i:first-child{top:2px!important;}
    .site-header button.menu-button[data-menu-button] > .menu-button__icon i:last-child{top:10px!important;}
    .site-header button.menu-button.is-open[data-menu-button] > .menu-button__icon i:first-child,
    .site-header button.menu-button[aria-expanded="true"][data-menu-button] > .menu-button__icon i:first-child{top:6px!important;transform:rotate(35deg)!important;}
    .site-header button.menu-button.is-open[data-menu-button] > .menu-button__icon i:last-child,
    .site-header button.menu-button[aria-expanded="true"][data-menu-button] > .menu-button__icon i:last-child{top:6px!important;transform:rotate(-35deg)!important;}
}

/* Cast page mobile image position: keep other pages unchanged. */
@media (max-width:720px){
  .story-panel--cast-about .story-panel__image img{
    object-position:68% center;
  }
}