/* NOKAY AKADEMI: mobile review patch, 2026-10-03.
   Desktop rules and all original assets/animations remain unchanged. */
@media (max-width: 980px) {
  .nokay-site { min-width: 0; }
  .site-header { padding-left: max(var(--nk-gutter), env(safe-area-inset-left)); padding-right: max(var(--nk-gutter), env(safe-area-inset-right)); }
  .mobile-nav { flex: 0 0 auto; }
  .mobile-nav summary { min-width: 44px; min-height: 44px; }
  .mobile-nav nav { max-height: calc(100svh - var(--nk-header-height)); overflow-y: auto; overscroll-behavior: contain; }
  .unit-row-trigger > span:not(.unit-row-sign), .about-copy, .contact-heading, .contact-channel strong { min-width: 0; overflow-wrap: anywhere; }
  .unit-row-trigger > img, .unit-row-sign { flex-shrink: 0; }
}
@media (max-width: 720px) {
  :root { --nk-gutter: clamp(18px, 5.6vw, 24px); --nk-header-height: 72px; }
  .site-header { gap: 8px; }
  .brand { min-width: 0; gap: 8px; }
  .brand .brand-symbol { width: 38px; height: 38px; }
  .brand .brand-name { font-size: clamp(21px, 5.8vw, 30px); }
  .hero { height: 100svh; min-height: 640px; max-height: none; }
  .hero-content { padding-top: calc(var(--nk-header-height) + 34px); }
  .hero-course-title { width: 100%; max-width: 100%; }
  .hero-course-level { font-size: clamp(27px, 7.2vw, 46px); }
  .hero-course-subject { font-size: clamp(30px, 8.1vw, 52px); }
  .hero-title.hero-slogan { white-space: normal; flex-wrap: wrap; gap: 0 .22em; font-size: clamp(22px, 5.9vw, 32px); margin-top: 18px; }
  .hero-art { top: 25%; height: 65%; object-position: 66% 50%; }
  .hero-bottom { gap: 12px; padding-bottom: max(28px, env(safe-area-inset-bottom)); }
  .hero-bottom > p { font-size: 16px; max-width: 27ch; }
  .journey-start { flex: 0 0 auto; }
  .science-journey { --scene-text-height: max(370px, 48svh); }
  .science-journey .scroll-scrub__stage { height: 100svh; }
  .science-journey .scroll-scrub__story { margin-top: -100svh; }
  .science-journey .scroll-scrub__route { top: calc(var(--nk-header-height) + 5px); left: var(--nk-gutter); right: var(--nk-gutter); flex-wrap: nowrap; gap: 20px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; padding: 0 2px 7px; scroll-padding-inline: 4px; }
  .science-journey .scroll-scrub__route-button { min-height: 44px; flex: 0 0 auto; font-size: 15px; }
  .science-journey .scroll-scrub__chapter-pin,
  .science-journey .scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin,
  .science-journey #basinc .scroll-scrub__chapter-pin,
  .science-journey #makineler .scroll-scrub__chapter-pin,
  .science-journey #elektrik .scroll-scrub__chapter-pin { min-height: 100svh; padding: calc(var(--nk-header-height) + 66px) var(--nk-gutter) 54px; justify-content: flex-start; align-items: flex-start; }
  .science-journey .scroll-scrub__copy,
  .science-journey #mevsimler .scroll-scrub__copy,
  .science-journey #dna .scroll-scrub__copy,
  .science-journey #basinc .scroll-scrub__copy,
  .science-journey #makineler .scroll-scrub__copy,
  .science-journey #enerji .scroll-scrub__copy,
  .science-journey #elektrik .scroll-scrub__copy { width: 100%; max-width: 590px; min-width: 0; }
  .science-journey .scroll-scrub__title { font-size: clamp(28px, 7.5vw, 40px); line-height: 1.09; overflow-wrap: anywhere; }
  .science-journey #enerji .scroll-scrub__title,
  .science-journey #elektrik .scroll-scrub__title { font-size: clamp(24px, 6.45vw, 35px); line-height: 1.12; }
  .science-journey .scroll-scrub__body,
  .science-journey #mevsimler .scroll-scrub__body,
  .science-journey #enerji .scroll-scrub__body { max-width: 49ch; font-size: 16px; line-height: 1.45; margin-top: 12px; }
  .science-journey .scroll-scrub__media { top: var(--scene-text-height); bottom: 42px; height: auto; }
  .science-journey .scroll-scrub__poster,
  .science-journey .scroll-scrub__video { object-fit: contain; object-position: 50% 50%; }
  .journey-caption { top: calc(100svh - 24px - env(safe-area-inset-bottom)); gap: 8px; font-size: 12px; white-space: nowrap; }
  .journey-caption > a { font-size: 12px; }
  .index-heading h2 { font-size: clamp(34px, 9.2vw, 48px); }
  .contact h2 { font-size: clamp(40px, 10.5vw, 62px); }
  .contact-channel strong { font-size: clamp(24px, 7vw, 29px); }
  .unit-row-trigger { gap: 12px; font-size: clamp(18px, 4.9vw, 22px); }
  .site-footer { grid-template-columns: minmax(0, 1fr) auto; gap: 14px; }
  .footer-wordmark { font-size: clamp(17px, 4.8vw, 20px); }
}
/* Phone landscape: compact header and text left / cinematic scene right. */
@media (max-width: 980px) and (max-height: 540px) and (orientation: landscape) {
  :root { --nk-header-height: 58px; --nk-gutter: 22px; }
  .site-header { gap: 12px; }
  .brand .brand-symbol { width: 34px; height: 34px; }
  .brand .brand-name { font-size: 25px; }
  .mobile-nav .menu-label { display: inline; }
  .hero { height: auto; min-height: max(100svh, 390px); max-height: none; }
  .hero-content { min-height: max(100svh, 390px); padding-top: 86px; }
  .hero-course-title { max-width: 60%; }
  .hero-course-level { font-size: 30px; }
  .hero-course-subject { font-size: 34px; }
  .hero-title.hero-slogan { margin-top: 15px; font-size: 24px; flex-wrap: wrap; white-space: normal; }
  .hero-art { inset: 0; width: 100%; height: 100%; object-position: 64% 50%; }
  .hero-wash { background: linear-gradient(90deg, #eaf0f4 0%, #eaf0f4bb 35%, transparent 68%); }
  .hero-bottom { padding: 20px 0 22px; }
  .hero-bottom > p { font-size: 15px; }
  .journey-start b { width: 44px; height: 44px; }
  .science-journey .scroll-scrub__stage { height: 100svh; }
  .science-journey .scroll-scrub__story { margin-top: -100svh; }
  .science-journey .scroll-scrub__route { top: 61px; left: var(--nk-gutter); right: var(--nk-gutter); flex-wrap: nowrap; gap: 22px; overflow-x: auto; overflow-y: hidden; padding-bottom: 5px; }
  .science-journey .scroll-scrub__route-button { min-height: 44px; font-size: 14px; flex: 0 0 auto; }
  .science-journey .scroll-scrub__chapter-pin,
  .science-journey .scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin,
  .science-journey #basinc .scroll-scrub__chapter-pin,
  .science-journey #makineler .scroll-scrub__chapter-pin,
  .science-journey #elektrik .scroll-scrub__chapter-pin { min-height: 100svh; padding: 116px var(--nk-gutter) 36px; align-items: flex-start; justify-content: flex-start; }
  .science-journey .scroll-scrub__copy,
  .science-journey #mevsimler .scroll-scrub__copy,
  .science-journey #dna .scroll-scrub__copy,
  .science-journey #basinc .scroll-scrub__copy,
  .science-journey #makineler .scroll-scrub__copy,
  .science-journey #enerji .scroll-scrub__copy,
  .science-journey #elektrik .scroll-scrub__copy { width: 45%; max-width: none; }
  .science-journey .scroll-scrub__title,
  .science-journey #mevsimler .scroll-scrub__title,
  .science-journey #basinc .scroll-scrub__title,
  .science-journey #enerji .scroll-scrub__title,
  .science-journey #elektrik .scroll-scrub__title { font-size: clamp(20px, 3.25vw, 28px); line-height: 1.08; }
  .science-journey .scroll-scrub__body,
  .science-journey #mevsimler .scroll-scrub__body,
  .science-journey #enerji .scroll-scrub__body { max-width: none; font-size: 14px; line-height: 1.4; margin-top: 8px; }
  .science-journey .scroll-scrub__media { top: 112px; bottom: 34px; left: 49%; right: 0; width: 51%; height: auto; }
  .science-journey .scroll-scrub__poster,
  .science-journey .scroll-scrub__video { object-fit: contain; object-position: center; }
  .journey-caption { top: calc(100svh - 20px); font-size: 12px; gap: 10px; }
  .journey-caption > a { font-size: 12px; }
  .contact-channels { grid-template-columns: 1fr; }
  .contact h2 { font-size: 52px; }
}
/* Portrait spacing refinement, v2: full 16:9 frame follows the scene copy.
   Scene-specific reservations replace the old fixed 370px / 48svh gap.
   Original scroll-scrub data-active-section selects the matching text height. */
@media (max-width: 720px) and (orientation: portrait) {
  .science-journey {
    --mobile-copy-top: calc(var(--nk-header-height) + 60px);
    --mobile-title-size: clamp(28px, 7.5vw, 40px);
    --mobile-title-height: calc(var(--mobile-title-size) * 2.18);
    --mobile-body-height: 69.6px;
    --scene-text-height: calc(var(--mobile-copy-top) + var(--mobile-title-height) + 12px + var(--mobile-body-height) + 16px);
  }
  .science-journey[data-active-section="2"] {
    --mobile-title-height: calc(var(--mobile-title-size) * 1.09);
  }
  .science-journey[data-active-section="5"] {
    --mobile-title-size: clamp(24px, 6.45vw, 35px);
    --mobile-title-height: calc(var(--mobile-title-size) * 3.36);
  }
  .science-journey[data-active-section="6"] {
    --mobile-title-size: clamp(24px, 6.45vw, 35px);
    --mobile-title-height: calc(var(--mobile-title-size) * 2.24);
  }
  .science-journey .scroll-scrub__stage { height: 100dvh; }
  .science-journey .scroll-scrub__story { margin-top: -100dvh; }
  .science-journey .scroll-scrub__chapter-pin,
  .science-journey .scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin,
  .science-journey #basinc .scroll-scrub__chapter-pin,
  .science-journey #makineler .scroll-scrub__chapter-pin,
  .science-journey #elektrik .scroll-scrub__chapter-pin {
    min-height: 100dvh;
    padding-top: var(--mobile-copy-top);
  }
  .science-journey .scroll-scrub__media {
    top: var(--scene-text-height);
    bottom: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
  .science-journey .scroll-scrub__poster,
  .science-journey .scroll-scrub__video {
    object-fit: contain;
    object-position: 50% 0;
  }
  .journey-caption {
    top: calc(100dvh - 24px - env(safe-area-inset-bottom));
  }
}
@media (max-width: 350px) and (orientation: portrait) {
  .science-journey { --mobile-body-height: 92.8px; }
  .science-journey[data-active-section="6"] {
    --mobile-title-height: calc(var(--mobile-title-size) * 3.36);
  }
}
@media (min-width: 500px) and (max-width: 720px) and (orientation: portrait) {
  .science-journey { --mobile-body-height: 46.4px; }
}