@media(max-width:1000px){
:root{--nav-height:112px;--nav-logo-width:145px}
.nav-logo-target{width:145px;height:54px}.nav-links{gap:18px;flex-wrap:wrap;justify-content:flex-end}.nav-links a{font-size:18px}.contact-btn{padding:13px 20px 15px}
.about-inner{grid-template-columns:1fr}.project-grid{gap:24px}.client-track{gap:56px}
.transition-clutter{background-size:145vw auto}.showreel-transition{min-height:860px}
}
@media(max-width:650px){
:root{--nav-height:96px;--nav-logo-width:132px;--page-width:90vw}
.nav-links{display:none}.intro-logo-wrap{width:min(62vw,360px)}.scroll-cue{font-size:11px}
.hero h1{font-size:clamp(58px,17vw,96px)}.section-title{font-size:52px}
.showreel-transition{height:112vh;min-height:680px}.transition-layer{inset:-18vh -22vw}.transition-clutter{background-size:220vw auto;background-position:center bottom}.transition-title{left:5vw;top:calc(var(--nav-height) + 28px)}
.showreel{margin:-28vh auto 0}.project-grid{grid-template-columns:1fr;gap:22px}.clients h2{text-align:left}.footer-inner{align-items:flex-start;flex-direction:column}.footer-logo{width:42px}
}
@media(max-width:650px){
  .parallax-fg{
    width:190vw;
    bottom:-2vh;
  }
}
@media(max-width:650px){
  .showreel-transition{
    height:125vh !important;
    min-height:720px !important;
  }
  .reel-fg{
    width:190vw !important;
    top:60% !important;
  }
  .transition-title{
    left:5vw !important;
  }
}
@media(max-width:650px){
  .showreel-transition{
    height:125vh !important;
    min-height:720px !important;
  }
}
@media(max-width:650px){
  .showreel{
    margin-top:-14vh !important;
  }
}
@media(max-width:1000px){
  .showreel{
    margin-top:-42vh !important;
  }
}
@media(max-width:650px){
  .showreel{
    margin-top:-34vh !important;
  }
}
@media (max-width: 900px){
  .gif-slot{
    aspect-ratio: 1.55 / 1 !important;
    border-radius: 44px !important;
  }
}
@media (max-width: 980px){
  .about-section{
    padding:90px 0 110px !important;
  }

  .about-slashed-bg{
    height:70%;
    clip-path:polygon(0 100%, 0 74%, 48% 34%, 100% 34%, 100% 100%);
  }

  .about-divider span{
    left:-12%;
    width:88%;
    transform:rotate(-30deg);
  }

  .about-divider span:nth-child(1){ top:64%; }
  .about-divider span:nth-child(2){ top:61.9%; }
  .about-divider span:nth-child(3){ top:59.8%; }

  .about-inner{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }

  .about-art{
    justify-content:center;
    padding-top:8px;
  }

  .gif-slot{
    width:min(100%, 760px) !important;
    aspect-ratio:1.35 / 1 !important;
    border-radius:28px !important;
  }
}
@media (max-width: 640px){
  .about-section{
    padding:74px 0 96px !important;
  }

  .about-slashed-bg{
    height:66%;
    clip-path:polygon(0 100%, 0 78%, 54% 40%, 100% 40%, 100% 100%);
  }

  .about-divider span{
    left:-18%;
    width:118%;
    transform:rotate(-24deg);
  }

  .about-divider span:nth-child(1){ top:60%; }
  .about-divider span:nth-child(2){ top:58.2%; }
  .about-divider span:nth-child(3){ top:56.4%; }

  .about-copy p{
    max-width:100% !important;
  }

  .gif-slot{
    aspect-ratio:1.18 / 1 !important;
    border-radius:22px !important;
  }
}
@media (max-width: 980px){
  .about-section{
    padding:90px 0 110px !important;
  }

  .about-inner{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .about-art{
    min-height:auto !important;
  }

  .gif-slot{
    width:min(78vw, 560px) !important;
  }
}
@media (max-width: 640px){
  .about-section{
    padding:74px 0 96px !important;
  }

  .gif-slot{
    width:min(86vw, 420px) !important;
  }
}
@media (max-width: 980px){
  .about-inner{
    grid-template-columns:1fr !important;
  }

  .about-art{
    justify-content:center !important;
    min-height:auto !important;
  }

  .gif-slot{
    width:min(88vw, 680px) !important;
  }
}
@media (max-width: 640px){
  .gif-slot{
    width:min(92vw, 480px) !important;
  }
}