:root {
  --void:    #0a0a0a;
  --void-2:  #121110;
  --void-3:  #070707;

  --ink:     #f4f2ea;
  --quiet:   #c9c3b4;
  --dim:     #97917f;
  --amber:   #ffb54a;
  --amber-2: #ffd9a0;

  --faint:   #858073;



  --slate:   #413e39;
  --slate-2: #22201c;

  --paper:      #f2efe7;
  --paper-ink:  #14120e;
  --paper-dim:  #5b564a;


  --font-display: "Cormorant Garamond", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-body:    "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  --font-jp-display: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;

  --text-plate: 0.6875rem;
  --text-sm:    0.8125rem;
  --text-base:  1rem;
  --text-md:    1.0625rem;
  --text-lg:    1.1875rem;


  --text-hero:   clamp(2rem, 4.6vw, 3rem);
  --text-kicker: clamp(0.625rem, 0.9vw, 0.6875rem);

  --text-vert:    clamp(1.75rem, 5vw, 4.25rem);
  --text-node:    clamp(1.05rem, 2.5vw, 1.9rem);
  --text-sat:     clamp(0.5rem, 0.85vw, 0.625rem);
  --text-txw:     clamp(0.4375rem, 0.68vw, 0.5625rem);
  --text-section: clamp(1.6rem, 4.4vw, 3.4rem);
  --text-numeral: clamp(6rem, 21vw, 17rem);
  --text-light:   clamp(1.4rem, 7.2vw, 5.4rem);
  --text-mail:    clamp(1.1rem, 2.6vw, 1.85rem);






  --wd-lead: clamp(1.75rem, min(3.84vw, 6.6svh), 3.75rem);
  --wd-en:   clamp(1rem, 1.25vw, 1.25rem);
  --wd-jp:   var(--wd-en);
  --wd-note: clamp(0.9375rem, 1.15vw, 1rem);

  --track-plate: 0.32em;
  --track-caps:  0.14em;
  --measure:     32em;

  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;
  --gutter:    clamp(1.25rem, 5vw, 5.5rem);
  --grid-gap:  clamp(0.75rem, 1.7vw, 1.5rem);

  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro:  140ms;
  --dur-rise:   900ms;
  --dur-open:  1100ms;
  --dur-draw:  1400ms;
  --step:        90ms;

  --amp: 1;


  --pin:        100svh;
  --pin-hero:   120svh;
  --pin-constel: 200svh;
  --pin-about:  110svh;
  --pin-work:    110svh;
  --pin-light:   100svh;



  --tape-l:   49.203%;

  --z-plate:  1;
  --z-raised: 10;
  --z-sticky: 200;
  --z-shutter: 300;
}




@media (min-aspect-ratio: 17/25) { :root { --tape-l: 49.109%; } }
@media (min-aspect-ratio: 9/10)  { :root { --tape-l: 48.644%; } }
@media (min-aspect-ratio: 7/6)   { :root { --tape-l: 48.826%; } }
@media (min-aspect-ratio: 14/9)  { :root { --tape-l: 49.402%; } }
@media (min-aspect-ratio: 37/18) { :root { --tape-l: 49.167%; } }


@media (max-width: 48rem) {
  :root {
    --amp: 0.5;
    --pin-hero:    90svh;
    --pin-constel: 140svh;
    --pin-about:  85svh;
    --pin-work:    90svh;
    --pin-light:   65svh;
    --track-plate: 0.26em;
  }
}