/* SEIKE — cinematic breakpoints, landscape, 4K */
html { -webkit-text-size-adjust: 100%; }
img, video, svg { max-width: 100%; height: auto; }
.sk-main, .sk-nav, .sk-foot, .sk-ask__stage, .sk-xp__row { min-width: 0; }

.sk-menu-btn { min-width: 2.75rem; min-height: 2.75rem; }

@media (max-width: 1199px) {
  :root { --sk-max: calc(100vw - 2rem); --sk-space: 1.15rem; }

  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  body.sk-body {
    padding-left: 0;
    padding-bottom: calc(5.4rem + env(safe-area-inset-bottom));
  }

  .sk-strip {
    display: flex;
    position: fixed;
    top: auto;
    right: auto;
    bottom: calc(0.8rem + env(safe-area-inset-bottom));
    left: 50%;
    transform: none;
    translate: -50% 0;
    width: max-content;
    max-width: calc(100vw - 1.4rem);
    z-index: 50;
  }

  .sk-strip ul {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.15rem;
    padding: 0.42rem 0.55rem;
    width: max-content;
    max-width: calc(100vw - 1.4rem);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .sk-strip ul::-webkit-scrollbar { display: none; }

  .sk-strip a {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed;
    letter-spacing: 0.04em;
    font-size: 0.78rem;
    padding: 0.5rem 0.7rem;
    white-space: nowrap;
    min-height: 2.6rem;
    display: inline-flex;
    align-items: center;
  }

  .sk-ask__stage,
  .sk-xp__row {
    grid-template-columns: 1fr !important;
  }
  .sk-xp__media,
  .sk-xp__copy,
  .sk-xp__code {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    writing-mode: horizontal-tb !important;
  }
  .sk-xp__copy h3,
  .sk-xp__copy p,
  .sk-xp__copy a,
  .sk-main h1,
  .sk-main h2,
  .sk-main h3,
  .sk-main p {
    writing-mode: horizontal-tb !important;
  }
  .sk-xp__code {
    font-size: 1.15rem;
  }
  .sk-faq,
  .sk-faq__list,
  .sk-faq details {
    width: 100%;
    max-width: 100%;
  }
  .sk-lede { max-width: none; }

  .sk-reel__copy { bottom: 6.2rem; }
  .sk-reel__pager { bottom: 4.8rem; }
  .sk-foot { padding-bottom: 1.5rem; }
}

@media (max-width: 1099px) {
  .sk-ask__stage,
  .sk-atlas__stage,
  .sk-dest,
  .sk-pillar,
  .sk-contact,
  .sk-journal__grid,
  .sk-voices__list,
  .sk-triptych__grid {
    grid-template-columns: 1fr;
  }
  .sk-xp__row {
    grid-template-columns: 1fr;
  }
  .sk-xp__media,
  .sk-xp__copy,
  .sk-xp__code { grid-column: 1 / -1; }
  .sk-xp__row:nth-child(even) .sk-xp__media { order: 0; }
  .sk-tri:nth-child(2) { transform: none; }
  .sk-itin__list a {
    grid-template-columns: 1fr 1fr;
  }
  .sk-itin__list h3,
  .sk-itin__route,
  .sk-itin__list p { grid-column: 1 / -1; }
  .sk-dest:nth-of-type(even) { direction: ltr; }
  .sk-notes article a { grid-template-columns: 1fr; }
  .sk-layers ol { grid-template-columns: 1fr; }
  .sk-foot__grid { grid-template-columns: 1fr 1fr; }
  .sk-ask__view { min-height: 0; }
}

@media (max-width: 959px) {
  .sk-desk { display: none; }
  .sk-consult { display: none; }
  .sk-menu-btn { display: inline-flex; align-items: center; justify-content: center; }
  .sk-nav__bar { grid-template-columns: 1fr auto; gap: 0.6rem; }
  .sk-reel {
    height: min(100svh, 40rem);
    min-height: 28rem;
  }
  .sk-reel__jp { font-size: clamp(2.4rem, 14vw, 4.6rem); }
  .sk-reel__num { display: none; }
  .sk-reel__copy { bottom: 6.5rem; right: var(--sk-space); }
  .sk-reel__pager { bottom: 4.85rem; }
  .sk-still { min-height: 42svh; }
  .sk-still--short { min-height: 34svh; }
  .sk-still__copy h1 { font-size: clamp(1.85rem, 9vw, 3.2rem); }
  .sk-drawer__panel { width: min(22rem, 92vw); }
}

@media (max-width: 639px) {
  .sk-nav--film .sk-consult { display: none; }
  .sk-reel__cta { flex-direction: column; align-items: stretch; }
  .sk-reel__cta .sk-btn { width: 100%; }
  .sk-ask__tab { grid-template-columns: 3.4rem 1fr; }
  .sk-season__list { grid-template-columns: 1fr; }
  .sk-foot__grid { grid-template-columns: 1fr; }
  .sk-search__row { flex-direction: column; }
  .sk-jump { top: 3.6rem; }
  .sk-itin__list a { grid-template-columns: 1fr; }
  .sk-atlas__map { max-height: 22rem; aspect-ratio: 3 / 4; }
  .sk-pin span { font-size: 0.68rem; }
  .sk-search input,
  .sk-form input,
  .sk-form textarea,
  .sk-form select {
    font-size: 16px;
  }
  .sk-enquiry .sk-btn { width: min(100%, 22rem); }
}

@media (orientation: landscape) and (max-height: 500px) {
  .sk-reel { min-height: 100svh; height: 100svh; }
  .sk-reel__copy { bottom: 5.8rem; }
  .sk-reel__pager { bottom: 4.4rem; }
  .sk-reel__jp { font-size: clamp(1.8rem, 8vw, 3.2rem); }
  .sk-still { min-height: 100svh; }
}

@media (min-width: 1600px) {
  .sk-reel__copy { bottom: 14vh; }
}

@media (min-width: 2560px) {
  :root { --sk-space: clamp(2.4rem, 3.2vw, 6.2rem); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .sk-transition { transition: none; }
}