@media (max-width: 760px) {
        html,
        body {
          max-width: 100%;
          overflow-x: clip;
        }

        body.is-public .header-shell {
          min-width: 0;
          max-width: 100%;
          justify-content: space-between;
        }

        body.is-public .site-nav {
          min-width: 0;
          flex: 0 0 auto;
        }

        body.is-public .nav-toggle {
          width: auto;
          max-width: calc(100vw - 210px);
          flex: 0 0 auto;
          white-space: nowrap;
        }

        main {
          max-width: 100%;
          overflow-x: clip;
        }

        body.is-public .cookie-floating-button {
          right: auto;
          width: auto;
          min-width: 0;
          min-height: 42px;
          max-width: calc(100vw - 28px);
          padding: 11px 16px;
          border-radius: 999px;
          line-height: 1;
          white-space: nowrap;
        }

        .page-hero,
        .section-heading,
        .landing-hero-copy,
        .school-hero-copy,
        .hotel-hero-copy,
        .centers-hero-copy,
        .workspace-hero-copy,
        .client-hero-copy {
          width: 100%;
          min-width: 0;
          max-width: 100%;
        }

        :is(
          .page-hero,
          .section-heading,
          .landing-hero-copy,
          .school-hero-copy,
          .hotel-hero-copy,
          .centers-hero-copy,
          .workspace-hero-copy,
          .client-hero-copy
        ) > * {
          width: 100%;
          min-width: 0;
          max-width: 100%;
        }

        :is(
          .page-hero,
          .section-heading,
          .landing-hero-copy,
          .school-hero-copy,
          .hotel-hero-copy,
          .centers-hero-copy,
          .workspace-hero-copy,
          .client-hero-copy
        ) :is(h1, h2, h3, p, li, span, strong) {
          overflow-wrap: break-word;
        }
      }

      @media (max-width: 420px) {
        body.is-public .header-shell {
          padding-left: 16px;
          padding-right: 16px;
        }

        body.is-public .brand img {
          width: min(156px, 48vw);
        }

        body.is-public .nav-toggle {
          width: 46px;
          min-width: 46px;
          max-width: none;
          justify-content: center;
          padding-left: 0;
          padding-right: 0;
        }

        body.is-public .nav-toggle span:first-child {
          position: absolute;
          width: 1px;
          height: 1px;
          overflow: hidden;
          clip: rect(0 0 0 0);
          white-space: nowrap;
        }
      }