/** Shopify CDN: Minification failed

Line 81:2 Expected "}" to go with "{"

**/
@font-face {
  font-family: 'FranklinGothicDemi';
  src: url('//www.compartmento.com.au/cdn/shop/t/5/assets/FranklinGothicDemi.woff2?v=82853049439141496401745542120') format('woff2'),
       url('//www.compartmento.com.au/cdn/shop/t/5/assets/FranklinGothicDemi.woff?v=146182805174309350061745542102') format('woff'),
       url('//www.compartmento.com.au/cdn/shop/t/5/assets/FranklinGothicDemi.ttf?v=169366269279334707991745543234') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

#brand-hero {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  /* never wrap onto two lines */
  white-space: nowrap;

  /* pick a font-size that scales with viewport width,
     but never smaller than 8rem or larger than 16rem */
  font-size: clamp(20rem, 20vw, 16rem);

  /* tweak spacing to taste */
  letter-spacing: -2.4rem;
  line-height: 1;

  font-family: 'FranklinGothicDemi', Arial, sans-serif;
  font-weight: 600;

  z-index: 50;
  pointer-events: none;
}

footer,
.footer-group,
.site-footer {
  position: relative; /* establish a stacking context */
  z-index: 60;        /* higher than hero’s 50 */
}

/* MOBILE HERO OVERRIDES */
@media screen and (max-width: 750px) {
  #brand-hero {
    /* Sit above the sticky mobile header */
    z-index: 999 !important;

    /* Shift it up slightly so it’s centered in the remaining viewport */
    top: 35% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    /* Scale responsively on phones: 
       never smaller than 4rem, ideally 25vw, never larger than 10rem */
    font-size: clamp(3rem, 12vw, 6rem);

    /* Prevent line‐breaks on very narrow screens */
    white-space: nowrap;
      /* Loosen up the tracking on phones */
    letter-spacing: -.6rem !important;
  }

  @media screen and (max-width: 750px) {
      #brand-hero {
    z-index: 50 !important;
  }

      #brand-hero {
    z-index: 0 !important;
  }