/* Compact desktop proportions without page zoom or scaling interactive content. */
@media (min-width:801px) and (max-width:1440px){
  .container{width:calc(100% - clamp(48px,7vw,100px))}
  .section{padding-block:clamp(44px,4.5vw,65px)}
  .section-heading{gap:28px;margin-bottom:32px}
  .hero__layout{width:calc(100% - clamp(48px,7vw,100px));grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,3vw,44px);min-height:min(720px,90svh);padding-top:108px;padding-bottom:44px}
  .hero__copy{width:100%;max-width:660px;margin:0;min-width:0}
  .hero .hero-title{font-size:clamp(58px,min(16.5cqw,11.5svh),102px)}
  .hero__logo{order:0;height:min(31vw,44svh,410px);min-width:0}
  .hero__logo img{width:min(85%,360px);max-height:100%;object-fit:contain}
  .hero:has(.hero-title) .hero__description{font-size:clamp(15px,1.2vw,17px);max-width:390px;margin-top:24px}
  .hero__buttons{margin-top:24px;gap:12px}
  .hero__buttons .button{font-size:14px;min-height:49px;padding:12px 17px;gap:12px}
  #work-title,#pricing-title,#case-title,#faq-title{font-size:clamp(38px,3.7vw,54px)}
  .performance__layout{column-gap:clamp(28px,4vw,56px)}
  .performance__copy{gap:22px;padding-block:22px}
  .performance__copy #performance-title{font-size:clamp(38px,3.9vw,56px)}
  .performance__copy>p{font-size:15px;line-height:1.65}
  .performance__wordmark{width:min(100%,300px)}
  #performance .stat-card{padding:26px;border-radius:22px}
  .stat-card__value{margin-top:18px;gap:10px}
  .stat-card__value>output{font-size:44px}
  .stat-card__value>span{font-size:12px;padding:6px 8px}
  #performance .qptr-chart{margin-block:18px}
  .process-heading{font-size:clamp(29px,3vw,42px);gap:10px}
  .process__layout{column-gap:32px}
  .process-stack{height:430px}
  .process-card{min-height:320px}
  .process-card__top{padding:14px 18px}
  .process-card__body{padding:20px;gap:17px}
  .process-card__body>p{font-size:23px}
  .process-step{padding:18px;gap:14px}
  .process-step strong{font-size:27px}
  #work{width:calc(100% - clamp(48px,7vw,100px))}
  #work .section-heading{margin-bottom:32px}
  #portfolio-wall{height:min(590px,70svh);margin-inline:-24px}
  .case-study{width:calc(100% - clamp(48px,7vw,100px));padding:44px 32px;margin-block:28px 40px}
  .case-study .section-heading{margin-bottom:30px}
  .pricing .center-heading,.pricing .plan-posters{max-width:960px}
  .pricing .center-heading{margin-bottom:34px;gap:16px 36px;grid-template-columns:minmax(0,1fr) minmax(0,330px)}
  .pricing .plan-posters{gap:28px}
  .pricing .plan-cover{padding:24px;gap:20px;min-height:280px;border-radius:20px}
  .pricing .plan-poster--main .plan-popular{left:-24px}
  .pricing .plan-poster h3,.pricing .plan-poster[data-package=Starter] h3{font-size:clamp(34px,9.5cqw,46px)}
  .pricing .plan-cover .plan-deliverables strong{font-size:clamp(34px,9cqw,44px)}
  .pricing .plan-price,.pricing[data-currency=USD] .plan-price,.pricing[data-currency=Robux] .plan-price{font-size:clamp(28px,7cqw,34px)}
  .closing .closing__inner{padding-block:70px}
  .closing .closing__inner #closing-title{font-size:clamp(90px,12vw,168px)}
  .faq{column-gap:clamp(32px,5vw,72px)}
  .faq__list summary{font-size:15px;padding-block:20px}
}
/* Short desktop windows need vertical breathing room as well as narrower type. */
@media (min-width:961px) and (max-height:800px){
  .hero__layout{min-height:0;padding-top:108px;padding-bottom:40px}
  .hero .hero-title{font-size:clamp(58px,min(16.5cqw,11.5svh),100px)}
  .hero__logo{height:min(34vw,43svh,380px)}
  .hero__logo img{width:min(84%,360px);max-height:100%;object-fit:contain}
  .hero:has(.hero-title) .hero__description{font-size:16px;margin-top:24px}
  .hero__buttons{margin-top:24px}
  .hero__buttons .button{font-size:14px;min-height:49px;padding:12px 17px}
}
@media (min-width:601px) and (max-width:800px){
  .hero__logo{height:180px}
  .hero__logo img{width:180px;max-height:180px}
  .hero .hero-title{font-size:clamp(62px,14cqw,86px)}
  .hero__copy{max-width:540px}
  .hero__description{font-size:16px}
}