:root{--header-height:84px}
html{scroll-snap-type:y proximity;scroll-padding-top:0}
header{height:var(--header-height);position:absolute;top:0;left:0;right:0;z-index:40;background:var(--paper)}
header .brand{width:140px;flex-shrink:0}
header nav{font-size:17px;gap:32px}
header .nav-cta{padding:10px 18px}
main>section{min-height:100svh;scroll-snap-align:start;scroll-snap-stop:normal;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:clamp(52px,8svh,96px);padding-bottom:clamp(52px,8svh,96px)}
main>.hero{min-height:100svh;padding-top:calc(var(--header-height) + 48px);padding-bottom:70px;justify-content:center}
.hero h1{font-size:clamp(46px,5.45vw,83px)}
main>.clients{gap:0;padding-top:80px;padding-bottom:80px}
.clients>.wrap{width:100%}.clients h2{max-width:620px;font-size:clamp(30px,3.2vw,46px);margin-bottom:65px}.logo-item{height:120px}.logo-item img{height:100px}
main>.services{padding-top:48px;padding-bottom:48px}.services .section-intro{margin-bottom:30px}.services .section-intro>div>p{font-size:17px;line-height:1.5;margin-bottom:18px}.services .section-intro h2{font-size:clamp(36px,3.6vw,50px)}.service-list>a{padding:20px 0}.service-list h3{font-size:28px}.service-list p{font-size:16px;line-height:1.5}
main>.work{padding-top:48px;padding-bottom:48px}.work>.wrap{width:100%}.work .section-heading{margin-bottom:0;gap:30px;align-items:center}.work .section-heading>div{display:grid;grid-template-columns:260px minmax(0,1fr);gap:25px;align-items:center;flex:1}.work .section-heading h2{font-size:46px}.work-intro{margin:0;font-size:16px;line-height:1.5}.work .section-heading>.text-link{font-size:17px}.case-gallery{margin-top:30px;padding-bottom:0;flex-shrink:0}.project-image{height:clamp(190px,35svh,330px);aspect-ratio:auto}.gallery-controls{margin-top:20px}
main>.about-band>.wrap,main>.ai-section>.wrap,main>.contact-band>.wrap{width:100%}
.about-band .section-intro{margin-bottom:48px}.about-band .stats{margin-bottom:30px;padding:30px 0}
main>.testimonial{justify-content:center}.testimonial blockquote{margin:55px 0 35px;font-size:clamp(30px,3.6vw,50px);line-height:1.3}.testimonial .quote-credit{width:100%}
main>.faq{display:grid;align-content:center;align-items:center;grid-template-columns:1fr 1.2fr;gap:10%}.faq-list details{padding:19px 0}
main>.contact-band{min-height:100svh}.contact-band h2{font-size:clamp(48px,5.4vw,76px)}
footer{scroll-snap-align:start}
@media(min-width:1600px){.hero h1{font-size:79px}}
@media(max-width:1000px){header nav{gap:22px}.work .section-heading>div{grid-template-columns:1fr}.work-intro{max-width:600px}.work .section-heading h2{font-size:42px}.work .section-heading h2 br{display:none}.project-image{height:clamp(200px,34svh,300px)}main>.services{padding-block:60px}}
@media(max-width:680px){
  :root{--header-height:76px}html{scroll-snap-type:none}
  header .brand{width:128px}header{height:var(--header-height)}header nav{top:var(--header-height)}
  main>section{min-height:100svh;padding-top:55px;padding-bottom:55px;scroll-snap-align:none}
  main>.hero{padding-top:calc(var(--header-height) + 44px);padding-bottom:60px;min-height:100svh}.hero h1{font-size:clamp(43px,10.3vw,65px)}
  main>.clients{padding-top:65px;padding-bottom:65px}.clients h2{font-size:30px;max-width:360px;margin-bottom:45px}.logo-item{height:100px}.logo-item img{height:90px}
  .services .section-intro{gap:30px;margin-bottom:30px}.services .section-intro h2{font-size:39px}.service-list>a{padding:23px 0}.service-list h3{font-size:28px}
  main>.work{padding-top:55px;padding-bottom:55px}.work .section-heading{align-items:flex-start;gap:24px}.work .section-heading>div{display:block}.work .section-heading h2{font-size:43px}.work .section-heading h2 br{display:block}.work-intro{font-size:17px;margin-top:22px}.project-image{height:36svh;min-height:240px;max-height:380px}.case-gallery{margin-top:30px}.gallery-controls{margin-top:30px}
  .about-band .stats{padding:25px 0}.testimonial blockquote{font-size:30px;margin:38px 0 30px}
  main>.faq{grid-template-columns:1fr;gap:32px}.contact-band h2{font-size:46px}
}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none;scroll-behavior:auto}}