@media(max-width:600px) {
  .section {
    padding-top:44px;
    padding-bottom:44px;
  }
  .section-label {
    margin-bottom:26px;
  }
  .page-heading {
    padding-top:112px;
    padding-bottom:36px;
  }
  .page-heading h1 {
    margin-bottom:18px;
  }
  .hero {
    height:auto;
    min-height:650px;
    max-height:none;
    padding-top:76px;
    padding-bottom:60px;
  }
  .hero-copy {
    padding-top:160px;
  }
  .hero-copy .eyebrow {
    margin-bottom:16px;
  }
  .hero-bottom {
    margin-top:22px;
    gap:18px;
  }
  .hero-bottom p {
    padding-top:0;
  }
  .hero-foot {
    bottom:18px;
  }
  .ad-world {
    top:106px;
    bottom:auto;
    left:5%;
    right:5%;
    height:105px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
    align-items:center;
  }
  .hero .float-ad {
    position:relative;
    inset:auto;
    width:100%;
    height:90px;
    transform:rotate(-5deg);
    translate:none!important;
  }
  .hero .float-ad:nth-child(even) {
    transform:rotate(5deg);
  }
  .float-ad>span {
    font-size:4px;
    padding:4px;
  }
  .hero .tiny-note {
    display:none;
  }
  .click-sequence {
    height:155vh;
  }
  .statement-bottom {
    margin-top:24px;
  }
  .brand-stats {
    margin-top:26px;
    padding-top:22px;
    gap:24px;
  }
  .services-heading {
    margin-bottom:26px;
  }
  .services-heading>p {
    margin-top:18px;
  }
  .service-journey {
    gap:22px;
  }
  .service-art {
    height:220px;
  }
  .service-trigger {
    padding:16px 0;
  }
  .service-content {
    padding-bottom:20px;
  }
  .services-page .service-stack-card {
    margin-bottom:24px;
  }
  .service-stack-visual {
    min-height:180px;
  }
  .service-stack-copy {
    padding:22px 20px 26px;
  }
  .services-page .service-stack-copy .service-content p {
    margin-bottom:12px;
  }
  .services-page .service-content ul {
    margin:12px 0 18px;
  }
  .experiment {
    padding-top:44px;
    padding-bottom:44px;
    min-height:0;
  }
  .experiment .explosion {
    height:370px;
    margin-top:20px;
  }
  .experiment-hint {
    margin-top:10px;
  }
  .experiment .experiment-result {
    margin-top:16px;
  }
  .work {
    padding-top:40px;
    padding-bottom:30px;
  }
  .work-head {
    margin-top:22px;
    margin-bottom:22px;
  }
  .results .section-label {
    margin-bottom:24px;
  }
  .case-study {
    min-height:0;
    padding:44px var(--pad);
  }
  .case-content {
    position:relative;
  }
  .case-content h2 {
    margin:24px 0;
  }
  .case-stats {
    margin-top:24px;
    margin-bottom:24px;
  }
  .case-process {
    margin-top:30px;
  }
  .philosophy {
    padding-top:52px;
    padding-bottom:52px;
  }
  .philosophy h2 {
    margin-top:22px;
    margin-bottom:24px;
  }
  .gallery-grid {
    margin-top:28px;
    gap:16px;
  }
  .contact {
    padding-top:44px;
    padding-bottom:44px;
  }
  .contact>div:last-child {
    margin-top:30px;
    gap:24px;
  }
  .footer-main {
    gap:28px;
  }
  .footer-bottom {
    margin-top:28px;
    padding-top:22px;
  }
  .client-logos {
    padding:40px 0;
  }
  .client-logos-heading {
    margin-bottom:24px;
  }
  .client-wordmark {
    height:70px;
  }
  .team h2 {
    margin-top:24px;
    margin-bottom:28px;
  }
  .team-grid {
    gap:22px;
  }
  .team-member {
    padding-bottom:12px;
  }
  .team-portrait {
    aspect-ratio:1.5;
  }
  .enquiry-section {
    padding-bottom:44px;
    gap:24px;
  }
  .enquiry-section h2 {
    margin-top:10px;
    margin-bottom:18px;
  }
  .enquiry-section a {
    margin:12px 0;
  }
  #enquiry-form {
    gap:18px;
  }
  .portfolio-sequence {
    margin-top:22px;
  }
  #work {
    padding-top:40px;
  }
  dialog {
    padding:35px 22px;
  }
  dialog h2 {
    margin:18px 0;
    font-size:30px;
  }
}