@charset "UTF-8";
/* ==========================================================================
   MIDNIGHT — dark & jewel-like
   The logo's own world expanded to a website. Warm near-black; a blue-black
   would read tech rather than spa. Champagne gold at full strength, because on
   this ground it clears 8:1 without deepening.

   Relief sections (.on-light) invert to bone.
   ========================================================================== */

:root{
  /* Grounds */
  --ground:        #0C0B09;
  --ground-2:      #100E0B;
  --ground-3:      #17140F;

  /* Type on the primary ground */
  --ink:           #F6F1E5;
  --ink-2:         #C4BAA6;
  --ink-3:         #8E8474;

  /* Accent */
  --accent:        #C9A253;
  --accent-lit:    #E8D3A0;
  --accent-wash:   rgba(201,162,83,.045);

  /* Relief sections — pale, so everything inverts */
  --alt-ground:    #F5F1E7;
  --alt-ink:       #191713;
  --alt-ink-2:     #4A443A;
  --alt-ink-3:     #746C5F;
  --alt-accent:    #856931;
  --alt-line:      rgba(25,23,19,.14);
  --alt-line-accent: rgba(133,105,49,.40);

  /* Hairlines */
  --line:          rgba(246,241,229,.12);
  --line-2:        rgba(246,241,229,.20);
  --line-accent:   rgba(201,162,83,.34);

  /* Chrome */
  --header-bg:     rgba(12,11,9,.92);
  --menu-bg:       rgba(16,14,11,.97);

  /* Hero */
  --hero-ink:      #FFFCF4;
  --hero-accent:   #E8D3A0;
  --hero-ink-2:    #E4DBC7;
  --hero-scrim:
    radial-gradient(90% 70% at 68% 34%, rgba(201,162,83,.20) 0%, rgba(201,162,83,0) 62%),
    linear-gradient(180deg, rgba(12,11,9,.72) 0%, rgba(12,11,9,.28) 32%,
      rgba(12,11,9,.80) 76%, #0C0B09 100%);
  --hairline-fade: linear-gradient(180deg, rgba(201,162,83,0), #C9A253);

  /* The supplied stock pods are lit cold blue; pull them to champagne. */
  --photo-filter:  saturate(.34) hue-rotate(-20deg) brightness(.82) contrast(1.06);

  /* Errors */
  --bad-line:      rgba(214,124,102,.5);
  --bad-ink:       #E0A08C;

  /* Type */
  --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --sans:  'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --t--1: clamp(0.80rem, 0.78rem + 0.10vw, 0.86rem);
  --t-0:  clamp(1.02rem, 0.98rem + 0.18vw, 1.12rem);
  --t-1:  clamp(1.20rem, 1.10rem + 0.44vw, 1.48rem);
  --t-2:  clamp(1.60rem, 1.32rem + 1.24vw, 2.45rem);
  --t-3:  clamp(2.20rem, 1.60rem + 2.70vw, 4.00rem);
  --t-4:  clamp(2.90rem, 1.75rem + 5.20vw, 6.40rem);
  --t-5:  clamp(3.60rem, 1.60rem + 9.00vw, 9.00rem);

  /* Space */
  --gutter: clamp(1.5rem, 5vw, 4.5rem);
  --measure: 62ch;
  --shell: 1360px;
  --shell-tight: 1080px;
  --bay: clamp(6rem, 14vw, 13rem);
  --bay-sm: clamp(3.5rem, 7vw, 6rem);

  --ease: cubic-bezier(.19,1,.22,1);
  --ease-2: cubic-bezier(.4,0,.2,1);
}

/* The mark is artwork on its own black; on this ground the plate disappears. */
.brand img{background:#000}
.footer__b img{mix-blend-mode:screen}