/* Iteracja 99 — tablet poziomy. Warstwa dotykowa pomiędzy desktopem a telefonem. */

@media (min-width:760px) and (max-width:1366px) and (orientation:landscape) and (pointer:coarse){
  :root{
    --header-h:122px;
    --gutter:clamp(38px,4.8vw,66px)
  }

  body{font-size:17px}
  .site-header,
  #gds-living-machine>.site-header,
  .form-page .site-header,
  .faculty-directory-page .site-header,
  .error-page .site-header{
    height:var(--header-h);
    padding-inline:var(--gutter)
  }
  .site-header .header-logo{width:150px}
  .site-header .menu-toggle,
  .site-header .nav a,
  .site-header .header-application>a,
  .form-back{
    min-height:44px;
    touch-action:manipulation
  }
  .site-header .menu-toggle{padding-inline:10px}
  .site-header .nav a{display:flex;align-items:center}
  .site-header .header-application>a{min-width:118px}

  /* Na ekranie dotykowym wszystkie istotne stany muszą być widoczne bez hover. */
  .media-hover>img,
  .media-hover img,
  .project-frame>img,
  .gallery-images>img,
  .faculty-showcase-images img,
  .faculty-directory-stage img,
  .faculty-directory-card .portrait img{
    filter:none
  }
  .faculty-showcase:hover .faculty-showcase-images>span,
  .faculty-showcase .faculty-showcase-images>span:hover,
  .faculty-directory-stage:hover>a,
  .faculty-directory-stage>a:hover,
  .faculty-directory-stage>a:focus-visible{
    flex:1 1 0
  }
  .faculty-showcase-images img,
  .faculty-directory-stage img{transform:none}

  .gallery-arrow{
    width:56px;
    height:56px;
    border-color:rgba(247,236,222,.8);
    touch-action:manipulation
  }
  .faculty-showcase-action,
  .faculty-directory-button,
  .faculty-directory-card .person-projects summary,
  .details-list summary,
  .button,
  .form-next,
  .form-previous,
  .gds-contact-copy,
  .gds-contact-mail{
    min-height:48px;
    touch-action:manipulation
  }

  .form-page input,
  .form-page textarea,
  .form-page button,
  .form-page label{touch-action:manipulation}
  .rating-row span{min-height:46px}
  .check-grid label{min-height:58px}
  .specialization-grid label>span{min-height:96px}

  .privacy-index a,
  .privacy-index button,
  .privacy-page .gds-consent-actions button,
  .error-page .button{min-height:46px;touch-action:manipulation}
}

@media (min-width:760px) and (max-width:1120px) and (orientation:landscape) and (pointer:coarse){
  #gds-living-machine .hero-comparison .hero-course-intro{top:30px}
  #gds-living-machine .hero-comparison .hero-course-intro h1{font-size:clamp(42px,5.8vw,58px)}
  #gds-living-machine .hero-comparison .hero-course-intro .hero-course-subtitle{font-size:clamp(15px,1.8vw,19px)}
  #gds-living-machine .hero-comparison .hero-copy{left:4vw;width:min(53vw,590px)}
  #gds-living-machine .hero-comparison .machine-video{right:3%;width:40vw}
  .faculty-directory-page .faculty-directory-stage a{min-height:224px}
}

@media (min-width:1121px) and (max-width:1366px) and (orientation:landscape) and (pointer:coarse){
  .site-header .nav{gap:clamp(20px,2.3vw,32px);font-size:13px}
  .site-header .header-application>span{display:none}
  .scene{padding-top:96px;padding-bottom:96px}
}

/* Tryb awaryjny dla bardzo niskiego, poziomego okna tabletu lub telefonu. */
@media (min-width:760px) and (max-height:620px) and (orientation:landscape) and (pointer:coarse){
  :root{--header-h:96px}
  .site-header .header-logo{width:132px}
  .site-header .header-application>span{display:none}
  #gds-living-machine .hero-comparison .hero-course-intro{top:22px}
}