/* Responsive layouts and reduced-motion defaults. */ @media(max-width:1180px){
  .hero-grid{
    grid-template-columns:1fr
  }
  .workspace-wrap{
    max-width:680px;
    margin:20px auto 0
  }
  .workspace-wrap{
    padding-bottom:0
  }
  .floating-code-file{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    margin-top:14px;
    transform:none
  }
  .code-tether{
    display:none
  }
  .section-head,.about-grid,.contact-panel{
    grid-template-columns:1fr
  }
  .services,.process-grid{
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:820px){
  .nav-links,.nav-actions .btn{
    display:none
  }
  .menu-btn{
    display:grid;
    place-items:center
  }
  .nav.open .nav-links{
    display:grid;
    position:absolute;
    left:20px;
    right:20px;
    top:80px;
    padding:12px;
    border-radius:22px;
    background:rgba(7,10,16,.97);
    box-shadow:var(--shadow)
  }
  .nav.open .nav-links a{
    padding:13px 14px
  }
  .hero{
    padding-top:54px
  }
  .hero-proof{
    grid-template-columns:1fr
  }
  .evidence-grid{
    grid-template-columns:repeat(2,1fr)
  }
  .work-grid{
    grid-template-columns:1fr;
    max-width:760px;
    margin:auto
  }
  .idea-layout{
    grid-template-columns:1fr
  }
  .wish-panel{
    display:none!important
  }
  .idea-layout{
    grid-template-columns:1fr
  }
  .process-grid{
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:760px),(hover:none) and (pointer:coarse){
  .workspace-wrap{
    display:none
  }
  .wish-panel{
    display:none!important
  }
  .idea-layout{
    grid-template-columns:1fr
  }
  .work-card__external{
    display:none
  }
  .work-card{
    top:0!important
  }
  .work-card:hover{
    top:0
  }
}
@media(max-width:640px){
  .shell{
    width:min(100% - 26px,var(--max))
  }
  .section{
    padding:64px 0
  }
  .hero{
    padding:58px 0 38px
  }
  .hero h1{
    font-size:clamp(40px,13vw,60px);
    line-height:1.01
  }
  .hero-actions{
    display:grid
  }
  .hero-actions .btn{
    width:100%;
    min-height:50px
  }
  .hero-reassurance{
    text-align:center
  }
  .evidence{
    padding-bottom:54px
  }
  .evidence-item{
    min-height:68px;
    padding:13px;
    font-size:12.5px
  }
  .section-head{
    gap:16px
  }
  .services,.process-grid{
    grid-template-columns:1fr
  }
  .work-grid{
    gap:18px
  }
  .work-card{
    min-height:0;
    border-radius:25px
  }
  .work-card__media{
    margin:12px 12px 0;
    border-radius:18px
  }
  .work-card__body{
    padding:18px
  }
  .work-card__summary{
    font-size:15.5px
  }
  .about-card,.profile-card{
    padding:23px
  }
  .profile-row,.contact-row{
    grid-template-columns:1fr;
    gap:3px
  }
  .contact-panel{
    padding:22px;
    border-radius:32px
  }
  .form-row{
    grid-template-columns:1fr
  }
  .form-bottom{
    align-items:stretch
  }
  .form-bottom .btn{
    width:100%
  }
  .direct-buttons{
    grid-template-columns:1fr
  }
  .brand-text span{
    display:none
  }
}
@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto
  }
  *,*::before,*::after{
    animation-duration:.001ms!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important
  }
  .reveal{
    opacity:1;
    transform:none
  }
}