/*
Theme Name: MASS.nz One Page
Theme URI: https://mass.nz
Author: MASS.nz
Description: Pixel-matched one-page WordPress theme for MASS.nz.
Version: 1.0.0
Text Domain: mass-nz
*/

:root {
  --page-max: 1024px;
  --bg: #050607;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); }
body { overflow-x: hidden; }

.mass-page {
  position: relative;
  width: min(100%, var(--page-max));
  margin: 0 auto;
  background: #050607;
  line-height: 0;
}

.mass-page__image {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
}

.mass-hotspot {
  position: absolute;
  display: block;
  z-index: 3;
  line-height: normal;
  text-decoration: none;
  background: rgba(255,255,255,0);
  border: 0;
  outline: 0;
}

.mass-hotspot:focus-visible {
  outline: 2px solid rgba(255,255,255,.9);
  outline-offset: 3px;
}

/* Brand tile hotspots: x, y, width and height are percentages of the full artwork. */
.mass-hotspot--shadow      { left: 2.93%; top: 61.59%; width: 23.34%; height: 13.02%; }
.mass-hotspot--heavy       { left: 26.66%; top: 61.59%; width: 22.56%; height: 13.02%; }
.mass-hotspot--peptelle    { left: 49.61%; top: 61.59%; width: 23.14%; height: 13.02%; }
.mass-hotspot--luxe        { left: 73.34%; top: 61.59%; width: 23.63%; height: 13.02%; }
.mass-hotspot--turk        { left: 2.93%; top: 74.87%; width: 23.34%; height: 13.02%; }
.mass-hotspot--queen       { left: 26.66%; top: 74.87%; width: 22.56%; height: 13.02%; }
.mass-hotspot--guard       { left: 49.61%; top: 74.87%; width: 23.14%; height: 13.02%; }
.mass-hotspot--needle      { left: 73.34%; top: 74.87%; width: 23.63%; height: 13.02%; }
.mass-hotspot--email       { left: 34%; top: 95.7%; width: 32%; height: 2.4%; }

@media (min-width: 1025px) {
  body::before,
  body::after {
    content: "";
    position: fixed;
    inset: 0 auto 0 0;
    width: calc((100vw - var(--page-max)) / 2);
    background: #050607;
    z-index: -1;
  }
  body::after { left: auto; right: 0; }
}