/* ABİKA mobile workspace. Desktop and the production film keep their own layout. */
.mobile-app-nav { display: none; }
@media (max-width: 760px) {
  body.has-mobile-app {
    /* Retained only for the accepted hero geometry, not a visible bottom bar. */
    --mobile-nav-height: calc(68px + env(safe-area-inset-bottom, 0px));
  }
  body.has-mobile-app #home-blend { scroll-margin-top: 0; }
  /* Only the outer stage grows. The film host retains its established dimensions. */
  body.has-mobile-app.atelier #atelier-story[data-playback="independent"] {
    --mobile-stage-base: calc(79.625vw + 96px);
  }
  body.has-mobile-app.atelier #atelier-story[data-playback="independent"] > .story-viewport {
    height: max(var(--mobile-stage-base), calc(100svh - var(--mobile-nav-height)));
    min-height: 0;
  }
  body.has-mobile-app.atelier #atelier-story #studio-canvas,
  body.has-mobile-app.atelier #atelier-story .journey-fallback {
    height: var(--mobile-stage-base); bottom: auto;
    top: calc((100% - var(--mobile-stage-base)) / 2);
  }
  body.has-mobile-app.atelier #atelier-story .chapter-copy {
    top: calc((100% - var(--mobile-stage-base)) / 2 + 96px);
  }
  body.gateway-page .gateway-header {
    display: grid; grid-template-columns: minmax(104px, 1fr) auto auto;
    gap: 12px; min-height: 82px; padding: 14px 22px;
  }
  body.gateway-page .gateway-brand { width: clamp(104px, 30vw, 132px); }
  body.gateway-page .header-signature { display: none; }
  body.gateway-page .gateway-about-link, body.gateway-page .header-contact {
    margin: 0; padding: 0; min-height: 44px; display: flex;
    align-items: center; font: 400 12px/18px Manrope, Arial, sans-serif;
  }
  body.gateway-page .gateway-header .header-contact span { display: none; }
  body.gateway-page .gateway-main { padding: 27px 22px 16px; justify-content: flex-start; }
  body.gateway-page .gateway-intro { display: block; margin-bottom: 23px; }
  body.gateway-page .gateway-intro h1 { font-size: clamp(27px, 7.2vw, 36px); line-height: 1.19; letter-spacing: -.045em; }
  body.gateway-page .gateway-intro > p { margin-top: 10px; font-size: 12px; }
  body.gateway-page .sector-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 16px; }
  body.gateway-page .sector-card {
    min-height: 0; height: auto; border: 0; border-radius: 0;
    overflow: visible; background: none; transform: none;
  }
  body.gateway-page .sector-card::after { display: none; }
  body.gateway-page .card-photo {
    display: block; height: auto; aspect-ratio: 1.035; border-radius: 8px;
    object-fit: cover; filter: saturate(.72) brightness(.92); transform: none;
  }
  body.gateway-page .card-content {
    position: static; inset: auto; display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    align-items: center; padding: 13px 0 10px; gap: 5px;
  }
  body.gateway-page .card-content h2,
  body.gateway-page .card-content h2 em {
    margin: 0; color: #f1eee5; font: 400 clamp(16px, 4.6vw, 21px)/1.26 Manrope, Arial, sans-serif;
    letter-spacing: -.035em;
  }
  body.gateway-page .card-link { display: contents; }
  body.gateway-page .card-link-label { display: none; }
  body.gateway-page .card-arrow {
    display: block; width: 18px; height: 18px; min-width: 0;
    margin: 0; padding: 0; border: 0; border-radius: 0;
    background: transparent; color: #d2c69e; transform: none;
  }
  body.gateway-page .card-arrow svg { width: 18px; height: 18px; }
  body.gateway-page .gateway-footer { margin-top: auto; }
}