@font-face {
  font-family: "ABC Diatype";
  src: url("../assets/fonts/ABCDiatype-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Area Normal";
  src: url("../assets/fonts/area-normal-600.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Area Normal";
  src: url("../assets/fonts/area-normal-600.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Spec measured from the 1024px comp. --s is one comp pixel. */
/* Keep spinning discs from widening the page. The extra width showed the black html background. */
html:has(body[data-home-redo="true"]) {
  overflow-x: clip;
  background: #fff;
}

body[data-home-redo="true"] {
  --s: calc(100vw / 1024);
  --ink: #000;
  --kicker: #939393;
  --rule: #4b4b4b;
  position: relative;
  margin: 0;
  background: #fff;
  color: var(--ink);
  font-family: "ABC Diatype", sans-serif;
  font-weight: 500;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

@media (hover: hover) and (pointer: fine) {
  body[data-home-redo="true"],
  body[data-home-redo="true"] * {
    cursor: none !important;
  }

  body[data-home-redo="true"] .qh-cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147483646;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ffe500;
    pointer-events: none;
    opacity: 0;
    transform: translate(-100px, -100px);
    transition:
      width 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      height 0.35s cubic-bezier(0.22, 1, 0.36, 1),
      background-color 0.35s ease;
  }

  body[data-home-redo="true"] .qh-cursor.is-shot,
  body[data-home-redo="true"] .qh-cursor.is-link {
    width: 64px;
    height: 64px;
  }

  body[data-home-redo="true"] .qh-cursor.is-shot {
    background: #e10600;
  }

  body[data-home-redo="true"] .qh-cursor.is-link {
    background: #0047ff;
  }

  body[data-home-redo="true"][data-page="missing"] .qh-cursor,
  body[data-home-redo="true"][data-page="missing"] .qh-cursor.is-shot,
  body[data-home-redo="true"][data-page="missing"] .qh-cursor.is-link {
    width: 9.25rem;
    height: 9.25rem;
    background: #39ff14;
    box-shadow:
      0 0 0 14px #39ff14,
      0 0 42px 12px #39ff14;
  }
}

body[data-home-redo="true"] .page--home-redo {
  max-width: none;
  margin: 0;
  padding: 0;
}

body[data-home-redo="true"] .qh-sheet {
  width: 100%;
}

body[data-home-redo="true"] .qh-navstick {
  --dock: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 40;
  min-height: 0;
  background: transparent;
  overflow: visible;
  pointer-events: none;
}

body[data-home-redo="true"] .qh-bar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 1.5rem;
  min-height: 3.4rem;
  padding: 0.85rem var(--qh-gutter, 0.575rem);
  overflow: visible;
  position: relative;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) {
  --dot: 1.75rem;
  --disc-full: clamp(13.5rem, 20vw, 17.5rem);
  --disc-min: clamp(6.75rem, 9.2vw, 7.75rem);
  --disc: var(--disc-full);
  --from: calc(var(--dot) / 17.5rem);
}

body[data-home-redo="true"][data-page="project"] .qh-navstick {
  --dock: 0;
}

body[data-home-redo="true"][data-page="project"] .qh-navstick.is-slim {
  --dock: 1;
}

body[data-home-redo="true"][data-page="home"] .qh-bar,
body[data-home-redo="true"][data-page="info"] .qh-bar,
body[data-home-redo="true"][data-page="project"] .qh-bar {
  grid-template-columns: auto 1fr;
  grid-template-areas: "logo nav";
  align-items: center;
  gap: 1rem 1.5rem;
  min-height: var(--disc);
  padding: 1.35rem;
}

body[data-home-redo="true"][data-page="home"] {
  --qh-gutter: 0.575rem;
  --qh-corner: 0.55rem;
  --qh-stack: 16.5rem;
  --home-life: 0;
  --home-lean: 0;
  --bar-h: 2.85rem;
  --home-disc: clamp(13.5rem, 17.5vw, 16rem);
  --home-disc-y: clamp(11rem, 14vw, 13rem);
  --home-disc-r: clamp(10rem, 12.5vw, 11.5rem);
  --home-disc-max: var(--home-disc);
  --orbit-x: calc(var(--qh-corner) + var(--home-disc) * 0.56);
  --orbit-y: calc(var(--qh-corner) + var(--home-disc) * 0.56);
  --orbit-spread: clamp(9.5rem, 12.5vw, 12.75rem);
  --orbit-travel: clamp(0.85rem, 1.2vw, 1.25rem);
  --info-display: clamp(2.25rem, 4.4vw, 3.35rem);
  --menu-ease: cubic-bezier(0.22, 1.12, 0.36, 1);
  --enter-ease: cubic-bezier(0.16, 1.05, 0.28, 1);
  --disc-blue: #0047ff;
  overflow-x: clip;
  background: #fff;
}

body[data-home-redo="true"][data-page="home"] .page--home-redo {
  padding: 0.85rem var(--qh-gutter) clamp(3.5rem, 8vh, 5.5rem);
}

body[data-home-redo="true"][data-page="project"],
body[data-home-redo="true"][data-page="info"] {
  --qh-gutter: 0.575rem;
}

/* Logo mark — stays in the nav slot: blue dot → flower play → open still */
body[data-home-redo="true"][data-page="home"] .qh-logo-anim {
  position: relative;
  display: block;
  width: var(--qh-mark, 2.15rem);
  height: var(--qh-mark, 2.15rem);
  margin: 0;
  overflow: hidden;
  pointer-events: none;
  border-radius: 50%;
  background: #0047ff;
  transform-origin: top left;
}

body[data-home-redo="true"][data-page="home"] .qh-logo-anim__still,
body[data-home-redo="true"][data-page="home"] .qh-logo-anim__video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  background: transparent;
  opacity: 0;
  transform: none;
  transform-origin: center center;
}

body[data-home-redo="true"][data-page="home"] .qh-logo-anim__still {
  z-index: 1;
}

body[data-home-redo="true"][data-page="home"] .qh-logo-anim__video {
  z-index: 2;
}

/* First paint / before play: solid blue disc */
body[data-home-redo="true"][data-page="home"] .qh-logo-anim.is-dot {
  background: #0047ff;
}

body[data-home-redo="true"][data-page="home"] .qh-logo-anim.is-dot .qh-logo-anim__still,
body[data-home-redo="true"][data-page="home"] .qh-logo-anim.is-dot .qh-logo-anim__video {
  opacity: 0;
}

/* Playing the flower open */
body[data-home-redo="true"][data-page="home"] .qh-logo-anim.is-playing {
  background: #fff;
}

body[data-home-redo="true"][data-page="home"] .qh-logo-anim.is-playing .qh-logo-anim__video {
  opacity: 1;
}

/* Settled open flower */
body[data-home-redo="true"][data-page="home"] .qh-logo-anim.is-still {
  background: #fff;
}

body[data-home-redo="true"][data-page="home"] .qh-logo-anim.is-still .qh-logo-anim__still {
  opacity: 1;
}

body[data-home-redo="true"][data-page="home"] .qh-logo-anim.is-still .qh-logo-anim__video {
  opacity: 0;
}


/* Full-page logo intro retired — keep content visible if class lingers */
html.is-logo-intro body[data-home-redo="true"][data-page="home"] .home-hero__copy,
html.is-logo-intro body[data-home-redo="true"][data-page="home"] .qh-mosaic,
html.is-logo-intro body[data-home-redo="true"][data-page="home"] .qh-foot,
html.is-logo-intro body[data-home-redo="true"][data-page="home"] .qh-stick,
body[data-home-redo="true"][data-page="home"].is-logo-intro .home-hero__copy,
body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-mosaic,
body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-foot,
body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-stick {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html.is-logo-intro body[data-home-redo="true"][data-page="home"] .qh-logo-anim,
body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-logo-anim {
  width: var(--qh-mark, 2.15rem) !important;
  height: var(--qh-mark, 2.15rem) !important;
  max-width: none !important;
  max-height: none !important;
}

html.is-logo-intro body[data-home-redo="true"][data-page="home"] .qh-navstick,
body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-navstick {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  background: transparent !important;
}

/* Hide RGB disc chrome — logo mark replaces it */
body[data-home-redo="true"][data-page="home"] .qh-bar,
body[data-home-redo="true"][data-page="home"] .qh-logo,
body[data-home-redo="true"][data-page="home"] .qh-projects,
body[data-home-redo="true"][data-page="home"] .qh-nav a {
  display: none !important;
}

body[data-home-redo="true"][data-page="home"] .qh-navstick {
  position: relative !important;
  top: auto !important;
  right: auto;
  left: auto;
  bottom: auto;
  z-index: 2;
  width: 100%;
  height: auto !important;
  min-height: 0;
  margin: 0 0 2.65rem;
  overflow: visible;
  pointer-events: none;
  transform: none !important;
}

body[data-home-redo="true"][data-page="home"] .page--home-redo {
  padding: 0.85rem var(--qh-gutter) clamp(3.5rem, 8vh, 5.5rem);
}

body[data-home-redo="true"][data-page="home"] .home-hero {
  position: relative;
  z-index: 2;
  display: block;
  min-height: 0;
  padding: 0 0 2.5rem !important;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-studio-line {
  display: none;
}

/* Disc stage scrolls away with the page — no sticky header */
body[data-home-redo="true"][data-page="home"] .qh-navstick {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 50;
  height: calc(
    var(--orbit-y) + var(--home-disc) * 0.5 + var(--orbit-spread) + var(--orbit-travel) +
      var(--qh-corner)
  );
  min-height: 0;
  overflow: visible;
  pointer-events: none;
}

body[data-home-redo="true"][data-page="home"] .qh-bar {
  position: absolute;
  inset: 0;
  display: block;
  min-height: 0;
  padding: 0;
  pointer-events: none;
}

body[data-home-redo="true"][data-page="home"] .qh-topnav {
  display: none;
}

body[data-home-redo="true"][data-page="home"] .qh-inline-dot {
  display: inline-block;
  width: 0.72em;
  height: 0.72em;
  margin: 0 0.08em -0.06em;
  border-radius: 50%;
  background: #0047ff;
  vertical-align: baseline;
}

/* Sticky nav bar — shared mobile + desktop (never neon green) */
body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-stick {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483000;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0.45rem var(--qh-gutter);
  background: transparent !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  pointer-events: none;
  isolation: isolate;
  transition:
    background-color 0.35s ease,
    backdrop-filter 0.35s ease,
    padding 0.35s ease,
    opacity 0.35s ease,
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0.35s ease;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]).is-stick-open {
  overflow: hidden;
}

/* Project interiors: sticky transparent header over media */
body[data-home-redo="true"][data-page="project"] .qh-stick,
body[data-home-redo="true"][data-page="project"] .qh-stick.is-studio {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  background: transparent !important;
  background-color: transparent !important;
}

body[data-home-redo="true"][data-page="project"] .qh-stick.is-studio .qh-stick-top,
body[data-home-redo="true"][data-page="project"] .qh-stick.is-studio.is-scrolled,
body[data-home-redo="true"][data-page="project"] .qh-stick.is-studio.is-scrolled .qh-stick-top {
  background: transparent !important;
  background-color: transparent !important;
}

/* Adaptive nav ink against images under the sticky bar */
body[data-home-redo="true"][data-page="project"] .qh-stick.is-studio .qh-stick-mark.is-wordmark img {
  filter: none;
  transition: filter 0.18s ease;
}

body[data-home-redo="true"][data-page="project"] .qh-stick.is-studio .qh-stick-projects,
body[data-home-redo="true"][data-page="project"] .qh-stick.is-studio .qh-stick-info-link {
  color: #111;
  -webkit-text-fill-color: #111;
  transition: color 0.18s ease, -webkit-text-fill-color 0.18s ease;
}

body[data-home-redo="true"][data-page="project"].is-nav-ink-light .qh-stick.is-studio .qh-stick-mark.is-wordmark img {
  filter: brightness(0) invert(1) !important;
}

body[data-home-redo="true"][data-page="project"].is-nav-ink-light .qh-stick.is-studio .qh-stick-projects,
body[data-home-redo="true"][data-page="project"].is-nav-ink-light .qh-stick.is-studio .qh-stick-info-link {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-home-redo="true"][data-page="project"] .qh-stick.is-away:not(.is-open) {
  opacity: 1;
  visibility: visible;
  transform: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-stick.is-open {
  bottom: auto;
  height: auto;
  min-height: 0;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.85rem;
  padding-bottom: 4.5rem;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.82) 0%,
    rgba(255, 255, 255, 0.55) 58%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.35);
  backdrop-filter: blur(22px) saturate(1.35);
  -webkit-mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 62%,
    transparent 100%
  );
  mask-image: linear-gradient(to bottom, #000 0%, #000 62%, transparent 100%);
  pointer-events: auto;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-emoji-egg {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  pointer-events: auto;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-emoji-cycle {
  position: relative;
  z-index: 1;
  display: none;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 0.4rem;
  margin: 0;
  padding: 0.28rem 0.75rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  font-size: 1.45rem;
  line-height: 1;
  transition:
    background-color 0.2s ease,
    filter 0.2s ease;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-emoji-egg:hover .qh-emoji-cycle,
body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-emoji-egg:focus-visible .qh-emoji-cycle,
body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-emoji-egg[aria-pressed="true"] .qh-emoji-cycle {
  background: transparent;
  filter: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-burger {
  display: none !important;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-emoji-dot {
  display: block;
  flex: none;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  background: #0047ff;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-emoji-arrow {
  display: block;
  color: #111;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1;
  transform: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-emoji-paint {
  display: block;
  flex: none;
  width: 1.2em;
  text-align: center;
  line-height: 1;
  transform-origin: center;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-stick-menu {
  position: relative;
  z-index: 2;
  display: flex;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  max-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-0.35rem);
  transform-origin: top center;
  transition:
    max-height 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.28s ease,
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-stick-menu[hidden] {
  display: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-stick.is-open .qh-stick-menu {
  max-height: min(92dvh, 56rem);
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-stick-menu__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  width: 100%;
  padding: 0 0.15rem;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-stick-menu a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 3.15rem;
  padding: 0.85rem 1.25rem;
  border: 0;
  border-radius: 999px;
  color: #111;
  font-size: 1.22rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-stick-menu a.is-r,
body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-stick-menu a.is-y,
body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-stick-menu a.is-b,
body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-stick-menu a.is-home {
  background: transparent !important;
  background-color: transparent !important;
  color: #111 !important;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-emoji-paint.is-pop {
  animation: qh-emoji-pop 0.18s ease;
}

@keyframes qh-emoji-pop {
  0% {
    opacity: 0.15;
    transform: scale(0.82);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

body[data-home-redo="true"][data-page="home"] .home-hero__copy.is-emoji-lede {
  letter-spacing: 0;
  line-height: 1.4;
}

body[data-home-redo="true"][data-page="home"] .qh-cluster,
body[data-home-redo="true"][data-page="home"] .qh-nav {
  display: contents;
}

body[data-home-redo="true"][data-page="home"] .qh-logo,
body[data-home-redo="true"][data-page="info"] .qh-logo,
body[data-home-redo="true"][data-page="project"] .qh-logo {
  grid-area: logo;
  justify-self: start;
}

body[data-home-redo="true"][data-page="home"] .qh-logo,
body[data-home-redo="true"][data-page="home"] .qh-nav {
  justify-self: stretch;
}

body[data-home-redo="true"][data-page="home"] .qh-icon,
body[data-home-redo="true"][data-page="info"] .qh-icon,
body[data-home-redo="true"][data-page="project"] .qh-icon {
  display: none;
}

body[data-home-redo="true"][data-page="home"] .qh-nav,
body[data-home-redo="true"][data-page="info"] .qh-nav,
body[data-home-redo="true"][data-page="project"] .qh-nav {
  grid-area: nav;
  justify-self: end;
  align-self: center;
  margin-top: 0;
}

@property --logo-w {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}

@property --disc {
  syntax: "<length>";
  inherits: true;
  initial-value: 12rem;
}

@property --dock {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}

@property --home-dock {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}

body[data-home-redo="true"] .qh-icon {
  display: block;
  position: relative;
  z-index: 2;
  width: 9.5rem;
  height: 1.7rem;
  overflow: visible;
  color: inherit;
}

body[data-home-redo="true"] .qh-icon img {
  display: block;
  width: 100%;
  height: auto;
  transform-origin: 50% 50%;
  animation: qh-icon-spin 36s linear infinite;
}

body[data-home-redo="true"][data-page="home"] .qh-logo,
body[data-home-redo="true"][data-page="info"] .qh-logo,
body[data-home-redo="true"][data-page="project"] .qh-logo,
body[data-home-redo="true"][data-page="home"] .qh-nav a,
body[data-home-redo="true"][data-page="info"] .qh-nav a,
body[data-home-redo="true"][data-page="project"] .qh-nav a {
  isolation: isolate;
}

body[data-home-redo="true"][data-page="info"] .qh-logo::before,
body[data-home-redo="true"][data-page="project"] .qh-logo::before,
body[data-home-redo="true"][data-page="info"] .qh-nav a::before,
body[data-home-redo="true"][data-page="project"] .qh-nav a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: var(--disc);
  height: var(--disc);
  border-radius: 50%;
  pointer-events: none;
  animation: qh-disc-in 0.85s cubic-bezier(0.22, 1.16, 0.36, 1) both;
}

body[data-home-redo="true"][data-page="home"] .qh-logo::before,
body[data-home-redo="true"][data-page="info"] .qh-logo::before,
body[data-home-redo="true"][data-page="project"] .qh-logo::before {
  background: #0047ff;
}

body[data-home-redo="true"][data-page="home"] .qh-nav a::before,
body[data-home-redo="true"][data-page="info"] .qh-nav a::before,
body[data-home-redo="true"][data-page="project"] .qh-nav a::before {
  background: #e10600;
  animation-delay: 0.1s;
}

body[data-home-redo="true"][data-page="home"] .qh-logo .qh-mark,
body[data-home-redo="true"][data-page="info"] .qh-logo .qh-mark,
body[data-home-redo="true"][data-page="project"] .qh-logo .qh-mark {
  position: relative;
  z-index: 1;
  filter: none;
  animation: qh-label-spin-in 0.85s cubic-bezier(0.55, 0, 0.15, 1) both;
}

/* Force glyphs white — invert alone left a warm TM fringe from the H cover plate */
body[data-home-redo="true"][data-page="home"] .qh-logo .qh-mark img,
body[data-home-redo="true"][data-page="info"] .qh-logo .qh-mark img,
body[data-home-redo="true"][data-page="project"] .qh-logo .qh-mark img {
  filter: brightness(0) invert(1);
}

body[data-home-redo="true"] .qh-disc-label {
  display: inline-block;
}

body[data-home-redo="true"][data-page="home"] .qh-projects .qh-disc-label,
body[data-home-redo="true"][data-page="info"] .qh-projects .qh-disc-label,
body[data-home-redo="true"][data-page="project"] .qh-projects .qh-disc-label {
  animation: qh-label-spin-in 0.85s 0.12s cubic-bezier(0.55, 0, 0.15, 1) both;
}

body[data-home-redo="true"][data-page="home"] .qh-nav a .qh-disc-label,
body[data-home-redo="true"][data-page="info"] .qh-nav a .qh-disc-label,
body[data-home-redo="true"][data-page="project"] .qh-nav a .qh-disc-label {
  animation: qh-label-spin-in-rev 0.85s 0.1s cubic-bezier(0.55, 0, 0.15, 1) both;
}

@keyframes qh-disc-in {
  from {
    transform: translate(-50%, -50%) scale(var(--from, 0.23));
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes qh-home-disc-pop {
  from {
    transform: scale(var(--from, 0.23));
  }
  to {
    transform: scale(1);
  }
}


@keyframes qh-copy-in {
  from {
    opacity: 0;
    transform: translateY(0.45rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes qh-label-spin-in {
  from {
    opacity: 0;
    transform: rotate(-240deg) scale(0.72);
  }
  to {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}

@keyframes qh-label-spin-in-rev {
  from {
    opacity: 0;
    transform: rotate(240deg) scale(0.72);
  }
  to {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}

@keyframes qh-ink-in {
  from {
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
  to {
    color: #111;
    -webkit-text-fill-color: #111;
  }
}

@keyframes qh-ink-white {
  from {
    color: transparent;
  }
  to {
    color: #fff;
  }
}

@keyframes qh-icon-spin {
  to {
    transform: rotate(360deg);
  }
}

body[data-home-redo="true"] .qh-logo {
  --logo-w: 18rem;
  display: block;
  color: inherit;
}

body[data-home-redo="true"][data-page="info"] .qh-logo,
body[data-home-redo="true"][data-page="project"] .qh-logo {
  --logo-w: calc(var(--disc) * 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--disc);
  height: var(--disc);
  min-height: var(--disc);
  position: relative;
  z-index: 1;
  margin-top: 0;
  border-radius: 50%;
  animation: qh-logo-spin 54s linear infinite;
}

body[data-home-redo="true"][data-page="home"] .qh-logo {
  --logo-w: calc(var(--home-disc) * 0.8);
}

@keyframes qh-logo-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes qh-logo-spin-rev {
  to {
    transform: rotate(-360deg);
  }
}

body[data-home-redo="true"] .qh-mark {
  display: flex;
  align-items: center;
  width: auto;
  height: calc(1003 * var(--logo-w) / 8351);
}

body[data-home-redo="true"] .qh-glyph {
  display: block;
  width: calc(var(--w) * var(--logo-w) / 8351);
  height: calc(1003 * var(--logo-w) / 8351);
  overflow: hidden;
}

body[data-home-redo="true"] .qh-glyph img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

body[data-home-redo="true"] .qh-nav {
  display: flex;
  justify-content: flex-end;
  gap: 0.9rem;
  position: relative;
  z-index: 2;
}

body[data-home-redo="true"][data-page="home"] .qh-nav,
body[data-home-redo="true"][data-page="info"] .qh-nav,
body[data-home-redo="true"][data-page="project"] .qh-nav {
  margin-top: 0;
}

body[data-home-redo="true"] .qh-lede {
  position: static;
  width: min(46rem, calc(100% - 2.5rem));
  margin: clamp(1.5rem, 3.5vh, 2.35rem) auto 0;
  animation: qh-copy-in 0.65s 0.48s ease both;
  color: #111;
  font-size: calc(1.125rem + 0.8rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.35;
  text-align: center;
}

body[data-home-redo="true"][data-page="home"] .home-hero {
  /* Info open: left = disc orbit dock, right = brand + lede */
  --info-display: clamp(1.85rem, 3.15vw, 2.65rem);
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 2rem;
  align-items: start;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 0 clamp(3.5rem, 8vh, 5.5rem);
}

body[data-home-redo="true"][data-page="home"] .home-hero__copy {
  grid-column: 2;
  min-width: 0;
  color: #111;
  font-size: var(--info-display);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.22;
  text-align: left;
  text-wrap: pretty;
}

body[data-home-redo="true"][data-page="home"] .home-hero__title,
body[data-home-redo="true"][data-page="home"] .qh-lede {
  display: inline;
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: inherit;
}

body[data-home-redo="true"][data-page="home"] .home-hero__title {
  color: #111;
}

body[data-home-redo="true"][data-page="home"] .home-hero__title::after {
  content: " ";
}

body[data-home-redo="true"][data-page="home"] .qh-lede,
body[data-home-redo="true"][data-page="home"] .qh-lede__w,
body[data-home-redo="true"][data-page="home"] .qh-lede .info-fun {
  color: #111;
  background: none;
  animation: none;
}

body[data-home-redo="true"][data-page="home"] .qh-lede {
  position: relative;
  z-index: 2;
  width: auto;
  max-width: none;
  min-height: 0;
  overflow: visible;
  box-sizing: border-box;
  padding: 0;
  hyphens: none;
  pointer-events: auto;
  user-select: text;
  clip-path: none;
  transform: none;
}

body[data-home-redo="true"][data-page="home"] .qh-lede__col {
  display: inline;
  width: auto;
  max-width: none;
}

body[data-home-redo="true"][data-page="home"] .qh-lede__w {
  display: inline-block;
  will-change: transform, color;
}

body[data-home-redo="true"][data-page="home"] .qh-lede.is-in .qh-lede__w {
  opacity: 0;
  animation: qh-lede-in 0.72s cubic-bezier(0.22, 1.16, 0.36, 1) both;
}

body[data-home-redo="true"][data-page="home"] .qh-lede.is-play .qh-lede__w {
  opacity: 1;
  animation: none;
  color: inherit;
  transform: none;
}

@keyframes qh-lede-in {
  0% {
    opacity: 0;
    transform: translateY(0.4em);
    color: var(--flash, #111);
  }
  32% {
    opacity: 1;
    transform: none;
    color: var(--flash, #111);
  }
  100% {
    opacity: 1;
    transform: none;
    color: #111;
  }
}

body[data-home-redo="true"][data-page="home"] .qh-cluster {
  display: contents;
}

body[data-home-redo="true"][data-page="project"] .qh-cluster {
  grid-area: cluster;
  display: flex;
  align-items: center;
  margin: 0;
}

body[data-home-redo="true"][data-page="home"] .qh-mosaic {
  position: relative;
  z-index: 0;
  display: grid;
  /* Mix of 3-up and 2-up rows */
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: 0.75rem;
  row-gap: 2.65rem;
  align-items: start;
  margin: 0;
  padding: 0;
  border-top: 0;
  padding-top: 1.25rem;
}

body[data-home-redo="true"][data-page="home"] .qh-shot {
  width: 100%;
  min-width: 0;
}

/* 3 / 2 / 3 / 2 / 2 */
body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(1),
body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(2),
body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(3),
body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(6),
body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(7),
body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(8) {
  grid-column: span 2;
}

body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(4),
body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(5),
body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(9),
body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(10),
body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(11),
body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(12) {
  grid-column: span 3;
}

body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(n) :is(img, video),
body[data-home-redo="true"][data-page="home"] .qh-shot[data-ratio] :is(img, video) {
  aspect-ratio: 1 / 1;
}

body[data-home-redo="true"][data-page="home"] .qh-shot.is-type :is(img, video) {
  object-fit: cover;
  background: #be1d2b;
}

body[data-home-redo="true"][data-page="home"] .qh-title {
  display: none;
}

body[data-home-redo="true"][data-page="home"] .qh-kicker {
  margin-top: 0;
  color: #000 !important;
  font-family: "ABC Diatype", sans-serif !important;
  font-size: clamp(1.1rem, 1.55vw, 1.25rem) !important;
  font-weight: 500 !important;
  font-synthesis: none !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  -webkit-text-stroke: 0;
  paint-order: normal;
}

body[data-home-redo="true"][data-page="home"] .qh-kicker::before,
body[data-home-redo="true"][data-page="home"] .qh-services::before {
  content: none !important;
}

body[data-home-redo="true"][data-page="home"] .qh-shot:hover .qh-kicker,
body[data-home-redo="true"][data-page="home"] .qh-shot:focus-visible .qh-kicker,
body[data-home-redo="true"][data-page="home"] .qh-shot:hover .qh-services,
body[data-home-redo="true"][data-page="home"] .qh-shot:focus-visible .qh-services {
  transform: none !important;
}

body[data-home-redo="true"][data-page="project"] .qh-logo {
  --disc: clamp(9.85rem, 13.2vw, 12rem);
  z-index: 3;
}

body[data-home-redo="true"][data-page="project"] .qh-projects {
  --disc: clamp(8.05rem, 10.8vw, 9.85rem);
  isolation: isolate;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--disc);
  height: var(--disc);
  min-height: var(--disc);
  margin-left: -1.7rem;
  border-radius: 50%;
  color: #111;
  font-size: calc(var(--disc) * 0.148);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none;
  animation: qh-logo-spin 47s linear infinite;
}

body[data-home-redo="true"][data-page="project"] .qh-projects::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: var(--disc);
  height: var(--disc);
  border-radius: 50%;
  pointer-events: none;
  background: #ffe500;
  animation: qh-disc-in 0.85s 0.12s cubic-bezier(0.22, 1.16, 0.36, 1) both;
}

body[data-home-redo="true"][data-page="project"] .qh-projects:hover {
  opacity: 1;
}

body[data-home-redo="true"][data-page="project"] .qh-nav {
  grid-area: nav;
  z-index: 1;
  margin-left: 0;
  justify-self: end;
}

body[data-home-redo="true"][data-page="project"] .qh-nav a {
  --disc: clamp(9.85rem, 13.2vw, 12rem);
}

@keyframes qh-spin-cw {
  to {
    rotate: 360deg;
  }
}

@keyframes qh-spin-ccw {
  to {
    rotate: -360deg;
  }
}

@keyframes qh-orbit-1 {
  0% {
    translate: var(--orbit-travel) 0;
  }
  25% {
    translate: 0 var(--orbit-travel);
  }
  50% {
    translate: calc(var(--orbit-travel) * -1) 0;
  }
  75% {
    translate: 0 calc(var(--orbit-travel) * -1);
  }
  100% {
    translate: var(--orbit-travel) 0;
  }
}

@keyframes qh-orbit-2 {
  0% {
    translate: calc(var(--orbit-travel) * -0.85) calc(var(--orbit-travel) * 0.55);
  }
  25% {
    translate: calc(var(--orbit-travel) * -0.55) calc(var(--orbit-travel) * -0.85);
  }
  50% {
    translate: calc(var(--orbit-travel) * 0.85) calc(var(--orbit-travel) * -0.55);
  }
  75% {
    translate: calc(var(--orbit-travel) * 0.55) calc(var(--orbit-travel) * 0.85);
  }
  100% {
    translate: calc(var(--orbit-travel) * -0.85) calc(var(--orbit-travel) * 0.55);
  }
}

@keyframes qh-disc-breathe {
  0%,
  100% {
    scale: 1;
  }
  40% {
    scale: 1.08;
  }
  70% {
    scale: 0.94;
  }
}

@keyframes qh-mark-chase {
  from {
    transform: rotate(0deg) translate(var(--mark-chase, 1.35rem)) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translate(var(--mark-chase, 1.35rem)) rotate(-360deg);
  }
}

@keyframes qh-orbit-3 {
  0% {
    translate: calc(var(--orbit-travel) * 0.35) calc(var(--orbit-travel) * -1.05);
  }
  25% {
    translate: calc(var(--orbit-travel) * 1.05) calc(var(--orbit-travel) * 0.35);
  }
  50% {
    translate: calc(var(--orbit-travel) * -0.35) calc(var(--orbit-travel) * 1.05);
  }
  75% {
    translate: calc(var(--orbit-travel) * -1.05) calc(var(--orbit-travel) * -0.35);
  }
  100% {
    translate: calc(var(--orbit-travel) * 0.35) calc(var(--orbit-travel) * -1.05);
  }
}

/* —— Home discs: top-left orbit pile → uneven RGB menubar —— */
body[data-home-redo="true"][data-page="home"] .qh-logo,
body[data-home-redo="true"][data-page="home"] .qh-projects,
body[data-home-redo="true"][data-page="home"] .qh-nav a {
  --disc: var(--home-disc);
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  overflow: hidden;
  pointer-events: auto;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  isolation: auto;
  border-radius: 50%;
  transition:
    top 0.78s var(--menu-ease),
    right 0.78s var(--menu-ease),
    left 0.78s var(--menu-ease),
    width 0.78s var(--menu-ease),
    height 0.78s var(--menu-ease),
    min-height 0.78s var(--menu-ease),
    border-radius 0.78s var(--menu-ease),
    font-size 0.55s ease,
    color 0.4s ease,
    translate 0.78s var(--menu-ease),
    rotate 0.78s var(--menu-ease);
  will-change: top, left, width, height, border-radius, translate;
}

body[data-home-redo="true"][data-page="home"] .qh-logo {
  --disc-spin: calc(54s - 26s * var(--home-life));
  top: calc(var(--orbit-y) - var(--home-disc) / 2 - 1.15rem);
  left: calc(var(--orbit-x) - var(--home-disc) / 2 - 1.05rem);
  width: var(--home-disc);
  height: var(--home-disc);
  min-height: var(--home-disc);
  color: #fff;
  z-index: 5;
  scale: calc(1 + var(--home-life) * 0.03);
  animation:
    qh-spin-cw var(--disc-spin, 54s) linear infinite,
    qh-orbit-1 calc(16s - 5s * var(--home-life)) linear infinite;
}

body[data-home-redo="true"][data-page="home"] .qh-projects {
  --disc: var(--home-disc-y);
  --disc-spin: calc(41s - 18s * var(--home-life));
  top: calc(var(--orbit-y) - var(--home-disc-y) / 2 + 1.35rem);
  left: calc(var(--orbit-x) - var(--home-disc-y) / 2 + var(--orbit-spread));
  width: var(--home-disc-y);
  height: var(--home-disc-y);
  min-height: var(--home-disc-y);
  color: #111;
  font-size: calc(var(--home-disc-y) * 0.148);
  z-index: 4;
  scale: calc(1 + var(--home-life) * 0.045);
  animation:
    qh-spin-cw var(--disc-spin, 41s) linear infinite,
    qh-orbit-2 calc(16s - 5s * var(--home-life)) linear infinite;
}

body[data-home-redo="true"][data-page="home"] .qh-nav a {
  --disc: var(--home-disc-r);
  --disc-spin: calc(48s - 22s * var(--home-life));
  top: calc(var(--orbit-y) - var(--home-disc-r) / 2 + var(--orbit-spread) * 0.92);
  left: calc(var(--orbit-x) - var(--home-disc-r) / 2 + var(--orbit-spread) * 0.18);
  right: auto;
  width: var(--home-disc-r);
  height: var(--home-disc-r);
  min-height: var(--home-disc-r);
  color: #fff;
  font-size: calc(var(--home-disc-r) * 0.112);
  z-index: 6;
  scale: calc(1 + var(--home-life) * 0.035);
  animation:
    qh-spin-ccw var(--disc-spin, 48s) linear infinite,
    qh-orbit-3 calc(16s - 5s * var(--home-life)) linear infinite;
}

body[data-home-redo="true"][data-page="home"] .qh-logo::before,
body[data-home-redo="true"][data-page="home"] .qh-projects::before,
body[data-home-redo="true"][data-page="home"] .qh-nav a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  width: auto;
  height: auto;
  border-radius: inherit;
  pointer-events: none;
  transform-origin: 50% 50%;
  animation: qh-home-disc-pop 0.85s cubic-bezier(0.22, 1.16, 0.36, 1) both;
}

body[data-home-redo="true"][data-page="home"] .qh-logo::before {
  background: #0047ff;
}

body[data-home-redo="true"][data-page="home"] .qh-projects::before {
  background: #ffe500;
  animation-delay: 0.12s;
}

body[data-home-redo="true"][data-page="home"] .qh-nav a::before {
  background: #e10600;
  animation-delay: 0.1s;
}

body[data-home-redo="true"][data-page="home"] .qh-logo .qh-mark,
body[data-home-redo="true"][data-page="home"] .qh-projects .qh-disc-label,
body[data-home-redo="true"][data-page="home"] .qh-nav a .qh-disc-label {
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.28s ease, font-size 0.55s ease;
}

/* Beaded RGB strip with labels underneath (readable, not fighting the dots) */
body[data-home-redo="true"][data-page="home"].is-menubar {
  --bead: 1.45rem;
  --bead-gap: 0.35rem;
  --bar-label-gap: 0.55rem;
  --bar-label: 1.1rem;
  --bar-h: calc(var(--bead) + var(--bead-gap) + var(--bar-label-gap) + var(--bar-label));
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-logo,
body[data-home-redo="true"][data-page="home"].is-menubar .qh-projects,
body[data-home-redo="true"][data-page="home"].is-menubar .qh-nav a {
  top: 0;
  height: 100%;
  min-height: 0;
  border-radius: 0;
  translate: 0 0;
  rotate: 0deg;
  scale: 1;
  animation: none;
  z-index: 3;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  padding: 0 0 0.35rem;
  box-sizing: border-box;
  color: #111;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1;
  white-space: nowrap;
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-logo {
  left: 0;
  width: 48%;
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-projects {
  left: 48%;
  width: 31%;
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-nav a {
  left: 79%;
  right: auto;
  width: 21%;
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-logo::before,
body[data-home-redo="true"][data-page="home"].is-menubar .qh-projects::before,
body[data-home-redo="true"][data-page="home"].is-menubar .qh-nav a::before {
  inset: var(--bead-gap) 0 auto;
  height: var(--bead);
  border-radius: 0;
  transform: none;
  animation: none;
  background-repeat: repeat-x;
  background-position: left center;
  background-size: var(--bead) var(--bead);
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-logo::before {
  background-color: transparent;
  background-image: radial-gradient(
    circle closest-side,
    #0047ff 92%,
    transparent 93%
  );
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-projects::before {
  background-color: transparent;
  background-image: radial-gradient(
    circle closest-side,
    #ffe500 92%,
    transparent 93%
  );
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-nav a::before {
  background-color: transparent;
  background-image: radial-gradient(
    circle closest-side,
    #e10600 92%,
    transparent 93%
  );
}

body[data-home-redo="true"][data-page="home"] .qh-logo::after {
  content: "Queue House";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 0.35rem;
  color: #111;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.28s ease;
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-logo .qh-mark {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  animation: none;
  transition: opacity 0.28s ease 0.4s;
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-logo::after {
  position: relative;
  inset: auto;
  opacity: 1;
  transition: opacity 0.28s ease 0.1s;
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-projects .qh-disc-label,
body[data-home-redo="true"][data-page="home"].is-menubar .qh-nav a .qh-disc-label {
  position: relative;
  z-index: 1;
  animation: none;
  transform: none;
  opacity: 1;
  color: #111;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}

body[data-home-redo="true"][data-page="home"] .qh-projects:hover,
body[data-home-redo="true"][data-page="home"] .qh-logo:hover,
body[data-home-redo="true"][data-page="home"] .qh-nav a:hover {
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  body[data-home-redo="true"][data-page="home"] .qh-logo:hover,
  body[data-home-redo="true"][data-page="home"] .qh-projects:hover,
  body[data-home-redo="true"][data-page="home"] .qh-nav a:hover {
    --disc-spin: 0.7s;
  }
}

body[data-home-redo="true"][data-page="info"] {
  --qh-corner: 0.85rem;
  --disc: clamp(9.85rem, 13.2vw, 12rem);
}

body[data-home-redo="true"][data-page="info"] .qh-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: ". cluster";
  align-items: start;
  justify-content: end;
  gap: clamp(1.15rem, 2.2vw, 2.25rem);
  min-height: 0;
  padding: var(--qh-corner);
}

body[data-home-redo="true"][data-page="info"] .qh-nav,
body[data-home-redo="true"][data-page="info"] .qh-projects {
  display: none;
}

body[data-home-redo="true"][data-page="info"] .qh-nav {
  grid-area: nav;
  justify-self: start;
  align-self: start;
  margin: 0;
}

body[data-home-redo="true"][data-page="info"] .qh-cluster {
  grid-area: cluster;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-self: end;
}

body[data-home-redo="true"][data-page="info"] .qh-logo {
  grid-area: auto;
  justify-self: auto;
  z-index: 3;
}

body[data-home-redo="true"][data-page="info"] .qh-projects {
  --disc: clamp(8.05rem, 10.8vw, 9.85rem);
  isolation: isolate;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--disc);
  height: var(--disc);
  min-height: var(--disc);
  margin-right: -1.7rem;
  border-radius: 50%;
  color: #111;
  font-size: calc(var(--disc) * 0.148);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none;
  animation: qh-logo-spin 47s linear infinite;
}

body[data-home-redo="true"][data-page="info"] .qh-projects::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: var(--disc);
  height: var(--disc);
  border-radius: 50%;
  pointer-events: none;
  background: #ffe500;
  animation: qh-disc-in 0.85s 0.12s cubic-bezier(0.22, 1.16, 0.36, 1) both;
}

body[data-home-redo="true"][data-page="info"] .qh-projects:hover {
  opacity: 0.45;
}

body[data-home-redo="true"][data-page="info"] .qh-nav a {
  --disc: clamp(9.85rem, 13.2vw, 12rem);
}

body[data-home-redo="true"][data-page="home"] .qh-lede.is-out {
  clip-path: inset(0 0 100% 0);
  transform: translateY(-1.35rem);
}

body[data-home-redo="true"] .qh-nav a {
  position: relative;
  color: #111;
  font-size: 1.65rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.35;
  text-decoration: none;
}

body[data-home-redo="true"][data-page="info"] .qh-nav a,
body[data-home-redo="true"][data-page="project"] .qh-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--disc);
  height: var(--disc);
  min-height: var(--disc);
  border-radius: 50%;
  font-size: calc(var(--disc) * 0.112);
  line-height: 1;
  white-space: nowrap;
  color: #fff;
  animation: qh-ink-white 0.45s 0.36s ease both, qh-logo-spin-rev 71s linear infinite;
}

/* Re-assert home orbit after shared nav disc rules */
body[data-home-redo="true"][data-page="home"] .qh-nav a {
  white-space: nowrap;
  animation:
    qh-spin-ccw var(--disc-spin, 48s) linear infinite,
    qh-orbit-3 calc(16s - 5s * var(--home-life)) linear infinite;
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-nav a {
  animation: none;
}

body[data-home-redo="true"] .qh-nav a:hover {
  opacity: 0.45;
}

body[data-home-redo="true"][data-page="home"] .qh-nav a:hover,
body[data-home-redo="true"][data-page="project"] .qh-nav a:hover {
  opacity: 1;
}

body[data-home-redo="true"] .qh-mosaic {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(2.75rem, 4vw, 5rem) clamp(2.25rem, 3.5vw, 4.5rem);
  align-items: start;
  margin: 0 clamp(2.75rem, 6vw, 8rem) 4.5rem;
  padding-top: clamp(3.15rem, 5.4vh, 4.75rem);
}

body[data-home-redo="true"] .qh-shot:nth-child(12n + 1) { grid-column: span 8; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 2) { grid-column: span 4; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 3) { grid-column: span 5; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 4) { grid-column: span 7; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 5) { grid-column: span 7; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 6) { grid-column: span 5; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 7) { grid-column: span 4; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 8) { grid-column: span 8; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 9) { grid-column: span 6; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 10) { grid-column: span 6; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 11) { grid-column: span 5; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 12) { grid-column: span 7; }

body[data-home-redo="true"] .qh-shot:nth-child(12n + 1) :is(img, video) { aspect-ratio: 16 / 9; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 2) :is(img, video) { aspect-ratio: 3 / 4; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 3) :is(img, video) { aspect-ratio: 1 / 1; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 4) :is(img, video) { aspect-ratio: 3 / 2; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 5) :is(img, video) { aspect-ratio: 5 / 4; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 6) :is(img, video) { aspect-ratio: 16 / 11; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 7) :is(img, video) { aspect-ratio: 4 / 5; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 8) :is(img, video) { aspect-ratio: 2 / 1; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 9) :is(img, video) { aspect-ratio: 4 / 3; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 10) :is(img, video) { aspect-ratio: 5 / 6; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 11) :is(img, video) { aspect-ratio: 3 / 2; }
body[data-home-redo="true"] .qh-shot:nth-child(12n + 12) :is(img, video) { aspect-ratio: 16 / 10; }

body[data-home-redo="true"] .qh-shot[data-ratio="1750/1080"] :is(img, video) {
  aspect-ratio: 1750 / 1080;
}

body[data-home-redo="true"] .qh-shot[data-ratio="1920/1280"] :is(img, video) {
  aspect-ratio: 1920 / 1280;
}

body[data-home-redo="true"] .qh-shot[data-ratio="681/1024"] :is(img, video) {
  aspect-ratio: 681 / 1024;
}

body[data-home-redo="true"] .qh-shot[data-ratio="2400/1600"] :is(img, video) {
  aspect-ratio: 2400 / 1600;
}

body[data-home-redo="true"] .qh-shot img.is-hero-frame {
  aspect-ratio: calc(100vw / (100svh - var(--nav-h)));
  object-fit: cover;
  object-position: center 18%;
}

body[data-home-redo="true"] .qh-shot {
  color: inherit;
  text-decoration: none;
}

body[data-home-redo="true"] .qh-shot img,
body[data-home-redo="true"] .qh-shot video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  background: #ececec;
}

body[data-home-redo="true"] .qh-foot {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem 2rem;
  margin: 2.75rem 0 0;
  padding: 1.85rem var(--qh-gutter, 0.575rem) 2.15rem;
  background: #fff;
  color: #111;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.45;
}

body[data-home-redo="true"] .qh-foot h2,
body[data-home-redo="true"] .qh-foot p {
  margin: 0;
  font-size: inherit;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.45;
}

body[data-home-redo="true"] .qh-foot h2 {
  margin-bottom: 0.7rem;
}

body[data-home-redo="true"] .qh-foot a {
  display: block;
  color: inherit;
  text-decoration: none;
}

body[data-home-redo="true"] .qh-foot a:hover {
  opacity: 0.45;
}

body[data-home-redo="true"] .qh-news input {
  display: block;
  width: 100%;
  margin: 0 0 0.65rem;
  padding: 0.4rem 0;
  border: 0;
  border-bottom: 1px solid #111;
  border-radius: 0;
  background: transparent;
  color: #111;
  font: inherit;
  font-size: 1.125rem;
}

body[data-home-redo="true"] .qh-news input:focus {
  outline: none;
  border-bottom-color: #111;
}

body[data-home-redo="true"] .qh-news {
  position: relative;
}

body[data-home-redo="true"] .qh-news__gotcha {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

body[data-home-redo="true"] .qh-news.is-sent h2 {
  color: #0047ff;
}

body[data-page="missing"] {
  --disc: clamp(9.85rem, 13.2vw, 12rem);
  margin: 0;
  min-height: 100svh;
  overflow: hidden;
  background: #fff;
}

body[data-page="missing"] .qh-404__field {
  position: fixed;
  inset: calc(var(--disc) * -0.6);
  pointer-events: none;
}

body[data-page="missing"] .qh-404__dot {
  position: absolute;
  border-radius: 50%;
  transform-origin: 50% 50%;
  animation: qh-404-dot-in 0.85s cubic-bezier(0.22, 1.16, 0.36, 1) both;
}

body[data-page="missing"].is-settled .qh-404__dot {
  animation: none;
  transform: scale(1);
}

@keyframes qh-404-dot-in {
  from {
    transform: scale(0.23);
  }
  to {
    transform: scale(1);
  }
}

body[data-page="missing"] .qh-404__cluster {
  position: fixed;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

body[data-page="missing"] .qh-404__code,
body[data-page="missing"] .qh-404__home {
  isolation: isolate;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--disc);
  height: var(--disc);
  min-height: var(--disc);
  margin: 0;
  border-radius: 50%;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
}

body[data-page="missing"] .qh-404__code::before,
body[data-page="missing"] .qh-404__home::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: var(--disc);
  height: var(--disc);
  border-radius: 50%;
  pointer-events: none;
}

body[data-page="missing"] .qh-404__code {
  z-index: 3;
  color: #fff;
  font-size: calc(var(--disc) * 0.28);
  animation: qh-logo-spin 54s linear infinite;
}

body[data-page="missing"] .qh-404__code::before {
  background: #0047ff;
  animation: qh-disc-in 0.85s cubic-bezier(0.22, 1.16, 0.36, 1) both;
}

body[data-page="missing"] .qh-404__code .qh-disc-label {
  animation: qh-label-spin-in 0.85s cubic-bezier(0.55, 0, 0.15, 1) both;
}

body[data-page="missing"] .qh-404__home {
  --disc: clamp(8.05rem, 10.8vw, 9.85rem);
  z-index: 2;
  margin-left: -1.7rem;
  color: #111;
  font-size: calc(var(--disc) * 0.105);
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  pointer-events: auto;
  animation: qh-logo-spin-rev 47s linear infinite;
}

body[data-page="missing"] .qh-404__home::before {
  background: #ffe500;
  animation: qh-disc-in 0.85s 0.12s cubic-bezier(0.22, 1.16, 0.36, 1) both;
}

body[data-page="missing"] .qh-404__home .qh-disc-label {
  animation: qh-label-spin-in-rev 0.85s 0.12s cubic-bezier(0.55, 0, 0.15, 1) both;
}

body[data-page="missing"] .qh-404__home:hover {
  opacity: 0.45;
}

@media (max-width: 720px) {
  body[data-page="missing"] {
    --disc: min(6.15rem, 23vw);
  }

  body[data-page="missing"] .qh-404__home {
    --disc: min(5.55rem, 21vw);
    margin-left: -1.05rem;
    font-size: calc(var(--disc) * 0.138);
    line-height: 1.12;
    white-space: normal;
  }

  body[data-page="missing"] .qh-404__home .qh-disc-label {
    display: block;
    max-width: 78%;
  }
}

body[data-home-redo="true"] .qh-kicker,
body[data-home-redo="true"] .qh-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.35;
}

body[data-home-redo="true"] .qh-kicker {
  position: relative;
  margin-top: 0.4rem;
  color: #111;
  transition: transform 0.28s ease;
}

body[data-home-redo="true"] .qh-kicker::before {
  content: "\2192";
  position: absolute;
  left: 0;
  top: 0;
  color: #111;
  font-size: 1.25rem;
  line-height: 1.35;
  opacity: 0;
  transform: translateX(-0.15rem);
  transition: opacity 0.28s ease, transform 0.28s ease;
}

body[data-home-redo="true"] .qh-shot:hover .qh-kicker,
body[data-home-redo="true"] .qh-shot:focus-visible .qh-kicker {
  transform: translateX(1rem);
}

body[data-home-redo="true"] .qh-shot:hover .qh-kicker::before,
body[data-home-redo="true"] .qh-shot:focus-visible .qh-kicker::before {
  opacity: 1;
  transform: translateX(-1.05rem);
}

body[data-home-redo="true"][data-page="project"] .qh-navstick,
body[data-home-redo="true"][data-page="info"] .qh-navstick {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-height: 0;
  z-index: 80;
}

body[data-home-redo="true"][data-page="info"] {
  --nav-h: 0;
}

body[data-home-redo="true"][data-page="info"] .qh-navstick {
  display: none;
}

body[data-home-redo="true"][data-page="project"] {
  --nav-h: 0;
  --qh-corner: 0.85rem;
}

body[data-home-redo="true"][data-page="project"] .qh-bar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "cluster title nav";
  align-items: start;
  column-gap: clamp(1.35rem, 2.4vw, 2.35rem);
  min-height: 0;
  padding: var(--qh-corner);
}

body[data-home-redo="true"][data-page="project"] .qh-navstick,
body[data-home-redo="true"][data-page="project"] .qh-bar {
  pointer-events: none;
}

body[data-home-redo="true"][data-page="project"] .qh-logo,
body[data-home-redo="true"][data-page="project"] .qh-nav a,
body[data-home-redo="true"][data-page="project"] .qh-projects {
  pointer-events: auto;
}

body[data-home-redo="true"][data-page="project"] .qh-work-hold {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -1.7rem;
  flex: 0 0 auto;
}

body[data-home-redo="true"][data-page="project"] .qh-projects {
  margin-left: 0;
}

body[data-home-redo="true"][data-page="project"] .qh-project-name {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  box-sizing: border-box;
  width: min(36rem, 42vw);
  margin: 0;
  overflow: hidden;
  color: #fff;
  font-size: clamp(0.78rem, 0.55vw + 0.62rem, 0.95rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  hyphens: none;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, calc(-50% + 0.45rem));
  mix-blend-mode: difference;
}

body[data-home-redo="true"][data-page="project"] .qh-logo,
body[data-home-redo="true"][data-page="project"] .qh-nav a {
  transition:
    --disc 0.95s cubic-bezier(0.22, 1.16, 0.36, 1),
    width 0.95s cubic-bezier(0.22, 1.16, 0.36, 1),
    height 0.95s cubic-bezier(0.22, 1.16, 0.36, 1),
    min-height 0.95s cubic-bezier(0.22, 1.16, 0.36, 1),
    font-size 0.95s cubic-bezier(0.22, 1.16, 0.36, 1);
}

body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-bar {
  align-items: center;
}

body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-logo,
body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-nav a {
  --disc: clamp(3.55rem, 4.8vw, 4.25rem);
}

body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-projects {
  --disc: clamp(2.95rem, 4vw, 3.55rem);
}

body[data-home-redo="true"][data-page="project"] .qh-end {
  grid-area: nav;
  justify-self: end;
  align-self: start;
}

body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-end {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: center;
}

body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-work-hold {
  margin-left: 0;
  margin-right: -0.75rem;
}

body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-project-name {
  opacity: 1;
  transform: translate(-50%, -50%);
  transition:
    opacity 0.7s 0.16s cubic-bezier(0.22, 1.16, 0.36, 1),
    transform 0.7s 0.16s cubic-bezier(0.22, 1.16, 0.36, 1);
}

body[data-home-redo="true"][data-page="info"] {
  --ink: #111;
  background: #fff;
  color: #111;
}

body[data-home-redo="true"][data-page="info"] .qh-navstick,
body[data-home-redo="true"][data-page="info"] .qh-bar {
  pointer-events: none;
}

body[data-home-redo="true"][data-page="info"] .qh-icon,
body[data-home-redo="true"][data-page="info"] .qh-logo,
body[data-home-redo="true"][data-page="info"] .qh-nav a,
body[data-home-redo="true"][data-page="info"] .qh-projects {
  pointer-events: auto;
}

body[data-home-redo="true"][data-page="project"][data-folio="split"] .project.project--editorial.project--folio {
  padding-top: 0 !important;
}

body[data-home-redo="true"][data-page="project"][data-folio="split"] .project--folio > .project-hero.project-hero--folio-under.sm-under,
body[data-home-redo="true"][data-page="project"][data-folio="split"] .project--folio > .project-hero.project-hero--folio-under.sm-under[data-project-hero] {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  display: block !important;
  overflow: visible !important;
  background: #fff;
}

body[data-home-redo="true"][data-page="project"] .sm-under__media {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 0;
  overflow: visible;
  background: #fff;
}

body[data-home-redo="true"][data-page="project"] .sm-under__media--duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* Match homepage mosaic gutters so the white between the squares reads at hero scale */
  column-gap: clamp(0.75rem, 1.5vw, 1.5rem);
  row-gap: 0;
  background: #fff;
}

body[data-home-redo="true"][data-page="project"] .project-hero.sm-under .sm-under__media :is(img, video, .media-video),
body[data-home-redo="true"][data-page="project"] .project--folio > .project-hero.sm-under :is(img, video, .media-video) {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0;
  object-fit: contain !important;
}

body[data-home-redo="true"][data-page="project"] .project-hero.sm-under .sm-under__media--duo :is(img, video, .media-video),
body[data-home-redo="true"][data-page="project"] .project--folio > .project-hero.sm-under .sm-under__media--duo :is(img, video, .media-video) {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body[data-home-redo="true"][data-page="project"] {
  --look-col: calc(100% - 2 * var(--qh-gutter));
}

body[data-home-redo="true"][data-page="project"] .sm-under__panel {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  margin: clamp(1.75rem, 4.5vh, 3rem) 0 0;
  padding: 0 var(--qh-gutter);
  text-align: center;
  background: transparent;
}

body[data-home-redo="true"][data-page="project"] .project-hero .sm-under__panel .folio-mast__title {
  grid-column: auto;
  grid-row: auto;
  white-space: normal;
  text-align: center;
}

body[data-home-redo="true"][data-page="project"] .project-hero .sm-under__panel .folio-mast__lede {
  grid-column: auto;
  grid-row: auto;
  text-align: center;
}

body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__story {
  margin: 0;
  color: #111;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(1.85rem, 3.35vw, 2.85rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.12;
  text-wrap: pretty;
}

body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__delivery,
body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__delivery-label,
body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__delivery-list,
body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__delivery-list li {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(1rem, 1.35vw, 1.2rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

body[data-home-redo="true"][data-page="project"] .sm-under__panel .folio-mast__title,
body[data-home-redo="true"][data-page="project"] .sm-under__panel .folio-mast__lede {
  display: block;
  width: auto;
  max-width: min(42rem, 100%);
  margin: 0 auto;
  text-align: center;
  font-size: clamp(1.35rem, 2.2vw, 1.85rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.14;
  text-wrap: pretty;
}

body[data-home-redo="true"][data-page="project"] .folio-mast__title br,
body[data-home-redo="true"][data-page="project"] .folio-mast__lede br {
  display: none;
}

body[data-home-redo="true"][data-page="project"] .sm-under__panel .folio-mast__title {
  color: #111;
}

body[data-home-redo="true"][data-page="project"] .sm-under__panel .folio-mast__title::after {
  content: none;
  display: none;
}

body[data-home-redo="true"][data-page="project"] .sm-under__panel .folio-mast__lede {
  margin: 0.45rem 0 0;
  color: #111;
}

body[data-home-redo="true"][data-page="project"] .project.project--editorial {
  padding-top: 0;
}

body[data-home-redo="true"][data-page="project"] .project-editorial.project-editorial--folio {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-top: 0 !important;
  padding: 0 0 clamp(3rem, 8vh, 6rem) !important;
  text-align: left;
}

body[data-home-redo="true"][data-page="project"] .sm-sheet-intro {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3.5vh, 2.5rem);
  align-items: stretch;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: clamp(1.25rem, 3vh, 2rem) 0 clamp(2rem, 5vh, 3.25rem);
  padding: 0 var(--qh-gutter);
  text-align: left;
}

body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__delivery {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  width: min(100%, 28rem);
  margin: 0;
  padding: 0;
  color: #111;
  text-align: left;
}

body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__delivery-label {
  margin: 0;
  color: #111;
  text-align: left;
  text-transform: none;
}

body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__delivery-list {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
  margin: 0;
  padding: 0;
  list-style: none;
}

body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__delivery-list li {
  margin: 0;
  color: #111;
  text-align: left;
}

body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-frame,
body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-note,
body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-bridge {
  width: var(--look-col) !important;
  max-width: none;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: clamp(1.75rem, 4vh, 3rem);
  aspect-ratio: auto !important;
  max-height: none !important;
  height: auto !important;
}

/* Every other still is full bleed. Pairs sit edge to edge, side by side. */
body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-frame:nth-of-type(even),
body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-frame.folio-frame--phone-thumb {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: clamp(0.75rem, 1.5vw, 1.5rem);
  row-gap: clamp(0.75rem, 1.5vw, 1.5rem);
  width: 100% !important;
  max-width: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: clamp(1.75rem, 4vh, 3rem);
}

body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-pair.is-stories {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-pair.is-squares :is(img, video, .media-video) {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-pair.is-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-pair.is-icos {
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  align-items: center;
}

body[data-home-redo="true"][data-page="project"] .folio-frame.is-round {
  overflow: hidden;
  border-radius: 1.75rem;
}

body[data-home-redo="true"][data-page="project"] .folio-frame.is-round video {
  border-radius: 1.75rem;
}

body[data-home-redo="true"][data-page="project"] .folio-bridge {
  margin-top: clamp(1.5rem, 4vh, 2.75rem);
  margin-bottom: clamp(2.5rem, 6vh, 4rem);
}

body[data-home-redo="true"][data-page="project"] .folio-bridge p {
  margin: 0;
  color: #111;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(1.85rem, 3.35vw, 2.85rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.12;
  text-wrap: pretty;
}

body[data-home-redo="true"][data-page="project"] .folio-bridge p + p {
  margin-top: 0.7em;
}

@media (min-width: 900px) {
  body[data-home-redo="true"][data-page="project"] .folio-pair.is-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body[data-home-redo="true"][data-page="project"] .folio-pair.is-icos {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    align-items: center;
  }
}

body[data-home-redo="true"][data-page="project"] .folio-frame--icos {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  justify-self: stretch;
}

body[data-home-redo="true"][data-page="project"] .folio-frame.is-portrait {
  max-width: 32rem;
}

@media (max-width: 720px) {
  body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-pair.is-four {
    grid-template-columns: 1fr 1fr;
  }
}

body[data-home-redo="true"][data-page="project"] .folio-frame--icos video,
body[data-home-redo="true"][data-page="project"] .folio-frame--icos .media-video {
  width: 100%;
  height: auto;
}

body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-frame img,
body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-frame video,
body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-frame .media-video,
body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-pair img,
body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-pair video,
body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-pair .media-video {
  width: 100%;
  height: auto !important;
  max-height: none !important;
  object-fit: contain;
}

@media (max-width: 900px) {
  body[data-home-redo="true"][data-page="project"] {
    --look-col: calc(100% - 2 * var(--qh-gutter));
  }

  body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__delivery {
    gap: 1.25rem 1.5rem;
  }
}

body[data-home-redo="true"][data-page="project"] .project-turn {
  position: relative;
  z-index: 1;
  margin-top: clamp(2.5rem, 6vh, 4.5rem);
  background: #fff;
}

body[data-home-redo="true"][data-page="project"] .qh-foot {
  position: relative;
  z-index: 1;
}

body[data-home-redo="true"][data-page="info"] .studio,
body[data-home-redo="true"][data-page="info"] .studio__mast,
body[data-home-redo="true"][data-page="info"] .studio h2,
body[data-home-redo="true"][data-page="info"] .studio__services,
body[data-home-redo="true"][data-page="info"] .studio__services li {
  letter-spacing: 0;
}

body[data-home-redo="true"] .qh-title {
  color: #8a8a8a;
}

@media (max-width: 900px) {
  body[data-home-redo="true"] .qh-foot {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  body[data-home-redo="true"] {
    --s: calc(100vw / 390);
  }

  body[data-home-redo="true"] .qh-sheet {
    width: 100%;
  }

  body[data-home-redo="true"] .qh-icon {
    width: 6.25rem;
    height: auto;
  }

  body[data-home-redo="true"] .qh-logo {
    --logo-w: min(14rem, 70vw);
  }

  body[data-home-redo="true"] .qh-bar {
    align-items: center;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.65rem 1rem 0.35rem;
  }

  body[data-home-redo="true"][data-page="home"],
  body[data-home-redo="true"][data-page="info"],
  body[data-home-redo="true"][data-page="project"] {
    --disc-full: min(9rem, 34vw);
    --disc-min: min(5.85rem, 26vw);
    --disc: var(--disc-full);
  }

  body[data-home-redo="true"][data-page="info"] .qh-bar,
  body[data-home-redo="true"][data-page="project"] .qh-bar {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "logo nav";
    align-items: center;
    padding: 0.85rem 1rem 0.55rem;
  }

  body[data-home-redo="true"][data-page="home"] .qh-bar {
    display: block;
    padding: 0;
    position: absolute;
    inset: 0;
  }

  body[data-home-redo="true"][data-page="project"] .qh-bar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.55rem 0.55rem 0.45rem;
  }

  body[data-home-redo="true"][data-page="project"] .qh-cluster {
    margin: 0;
  }

  body[data-home-redo="true"][data-page="home"] {
    --home-disc: min(38vw, 10.25rem);
    --home-disc-y: min(32vw, 8.75rem);
    --home-disc-r: min(30vw, 8rem);
    --home-disc-max: var(--home-disc);
    --orbit-spread: min(26vw, 6.5rem);
    --orbit-travel: 0.45rem;
    --bar-h: 2.55rem;
    --qh-gutter: 0.5rem;
    --qh-corner: 0.4rem;
    --qh-stack: 14rem;
  }

  body[data-home-redo="true"][data-page="home"] .page--home-redo {
    padding: 1rem var(--qh-gutter) clamp(3rem, 8vh, 4.5rem);
  }

  body[data-home-redo="true"][data-page="home"].is-menubar .qh-logo {
    width: 46%;
  }

  body[data-home-redo="true"][data-page="home"].is-menubar .qh-projects {
    left: 46%;
    width: 32%;
  }

  body[data-home-redo="true"][data-page="home"].is-menubar .qh-nav a {
    left: 78%;
    width: 22%;
  }

  body[data-home-redo="true"][data-page="home"] .qh-logo {
    --disc: var(--home-disc);
  }

  body[data-home-redo="true"][data-page="project"] .qh-logo {
    --disc: min(6.15rem, 23vw);
    justify-self: auto;
  }

  body[data-home-redo="true"][data-page="home"] .qh-projects {
    --disc: var(--home-disc-y);
    font-size: calc(var(--home-disc-y) * 0.148);
  }

  body[data-home-redo="true"][data-page="project"] .qh-projects {
    --disc: min(5.15rem, 19vw);
    margin-left: -1.05rem;
    font-size: calc(var(--disc) * 0.148);
  }

  body[data-home-redo="true"][data-page="project"] .qh-nav {
    margin-left: 0;
    justify-self: end;
  }

  body[data-home-redo="true"][data-page="home"] .qh-nav a {
    --disc: var(--home-disc);
    font-size: calc(var(--home-disc) * 0.112);
  }

  body[data-home-redo="true"][data-page="home"].is-menubar .qh-logo::after,
  body[data-home-redo="true"][data-page="home"].is-menubar .qh-projects,
  body[data-home-redo="true"][data-page="home"].is-menubar .qh-nav a {
    font-size: 0.62rem;
  }

  body[data-home-redo="true"][data-page="project"] .qh-nav a {
    --disc: min(6.15rem, 23vw);
  }

  body[data-home-redo="true"][data-page="project"] .qh-projects {
    margin-left: 0;
  }

  body[data-home-redo="true"][data-page="project"] .qh-work-hold {
    margin-left: -1.05rem;
  }

  body[data-home-redo="true"][data-page="project"] .qh-project-name {
    width: min(18rem, 72vw);
    font-size: 0.95rem;
  }

  body[data-home-redo="true"][data-page="project"] {
    overflow-x: clip;
  }

  body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-bar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "cluster title end";
    align-items: center;
    column-gap: 0.45rem;
    padding: 0.5rem 0.75rem;
  }

  body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-cluster {
    grid-area: cluster;
  }

  body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-end {
    grid-area: end;
    justify-self: end;
    align-self: center;
  }

  body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-logo,
  body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-nav a {
    --disc: min(4.45rem, 20vw);
  }

  body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-projects {
    --disc: min(3.75rem, 17vw);
  }

  body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-work-hold {
    margin-right: -0.7rem;
  }

  body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-project-name {
    position: absolute;
    left: 50%;
    top: 50%;
    grid-area: title;
    width: auto;
    max-width: 42vw;
    font-size: 0.95rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: translate(-50%, -50%);
  }

  body[data-home-redo="true"][data-page="info"] .qh-bar {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.65rem;
    padding: 0.55rem;
  }

  body[data-home-redo="true"][data-page="info"] .qh-nav {
    justify-self: start;
  }

  body[data-home-redo="true"][data-page="info"] .qh-logo {
    --disc: min(6.15rem, 23vw);
    justify-self: auto;
  }

  body[data-home-redo="true"][data-page="info"] .qh-projects {
    --disc: min(5.15rem, 19vw);
    margin-right: -1.05rem;
    font-size: calc(var(--disc) * 0.148);
  }

  body[data-home-redo="true"][data-page="info"] .qh-nav a {
    --disc: min(6.15rem, 23vw);
  }

  body[data-home-redo="true"][data-page="home"] .qh-nav,
  body[data-home-redo="true"][data-page="info"] .qh-nav,
  body[data-home-redo="true"][data-page="project"] .qh-nav {
    grid-area: nav;
    margin-top: 0;
  }

  body[data-home-redo="true"][data-page="home"] .qh-logo,
  body[data-home-redo="true"][data-page="info"] .qh-logo,
  body[data-home-redo="true"][data-page="project"] .qh-logo {
    --logo-w: calc(var(--disc) * 0.8);
    position: relative;
    grid-area: logo;
    justify-self: start;
    width: var(--disc);
    height: var(--disc);
    min-height: var(--disc);
    margin: 0;
  }

  body[data-home-redo="true"][data-page="home"] .qh-nav a,
  body[data-home-redo="true"][data-page="info"] .qh-nav a,
  body[data-home-redo="true"][data-page="project"] .qh-nav a {
    font-size: calc(var(--disc) * 0.112);
  }

  body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-nav a {
    font-size: 0.72rem;
  }

  body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-projects {
    font-size: 0.8rem;
  }

  body[data-home-redo="true"] .qh-nav a {
    font-size: 1.85rem;
    line-height: 1;
  }

  body[data-home-redo="true"] .qh-navstick {
    min-height: 0;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body[data-home-redo="true"] .qh-navstick.is-away {
    transform: none;
    pointer-events: auto;
  }

  body[data-home-redo="true"] .qh-lede {
    width: auto;
    margin: 1.25rem 1rem;
    font-size: 1.05rem;
    line-height: 1.3;
    text-align: left;
  }

  body[data-home-redo="true"][data-page="home"] .home-hero {
    display: block;
    margin: 0;
    /* padding keeps sticky discs parked; equal stack air above/below copy */
    padding: calc(0.5rem + var(--home-disc) + var(--orbit-travel) + var(--qh-stack)) 0 0;
  }

  body[data-home-redo="true"][data-page="home"] .home-hero__copy {
    grid-column: auto;
    width: min(22rem, 100%);
    margin: 0 0 var(--qh-stack);
  }

  body[data-home-redo="true"][data-page="home"] .home-hero__copy {
    font-size: clamp(1.85rem, 6.2vw, 2.25rem);
    line-height: 1.22;
    color: #111;
  }

  body[data-home-redo="true"][data-page="home"] .home-hero__title,
  body[data-home-redo="true"][data-page="home"] .qh-lede,
  body[data-home-redo="true"][data-page="home"] .qh-bar .qh-lede {
    display: inline;
    grid-column: auto;
    width: auto;
    max-width: none;
    min-height: 0;
    box-sizing: border-box;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-align: left;
    margin: 0;
    padding: 0;
    opacity: 1;
    transform: none;
    clip-path: none;
    pointer-events: auto;
    animation: none;
    color: #111;
  }

  body[data-home-redo="true"][data-page="home"] .qh-lede.is-in .qh-lede__w {
    opacity: 1;
    animation: none;
    color: inherit;
    transform: none;
  }

  body[data-home-redo="true"] .qh-foot {
    grid-template-columns: 1fr;
  }

  body[data-home-redo="true"] .qh-mosaic {
    grid-template-columns: minmax(0, 1fr);
    justify-items: stretch;
    gap: 2rem;
    margin-left: var(--qh-gutter);
    margin-right: var(--qh-gutter);
    padding-top: 0.5rem;
  }

  body[data-home-redo="true"][data-page="home"] {
    --qh-gutter: 0.25rem;
    --qh-stack: 11.5rem;
    overflow-x: clip;
  }

  body[data-home-redo="true"][data-page="home"] .qh-mosaic {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
    row-gap: 1.75rem;
    margin-left: 0;
    margin-right: 0;
    border-top: 0;
    padding-top: 0;
  }

  body[data-home-redo="true"][data-page="home"] .qh-shot.is-type :is(img, video) {
    object-fit: cover;
    background: #be1d2b;
  }

  body[data-home-redo="true"][data-page="home"] .qh-shot:hover .qh-kicker,
  body[data-home-redo="true"][data-page="home"] .qh-shot:focus-visible .qh-kicker {
    transform: none;
  }

  body[data-home-redo="true"][data-page="home"] .qh-kicker::before {
    content: none;
  }

  body[data-home-redo="true"][data-page="home"] .qh-kicker {
    margin-top: 0.18rem;
    font-size: 11px;
    line-height: 1.2;
    color: #111;
  }

  body[data-home-redo="true"][data-page="home"] .qh-title {
    display: none;
  }

  body[data-home-redo="true"] .qh-shot:nth-child(n) {
    grid-column: auto;
    width: 100%;
    min-width: 0;
  }

  body[data-home-redo="true"] .qh-shot:nth-child(n) :is(img, video) {
    width: 100%;
    max-width: none;
    height: auto;
  }

  body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(n) :is(img, video),
  body[data-home-redo="true"][data-page="home"] .qh-shot[data-ratio] :is(img, video) {
    aspect-ratio: 1 / 1;
  }

  body[data-home-redo="true"] .qh-shot img.is-hero-frame {
    aspect-ratio: 16 / 10;
  }

  body[data-home-redo="true"][data-page="project"] .sm-under__panel {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }

  body[data-home-redo="true"][data-page="project"] .sm-under__panel .folio-mast__title,
  body[data-home-redo="true"][data-page="project"] .sm-under__panel .folio-mast__lede {
    display: block;
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: clamp(1.05rem, 4.4vw, 1.3rem);
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.18;
  }

  body[data-home-redo="true"][data-page="project"] .sm-under__panel .folio-mast__lede {
    margin-top: 0.35rem;
  }

  body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__story,
  body[data-home-redo="true"][data-page="project"] .folio-bridge p {
    font-size: clamp(1.45rem, 5.4vw, 1.95rem);
    line-height: 1.14;
  }

  body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__delivery,
  body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__delivery-label,
  body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__delivery-list,
  body[data-home-redo="true"][data-page="project"] .sm-sheet-intro .folio-mast__delivery-list li {
    font-size: clamp(0.95rem, 3.6vw, 1.1rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
  }

  body[data-home-redo="true"][data-page="project"] .sm-sheet-intro {
    gap: 1.35rem;
    padding: 0 var(--qh-gutter);
  }

}

body[data-home-redo="true"][data-page="info"] .page--studio {
  padding: var(--qh-stick-h, 1.15rem) var(--qh-gutter) clamp(3.5rem, 8vh, 5.5rem);
  overflow: visible;
}

body[data-home-redo="true"][data-page="info"] .info-studio {
  --info-display: clamp(1.85rem, 3.15vw, 2.65rem);
  max-width: none;
  color: #111;
  font-weight: 500;
  letter-spacing: 0;
  overflow: visible;
}

body[data-home-redo="true"][data-page="info"] .info-hero {
  --info-display: clamp(1.85rem, 3.15vw, 2.65rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: clamp(1.5rem, 4vw, 3rem);
  align-items: start;
  margin: 0 0 clamp(3.5rem, 8vh, 5.5rem);
  overflow: visible;
}

body[data-home-redo="true"][data-page="info"] .info-discs {
  display: none !important;
}

body[data-home-redo="true"][data-page="info"] .info-hero .qh-logo {
  --disc-spin: 54s;
  /*
    Disc is min(100%, 20rem) of the discs column.
    Wordmark should be ~72% of that disc — not 72% of the whole column.
  */
  --logo-w: min(14.4rem, 72cqi);
  width: min(100%, 20rem) !important;
  max-width: 20rem;
  height: auto !important;
  aspect-ratio: 1 !important;
  min-height: 0 !important;
  margin-inline: auto;
  overflow: hidden;
  border-radius: 50%;
  background: #0047ff;
  justify-self: center;
  align-self: center;
  z-index: 1;
  flex: 0 0 auto;
  /* Keep the disc still — spinning the whole node clipped against the page edge. */
  animation: none;
}

body[data-home-redo="true"][data-page="info"] .info-hero .qh-logo .qh-mark {
  animation: qh-logo-spin var(--disc-spin, 54s) linear infinite;
}

/* Cover the dock square in glyph H so it matches the blue disc (imgs are inverted alone) */
body[data-home-redo="true"][data-page="info"] .info-hero .qh-logo .qh-glyph.is-h {
  position: relative;
}

body[data-home-redo="true"][data-page="info"] .info-hero .qh-logo .qh-glyph.is-h::before {
  content: "";
  position: absolute;
  top: 12%;
  bottom: 12%;
  left: 0;
  width: 52%;
  z-index: 2;
  background: #0047ff;
  pointer-events: none;
}

body[data-home-redo="true"][data-page="info"] .info-hero .qh-logo::before {
  width: 100% !important;
  height: 100% !important;
  transform: translate(-50%, -50%) scale(1) !important;
  animation: none !important;
}

body[data-home-redo="true"][data-page="info"] .info-studio a.qh-logo:hover {
  background: #0047ff;
  color: inherit;
}

@media (hover: hover) and (pointer: fine) {
  body[data-home-redo="true"][data-page="info"] .info-hero .qh-logo:hover {
    opacity: 1;
  }

  body[data-home-redo="true"][data-page="info"] .info-hero .qh-logo:hover .qh-mark {
    --disc-spin: 0.7s;
  }
}

body[data-home-redo="true"][data-page="info"] .info-block h2,
body[data-home-redo="true"][data-page="info"] .info-approach {
  margin: 0;
  font-size: var(--info-display);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.18;
}

body[data-home-redo="true"][data-page="info"] .info-hero__copy {
  grid-column: 2;
  grid-row: 1;
  max-width: none;
  width: 100%;
}

body[data-home-redo="true"][data-page="info"] .info-hero__lede,
body[data-home-redo="true"][data-page="info"] .info-hero__lede .info-fun,
body[data-home-redo="true"][data-page="info"] .info-hero__lede .info-cta {
  margin: 0;
  color: #fff;
  font-family: "ABC Diatype", sans-serif;
  font-size: var(--info-display);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.18;
  text-wrap: pretty;
}

body[data-home-redo="true"][data-page="info"] .info-hero__copy p + p {
  margin-top: 0.7em;
}

body[data-home-redo="true"][data-page="home"] .info-fun,
body[data-home-redo="true"][data-page="info"] .info-fun {
  display: inline;
  padding: 0 0.12em;
  background: #ffe500;
  color: #111;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  animation: info-fun 4.8s steps(1, end) infinite;
}

body[data-home-redo="true"][data-page="info"] .info-block {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.5rem 2rem;
  padding: 1.25rem 0 clamp(3.25rem, 7vh, 5rem);
  border-top: 1px solid #d0d0d0;
}

body[data-home-redo="true"][data-page="info"] .info-block h2 {
  margin: 0;
  color: #111;
}

body[data-home-redo="true"][data-page="info"] .info-cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 2rem 1.75rem;
  align-items: start;
}

body[data-home-redo="true"][data-page="info"] .info-cols h3,
body[data-home-redo="true"][data-page="info"] .info-cols p,
body[data-home-redo="true"][data-page="info"] .info-cols li {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
}

body[data-home-redo="true"][data-page="info"] .info-cols h3 {
  margin-bottom: 0.75rem;
  color: #111;
}

body[data-home-redo="true"][data-page="info"] .info-cols p,
body[data-home-redo="true"][data-page="info"] .info-cols li {
  color: #6f6f6f;
}

body[data-home-redo="true"][data-page="info"] .info-cols ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body[data-home-redo="true"][data-page="info"] .info-block--services {
  grid-template-columns: minmax(0, 1fr);
}

body[data-home-redo="true"][data-page="info"] .info-block--services h2 {
  margin-bottom: 1rem;
}

body[data-home-redo="true"][data-page="info"] .service-fall {
  position: relative;
  width: 100%;
  height: clamp(26rem, 62vh, 36rem);
  margin-top: 0;
  overflow: hidden;
}

body[data-home-redo="true"][data-page="info"] .service-fall__disc {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.7rem;
  border-radius: 50%;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.12;
  text-align: center;
}

body[data-home-redo="true"][data-page="info"] .info-studio a {
  color: inherit;
  text-decoration: none;
}

body[data-home-redo="true"][data-page="info"] .info-cols p + p {
  margin-top: 0.2em;
}

body[data-home-redo="true"][data-page="info"] .info-cols li {
  width: fit-content;
  max-width: 100%;
  padding: 0 0.18em;
  margin-left: -0.18em;
}

body[data-home-redo="true"][data-page="info"] .info-studio a:hover {
  background: #0047ff;
  color: #fff;
}

body[data-home-redo="true"][data-page="info"] .info-cols li:has(a):nth-child(3n + 1):hover,
body[data-home-redo="true"][data-page="info"] .info-cols li:has(a):nth-child(3n + 1):hover a {
  background: #ffe500;
  color: #111;
}

body[data-home-redo="true"][data-page="info"] .info-cols li:has(a):nth-child(3n + 2):hover,
body[data-home-redo="true"][data-page="info"] .info-cols li:has(a):nth-child(3n + 2):hover a {
  background: #e10600;
  color: #fff;
}

body[data-home-redo="true"][data-page="info"] .info-cols li:has(a):nth-child(3n + 3):hover,
body[data-home-redo="true"][data-page="info"] .info-cols li:has(a):nth-child(3n + 3):hover a {
  background: #0047ff;
  color: #fff;
}

body[data-home-redo="true"][data-page="info"] .info-studio a.is-copied,
body[data-home-redo="true"][data-page="info"] .info-studio a.is-copied:hover {
  background: #ffe500;
  color: #111;
}

body[data-home-redo="true"][data-page="info"] .info-studio a.is-copied::after {
  content: " Copied";
}

body[data-home-redo="true"][data-page="info"] .info-approach {
  color: #6f6f6f;
}

body[data-home-redo="true"][data-page="info"] .info-approach p + p {
  margin-top: 0.7em;
}

body[data-home-redo="true"][data-page="info"] .info-studio a.info-cta {
  display: inline-block;
  font-size: var(--info-display);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.18;
  padding: 0.06em 0.28em 0.08em;
  background: #ffe500;
  color: #111;
  text-decoration: none;
  animation: info-fun 4.8s steps(1, end) infinite;
}

body[data-home-redo="true"][data-page="info"] .info-studio a.info-cta:hover {
  background: #ffe500;
  color: #111;
  animation-duration: 1.6s;
}

@keyframes info-fun {
  0%,
  100% {
    background: #ffe500;
    color: #111;
  }
  33% {
    background: #e10600;
    color: #fff;
  }
  66% {
    background: #0047ff;
    color: #fff;
  }
}

@media (max-width: 900px) {
  body[data-home-redo="true"][data-page="info"] .info-hero {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  body[data-home-redo="true"][data-page="info"] .info-hero .qh-logo {
    display: none !important;
  }

  body[data-home-redo="true"][data-page="info"] .info-hero__copy,
  body[data-home-redo="true"][data-page="info"] .info-hero__lede {
    grid-column: 1;
    grid-row: auto;
    padding-top: 0;
  }

  body[data-home-redo="true"][data-page="info"] .info-hero__lede,
  body[data-home-redo="true"][data-page="info"] .info-hero__lede .info-fun,
  body[data-home-redo="true"][data-page="info"] .info-hero__lede .info-cta {
    font-size: clamp(1.45rem, 5.4vw, 1.95rem);
    line-height: 1.14;
  }

  body[data-home-redo="true"][data-page="info"] .info-block {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

@media (max-width: 720px) {
  body[data-home-redo="true"][data-page="info"] .info-block--services {
    padding-bottom: 1.25rem;
  }

  body[data-home-redo="true"][data-page="info"] .service-fall {
    height: min(78vh, 36rem);
  }

  body[data-home-redo="true"][data-page="info"] .service-fall__disc {
    padding: 0.4rem;
    font-size: 0.7rem;
    line-height: 1.05;
  }
}

@media (max-width: 640px) {
  body[data-home-redo="true"][data-page="info"] .page--studio {
    padding-top: 1rem;
    padding-left: var(--qh-gutter);
    padding-right: var(--qh-gutter);
  }

  body[data-home-redo="true"][data-page="info"] .info-cols {
    grid-template-columns: 1fr;
  }
}

body[data-home-redo="true"][data-page="project"] .project-hero.sm-under .sm-under__media :is(img, video, .media-video).sm-hero-phone,
body[data-home-redo="true"][data-page="project"] .project--folio > .project-hero.sm-under :is(img, video, .media-video).sm-hero-phone,
body[data-home-redo="true"][data-page="project"] .folio-frame--phone-thumb,
body[data-home-redo="true"][data-page="project"] .folio-frame.is-hero-source {
  display: none !important;
}

@media (max-width: 720px) {
  body[data-home-redo="true"][data-page="project"][data-folio="split"] .project--folio > .project-hero.project-hero--folio-under.sm-under,
  body[data-home-redo="true"][data-page="project"][data-folio="split"] .project--folio > .project-hero.project-hero--folio-under.sm-under[data-project-hero] {
    margin: 0 !important;
    padding-top: 0 !important;
  }

  body[data-home-redo="true"][data-page="project"] .project-film .project-hero {
    display: none !important;
  }

  body[data-home-redo="true"][data-page="project"] .sm-under__media {
    display: block !important;
  }

  body[data-home-redo="true"][data-page="project"] .sm-under__media--duo {
    display: grid !important;
  }

  body[data-home-redo="true"][data-page="project"] .project-hero.sm-under .sm-under__media :is(img, video, .media-video).sm-hero-phone,
  body[data-home-redo="true"][data-page="project"] .project--folio > .project-hero.sm-under :is(img, video, .media-video).sm-hero-phone {
    display: block !important;
  }

  body[data-home-redo="true"][data-page="project"] .project-hero.sm-under .sm-under__media :is(img, video, .media-video).sm-hero-desk,
  body[data-home-redo="true"][data-page="project"] .project--folio > .project-hero.sm-under :is(img, video, .media-video).sm-hero-desk {
    display: none !important;
  }

  body[data-home-redo="true"][data-page="project"] .project-hero.sm-under .sm-under__media--duo :is(img, video, .media-video) {
    display: block !important;
  }

  body[data-home-redo="true"][data-page="project"] .folio-frame--phone-thumb {
    display: none !important;
  }

  body[data-home-redo="true"][data-page="project"] .folio-frame--desk-only {
    display: block !important;
  }

  body[data-home-redo="true"][data-page="project"] .folio-frame--phone-thumb ~ .folio-frame--desk-only.is-repeat {
    display: none !important;
  }
}

@keyframes qh-hero-zoom {
  from {
    transform: scale(1.08);
  }
  to {
    transform: scale(1.2);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-home-redo="true"] .qh-navstick,
  body[data-home-redo="true"] .qh-cursor,
  body[data-home-redo="true"] .qh-kicker,
  body[data-home-redo="true"] .qh-kicker::before,
  body[data-home-redo="true"] .qh-icon img,
  body[data-home-redo="true"] .qh-lede,
  body[data-home-redo="true"][data-page="home"] .qh-lede.is-in .qh-lede__w,
  body[data-home-redo="true"][data-page="home"] .qh-logo,
  body[data-home-redo="true"][data-page="info"] .qh-logo,
  body[data-home-redo="true"][data-page="project"] .qh-logo,
  body[data-home-redo="true"][data-page="home"] .qh-logo .qh-mark,
  body[data-home-redo="true"][data-page="info"] .qh-logo .qh-mark,
  body[data-home-redo="true"][data-page="project"] .qh-logo .qh-mark,
  body[data-home-redo="true"] .qh-disc-label,
  body[data-home-redo="true"][data-page="home"] .qh-nav a,
  body[data-home-redo="true"][data-page="info"] .qh-nav a,
  body[data-home-redo="true"][data-page="project"] .qh-nav a,
  body[data-home-redo="true"][data-page="home"] .qh-projects,
  body[data-home-redo="true"][data-page="info"] .qh-projects,
  body[data-home-redo="true"][data-page="project"] .qh-projects,
  body[data-home-redo="true"][data-page="home"] .qh-logo::before,
  body[data-home-redo="true"][data-page="info"] .qh-logo::before,
  body[data-home-redo="true"][data-page="project"] .qh-logo::before,
  body[data-home-redo="true"][data-page="home"] .qh-projects::before,
  body[data-home-redo="true"][data-page="info"] .qh-projects::before,
  body[data-home-redo="true"][data-page="project"] .qh-projects::before,
  body[data-page="missing"] .qh-404__dot,
  body[data-page="missing"] .qh-404__code,
  body[data-page="missing"] .qh-404__home,
  body[data-page="missing"] .qh-404__code .qh-disc-label,
  body[data-page="missing"] .qh-404__home .qh-disc-label,
  body[data-page="missing"] .qh-404__code::before,
  body[data-page="missing"] .qh-404__home::before,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-emoji-paint,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="info"], [data-page="project"]) .qh-emoji-paint.is-pop {
    transition: none;
    animation: none;
  }

  body[data-home-redo="true"][data-page="home"] .qh-lede.is-in .qh-lede__w {
    opacity: 1;
    color: inherit;
    transform: none;
  }

  body[data-home-redo="true"][data-page="info"] .qh-logo::before,
  body[data-home-redo="true"][data-page="project"] .qh-logo::before,
  body[data-home-redo="true"][data-page="info"] .qh-nav a::before,
  body[data-home-redo="true"][data-page="project"] .qh-nav a::before,
  body[data-home-redo="true"][data-page="info"] .qh-projects::before,
  body[data-home-redo="true"][data-page="project"] .qh-projects::before,
  body[data-page="missing"] .qh-404__code::before,
  body[data-page="missing"] .qh-404__home::before {
    transform: translate(-50%, -50%) scale(1);
  }

  body[data-home-redo="true"][data-page="home"] .qh-logo::before,
  body[data-home-redo="true"][data-page="home"] .qh-nav a::before,
  body[data-home-redo="true"][data-page="home"] .qh-projects::before {
    transform: none;
  }

  body[data-page="missing"] .qh-404__dot {
    transform: scale(1);
  }

  body[data-home-redo="true"] .qh-shot:hover .qh-kicker,
  body[data-home-redo="true"] .qh-shot:focus-visible .qh-kicker {
    transform: none;
  }

  body[data-home-redo="true"][data-page="info"] .info-fun,
  body[data-home-redo="true"][data-page="info"] .info-studio a.info-cta {
    animation: none;
    background: #ffe500;
    color: #111;
  }

  body[data-home-redo="true"][data-page="project"] .project-hero.sm-under .sm-under__media :is(img, video, .media-video) {
    animation: none;
  }

  body[data-home-redo="true"][data-page="project"] .qh-project-name,
  body[data-home-redo="true"][data-page="project"] .qh-navstick.is-compact .qh-project-name {
    transition: none;
    opacity: 1;
  }

  body[data-home-redo="true"][data-page="project"] .qh-logo,
  body[data-home-redo="true"][data-page="project"] .qh-nav a {
    transition: none;
  }
}

/* Home menubar — final wins so orbit/disc rules can't leak into bar mode */
body[data-home-redo="true"][data-page="home"].is-menubar .qh-navstick {
  height: var(--bar-h);
  min-height: var(--bar-h);
  max-height: var(--bar-h);
  overflow: visible;
  pointer-events: auto;
  background: #fff;
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-logo,
body[data-home-redo="true"][data-page="home"].is-menubar .qh-projects,
body[data-home-redo="true"][data-page="home"].is-menubar .qh-nav a {
  top: 0 !important;
  right: auto !important;
  height: 100% !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  translate: 0 0 !important;
  rotate: none !important;
  scale: 1 !important;
  animation: none !important;
  font-size: 0.78rem !important;
  z-index: 3;
  overflow: visible !important;
  color: #111 !important;
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-logo {
  left: 0 !important;
  width: 48% !important;
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-projects {
  left: 48% !important;
  width: 31% !important;
}

body[data-home-redo="true"][data-page="home"].is-menubar .qh-nav a {
  left: 79% !important;
  width: 21% !important;
}

/* —— Project pages: orbit discs → growing blue title bar —— */
body[data-home-redo="true"][data-page="project"] {
  --proj-grow: 0;
  --bar-h: 2.85rem;
  --home-disc: clamp(10.5rem, 13.5vw, 12.5rem);
  --home-disc-y: clamp(8.75rem, 11vw, 10.25rem);
  --home-disc-r: clamp(8.25rem, 10.5vw, 9.75rem);
  --orbit-x: calc(var(--qh-corner) + var(--home-disc) * 0.72);
  --orbit-y: calc(var(--qh-corner) + var(--home-disc) * 0.72);
  --orbit-spread: clamp(7.5rem, 10vw, 10.5rem);
  --orbit-travel: clamp(0.7rem, 1vw, 1rem);
  --menu-ease: cubic-bezier(0.22, 1.12, 0.36, 1);
  --proj-blue: calc(30% + 42% * var(--proj-grow));
  --proj-yellow: calc(24% - 8% * var(--proj-grow));
  --proj-red: calc(100% - var(--proj-blue) - var(--proj-yellow));
}

body[data-home-redo="true"][data-page="project"] .qh-navstick {
  position: absolute !important;
  top: 0;
  right: 0;
  left: 0;
  z-index: 80;
  height: calc(
    var(--orbit-y) + var(--home-disc) * 0.5 + var(--orbit-spread) + var(--orbit-travel) +
      var(--qh-corner)
  );
  min-height: 0;
  overflow: visible;
  pointer-events: none;
}

body[data-home-redo="true"][data-page="project"] .qh-bar {
  position: absolute !important;
  inset: 0;
  display: block !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  pointer-events: none;
}

body[data-home-redo="true"][data-page="project"] .qh-cluster,
body[data-home-redo="true"][data-page="project"] .qh-nav {
  display: contents !important;
}

body[data-home-redo="true"][data-page="project"] .qh-project-name,
body[data-home-redo="true"][data-page="project"] .qh-end,
body[data-home-redo="true"][data-page="project"] .qh-work-hold {
  display: none !important;
}

body[data-home-redo="true"][data-page="project"] .qh-logo,
body[data-home-redo="true"][data-page="project"] .qh-projects,
body[data-home-redo="true"][data-page="project"] .qh-nav a {
  --disc: var(--home-disc);
  position: absolute !important;
  z-index: 3;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0 !important;
  overflow: hidden;
  pointer-events: auto;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  isolation: auto;
  border-radius: 50%;
  transition:
    top 0.78s var(--menu-ease),
    left 0.78s var(--menu-ease),
    width 0.78s var(--menu-ease),
    height 0.78s var(--menu-ease),
    min-height 0.78s var(--menu-ease),
    border-radius 0.78s var(--menu-ease),
    font-size 0.55s ease,
    color 0.4s ease,
    translate 0.78s var(--menu-ease),
    rotate 0.78s var(--menu-ease);
}

body[data-home-redo="true"][data-page="project"] .qh-logo {
  --disc-spin: 54s;
  top: calc(var(--orbit-y) - var(--home-disc) / 2 - 0.35rem);
  left: calc(var(--orbit-x) - var(--home-disc) / 2 - 0.25rem);
  width: var(--home-disc);
  height: var(--home-disc);
  min-height: var(--home-disc);
  color: #fff;
  z-index: 5;
  animation:
    qh-spin-cw var(--disc-spin, 54s) linear infinite,
    qh-orbit-1 16s linear infinite;
}

body[data-home-redo="true"][data-page="project"] .qh-projects {
  --disc: var(--home-disc-y);
  --disc-spin: 41s;
  top: calc(var(--orbit-y) - var(--home-disc-y) / 2 + 1.15rem);
  left: calc(var(--orbit-x) - var(--home-disc-y) / 2 + var(--orbit-spread));
  width: var(--home-disc-y);
  height: var(--home-disc-y);
  min-height: var(--home-disc-y);
  color: #111;
  font-size: calc(var(--home-disc-y) * 0.148);
  z-index: 4;
  animation:
    qh-spin-cw var(--disc-spin, 41s) linear infinite,
    qh-orbit-2 16s linear infinite;
}

body[data-home-redo="true"][data-page="project"] .qh-nav a {
  --disc: var(--home-disc-r);
  --disc-spin: 48s;
  top: calc(var(--orbit-y) - var(--home-disc-r) / 2 + var(--orbit-spread) * 0.92);
  left: calc(var(--orbit-x) - var(--home-disc-r) / 2 + var(--orbit-spread) * 0.18);
  right: auto !important;
  width: var(--home-disc-r);
  height: var(--home-disc-r);
  min-height: var(--home-disc-r);
  color: #fff;
  font-size: calc(var(--home-disc-r) * 0.112);
  z-index: 6;
  animation:
    qh-spin-ccw var(--disc-spin, 48s) linear infinite,
    qh-orbit-3 16s linear infinite !important;
}

body[data-home-redo="true"][data-page="project"] .qh-logo::before,
body[data-home-redo="true"][data-page="project"] .qh-projects::before,
body[data-home-redo="true"][data-page="project"] .qh-nav a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  width: auto;
  height: auto;
  border-radius: inherit;
  pointer-events: none;
  transform-origin: 50% 50%;
}

body[data-home-redo="true"][data-page="project"] .qh-logo::before {
  background: #0047ff;
}

body[data-home-redo="true"][data-page="project"] .qh-projects::before {
  background: #ffe500;
}

body[data-home-redo="true"][data-page="project"] .qh-nav a::before {
  background: #e10600;
}

body[data-home-redo="true"][data-page="project"] .qh-logo .qh-mark,
body[data-home-redo="true"][data-page="project"] .qh-projects .qh-disc-label,
body[data-home-redo="true"][data-page="project"] .qh-nav a .qh-disc-label {
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.28s ease;
}

body[data-home-redo="true"][data-page="project"] .qh-projects:hover,
body[data-home-redo="true"][data-page="project"] .qh-logo:hover,
body[data-home-redo="true"][data-page="project"] .qh-nav a:hover {
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  body[data-home-redo="true"][data-page="project"] .qh-logo:hover,
  body[data-home-redo="true"][data-page="project"] .qh-projects:hover,
  body[data-home-redo="true"][data-page="project"] .qh-nav a:hover {
    --disc-spin: 0.7s;
  }
}

body[data-home-redo="true"][data-page="project"].is-menubar .qh-navstick {
  overflow: hidden;
}

body[data-home-redo="true"][data-page="project"].is-menubar .qh-logo,
body[data-home-redo="true"][data-page="project"].is-menubar .qh-projects,
body[data-home-redo="true"][data-page="project"].is-menubar .qh-nav a {
  top: 0 !important;
  right: auto !important;
  height: 100% !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  translate: 0 0 !important;
  rotate: none !important;
  scale: 1 !important;
  animation: none !important;
  font-size: 0.72rem !important;
  z-index: 3;
  overflow: hidden !important;
}

body[data-home-redo="true"][data-page="project"].is-menubar .qh-logo {
  left: 0 !important;
  width: var(--proj-blue) !important;
  color: #fff;
  transition:
    width 0.35s linear,
    top 0.78s var(--menu-ease),
    height 0.78s var(--menu-ease),
    border-radius 0.78s var(--menu-ease);
}

body[data-home-redo="true"][data-page="project"].is-menubar .qh-projects {
  left: var(--proj-blue) !important;
  width: var(--proj-yellow) !important;
  color: #111;
  transition:
    left 0.35s linear,
    width 0.35s linear,
    top 0.78s var(--menu-ease),
    height 0.78s var(--menu-ease),
    border-radius 0.78s var(--menu-ease);
}

body[data-home-redo="true"][data-page="project"].is-menubar .qh-nav a {
  left: calc(var(--proj-blue) + var(--proj-yellow)) !important;
  width: var(--proj-red) !important;
  color: #fff;
  transition:
    left 0.35s linear,
    width 0.35s linear,
    top 0.78s var(--menu-ease),
    height 0.78s var(--menu-ease),
    border-radius 0.78s var(--menu-ease);
}

body[data-home-redo="true"][data-page="project"].is-menubar .qh-logo::before,
body[data-home-redo="true"][data-page="project"].is-menubar .qh-projects::before,
body[data-home-redo="true"][data-page="project"].is-menubar .qh-nav a::before {
  inset: 0;
  height: auto;
  border-radius: 0;
  transform: none;
  animation: none;
  background-image: none;
  background-repeat: no-repeat;
  background-size: auto;
}

body[data-home-redo="true"][data-page="project"].is-menubar .qh-logo::before {
  background-color: #0047ff;
}

body[data-home-redo="true"][data-page="project"].is-menubar .qh-projects::before {
  background-color: #ffe500;
}

body[data-home-redo="true"][data-page="project"].is-menubar .qh-nav a::before {
  background-color: #e10600;
}

body[data-home-redo="true"][data-page="project"] .qh-logo::after {
  content: attr(data-title);
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: none;
  overflow: hidden;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.28s ease;
}

body[data-home-redo="true"][data-page="project"].is-menubar .qh-logo .qh-mark {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  animation: none;
  transition: opacity 0.28s ease 0.4s;
}

body[data-home-redo="true"][data-page="project"].is-menubar .qh-logo::after {
  position: relative;
  inset: auto;
  max-width: 92%;
  opacity: 1;
  transition: opacity 0.28s ease 0.1s;
}

body[data-home-redo="true"][data-page="project"].is-menubar .qh-projects .qh-disc-label,
body[data-home-redo="true"][data-page="project"].is-menubar .qh-nav a .qh-disc-label {
  animation: none;
  transform: none;
  opacity: 1;
}

@media (max-width: 720px) {
  body[data-home-redo="true"][data-page="project"] {
    --home-disc: min(34vw, 9.25rem);
    --home-disc-y: min(28vw, 7.75rem);
    --home-disc-r: min(26vw, 7.15rem);
    --orbit-spread: min(16vw, 3.75rem);
    --orbit-travel: 0.45rem;
    --bar-h: 2.55rem;
    --qh-corner: 0.4rem;
  }

  body[data-home-redo="true"][data-page="project"].is-menubar .qh-logo::after,
  body[data-home-redo="true"][data-page="project"].is-menubar .qh-projects,
  body[data-home-redo="true"][data-page="project"].is-menubar .qh-nav a {
    font-size: 0.62rem !important;
  }
}

/* No sticky header / no bar morph — discs stay discs and scroll away */
body[data-home-redo="true"] .qh-navstick,
body[data-home-redo="true"][data-page="home"] .qh-navstick,
body[data-home-redo="true"][data-page="project"] .qh-navstick,
body[data-home-redo="true"][data-page="info"] .qh-navstick {
  position: absolute !important;
  top: 0 !important;
  right: 0;
  left: 0;
  bottom: auto;
  transform: none !important;
}

/* Home uses the logo mark, not the absolute disc stage */
body[data-home-redo="true"][data-page="home"] .qh-navstick {
  position: relative !important;
  top: auto !important;
  right: auto;
  left: auto;
  bottom: auto;
  height: auto !important;
  min-height: 0;
  margin: 0 0 2.65rem;
  overflow: visible;
  pointer-events: none;
}

/* —— Mobile polish: one project per row, one shared gutter —— */
@media (max-width: 720px) {
  body[data-home-redo="true"][data-page="home"],
  body[data-home-redo="true"][data-page="project"],
  body[data-home-redo="true"][data-page="info"] {
    --qh-gutter: 0.5rem;
  }

  /* Mobile home: centered logo intro → docked mark + staggered enter. */
  body[data-home-redo="true"][data-page="home"] {
    --qh-corner: 0.35rem;
    --qh-stack: 1.35rem;
    --info-display: clamp(1.9rem, 7.6vw, 2.35rem);
    --nav-bar-h: 3rem;
    --egg-stage-h: 4.5rem;
    --disc-blue: #0047ff;
    --enter-ease: cubic-bezier(0.16, 1.05, 0.28, 1);
    background: #fff;
  }

  body[data-home-redo="true"][data-page="home"] .home-hero {
    --info-display: clamp(1.9rem, 7.6vw, 2.35rem);
  }

  body[data-home-redo="true"][data-page="home"] .page--home-redo {
    padding: 0.55rem var(--qh-gutter) 3.5rem;
    background: #fff;
  }

  body[data-home-redo="true"][data-page="home"] .qh-topnav {
    display: none !important;
  }

  body[data-home-redo="true"][data-page="home"] .qh-navstick {
    position: relative !important;
    top: auto !important;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 2;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0 0 2.65rem;
    overflow: visible;
    pointer-events: none;
    transform: none !important;
  }

  body[data-home-redo="true"][data-page="home"] .qh-logo-anim {
    position: relative;
    display: block;
    width: var(--qh-mark, 2.15rem);
    height: var(--qh-mark, 2.15rem);
    margin: 0;
    overflow: hidden;
    pointer-events: none;
    border-radius: 50%;
    background: #0047ff;
    transform-origin: top left;
  }

  body[data-home-redo="true"][data-page="home"] .qh-logo-anim__still,
  body[data-home-redo="true"][data-page="home"] .qh-logo-anim__video {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: none;
    transform-origin: center center;
    background: transparent;
  }

  body[data-home-redo="true"][data-page="home"] .qh-bar,
  body[data-home-redo="true"][data-page="home"] .qh-logo,
  body[data-home-redo="true"][data-page="home"] .qh-projects,
  body[data-home-redo="true"][data-page="home"] .qh-nav a {
    display: none !important;
  }

  body[data-home-redo="true"][data-page="home"] .home-hero {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 0.85rem;
    min-height: 0;
    padding: 0 0 1.35rem !important;
  }

  /* Blank screen + large flower centered while the mark plays */
  html.is-logo-intro,
  body[data-home-redo="true"][data-page="home"].is-logo-intro {
    overflow: hidden;
    background: #fff;
  }

  html.is-logo-intro body[data-home-redo="true"][data-page="home"] .page--home-redo,
  body[data-home-redo="true"][data-page="home"].is-logo-intro .page--home-redo {
    min-height: 100dvh;
    padding-top: 0;
  }

  /* Logo intro stays in the hero mark slot */
  html.is-logo-intro body[data-home-redo="true"][data-page="home"] .qh-logo-anim,
  body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-logo-anim {
    width: var(--qh-mark, 2.15rem) !important;
    height: var(--qh-mark, 2.15rem) !important;
    max-width: none;
    max-height: none;
    margin: 0;
    transition: none;
  }

  html.is-logo-intro body[data-home-redo="true"][data-page="home"] .qh-logo-anim__still,
  html.is-logo-intro body[data-home-redo="true"][data-page="home"] .qh-logo-anim__video,
  body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-logo-anim__still,
  body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-logo-anim__video {
    transform: none;
  }

  html.is-logo-intro body[data-home-redo="true"][data-page="home"] .qh-navstick,
  body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-navstick {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    inset: 0 !important;
    z-index: 80;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    height: auto !important;
    min-height: 0;
    margin: 0 !important;
    padding: 0;
    background: #fff;
    transform: none !important;
  }

  html.is-logo-intro .home-hero__copy,
  html.is-logo-intro .qh-mosaic,
  html.is-logo-intro .qh-foot,
  body[data-home-redo="true"][data-page="home"].is-logo-intro .home-hero__copy,
  body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-mosaic,
  body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-foot {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Keep stick out of the intro stage */
  html.is-logo-intro body[data-home-redo="true"][data-page="home"] .qh-stick,
  body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-stick {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Sticky menu — mobile keeps clear closed bar + 3-slot top */
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio {
    padding: 0;
    background: transparent !important;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-emoji-egg {
    display: flex;
    grid-column: 3;
    justify-self: end;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #111;
    border-bottom: 0;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-emoji-cycle,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-burger {
    display: none !important;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-studio-line {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 0.75rem;
    width: 100%;
    color: #111;
    font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.2;
    text-align: right;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-studio-line__brand {
    display: none;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-studio-line__menu {
    flex: 0 0 auto;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open {
    gap: 0;
    padding: 0 !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border-radius: 0;
    overflow: hidden;
    border-bottom: 1px solid #111;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-emoji-egg {
    border-radius: 0;
    border-bottom: 0;
    background: #fff !important;
    min-height: 2.85rem;
    padding: 0.85rem var(--qh-gutter) 0.35rem;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-studio-line__menu {
    opacity: 1;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-studio-line__menu {
    opacity: 1 !important;
    color: #111 !important;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu {
    max-height: min(78dvh, 34rem);
    opacity: 1;
    padding: 0.2rem 0 1.15rem;
    background: #fff;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: flex-end;
    gap: 1rem;
    padding: 0 var(--qh-gutter) 0.15rem;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu a,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-r,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-y,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-b {
    display: inline-flex;
    justify-content: flex-end;
    width: auto;
    min-height: 0;
    padding: 0.2rem 0;
    border-radius: 0;
    background: transparent !important;
    color: #111 !important;
    font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.2;
    text-align: right;
    text-transform: lowercase;
  }

  body[data-home-redo="true"][data-page="home"] .home-hero__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    max-width: none;
    margin: 0;
    color: #111;
    font-size: clamp(1.15rem, 5.2vw, 1.45rem) !important;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.28;
  }

  body[data-home-redo="true"][data-page="home"] .home-hero__copy.is-emoji-lede {
    letter-spacing: 0;
    line-height: 1.45;
  }

  body[data-home-redo="true"][data-page="home"] .home-hero__title {
    display: inline;
    width: auto;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
  }

  body[data-home-redo="true"][data-page="home"] .home-hero__title::after {
    content: " ";
  }

  body[data-home-redo="true"][data-page="home"] .qh-lede {
    display: inline;
    width: auto;
    margin: 0 !important;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }

  body[data-home-redo="true"][data-page="home"] .qh-mosaic,
  body[data-home-redo="true"] .qh-mosaic {
    position: relative;
    z-index: 2;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0;
    row-gap: 2rem;
    margin: 0 !important;
    padding-top: 0.15rem;
  }

  body[data-home-redo="true"][data-page="home"] .qh-shot,
  body[data-home-redo="true"][data-page="home"] .qh-shot:nth-child(n) {
    grid-column: auto !important;
    width: 100%;
    margin: 0;
  }

  body[data-home-redo="true"][data-page="home"] .qh-shot :is(img, video) {
    aspect-ratio: 4 / 3 !important;
    border: none;
    box-shadow: none;
    background: #ececec;
  }

  body[data-home-redo="true"][data-page="home"] .qh-title {
    display: none !important;
  }

  body[data-home-redo="true"][data-page="home"] .qh-kicker {
    margin-top: 0 !important;
    color: #000 !important;
    font-family: "ABC Diatype", sans-serif !important;
    font-size: clamp(1.05rem, 3.6vw, 1.2rem) !important;
    font-weight: 500 !important;
    font-synthesis: none !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-decoration: none;
    -webkit-text-stroke: 0;
    paint-order: normal;
  }

  body[data-home-redo="true"][data-page="home"] .qh-kicker::before {
    content: none !important;
  }

  body[data-home-redo="true"][data-page="home"] .qh-foot {
    position: relative;
    z-index: 2;
    background: #fff;
    border-top: none;
  }

  body[data-home-redo="true"] .qh-foot {
    margin-top: 2.5rem;
    margin-left: 0;
    margin-right: 0;
    padding-left: var(--qh-gutter);
    padding-right: var(--qh-gutter);
  }

  body[data-home-redo="true"][data-page="home"] .qh-foot {
    margin-left: calc(var(--qh-gutter) * -1);
    margin-right: calc(var(--qh-gutter) * -1);
  }

  body[data-home-redo="true"][data-page="info"] .qh-foot {
    margin-left: 0;
    margin-right: 0;
    padding-left: var(--qh-gutter);
    padding-right: var(--qh-gutter);
  }

  /* Project interiors */
  body[data-home-redo="true"][data-page="project"] {
    --home-disc: min(36vw, 8.35rem);
    --home-disc-y: min(30vw, 7rem);
    --home-disc-r: min(28vw, 6.5rem);
    --orbit-spread: min(17vw, 4rem);
    --orbit-travel: 0.35rem;
    --qh-corner: var(--qh-gutter);
    --look-col: calc(100% - 2 * var(--qh-gutter));
  }

  body[data-home-redo="true"][data-page="project"] .qh-navstick {
    height: calc(
      var(--orbit-y) + var(--home-disc) * 0.55 + var(--orbit-spread) + var(--orbit-travel) +
        var(--qh-corner)
    ) !important;
  }

  body[data-home-redo="true"][data-page="project"] .qh-logo,
  body[data-home-redo="true"][data-page="project"] .qh-projects,
  body[data-home-redo="true"][data-page="project"] .qh-nav a {
    position: absolute !important;
  }

  body[data-home-redo="true"][data-page="project"][data-folio="split"] .project--folio > .project-hero.project-hero--folio-under.sm-under,
  body[data-home-redo="true"][data-page="project"][data-folio="split"] .project--folio > .project-hero.project-hero--folio-under.sm-under[data-project-hero] {
    padding-top: 0 !important;
  }

  body[data-home-redo="true"][data-page="project"] .sm-under__panel {
    width: auto;
    max-width: none;
    margin-left: var(--qh-gutter);
    margin-right: var(--qh-gutter);
    padding-left: 0;
    padding-right: 0;
  }

  body[data-home-redo="true"][data-page="info"] .page--studio {
    padding-left: var(--qh-gutter);
    padding-right: var(--qh-gutter);
  }

  body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-note,
  body[data-home-redo="true"][data-page="project"] .project-editorial > .folio-bridge {
    width: var(--look-col) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body[data-home-redo="true"][data-page="project"] .sm-under__panel .folio-mast__title,
  body[data-home-redo="true"][data-page="project"] .sm-under__panel .folio-mast__lede {
    font-size: clamp(1.35rem, 6.5vw, 1.75rem);
    line-height: 1.2;
  }
}

/* Project interiors have no site header */
body[data-home-redo="true"][data-page="project"] .qh-navstick {
  display: none !important;
}

body[data-home-redo="true"][data-page="project"][data-folio="split"] .project--folio > .project-hero.project-hero--folio-under.sm-under,
body[data-home-redo="true"][data-page="project"][data-folio="split"] .project--folio > .project-hero.project-hero--folio-under.sm-under[data-project-hero] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Home + info: white header always in place (same sticky size) */
body[data-home-redo="true"][data-page="home"] .qh-stick,
body[data-home-redo="true"][data-page="info"] .qh-stick {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: none;
}

/* Home: framed logo | lede, stacked project frames — all breakpoints */
body[data-home-redo="true"][data-page="home"] {
  --qh-mark: 1.05rem;
  --qh-stick-h: calc(var(--qh-info) * 1.05 + 0.56rem);
  --qh-plus: 1.05rem;
  --qh-info: 1.05rem;
}

body[data-home-redo="true"][data-page="home"] .page--home-redo {
  padding: var(--qh-stick-h) var(--qh-gutter) clamp(3.5rem, 8vh, 5.5rem);
}

body[data-home-redo="true"][data-page="home"] .qh-sheet {
  display: block;
}

body[data-home-redo="true"][data-page="home"] .qh-navstick {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body[data-home-redo="true"][data-page="home"] {
  --home-lede-size: clamp(1.75rem, 3.1vw, 2.65rem);
  --home-lede-measure: min(100%, 38rem);
  --home-stage-h: 0px;
}

/* Closed: no stage spacer. Open info expands to full viewport. */
body[data-home-redo="true"][data-page="home"] .home-hero {
  display: block !important;
  min-height: 0;
  margin: 0;
  padding: 0 !important;
}

body[data-home-redo="true"][data-page="home"] .qh-stick.is-studio {
  overflow: visible;
  pointer-events: none;
}

body[data-home-redo="true"][data-page="home"] .qh-stick.is-studio .qh-stick-top,
body[data-home-redo="true"][data-page="home"] .qh-stick.is-studio .qh-stick-menu {
  pointer-events: auto;
}

/* Open info dropdown: full-screen white field, Menu above lede, gravity disks */
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  top: 0;
  bottom: 0;
  height: 100dvh;
  max-height: 100dvh;
  padding: 0 !important;
  padding-bottom: 0 !important;
  gap: 0 !important;
  overflow: hidden;
  background: #fff !important;
  background-color: #fff !important;
  color: #111;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-top {
  position: relative;
  z-index: 3;
  background: #fff !important;
  flex: 0 0 auto;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-mark,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-studio-line,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-studio-line__menu,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-emoji-egg {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  height: auto;
  margin: 0;
  padding: 0.85rem 0 0 !important;
  background: #fff !important;
  opacity: 1;
  overflow: hidden;
  pointer-events: auto;
  box-sizing: border-box;
  transform: translateY(0);
  transform-origin: top center;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__hero {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: clamp(1.5rem, 4vw, 3rem);
  align-items: start;
  flex: 0 0 auto;
  min-height: 0;
  padding: 0.45rem 0 0.55rem;
  border-bottom: 1px solid rgba(17, 17, 17, 0.2);
  background: #fff;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__us-title {
  margin: 0;
  color: #111;
  font-size: clamp(1.35rem, 2.2vw, 1.85rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.14;
  text-transform: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__hero .qh-stick-info {
  grid-column: 2;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick-info {
  display: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-info {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.35em;
  margin: 0;
  padding: 0;
  border: 0;
  color: #111;
  font-size: clamp(1.2rem, 1.9vw, 1.6rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.18;
  text-align: left;
  text-wrap: pretty;
  background: transparent;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-info .info-fun,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-info .info-cta {
  background: transparent !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  text-decoration: underline;
  text-underline-offset: 0.12em;
  box-shadow: none !important;
  animation: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__studio,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__contact {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: clamp(1.5rem, 4vw, 3rem);
  align-items: start;
  flex: 0 0 auto;
  margin: 0;
  padding: 0.15rem 0 0.55rem;
  border-top: 0;
  border-bottom: 1px solid rgba(17, 17, 17, 0.2);
  color: #111;
  background: #fff;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__studio {
  margin-top: 0.35rem;
  padding-top: 0.55rem;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__studio-title,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__contact-title {
  margin: 0;
  color: #111;
  font-size: clamp(1.35rem, 2.2vw, 1.85rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.14;
  text-transform: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__contact-body {
  display: flex;
  flex-direction: column;
  gap: 0.15em;
  width: 100%;
  margin: 0;
  padding: 0;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__contact-body a {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: clamp(1.2rem, 1.9vw, 1.6rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.18;
  text-decoration: none;
  text-transform: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__contact-body a:hover,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__contact-body a:focus-visible {
  opacity: 0.65;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__inner {
  display: flex;
  flex-direction: column;
  gap: 0.15em;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-home,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-r,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-y,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-b {
  display: block;
  width: auto;
  padding: 0;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: clamp(1.35rem, 2.2vw, 1.85rem) !important;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.14;
  text-align: left;
  text-transform: none;
  background: transparent !important;
}

/* Bloom lives in the sticky mark slot */
body[data-home-redo="true"][data-page="home"] .qh-stick-mark.qh-logo-anim {
  position: relative;
  display: block;
  width: var(--qh-mark) !important;
  height: var(--qh-mark) !important;
  margin: 0;
  overflow: hidden;
  border-radius: 50%;
  background: #0047ff;
  pointer-events: auto;
}

body[data-home-redo="true"][data-page="home"] .qh-stick-mark.qh-logo-anim .qh-logo-anim__still,
body[data-home-redo="true"][data-page="home"] .qh-stick-mark.qh-logo-anim .qh-logo-anim__video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: scale(1.06);
  transform-origin: center center;
  background: transparent;
  opacity: 0;
  pointer-events: none;
}

body[data-home-redo="true"][data-page="home"] .qh-stick-mark.qh-logo-anim.is-dot {
  background: #0047ff;
}

body[data-home-redo="true"][data-page="home"] .qh-stick-mark.qh-logo-anim.is-playing {
  background: transparent;
}

body[data-home-redo="true"][data-page="home"] .qh-stick-mark.qh-logo-anim.is-playing .qh-logo-anim__video {
  opacity: 1;
}

body[data-home-redo="true"][data-page="home"] .qh-stick-mark.qh-logo-anim.is-still {
  background: transparent;
}

body[data-home-redo="true"][data-page="home"] .qh-stick-mark.qh-logo-anim.is-still .qh-logo-anim__still {
  opacity: 1;
}

body[data-home-redo="true"][data-page="home"] .qh-stick-mark.qh-logo-anim.is-still .qh-logo-anim__video {
  opacity: 0;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .home-disks {
  display: none;
  pointer-events: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .home-disks {
  display: block;
  position: relative;
  z-index: 1;
  order: 40;
  flex: 1 1 auto;
  align-self: stretch;
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  min-height: clamp(10rem, 28vh, 16rem);
  margin: 0.85rem 0 0;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  pointer-events: none;
  background: transparent;
  border: 0;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .home-disks__canvas {
  display: block;
  width: 100%;
  height: 100%;
}

body[data-home-redo="true"][data-page="home"] .home-lede-toggle,
body[data-home-redo="true"][data-page="home"] .home-hero__copy {
  display: none !important;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick-info .qh-lede,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick-info .home-lede__chunk {
  display: block;
  width: 100%;
  margin: 0 !important;
  color: inherit;
  font-size: inherit !important;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: left;
  text-wrap: pretty;
  white-space: normal;
  overflow-wrap: break-word;
  opacity: 0;
  transform: translateY(0.45rem);
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick-info .home-lede__chunk.is-nav-in {
  animation: home-lede-in 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: calc(var(--nav-i, 0) * 48ms);
}

@keyframes home-lede-in {
  from {
    opacity: 0;
    transform: translateY(0.45rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick-info .home-lede__chunk,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick-info .home-lede__chunk.is-nav-in {
    opacity: 1;
    transform: none;
    clip-path: none;
    animation: none;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .home-disks {
    display: none;
  }
}

body[data-home-redo="true"][data-page="home"] .qh-mosaic,
body[data-home-redo="true"][data-page="home"] .qh-mosaic.qh-mosaic {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  column-gap: 0;
  row-gap: 0.85rem;
  padding-top: 0;
}

body[data-home-redo="true"][data-page="home"] .qh-mosaic .qh-shot,
body[data-home-redo="true"][data-page="home"] .qh-mosaic .qh-shot:nth-child(n) {
  grid-column: 1 / -1 !important;
  width: 100%;
}

body[data-home-redo="true"][data-page="home"] .qh-mosaic .qh-shot :is(img, video),
body[data-home-redo="true"][data-page="home"] .qh-mosaic .qh-shot:nth-child(n) :is(img, video),
body[data-home-redo="true"][data-page="home"] .qh-mosaic .qh-shot[data-ratio] :is(img, video),
body[data-home-redo="true"][data-page="home"] .qh-mosaic .qh-shot.is-type :is(img, video) {
  aspect-ratio: 16 / 10;
  width: 100%;
  border-radius: 0;
}

/* Keep both Short Jawns flyers fully visible in the WCK thumb */
body[data-home-redo="true"][data-page="home"] .qh-mosaic .qh-shot[data-ratio="2000/1334"] :is(img, video) {
  aspect-ratio: 2000 / 1334;
  object-fit: contain;
  object-position: center;
  background: #2a2a2a;
}

body[data-home-redo="true"][data-page="home"] .qh-cap {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  column-gap: clamp(1rem, 3vw, 2.5rem);
  align-items: start;
  margin: 0.55rem 0 0;
  padding: 0;
}

body[data-home-redo="true"][data-page="home"] .qh-kicker {
  margin: 0 !important;
  color: #000 !important;
  font-family: "ABC Diatype", sans-serif !important;
  font-size: clamp(1.1rem, 1.55vw, 1.25rem) !important;
  font-weight: 500 !important;
  font-synthesis: none !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  text-wrap: balance;
  -webkit-text-stroke: 0;
  paint-order: normal;
  align-self: start;
}

body[data-home-redo="true"][data-page="home"] .qh-cap-side {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: clamp(0.75rem, 2vw, 1.35rem);
  align-items: start;
  min-width: 0;
}

body[data-home-redo="true"][data-page="home"] .qh-services {
  margin: 0;
  color: #111;
  font-family: "ABC Diatype", sans-serif;
  font-size: clamp(0.84rem, 1.15vw, 0.98rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: left;
  text-wrap: pretty;
}

body[data-home-redo="true"][data-page="home"] .qh-year {
  margin: 0;
  color: #111;
  font-family: "ABC Diatype", sans-serif;
  font-size: clamp(0.84rem, 1.15vw, 0.98rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: right;
  white-space: nowrap;
  justify-self: end;
  align-self: start;
}

body[data-home-redo="true"][data-page="home"] .qh-cap .qh-title {
  display: none !important;
}

body[data-home-redo="true"][data-page="home"] .qh-foot {
  margin-top: clamp(2.5rem, 6vh, 4rem);
}

@media (max-width: 720px) {
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) {
    --qh-mark: 0.875rem;
    --qh-info: 0.875rem;
    --qh-plus: 0.875rem;
    --qh-stick-h: calc(var(--qh-info) * 1.05 + 0.42rem);
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-top {
    min-height: 0;
    height: auto;
    padding: 0.24rem var(--qh-gutter) 0.14rem;
    gap: 0.45rem;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-studio-line {
    font-size: var(--qh-info);
  }

  body[data-home-redo="true"][data-page="home"] .page--home-redo {
    padding: var(--qh-stick-h) var(--qh-gutter) 3.5rem;
  }

  body[data-home-redo="true"][data-page="home"] {
    --home-lede-size: clamp(1.15rem, 4.8vw, 1.45rem);
    --home-lede-measure: 100%;
    --home-stage-h: auto;
  }

  body[data-home-redo="true"][data-page="home"] .home-hero {
    min-height: 0;
    margin-bottom: 0;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu {
    padding: 0.75rem 0 0 !important;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__hero {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    column-gap: var(--qh-gutter);
    row-gap: 0;
    padding: 0.35rem 0 0.4rem;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__hero .qh-stick-info {
    grid-column: 2;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .home-disks {
    width: 100vw;
    max-width: 100vw;
    min-height: clamp(8rem, 30vh, 14rem);
    margin: 0.55rem 0 0;
    margin-left: calc(50% - 50vw);
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__studio,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__contact {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    column-gap: var(--qh-gutter);
    padding: 0.1rem 0 0.45rem;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-info,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__studio-title,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__us-title,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__contact-title,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__contact-body a,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-home,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-r,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-y,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-b {
    font-size: clamp(1.05rem, 4.4vw, 1.3rem) !important;
    line-height: 1.18 !important;
  }

  body[data-home-redo="true"][data-page="home"] .qh-mosaic {
    row-gap: 0.7rem;
  }

  body[data-home-redo="true"][data-page="home"] .qh-mosaic .qh-shot :is(img, video),
  body[data-home-redo="true"][data-page="home"] .qh-mosaic .qh-shot:nth-child(n) :is(img, video),
  body[data-home-redo="true"][data-page="home"] .qh-mosaic .qh-shot[data-ratio] :is(img, video),
  body[data-home-redo="true"][data-page="home"] .qh-mosaic .qh-shot.is-type :is(img, video) {
    aspect-ratio: 4 / 3;
  }

  body[data-home-redo="true"][data-page="home"] .qh-mosaic .qh-shot[data-ratio="2000/1334"] :is(img, video) {
    aspect-ratio: 2000 / 1334 !important;
    object-fit: contain;
    background: #2a2a2a;
  }

  body[data-home-redo="true"][data-page="home"] .qh-cap {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    column-gap: 0.65rem;
    margin-top: 0.4rem;
    align-items: start;
  }

  body[data-home-redo="true"][data-page="home"] .qh-kicker {
    font-size: 0.92rem !important;
    font-weight: 500 !important;
    line-height: 1.22 !important;
  }

  body[data-home-redo="true"][data-page="home"] .qh-cap-side {
    column-gap: 0.55rem;
  }

  body[data-home-redo="true"][data-page="home"] .qh-services,
  body[data-home-redo="true"][data-page="home"] .qh-year {
    font-size: 0.7rem;
    line-height: 1.22;
  }

  body[data-home-redo="true"][data-page="home"] .qh-foot {
    font-size: 1rem;
  }
}

/* Sticky menu — clear at rest, white once scrolled */
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio {
  padding: 0;
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: 0;
  overflow: visible;
  transition: background-color 0.22s ease;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-top {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  column-gap: 0;
  box-sizing: border-box;
  width: 100%;
  min-height: 0;
  height: auto;
  /* Bar height from logo/MORE only — orb is fixed bottom-left. */
  padding: 0.34rem var(--qh-gutter) 0.22rem;
  background: transparent;
  transition: background-color 0.22s ease;
  overflow: visible;
  pointer-events: auto;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-scrolled,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-scrolled .qh-stick-top {
  background: #fff !important;
  background-color: #fff !important;
}

/* Project pages stay glass — never pick up the white scrolled plate */
body[data-home-redo="true"][data-page="project"] .qh-stick.is-studio,
body[data-home-redo="true"][data-page="project"] .qh-stick.is-studio .qh-stick-top,
body[data-home-redo="true"][data-page="project"] .qh-stick.is-studio.is-scrolled,
body[data-home-redo="true"][data-page="project"] .qh-stick.is-studio.is-scrolled .qh-stick-top {
  background: transparent !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-orb {
  /* Fixed corner control — real hit target, out of document flow. */
  --qh-orb-color: #0047ff;
  position: fixed;
  left: var(--qh-gutter);
  bottom: max(1.25rem, env(safe-area-inset-bottom, 0px) + 1.1rem);
  top: auto;
  right: auto;
  z-index: 2147483001;
  grid-column: 1;
  justify-self: start;
  align-self: start;
  box-sizing: border-box;
  width: var(--qh-orb);
  height: var(--qh-orb);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  overflow: visible;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
}

/* Info: red control dot on the blue page */
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-orb {
  --qh-orb-color: #ff0000;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-orb::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--qh-orb-color, #0047ff);
  transform: none;
  pointer-events: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) {
  --qh-mark: 1.05rem;
  --qh-info: 1.05rem;
  --qh-plus: 1.05rem;
  --qh-stick-h: calc(var(--qh-info) * 1.05 + 0.56rem);
  --qh-orb: clamp(11.25rem, 16.5vmin, 16.875rem);
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-mark,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-mark.is-wordmark {
  display: inline-flex;
  grid-column: 1;
  justify-self: start;
  flex: 0 0 auto;
  align-items: center;
  align-self: center;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent !important;
  color: #111;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  pointer-events: auto;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-mark.is-wordmark img {
  display: block !important;
  width: auto;
  height: calc(var(--qh-info, 1.05rem) * 1.05);
  max-width: min(42vw, 11rem);
  margin: 0;
  padding: 0;
  object-fit: contain;
  object-position: center;
  filter: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-mark__tm {
  display: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-mark video {
  display: none !important;
}

body[data-home-redo="true"][data-page="home"] .qh-stick.is-studio .qh-studio-line,
body[data-home-redo="true"][data-page="home"] .qh-stick.is-studio .qh-studio-line__menu,
body[data-home-redo="true"][data-page="home"] .qh-stick.is-studio .qh-emoji-egg {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  font-weight: 700;
}

/* Logo left, PROJECTS / MORE clustered on the right */
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-top {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  column-gap: 0;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-mark,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-mark.is-wordmark {
  flex: 0 0 auto;
  margin-right: auto;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-projects,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-info-link {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  align-self: center;
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #111;
  -webkit-text-fill-color: #111;
  font-size: var(--qh-info, 1.05rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: auto;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-projects::after {
  content: "/";
  margin: 0 0.4em;
  font-weight: 700;
  letter-spacing: 0;
  color: inherit;
  -webkit-text-fill-color: inherit;
  pointer-events: none;
}

body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-projects,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-info-link {
  color: #fff;
  -webkit-text-fill-color: #fff;
}

@media (max-width: 900px) {
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-projects,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-info-link {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    justify-self: auto;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-projects::after {
    margin: 0 0.32em;
  }
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-emoji-egg {
  display: none !important;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-emoji-cycle,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-burger {
  display: none !important;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-studio-line {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  width: auto;
  height: auto;
  color: #111;
  font-size: var(--qh-info, 0.92rem);
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: right;
  text-transform: uppercase;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-studio-line__brand {
  display: none;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-studio-line__menu {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  height: auto;
  line-height: 1;
  text-transform: uppercase;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open {
  gap: 0;
  padding: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  border-radius: 0;
  overflow: hidden;
  border-bottom: 0;
}

/* Home open info: full-screen white sheet, black type */
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open {
  background: #fff !important;
  background-color: #fff !important;
  overflow: hidden;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-top,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu {
  background: #fff !important;
  background-color: #fff !important;
}

/* Keep open-sheet content on the same gutters as stick-top */
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__hero,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__studio {
  width: 100%;
  box-sizing: border-box;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-top {
  padding-top: 0.34rem;
  padding-bottom: 0.22rem;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu {
  padding-top: 0.85rem;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__studio {
  order: 10;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__hero {
  order: 20;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__contact {
  order: 30;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-emoji-egg {
  border-radius: 0;
  border-bottom: 0;
  background: transparent !important;
  min-height: 0;
  padding: 0;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-studio-line__menu {
  opacity: 1;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-studio-line__menu {
  opacity: 1 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-weight: 700;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu {
  max-height: none;
  opacity: 1;
  padding: 0.85rem 0 0;
  background: #fff;
  pointer-events: auto;
  transform: translateY(0);
  transform-origin: top center;
}

/* Keep Menu / Us / Contact on the shared gutters while disks go edge-to-edge */
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__studio,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__hero,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__contact {
  padding-left: var(--qh-gutter);
  padding-right: var(--qh-gutter);
  box-sizing: border-box;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu[hidden] {
  background: #fff !important;
}

/* Always kill RGB pill styles in studio menu — including mid-transition */
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu a,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu a.is-home,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu a.is-r,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu a.is-y,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu a.is-b,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu a:hover,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu a:focus-visible,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu a:active {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  min-height: 0;
  padding: 0.25rem 0;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #111 !important;
  font-size: 1.05rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2;
  text-align: center;
  text-transform: lowercase;
  box-shadow: none !important;
  opacity: 0;
  transform: translateX(1.35rem);
  clip-path: inset(0 0 0 100%);
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu a.is-nav-in {
  animation: qh-nav-block-in 0.52s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: calc(var(--nav-i, 0) * 70ms);
}

@keyframes qh-nav-block-in {
  0% {
    opacity: 0;
    transform: translateX(1.35rem);
    clip-path: inset(0 0 0 100%);
  }
  55% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu a,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-menu a.is-nav-in {
    opacity: 1;
    transform: none;
    clip-path: none;
    animation: none;
  }
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio.is-open .qh-stick-menu__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 var(--qh-gutter) 0.15rem;
  overflow: hidden;
}

/* Home wins: Menu label + page links, same size, gutter-aligned */
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu__inner {
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0.15em !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
}

body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-home,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-r,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-y,
body[data-home-redo="true"]:is([data-page="home"], [data-page="project"]) .qh-stick.is-studio.is-open .qh-stick-menu a.is-b {
  display: block !important;
  width: auto !important;
  justify-content: flex-start !important;
  text-align: left !important;
  font-size: clamp(1.35rem, 2.2vw, 1.85rem) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.02em !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

/* Info page: blue field, white type — content unchanged */
body[data-home-redo="true"][data-page="info"],
body[data-home-redo="true"][data-page="info"] .page--studio,
body[data-home-redo="true"][data-page="info"] .info-studio,
body[data-home-redo="true"][data-page="info"] .info-hero,
body[data-home-redo="true"][data-page="info"] .info-block,
body[data-home-redo="true"][data-page="info"] .qh-foot {
  background: #0047ff !important;
  background-color: #0047ff !important;
  color: #fff !important;
}

body[data-home-redo="true"][data-page="info"] :is(
  h1, h2, h3, h4, p, li, a, span, label, ul, div,
  .info-hero__lede, .info-fun, .info-cta, .info-block h2, .info-block h3,
  .info-cols, .service-fall
) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-home-redo="true"][data-page="info"] :is(.info-fun, .info-cta, a.info-cta) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  text-decoration: underline;
  text-underline-offset: 0.12em;
}

body[data-home-redo="true"][data-page="info"] a:hover,
body[data-home-redo="true"][data-page="info"] a:focus-visible {
  color: #fff !important;
  opacity: 0.75;
}

/* Info sticky nav matches the blue page field */
body[data-home-redo="true"][data-page="info"] {
  --qh-stick-h: calc(var(--qh-info) * 1.05 + 0.56rem);
  --qh-mark: 1.05rem;
  --qh-info: 1.05rem;
}

/* Info page defaults to blue field + white ink; red-dot flips to red. */

body[data-home-redo="true"][data-page="info"],
body[data-home-redo="true"][data-page="info"] .page--studio,
body[data-home-redo="true"][data-page="info"] .info-studio,
body[data-home-redo="true"][data-page="info"] .qh-foot {
  background: #0047ff !important;
  background-color: #0047ff !important;
  color: #fff !important;
}

body[data-home-redo="true"][data-page="info"] .info-hero__lede,
body[data-home-redo="true"][data-page="info"] .info-hero__copy,
body[data-home-redo="true"][data-page="info"] .info-block,
body[data-home-redo="true"][data-page="info"] .info-block h2,
body[data-home-redo="true"][data-page="info"] .info-block h3,
body[data-home-redo="true"][data-page="info"] .info-cols h3,
body[data-home-redo="true"][data-page="info"] .info-cols p,
body[data-home-redo="true"][data-page="info"] .info-cols li,
body[data-home-redo="true"][data-page="info"] .info-approach,
body[data-home-redo="true"][data-page="info"] .info-cta,
body[data-home-redo="true"][data-page="info"] .info-fun,
body[data-home-redo="true"][data-page="info"] .qh-foot,
body[data-home-redo="true"][data-page="info"] .qh-foot h2,
body[data-home-redo="true"][data-page="info"] .qh-foot a {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-home-redo="true"][data-page="info"] .info-cols p,
body[data-home-redo="true"][data-page="info"] .info-cols li {
  color: rgba(255, 255, 255, 0.84) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.84) !important;
}

body[data-home-redo="true"][data-page="info"] .qh-news input {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  background: transparent !important;
  caret-color: #fff;
}

body[data-home-redo="true"][data-page="info"] .qh-news input::placeholder {
  color: rgba(255, 255, 255, 0.55);
}

body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-mark.is-wordmark {
  color: #fff;
}

body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-mark.is-wordmark img {
  filter: brightness(0) invert(1);
}

body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-info-link {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-mark__tm {
  color: #fff;
}

body[data-home-redo="true"][data-page="info"] .page--studio {
  padding-top: calc(var(--qh-stick-h) + 0.75rem) !important;
}

body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-top,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio.is-open,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio.is-open .qh-stick-menu,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-menu {
  background: #0047ff !important;
  background-color: #0047ff !important;
}

body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio.is-scrolled,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio.is-scrolled .qh-stick-top {
  background: #0047ff !important;
  background-color: #0047ff !important;
}

body[data-home-redo="true"][data-page="info"].is-ink-red .qh-stick.is-studio,
body[data-home-redo="true"][data-page="info"].is-ink-red .qh-stick.is-studio .qh-stick-top,
body[data-home-redo="true"][data-page="info"].is-ink-red .qh-stick.is-studio.is-scrolled,
body[data-home-redo="true"][data-page="info"].is-ink-red .qh-stick.is-studio.is-scrolled .qh-stick-top {
  background: #ff0000 !important;
  background-color: #ff0000 !important;
}

body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-studio-line,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-emoji-egg,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-menu a,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-menu a.is-home,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-menu a.is-r,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-menu a.is-y,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-menu a.is-b {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: transparent !important;
}

body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-mark,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-mark.qh-logo-anim,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-mark.qh-logo-anim.is-still,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-mark.qh-logo-anim.is-dot,
body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-mark.qh-logo-anim.is-playing {
  background: transparent !important;
  background-color: transparent !important;
}

body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-mark :is(img, video) {
  background: transparent !important;
  mix-blend-mode: normal;
}

/* Info hero lede: ABC Diatype Medium */
body[data-home-redo="true"][data-page="info"] .info-hero {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: clamp(1.5rem, 4vw, 3rem);
}

body[data-home-redo="true"][data-page="info"] .info-discs,
body[data-home-redo="true"][data-page="info"] .info-hero .qh-logo {
  display: none !important;
}

body[data-home-redo="true"][data-page="info"] .info-hero__lede,
body[data-home-redo="true"][data-page="info"] .info-hero__lede .info-fun,
body[data-home-redo="true"][data-page="info"] .info-hero__lede .info-cta {
  font-family: "ABC Diatype", sans-serif !important;
  font-size: var(--info-display) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
}

body[data-home-redo="true"][data-page="info"] .info-hero__copy {
  grid-column: 2;
  max-width: none;
  width: 100%;
}

body[data-home-redo="true"][data-page="info"] .info-hero__copy p + p {
  margin-top: 0.45em;
}

body[data-home-redo="true"][data-page="info"] .info-block {
  border-top-color: rgba(255, 255, 255, 0.35);
}

body[data-home-redo="true"][data-page="info"] .qh-stick.is-studio .qh-stick-top :is(a, span, button):not(.qh-stick-orb) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-home-redo="true"][data-page="info"].is-ink-red,
body[data-home-redo="true"][data-page="info"].is-ink-red .page--studio,
body[data-home-redo="true"][data-page="info"].is-ink-red .info-studio,
body[data-home-redo="true"][data-page="info"].is-ink-red .info-hero,
body[data-home-redo="true"][data-page="info"].is-ink-red .info-block,
body[data-home-redo="true"][data-page="info"].is-ink-red .service-fall,
body[data-home-redo="true"][data-page="info"].is-ink-red .qh-foot,
body[data-home-redo="true"][data-page="info"].is-ink-red .qh-stick.is-studio,
body[data-home-redo="true"][data-page="info"].is-ink-red .qh-stick.is-studio .qh-stick-top,
body[data-home-redo="true"][data-page="info"].is-ink-red .qh-stick.is-studio.is-scrolled,
body[data-home-redo="true"][data-page="info"].is-ink-red .qh-stick.is-studio.is-scrolled .qh-stick-top {
  background: #ff0000 !important;
  background-color: #ff0000 !important;
  color: #fff !important;
}

body[data-home-redo="true"][data-page="info"].is-ink-red .qh-stick.is-studio .qh-stick-orb {
  --qh-orb-color: #ffffff;
}

/* Clearance so contact / newsletter aren’t covered by the fixed corner disk */
body[data-home-redo="true"][data-page="info"] .qh-foot {
  padding-bottom: calc(var(--qh-orb) + 3rem) !important;
}

/* Logo bloom stays in the mark slot — never take over the page */
html.is-logo-intro,
body[data-home-redo="true"][data-page="home"].is-logo-intro {
  overflow: auto;
  background: #fff;
}

html.is-logo-intro body[data-home-redo="true"][data-page="home"] .qh-logo-anim,
body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-logo-anim {
  width: var(--qh-mark, 2.15rem) !important;
  height: var(--qh-mark, 2.15rem) !important;
  max-width: none;
  max-height: none;
  margin: 0;
}

html.is-logo-intro .home-hero__copy,
html.is-logo-intro .qh-mosaic,
html.is-logo-intro .qh-foot,
body[data-home-redo="true"][data-page="home"].is-logo-intro .home-hero__copy,
body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-mosaic,
body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-foot,
html.is-logo-intro body[data-home-redo="true"][data-page="home"] .qh-stick,
body[data-home-redo="true"][data-page="home"].is-logo-intro .qh-stick {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}


body[data-home-redo="true"][data-page="home"] .qh-lede__w {
  display: inline;
  will-change: auto;
}

/* Mobile: logo + PROJECTS / MORE share one smaller size */
@media (max-width: 720px) {
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) {
    --qh-mark: 0.875rem;
    --qh-info: 0.875rem;
    --qh-plus: 0.875rem;
    --qh-stick-h: calc(var(--qh-info) * 1.05 + 0.42rem);
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-top {
    min-height: 0;
    height: auto;
    padding: 0.24rem var(--qh-gutter) 0.14rem;
    gap: 0.45rem;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-mark.is-wordmark img {
    height: var(--qh-info) !important;
    max-width: none;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-projects,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-info-link {
    font-size: var(--qh-info) !important;
    letter-spacing: 0.03em;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-stick-projects::after {
    margin: 0 0.28em;
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) {
    --qh-orb: clamp(5.75rem, 28vw, 8.5rem);
  }

  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-studio-line,
  body[data-home-redo="true"]:is([data-page="home"], [data-page="project"], [data-page="info"]) .qh-stick.is-studio .qh-studio-line__menu {
    font-size: var(--qh-info) !important;
  }

  body[data-home-redo="true"][data-page="info"] .page--studio {
    padding-top: calc(var(--qh-stick-h) + 0.35rem) !important;
  }
}

/* Preload line: white field + small Diatype Medium before content rise */
html.is-qh-preload-boot body[data-home-redo="true"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  background: #fff;
  pointer-events: auto;
}

@keyframes qh-preload-in {
  0% {
    opacity: 0;
    filter: blur(12px);
    transform: translate3d(0, 0.55rem, 0) scale(0.985);
  }
  42% {
    opacity: 0.72;
    filter: blur(4.5px);
    transform: translate3d(0, 0.22rem, 0) scale(0.994);
  }
  78% {
    opacity: 1;
    filter: blur(0.6px);
    transform: translate3d(0, 0.04rem, 0) scale(0.999);
  }
  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes qh-preload-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes qh-preload-veil-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

body[data-home-redo="true"] .qh-preload {
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  margin: 0;
  padding: 1.5rem;
  background: #fff;
  color: #000;
  opacity: 1;
  pointer-events: auto;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body[data-home-redo="true"] .qh-preload.is-out {
  animation: qh-preload-veil-out 1.05s cubic-bezier(0.37, 0.01, 0.2, 1) forwards;
}

body[data-home-redo="true"] .qh-preload__line {
  max-width: 20rem;
  margin: 0;
  font-family: "ABC Diatype", sans-serif;
  font-weight: 500;
  font-size: clamp(1.12rem, 1.85vw, 1.35rem);
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: center;
  text-transform: lowercase;
  text-wrap: balance;
  opacity: 0;
  filter: blur(12px);
  transform: translate3d(0, 0.55rem, 0) scale(0.985);
  backface-visibility: hidden;
  transform-origin: 50% 50%;
  will-change: opacity, filter, transform;
}

body[data-home-redo="true"] .qh-preload.is-in .qh-preload__line {
  animation: qh-preload-in 2.15s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

body[data-home-redo="true"] .qh-preload.is-out .qh-preload__line {
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
  animation: qh-preload-out 1.05s cubic-bezier(0.37, 0.01, 0.2, 1) forwards;
}

html.is-qh-preload-boot body[data-home-redo="true"] .qh-stick,
html.is-qh-preload-boot body[data-home-redo="true"] .qh-navstick,
body[data-home-redo="true"].is-qh-preload-play .qh-stick,
body[data-home-redo="true"].is-qh-preload-play .qh-navstick {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html.is-qh-preload-boot body[data-home-redo="true"]::before,
  body[data-home-redo="true"] .qh-preload {
    display: none !important;
  }
}

/* Load-in: each content stack eases up from below */
html.is-qh-rise-boot body[data-home-redo="true"] .qh-mosaic .qh-shot,
html.is-qh-rise-boot body[data-home-redo="true"] .info-hero,
html.is-qh-rise-boot body[data-home-redo="true"] .info-block,
html.is-qh-rise-boot body[data-home-redo="true"] .project-hero,
html.is-qh-rise-boot body[data-home-redo="true"] .sm-sheet-intro,
html.is-qh-rise-boot body[data-home-redo="true"] .project-editorial__open,
html.is-qh-rise-boot body[data-home-redo="true"] .project-editorial > .folio-frame,
html.is-qh-rise-boot body[data-home-redo="true"] .project-editorial > .folio-pair,
html.is-qh-rise-boot body[data-home-redo="true"] .project-editorial--folio > .folio-frame,
html.is-qh-rise-boot body[data-home-redo="true"] .project-editorial--folio > .folio-pair,
html.is-qh-rise-boot body[data-home-redo="true"] .project-turn,
html.is-qh-rise-boot body[data-home-redo="true"] .qh-foot,
body[data-home-redo="true"] .qh-rise-item {
  opacity: 0;
  transform: translate3d(0, min(16vh, 5rem), 0);
  will-change: opacity, transform;
}

html.is-qh-rise-boot body[data-home-redo="true"] .folio-frame--phone-thumb,
html.is-qh-rise-boot body[data-home-redo="true"] .folio-frame.is-hero-source {
  opacity: 0;
  transform: none;
}

body[data-home-redo="true"].is-qh-rise-play .qh-rise-item {
  opacity: 1;
  transform: none;
  transition:
    opacity 1.25s cubic-bezier(0.16, 1.05, 0.28, 1),
    transform 1.25s cubic-bezier(0.16, 1.05, 0.28, 1);
  transition-delay: calc(min(var(--qh-rise-i, 0), 28) * 140ms + 60ms);
}

@media (prefers-reduced-motion: reduce) {
  html.is-qh-rise-boot body[data-home-redo="true"] .qh-mosaic .qh-shot,
  html.is-qh-rise-boot body[data-home-redo="true"] .info-hero,
  html.is-qh-rise-boot body[data-home-redo="true"] .info-block,
  html.is-qh-rise-boot body[data-home-redo="true"] .project-hero,
  html.is-qh-rise-boot body[data-home-redo="true"] .sm-sheet-intro,
  html.is-qh-rise-boot body[data-home-redo="true"] .project-editorial__open,
  html.is-qh-rise-boot body[data-home-redo="true"] .project-editorial > .folio-frame,
  html.is-qh-rise-boot body[data-home-redo="true"] .project-editorial > .folio-pair,
  html.is-qh-rise-boot body[data-home-redo="true"] .project-editorial--folio > .folio-frame,
  html.is-qh-rise-boot body[data-home-redo="true"] .project-editorial--folio > .folio-pair,
  html.is-qh-rise-boot body[data-home-redo="true"] .project-turn,
  html.is-qh-rise-boot body[data-home-redo="true"] .qh-foot,
  body[data-home-redo="true"] .qh-rise-item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Blue-dot toggle: white ink on Queue blue for the current page */
body[data-home-redo="true"].is-ink-blue {
  background: #0047ff !important;
  color: #fff;
}

body[data-home-redo="true"].is-ink-blue .page--home-redo,
body[data-home-redo="true"].is-ink-blue .page--studio,
body[data-home-redo="true"].is-ink-blue .page--interior,
body[data-home-redo="true"].is-ink-blue .project,
body[data-home-redo="true"].is-ink-blue .qh-sheet,
body[data-home-redo="true"].is-ink-blue .info-studio,
body[data-home-redo="true"].is-ink-blue .project-editorial,
body[data-home-redo="true"].is-ink-blue .sm-sheet-intro,
body[data-home-redo="true"].is-ink-blue .qh-foot {
  background: #0047ff !important;
  background-color: #0047ff !important;
  color: #fff !important;
}

body[data-home-redo="true"].is-ink-blue .qh-kicker,
body[data-home-redo="true"].is-ink-blue .qh-services,
body[data-home-redo="true"].is-ink-blue .qh-year,
body[data-home-redo="true"].is-ink-blue .qh-foot,
body[data-home-redo="true"].is-ink-blue .qh-foot h2,
body[data-home-redo="true"].is-ink-blue .qh-foot a,
body[data-home-redo="true"].is-ink-blue .info-hero__lede,
body[data-home-redo="true"].is-ink-blue .info-hero__copy,
body[data-home-redo="true"].is-ink-blue .info-block,
body[data-home-redo="true"].is-ink-blue .info-block h2,
body[data-home-redo="true"].is-ink-blue .info-block h3,
body[data-home-redo="true"].is-ink-blue .info-cols h3,
body[data-home-redo="true"].is-ink-blue .info-cols p,
body[data-home-redo="true"].is-ink-blue .info-cols li,
body[data-home-redo="true"].is-ink-blue .info-approach,
body[data-home-redo="true"].is-ink-blue .info-cta,
body[data-home-redo="true"].is-ink-blue .folio-mast__title,
body[data-home-redo="true"].is-ink-blue .folio-mast__lede,
body[data-home-redo="true"].is-ink-blue .folio-mast__copy,
body[data-home-redo="true"].is-ink-blue .folio-mast__copy p,
body[data-home-redo="true"].is-ink-blue .folio-mast__delivery-label,
body[data-home-redo="true"].is-ink-blue .folio-mast__delivery-value,
body[data-home-redo="true"].is-ink-blue .folio-mast__delivery-list,
body[data-home-redo="true"].is-ink-blue .project-editorial__title,
body[data-home-redo="true"].is-ink-blue .project-editorial__lede,
body[data-home-redo="true"].is-ink-blue .project-editorial__block,
body[data-home-redo="true"].is-ink-blue .project-editorial__block p,
body[data-home-redo="true"].is-ink-blue .project-delivery,
body[data-home-redo="true"].is-ink-blue .project-delivery__label,
body[data-home-redo="true"].is-ink-blue .project-delivery__items,
body[data-home-redo="true"].is-ink-blue .project-turn,
body[data-home-redo="true"].is-ink-blue .project-turn--text,
body[data-home-redo="true"].is-ink-blue .project-turn--thumbs,
body[data-home-redo="true"].is-ink-blue .project-end {
  background: #0047ff !important;
  background-color: #0047ff !important;
  color: #fff !important;
}

body[data-home-redo="true"].is-ink-blue .project-turn__text,
body[data-home-redo="true"].is-ink-blue .project-turn__text-label,
body[data-home-redo="true"].is-ink-blue .project-turn__arrow,
body[data-home-redo="true"].is-ink-blue .project-turn__link,
body[data-home-redo="true"].is-ink-blue .project-turn__label,
body[data-home-redo="true"].is-ink-blue .project-turn__name,
body[data-home-redo="true"].is-ink-blue .project-turn__thumb .project-turn__title,
body[data-home-redo="true"].is-ink-blue .project-turn__thumb .project-turn__sub {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-home-redo="true"].is-ink-blue .project-turn__text:hover,
body[data-home-redo="true"].is-ink-blue .project-turn__text:focus-visible {
  color: #fff !important;
  border-bottom-color: #fff !important;
}

body[data-home-redo="true"].is-ink-blue .info-cols p,
body[data-home-redo="true"].is-ink-blue .info-cols li {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

body[data-home-redo="true"].is-ink-blue .info-block {
  border-top-color: rgba(255, 255, 255, 0.35) !important;
}

body[data-home-redo="true"].is-ink-blue .qh-foot a:hover,
body[data-home-redo="true"].is-ink-blue .info-studio a:hover {
  color: #fff !important;
  opacity: 0.75;
}

body[data-home-redo="true"].is-ink-blue .qh-news input {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  background: transparent !important;
  caret-color: #fff;
}

body[data-home-redo="true"].is-ink-blue .qh-news input::placeholder {
  color: rgba(255, 255, 255, 0.55);
}

body[data-home-redo="true"].is-ink-blue .qh-stick.is-studio,
body[data-home-redo="true"].is-ink-blue .qh-stick.is-studio .qh-stick-top,
body[data-home-redo="true"].is-ink-blue .qh-stick.is-studio.is-scrolled,
body[data-home-redo="true"].is-ink-blue .qh-stick.is-studio.is-scrolled .qh-stick-top {
  background: #0047ff !important;
  background-color: #0047ff !important;
}

/* Project interiors keep a clear sticky bar even in blue mode */
body[data-home-redo="true"][data-page="project"].is-ink-blue .qh-stick.is-studio,
body[data-home-redo="true"][data-page="project"].is-ink-blue .qh-stick.is-studio .qh-stick-top,
body[data-home-redo="true"][data-page="project"].is-ink-blue .qh-stick.is-studio.is-scrolled,
body[data-home-redo="true"][data-page="project"].is-ink-blue .qh-stick.is-studio.is-scrolled .qh-stick-top {
  background: transparent !important;
  background-color: transparent !important;
}

body[data-home-redo="true"].is-ink-blue .qh-stick.is-studio .qh-stick-info-link,
body[data-home-redo="true"].is-ink-blue .qh-stick.is-studio .qh-stick-mark__tm,
body[data-home-redo="true"].is-ink-blue .qh-stick.is-studio .qh-stick-top :is(a, span, button):not(.qh-stick-orb) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-home-redo="true"].is-ink-blue .qh-stick.is-studio .qh-stick-mark.is-wordmark img {
  filter: brightness(0) invert(1);
}

body[data-home-redo="true"].is-ink-blue .qh-stick.is-studio .qh-stick-orb {
  --qh-orb-color: #ffffff;
}

body[data-home-redo="true"].is-ink-blue .sm-under__media,
body[data-home-redo="true"].is-ink-blue .project-hero,
body[data-home-redo="true"].is-ink-blue .project-hero.sm-under {
  background: #0047ff !important;
}

body[data-home-redo="true"].is-ink-blue .project-details,
body[data-home-redo="true"].is-ink-blue .sm-sheet-intro,
body[data-home-redo="true"].is-ink-blue .project-editorial--folio {
  background: #0047ff !important;
  color: #fff !important;
}