/* Responsive overrides for the imported homepage. */
html{scroll-padding-top:24px;-webkit-text-size-adjust:100%}
button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}
button,a,summary{touch-action:manipulation}
input,textarea{max-width:100%;font-size:16px!important}
section{min-width:0}
.home-nav{gap:24px}
.mobile-menu{display:none}
.email-help{font-size:13px;line-height:1.6;color:#a9b0b8;margin:0;overflow-wrap:anywhere}
#contact a{overflow-wrap:anywhere;max-width:100%}
.hero-actions>a,.hero-actions>button{min-height:48px;justify-content:center}
.hero-pause{min-height:44px}
@media(max-width:1050px){
  .home-nav{padding:20px 32px!important}
  .home-nav .desktop-links{gap:20px!important}
  .hero-copy{left:32px!important;right:32px!important;gap:28px!important}
  #hero h1{font-size:clamp(52px,7.2vw,76px)!important}
}
@media(max-width:800px){
  #hero{height:auto!important;min-height:100svh!important;display:flex;flex-direction:column;justify-content:flex-end;padding:160px 24px 36px}
  #hero .home-nav{padding:18px 24px!important;align-items:flex-start;flex-wrap:nowrap;z-index:5}
  #hero .desktop-links{display:none!important}
  .mobile-menu{display:block;position:relative;flex:none}
  .mobile-menu summary{list-style:none;display:flex;gap:10px;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:1px solid #ffffff66;background:#0a0b0dcc;color:#fff;font:600 12px Montserrat,Helvetica,sans-serif;cursor:pointer}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary:focus-visible{outline:2px solid #89cff0;outline-offset:3px}
  .mobile-menu>div{position:absolute;right:0;top:52px;width:220px;padding:8px;background:#101317;border:1px solid #39434b;box-shadow:0 15px 40px #0009}
  #hero .mobile-menu a{display:flex;align-items:center;min-height:48px;padding:12px;font-size:14px!important;color:#f4f5f6}
  #hero .hero-pause{top:84px;right:24px;padding:10px 12px}
  #hero .hero-copy{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%;display:block!important}
  #hero h1{font-size:clamp(40px,8.4vw,64px)!important;line-height:1.04!important}
  #hero .hero-copy p{font-size:16px!important;line-height:1.65!important;margin-top:22px!important}
  #hero .hero-copy>div:first-child>div:first-child{margin-bottom:20px!important;gap:10px!important}
  #hero .hero-copy>div:first-child>div:first-child span{font-size:10px!important;line-height:1.7;letter-spacing:.14em!important}
  #hero .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;margin-top:28px}
  .hero-actions .hero-play{grid-column:1/-1}
  #hero .hero-actions>a{font-size:10px!important;letter-spacing:.12em!important;padding:14px 10px!important}
  #services{padding:56px 24px!important}
  #work{padding:0 24px 48px!important}
  #about,#contact{padding:56px 24px!important}
  .case-layout,.about-layout,.contact-layout{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  #services h2,#work h2,#about h2{font-size:clamp(29px,6vw,38px)!important;line-height:1.18}
  #work h3{font-size:26px!important;overflow-wrap:anywhere}
  #contact h2{font-size:clamp(36px,8.5vw,52px)!important;line-height:1.1!important}
  #contact form{padding:24px!important}
  #contact form button{min-height:48px}
  #contact>div:last-child{margin-top:48px!important}
  #contact .contact-layout>div>div a{min-height:44px;display:flex;align-items:center;font-size:18px!important}
  .founder-facts{gap:24px!important}
  .founder-facts>div{min-width:100px}
  .founder-facts>div>div:first-child{font-size:28px!important}
  .metric-row{grid-template-columns:max-content minmax(0,1fr)!important;gap:12px!important}
  .metric-row>div:first-child{font-size:26px!important}
  .metric-row>div:last-child{font-size:10px!important;letter-spacing:.08em!important}
}
@media(max-width:360px){
  #hero{padding-left:18px;padding-right:18px}
  #hero .home-nav{padding-left:18px!important;padding-right:18px!important;gap:10px}
  #hero .home-nav>div:first-child{gap:8px!important}
  #hero .home-nav>div:first-child span{font-size:10px!important;letter-spacing:.16em!important}
  #hero .hero-pause{right:18px}
  #contact form{padding:18px!important}
}
@media(hover:none){
  #work img{transform:none!important}
  #work [style*="cursor: zoom-in"]{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
}