.hero-title-desktop{display:block}
.hero-title-mobile,.hero-mobile-intro,.mobile-feature,.mobile-world-list,.mobile-gallery-home,.mobile-story-home{display:none}

@media(max-width:760px){
  .home-main{background:#07111f;color:#eef6ff}
  .home-main .home-hero{height:590px;min-height:0}
  .home-main .hero-layout{align-items:center}
  .home-main .hero-copy{padding:100px 0 36px;max-width:360px}
  .home-main .hero-copy h1{font-size:clamp(45px,11.5vw,57px);line-height:1.04;margin:20px 0 16px;letter-spacing:-.06em}
  .home-main .hero-title-desktop,.home-main .hero-copy>p:not(.hero-mobile-intro){display:none}
  .home-main .hero-title-mobile{display:block}
  .home-main .hero-mobile-intro{display:block;max-width:290px;margin:0;color:#dbe6f2;font-size:13px;line-height:1.6}
  .home-main .hero-actions{gap:18px;margin-top:25px}
  .home-main .hero-actions,.home-main .hero-mobile-intro{animation:none!important;opacity:1!important;transform:none!important}
  .home-main .hero-actions .button{min-height:48px;padding-inline:17px}
  .home-main .hero-shade{background:linear-gradient(90deg,rgba(2,8,18,.78),rgba(2,8,18,.17)),linear-gradient(0deg,rgba(3,8,18,.82),transparent 55%)}
  .home-main .hero-reel-controls{bottom:14px}
  .home-main .section-intro,.home-main .orrery-section,.home-main .film-teaser{display:none}
  .home-main .worlds-section .section-topline,.home-main .worlds-section .section-heading-row,.home-main .worlds-section .world-list,.home-main .preview-section .section-topline,.home-main .preview-section .preview-header,.home-main .preview-section .preview-grid{display:none}
  .home-main .mobile-feature,.home-main .mobile-world-list,.home-main .mobile-gallery-home,.home-main .mobile-story-home{display:block}

  .mobile-feature.shell{width:min(100% - 32px,480px);padding:38px 0 65px}
  .mobile-home-heading{padding:0 4px 21px}
  .mobile-overline{display:block;color:#93c9e8;font:700 10px/1.4 var(--ui);letter-spacing:.24em}
  .mobile-home-heading h2,.mobile-story-home h2{margin:13px 0 10px;color:#f1f6ff;font:400 clamp(37px,9.5vw,52px)/1.07 var(--serif);letter-spacing:-.05em}
  .mobile-home-heading h2 em,.mobile-story-home h2 em{font-style:normal;color:#b5a5da}
  .mobile-home-heading p,.mobile-story-home p{max-width:320px;margin:0;color:#a9bdd0;font-size:13px;line-height:1.7}
  .mobile-short-controls{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:0 3px 10px;color:#93bcd8;font:700 9px/1.3 var(--ui);letter-spacing:.18em}
  .mobile-short-controls>div{display:flex;gap:8px}
  .mobile-short-controls button{display:none;place-items:center;width:39px;height:39px;padding:0;border:1px solid rgba(177,214,240,.35);border-radius:50%;background:#12243a;color:#e0eff9;font-size:20px;cursor:pointer}
  .mobile-short-carousel.is-ready .mobile-short-controls button{display:grid}
  .mobile-short-controls button:disabled{opacity:.35;cursor:default}
  .mobile-short-track{position:relative;display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:26px;-webkit-overflow-scrolling:touch}
  .mobile-short-track::-webkit-scrollbar{display:none}
  .mobile-feature-card{flex:0 0 calc(100% - 26px);min-width:0;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;scroll-snap-align:start;padding:22px 18px 19px;background:radial-gradient(circle at 50% 0,rgba(88,92,163,.27),transparent 54%),#101c30;border:1px solid rgba(174,213,246,.2);border-radius:3px 3px 50px 3px}
  .mobile-short-progress{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 4px 0;color:#8caac3;font:700 9px/1.3 var(--ui);letter-spacing:.13em}
  .mobile-short-progress [data-short-position]{color:#d5e8f5;font-size:11px;white-space:nowrap}
  .mobile-short-progress>span:last-child{text-align:right;font-size:8px}
  .mobile-short-error{margin:12px 4px 0;color:#f1b9ac;font-size:12px;line-height:1.5}
  .mobile-feature-frame{position:relative;width:min(100%,290px);aspect-ratio:9/15;overflow:hidden;background:#040a14;border:1px solid rgba(202,227,249,.3);border-radius:105px 4px 4px 4px}
  .mobile-feature-frame iframe,.mobile-feature-frame video{display:block;width:100%;height:100%;border:0;object-fit:cover}
  .mobile-feature-play{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#071321;color:#fff;cursor:pointer}
  .mobile-feature-play img{width:100%;height:100%;object-fit:cover}
  .mobile-feature-play::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,16,.82),transparent 37%,rgba(3,7,16,.1));pointer-events:none}
  .mobile-play-icon{position:absolute;z-index:1;left:50%;top:50%;display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(5,13,28,.5);font-size:22px;transform:translate(-50%,-50%);transition:background .2s,scale .2s}
  .mobile-feature-play:hover .mobile-play-icon{background:rgba(5,13,28,.85);scale:1.06}
  .mobile-video-label{position:absolute;z-index:1;left:20px;bottom:20px;color:#fff;font:700 9px/1.4 var(--ui);letter-spacing:.16em;text-align:left}
  .mobile-feature-copy{width:100%;padding:24px 3px 2px}
  .mobile-feature-copy>span{color:#94bedc;font:700 9px/1.3 var(--ui);letter-spacing:.2em}
  .mobile-feature-copy h3{margin:8px 0 17px;color:#f6f7fb;font:400 29px/1.15 var(--serif)}
  .mobile-feature-copy a,.mobile-section-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid rgba(174,218,248,.65);padding:0 0 10px;color:#d9ecfa;font:700 10px/1.3 var(--ui);letter-spacing:.16em;text-transform:uppercase}
  .mobile-feature-empty{position:relative;display:block;min-height:330px;overflow:hidden;background:#142334}
  .mobile-feature-empty img{width:100%;height:330px;object-fit:cover;filter:brightness(.68)}
  .mobile-feature-empty span{position:absolute;inset:auto 20px 20px;display:flex;justify-content:space-between;font:26px var(--serif)}

  .home-main .worlds-section{padding:56px 0 74px;background:#0a1728}
  .mobile-world-list{width:min(100%,480px);margin-inline:auto}
  .mobile-world-list .mobile-home-heading{padding-bottom:25px}
  .mobile-world-card{position:relative;display:block;height:278px;margin:0 0 15px;overflow:hidden;border:1px solid rgba(166,206,236,.23);border-radius:3px 58px 3px 3px;background:#10243b;color:#fff}
  .mobile-world-card:nth-of-type(2){border-radius:58px 3px 3px 3px}
  .mobile-world-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
  .mobile-world-card:hover img{transform:scale(1.04)}
  .mobile-world-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,7,18,.95),rgba(2,7,18,.12) 73%)}
  .mobile-world-copy{position:absolute;inset:auto 23px 23px;display:grid;gap:7px;max-width:270px}
  .mobile-world-copy small{color:#b9d8ea;font:700 9px/1.3 var(--ui);letter-spacing:.16em;text-transform:uppercase}
  .mobile-world-copy strong{font:400 39px/1.02 var(--serif)}
  .mobile-world-copy>span{color:#d5e4ee;font-size:11px;line-height:1.45}
  .mobile-world-arrow{position:absolute;right:23px;bottom:26px;color:#d8f2ff;font-size:25px}

  .home-main .preview-section{padding:66px 0 75px;background:#07111f}
  .mobile-gallery-home{width:min(100%,480px);margin-inline:auto}
  .mobile-gallery-controls{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:0 3px 10px;color:#93bcd8;font:700 9px/1.3 var(--ui);letter-spacing:.18em}
  .mobile-gallery-controls>div{display:flex;gap:8px}
  .mobile-gallery-controls button{display:none;place-items:center;width:39px;height:39px;padding:0;border:1px solid rgba(177,214,240,.35);border-radius:50%;background:#12243a;color:#e0eff9;font-size:20px;cursor:pointer}
  .mobile-gallery-carousel.is-ready .mobile-gallery-controls button{display:grid}
  .mobile-gallery-controls button:disabled{opacity:.35;cursor:default}
  .mobile-gallery-list{position:relative;display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:26px;-webkit-overflow-scrolling:touch}
  .mobile-gallery-list::-webkit-scrollbar{display:none}
  .mobile-gallery-card{position:relative;flex:0 0 calc(100% - 26px);min-width:0;display:block;height:300px;overflow:hidden;scroll-snap-align:start;border:1px solid rgba(172,209,237,.22);border-radius:3px 3px 44px 3px;background:#132239;color:#fff}
  .mobile-gallery-card img{width:100%;height:100%;object-fit:cover}
  .mobile-gallery-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,6,17,.9),rgba(2,6,17,0) 65%)}
  .mobile-gallery-card>span{position:absolute;z-index:1;inset:auto 48px 22px 22px;display:grid;gap:7px}
  .mobile-gallery-card small{color:#c6e5f3;font:700 9px/1.3 var(--ui);letter-spacing:.18em}
  .mobile-gallery-card strong{font:400 31px/1.1 var(--serif)}
  .mobile-gallery-card em{color:#d8edfa;font:700 9px/1.3 var(--ui);font-style:normal;letter-spacing:.13em;text-transform:uppercase}
  .mobile-gallery-progress{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 4px 23px;color:#8caac3;font:700 8px/1.3 var(--ui);letter-spacing:.13em}
  .mobile-gallery-progress [data-gallery-position]{color:#d5e8f5;font-size:11px;white-space:nowrap}
  .mobile-gallery-progress>span:last-child{text-align:right}
  .mobile-gallery-error{margin:0 4px 14px;color:#f1b9ac;font-size:12px;line-height:1.5}

  .mobile-story-home.shell{width:100%;padding:72px max(20px,calc((100vw - 480px)/2)) 83px;background:radial-gradient(circle at 80% 0,rgba(109,96,178,.22),transparent 50%),linear-gradient(135deg,#13233b,#091421);border-top:1px solid rgba(170,208,238,.17)}
  .mobile-story-home h2{margin:16px 0 15px}
  .mobile-story-home p{margin-bottom:25px}
}

@media(max-width:380px){
  .home-main .home-hero{height:560px}
  .home-main .hero-copy h1{font-size:43px}
  .mobile-world-card{height:255px}
}
