/* =========================================================
   ELEA Laptop QC — 1366x768 / 1536x864 class displays
   Desktop >=1601px and tablet/mobile <=1200px stay untouched.
   ========================================================= */
@media (min-width:1201px) and (max-width:1600px){
  html,body{overflow-x:hidden}

  /* Shared desktop header */
  .site-header .header-inner{width:calc(100% - 96px);max-width:1440px;margin-inline:auto}
  .site-header .gnb{gap:clamp(20px,2.1vw,32px)}
  .site-header .gnb a{font-size:13px}

  /* ---------- MAIN ---------- */
  body .section-shell{width:calc(100% - 96px)!important;max-width:1440px!important;margin-inline:auto!important}
  body .header{width:calc(100% - 96px)!important;max-width:1440px!important}

  body .hero{height:100svh!important;min-height:720px!important;max-height:880px!important}
  body .hero-video{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
  body .hero-inner{width:calc(100% - 96px)!important;max-width:1440px!important;padding:0!important}
  body .hero-copy{margin-top:-32px!important}
  body .hero-copy h1{font-size:clamp(52px,4.15vw,64px)!important;line-height:1.22!important;white-space:normal!important}
  body .hero-copy p{font-size:clamp(23px,2vw,29px)!important}

  body .overview{height:760px!important;min-height:760px!important}
  body .overview-copy{left:0!important;top:92px!important}
  body .overview-copy h2{font-size:45px!important}
  body .elm-orbit{width:580px!important;height:580px!important;top:90px!important;right:0!important}

  body .different{min-height:1430px!important;padding:90px 48px 0!important}
  body .different .section-shell{width:100%!important;max-width:1440px!important}
  body .different-grid{grid-template-columns:360px minmax(0,1fr)!important;column-gap:64px!important}
  body .different-title h2{font-size:45px!important}
  body .different-cards{height:1310px!important;min-height:1310px!important}
  body .diff-card{width:420px!important}
  body .diff-card img{width:420px!important;height:486px!important}
  body .diff-card h3{font-size:31px!important;margin-top:28px!important}
  body .diff-card p{font-size:17px!important}
  body .card-elm{right:0!important;top:360px!important}
  body .card-human{top:735px!important}

  body .meet{height:690px!important;min-height:690px!important}
  body .meet-grid{height:690px!important;min-height:690px!important;grid-template-columns:minmax(330px,390px) minmax(0,1fr)!important;gap:50px!important}
  body .meet-copy h2{font-size:45px!important;margin-bottom:28px!important}
  body .meet-copy>p:not(.eyebrow){font-size:18px!important}
  body .meet-copy .under-link{margin-top:44px!important}
  body .video-card{width:100%!important;height:auto!important;aspect-ratio:1080/611!important}

  body .data-moat{padding:90px 0!important}
  body .data-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:52px!important}
  body .data-image{width:100%!important;height:auto!important;aspect-ratio:1/1!important}
  body .data-copy h2{font-size:45px!important}
  body .stats{height:auto!important;grid-template-rows:180px 180px!important}
  body .stat{min-height:180px!important;padding:22px 18px 14px 28px!important}
  body .stat-icon{width:42px!important;height:42px!important;margin-bottom:14px!important}
  body .stat strong{font-size:28px!important}
  body .stat p{font-size:17px!important}

  body .technology{padding:90px 0 105px!important}
  body .technology-head{margin-bottom:58px!important}
  body .technology-head h2{font-size:45px!important}
  body .technology-panel{height:430px!important}

  body .learning{padding-top:90px!important}
  body .learning-head{margin-bottom:58px!important}
  body .learning-head h2{font-size:45px!important;margin-bottom:28px!important}
  body .learning-head>p:last-child{font-size:19px!important;max-width:760px!important}
  body .learning-card{height:455px!important;min-height:455px!important;padding:30px 28px 0!important}
  body .learning-card:first-child{padding-left:48px!important}
  body .learning-card:last-child{padding-right:48px!important}
  body .learning-card span{font-size:19px!important}
  body .learning-card h3{font-size:30px!important;margin-top:14px!important}
  body .learning-card p{font-size:16px!important;margin-top:12px!important}
  body .learning-card img{height:235px!important;margin-top:24px!important}

  body .impact{padding:86px 48px 90px!important}
  body .impact .section-shell{width:100%!important;max-width:1440px!important}
  body .impact-head h2{font-size:45px!important}
  body .impact-head>p:last-child{font-size:19px!important;margin-top:24px!important}
  body .impact-grid{gap:26px!important;margin-top:44px!important}
  body .impact-card{min-height:410px!important;padding:24px 24px 18px!important}
  body .impact-card img{height:220px!important}

  body .contact{height:620px!important;min-height:620px!important}
  body .contact-video{width:100%!important;height:100%!important;object-fit:cover!important}
  body .contact-inner{width:calc(100% - 96px)!important;max-width:1440px!important}
  body .contact-inner h2{font-size:54px!important}
  body .contact-inner>p:not(.eyebrow){font-size:19px!important}

  /* ---------- DATA MOAT ---------- */
  body .page-shell{width:calc(100% - 96px)!important;max-width:1440px!important}
  body .section-pad{padding:90px 0!important}
  body .intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:48px!important}
  body .intro-media{height:620px!important}
  body .intro-copy{min-height:620px!important}
  body .intro-top h1{font-size:45px!important}
  body .metrics-grid{grid-template-rows:170px 170px!important}
  body .metric-card{padding:20px 18px 14px 28px!important}
  body .metric-card img{width:40px!important;height:40px!important;margin-bottom:12px!important}
  body .metric-card strong{font-size:28px!important}
  body .metric-card p{font-size:17px!important}

  body .why-child{height:850px!important}
  body .why-inner{gap:56px!important}
  body .center-heading h2{font-size:45px!important}
  body .light-copy{margin-top:24px!important;font-size:19px!important}
  body .why-tab{min-height:220px!important;padding:30px!important}
  body .why-tab strong{font-size:29px!important}
  body .why-tab span{font-size:24px!important}
  body .why-tab small{font-size:17px!important;margin-top:28px!important}

  body .language-grid{grid-template-columns:350px minmax(0,1fr)!important;gap:56px!important}
  body .language-intro h2,body .section-heading h2,body .loop-copy h2{font-size:45px!important}
  body .body-copy{font-size:19px!important;margin-top:28px!important}
  body .data-row{min-height:176px!important;padding:30px 0!important}
  body .data-row h3{font-size:26px!important;margin-bottom:16px!important}
  body .data-row p{font-size:18px!important}
  body .data-row>strong{font-size:50px!important}

  body .elm-grid{gap:34px!important}
  body .accordion-item button{min-height:86px!important;padding:16px 18px!important}
  body .accordion-item button span{font-size:23px!important}
  body .accordion-item.active button span{font-size:27px!important}
  body .accordion-panel p{font-size:18px!important}
  body .elm-image{height:430px!important;min-height:430px!important;max-height:430px!important}

  body .loop-grid{grid-template-columns:520px minmax(0,1fr)!important;gap:70px!important}
  body .loop-visual{transform:scale(.84);transform-origin:left center;margin-right:-100px}

  /* ---------- DIGITAL HUMAN / LEARNING EXPERIENCE ---------- */
  body .section{padding:90px 56px!important}
  body .wrap{max-width:1440px!important}
  body .headline{font-size:45px!important}
  body .desc{font-size:19px!important}
  body .heading-block{margin-bottom:40px!important}

  body .hero-three{height:440px!important}
  body .three-col{padding:30px!important}
  body .three-col h3{font-size:28px!important}
  body .three-col p{font-size:16px!important}

  body .tech-section .tech-heading{margin-bottom:40px!important}
  body .tech-pc{transform:scale(.92);transform-origin:top center;margin-bottom:-46px}

  body .elm-section{height:1100px!important;min-height:1100px!important}
  body .elm-inner{max-width:1440px!important;padding:88px 56px 0!important}
  body .elm-copy{width:590px!important}
  body .feature-list{width:560px!important;gap:18px!important;margin-top:38px!important}
  body .feature{padding:16px 28px!important;border-radius:16px!important}
  body .feature img{width:44px!important;height:44px!important}
  body .feature h4{font-size:21px!important}
  body .feature p{font-size:16px!important}
  body .elm-visual-viewport{right:18px!important;bottom:125px!important;width:550px!important;height:680px!important}
  body .elm-visual-viewport .elm-source-visual{transform:translate(-50%,-50%) scale(.78)!important}
  html[lang="en"] body .elm-section .elm-visual-viewport{bottom:175px!important}

  body .process{gap:14px!important}
  body .process-card{padding:16px 16px 28px!important}
  body .process-card .shot{height:176px!important;margin-bottom:24px!important}
  body .process-card h3{font-size:24px!important}
  body .process-card p{font-size:17px!important}

  body .human-card,body .assess-card,body .report-card{padding:28px!important;border-radius:36px!important}
  body .human-card .visual{height:350px!important;border-radius:28px!important}
  body .human-card h3{font-size:28px!important}

  body .interaction-head .desc{width:52%!important}
  body .interaction-box{height:640px!important;margin-top:42px!important}
  body .tabs{height:78px!important;gap:18px!important}
  body .tab{font-size:18px!important;padding-inline:8px!important}
  body .interaction-copy{left:38px!important;top:118px!important;width:34%!important}
  body .interaction-copy h3{font-size:30px!important}
  body .interaction-copy p{font-size:17px!important;line-height:1.55!important}
  body .interaction-img{right:38px!important;top:105px!important;width:56%!important;height:auto!important;aspect-ratio:807/511!important;border-radius:28px!important}

  body .main-learning-sync{padding-top:90px!important}
  body .main-learning-sync-head{width:calc(100% - 112px)!important;max-width:1440px!important;margin-bottom:56px!important}
  body .main-learning-sync-head h1{font-size:45px!important;margin-bottom:28px!important}
  body .main-learning-sync-head>p:last-child{font-size:19px!important;max-width:760px!important}
  body .main-learning-sync-card{height:455px!important;min-height:455px!important;padding:30px 28px 0!important}
  body .main-learning-sync-card:first-child{padding-left:48px!important}
  body .main-learning-sync-card:last-child{padding-right:48px!important}
  body .main-learning-sync-card span{font-size:19px!important}
  body .main-learning-sync-card h3{font-size:30px!important;margin-top:14px!important}
  body .main-learning-sync-card p{font-size:16px!important;margin-top:12px!important}
  body .main-learning-sync-card img{height:235px!important;margin-top:24px!important}

  body .textbook-grid{grid-template-columns:minmax(0,1fr) minmax(0,620px)!important;gap:48px!important}
  body .textbook-exp .loop-stage{transform:scale(.82);transform-origin:top center;margin-bottom:-126px}

  body .flow-top{grid-template-columns:minmax(0,1fr) minmax(0,650px)!important;gap:44px!important}
  body .flow-image{height:410px!important;border-radius:28px!important}
  body .flow-caption h3{font-size:29px!important}
  body .flow-caption p{font-size:18px!important}
  body .flow-tabs{height:100px!important;margin-top:38px!important}
  body .flow-tab{padding:12px 18px!important}
  body .flow-tab span:last-child{font-size:17px!important}

  body .assess-card .visual{height:330px!important;border-radius:28px!important}
  body .report-card .visual{height:430px!important}
  body .assess-card h3,body .report-card h3{font-size:29px!important;margin-top:28px!important}
  body .assess-card h4,body .report-card h4{font-size:23px!important}
  body .assess-card p,body .report-card p{font-size:17px!important}
  body .mini-flow{margin-top:50px!important}
  body .mini-step{padding:10px 26px!important}
  body .mini-step strong{font-size:19px!important}
  body .mini-step span{font-size:15px!important}
  body .closing{font-size:31px!important;margin-top:38px!important}
}

/* Short-height laptops: keep the hero inside the visible browser area. */
@media (min-width:1201px) and (max-width:1600px) and (max-height:820px){
  body .hero{height:100svh!important;min-height:680px!important}
  body .hero-copy{margin-top:-10px!important}
  body .scroll-cue{bottom:22px!important}
  body .overview{height:700px!important;min-height:700px!important}
  body .overview-copy{top:72px!important}
  body .elm-orbit{width:520px!important;height:520px!important;top:82px!important}
}