html,body{overflow-x:hidden}
img,video,svg,canvas{max-width:100%;height:auto}

.shell,.container,.content-wrap,.case-shell,.nav-shell,.reference-nav{
  width:min(1180px,calc(100% - 40px))!important;
  margin-inline:auto!important;
}

.site-header{z-index:1000!important}
.site-header .reference-nav,
.site-header .nav-shell,
.site-header .shell{position:relative!important}

.project-page main img,
.case-study main img,
body[class*="project"] main img,
main .browser-frame,
main .image-frame,
main .media-frame{border-radius:0!important}

@media(max-width:900px){
  .stack-card,.project-card,.case-card,.browser-frame,.image-frame,.media-frame{
    max-width:100%!important
  }
}

@media(max-width:640px){
  .shell,.container,.content-wrap,.case-shell,.nav-shell,.reference-nav{
    width:min(100% - 28px,1180px)!important
  }
  h1{overflow-wrap:anywhere}
}