/* hiyakore — mobile homepage + nav */
@media (max-width:768px){
  .gs-nav{
    z-index:120;
    padding:.45rem .85rem;
    padding-top:calc(.45rem + env(safe-area-inset-top,0px));
    min-height:calc(var(--gs-nav-h) + env(safe-area-inset-top,0px));
    gap:.5rem;
  }
  .gs-nav__logo{min-width:0}
  .gs-nav__word{
    font-size:1.15rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .gs-nav__links,.gs-nav__cta{display:none !important}
  .gs-burger{
    display:flex !important;
    margin-left:auto;
    z-index:122;
    flex-shrink:0;
    border-radius:12px;
    background:rgba(107,168,188,.32);
  }

  .gs-drawer-backdrop{
    z-index:110;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    pointer-events:none;
  }
  .gs-drawer-backdrop.is-open{pointer-events:auto}
  .gs-drawer-backdrop[hidden]{display:block !important;opacity:0;visibility:hidden}
  .gs-drawer-backdrop.is-open[hidden],
  .gs-drawer-backdrop.is-open:not([hidden]){visibility:visible}
  .gs-drawer{
    z-index:115;
    padding:calc(var(--gs-nav-h) + env(safe-area-inset-top,0px) + .6rem) 1.15rem calc(1.4rem + env(safe-area-inset-bottom,0px));
    box-shadow:-18px 0 40px rgba(20,36,30,.2);
  }
  .gs-drawer[hidden]{display:flex !important;pointer-events:none}
  .gs-drawer.is-open{pointer-events:auto}
  .gs-drawer__nav a{
    opacity:0;
    transform:translateX(22px);
    transition:opacity .42s var(--gs-ease),transform .42s var(--gs-ease),background .2s,color .2s;
  }
  .gs-drawer.is-open .gs-drawer__nav a{opacity:1;transform:none}
  .gs-drawer.is-open .gs-drawer__nav a:nth-child(1){transition-delay:.08s}
  .gs-drawer.is-open .gs-drawer__nav a:nth-child(2){transition-delay:.14s}
  .gs-drawer.is-open .gs-drawer__nav a:nth-child(3){transition-delay:.2s}
  .gs-drawer.is-open .gs-drawer__nav a:nth-child(4){transition-delay:.26s}
  .gs-drawer.is-open .gs-drawer__nav a:nth-child(5){transition-delay:.32s}
  .gs-drawer.is-open .gs-drawer__nav a:nth-child(6){transition-delay:.38s}
  .gs-drawer__cta{justify-content:center;margin-top:.35rem}

  .gs-hero__copy{
    margin-left:0;
    padding:5.6rem 1.1rem max(2.2rem, env(safe-area-inset-bottom));
    width:100%;
  }
  .gs-hero__brand{font-size:clamp(2.4rem,16vw,3.5rem)}
  .gs-hero h1{font-size:clamp(1.35rem,6vw,1.95rem)}
  .gs-hero__lead{font-size:.98rem;max-width:none}
  .gs-hero__actions{width:100%}
  .gs-hero__actions .gs-btn,
  .gs-cta .gs-btn,
  .gs-sec .gs-btn{width:100%}
  .gs-btn:active{transform:scale(.96)}

  .gs-season__wheel{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:.75rem;
    padding:0 1rem 1rem;
    -webkit-overflow-scrolling:touch;
  }
  .gs-season__seg{
    flex:0 0 min(78vw,280px);
    scroll-snap-align:start;
    min-height:170px;
  }

  .gs-frame.gs-frame--hold,
  .gs-frame--blob.gs-frame--hold{
    min-height:180px;
  }
  .gs-split > .gs-frame--tall,
  .gs-split > .gs-frame--blob{
    width:100%;
    max-width:100%;
    height:min(38svh,260px);
    max-height:min(38svh,260px);
    min-height:200px;
  }
  .gs-card .gs-frame,
  .gs-process__media,
  .gs-post .gs-frame{
    aspect-ratio:16/10;
    min-height:150px;
    max-height:190px;
  }
  .gs-team .gs-frame--tall,
  .gs-card--overlay .gs-frame{
    height:min(32svh,220px);
    max-height:min(32svh,220px);
    min-height:200px;
  }
  .gs-mosaic .gs-frame{min-height:170px;max-height:210px;aspect-ratio:4/3}
  .gs-mosaic__hero{min-height:200px;max-height:240px}

  .js [data-reveal] img,
  .js [data-gs][data-reveal] img,
  .js [data-gs] .gs-cover{
    transform:scale(1.07);
    filter:saturate(.9);
    transition:transform 1.1s var(--gs-ease),filter .85s ease;
  }
  .js [data-reveal].in img,
  .js [data-gs].in[data-reveal] img,
  .js [data-gs].in .gs-cover{
    transform:scale(1);
    filter:none;
  }
}

@media (max-width:480px){
  .gs-wrap{width:min(100% - 1.25rem,var(--gs-wrap))}
  .gs-nav{padding:.4rem .75rem;padding-top:calc(.4rem + env(safe-area-inset-top,0px))}
  .gs-hero__copy{padding-left:1rem;padding-right:1rem}
}

@media (prefers-reduced-motion:reduce){
  .gs-drawer__nav a,.js [data-gs] img,.gs-hero__copy h1,.gs-hero__copy p,.gs-hero__brand,.gs-hero__actions,.gs-btn--pulse{
    animation:none!important;transition:none!important;opacity:1!important;transform:none!important;filter:none!important
  }
}