@charset "UTF-8";
/* source: crates-chirho/perffection-ui-chirho/styles_chirho/tokens-chirho.scss */
@property --leaf-angle-chirho {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@property --leaf-shift-chirho {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --aurora-drift-chirho {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --wonk-chirho {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@property --rail-pad-chirho {
  syntax: "<length>";
  inherits: false;
  initial-value: 1.35rem;
}
@property --rail-veil-chirho {
  syntax: "<number>";
  inherits: false;
  initial-value: 0.92;
}
@property --rail-thread-chirho {
  syntax: "<number>";
  inherits: false;
  initial-value: 0.14;
}
@property --soft-chirho {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@property --halo-chirho {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
:root {
  --ob-void-chirho: #06070a;
  --ob-stone-chirho: #0c0e13;
  --ob-slab-chirho: #14171d;
  --ob-raise-chirho: #1c2028;
  --ob-ink-chirho: #ece7dd;
  --ob-mute-chirho: #949aa5;
  --ob-rule-chirho: #2a2f38;
  --ve-page-chirho: #f6f2ea;
  --ve-leaf-chirho: #fffdf7;
  --ve-tone-chirho: #ece5d6;
  --ve-ink-chirho: #14120d;
  --ve-mute-chirho: #665f52;
  --ve-rule-chirho: #d8cdb8;
  --au-core-chirho: #f0b429;
  --au-light-chirho: #ffd980;
  --au-pale-chirho: #fff0cb;
  --au-deep-chirho: #8a6a1f;
  --au-action-deep-chirho: #9c7925;
  --au-on-vellum-chirho: #75570f;
  --nb-teal-chirho: #3ee6c4;
  --nb-indigo-chirho: #5b4bff;
  --nb-violet-chirho: #a855f7;
  --rb-core-chirho: #b3391a;
  --rb-pale-chirho: #e8dbd2;
  --face-display-chirho: "Fraunces Chirho", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --face-text-chirho: "Inter Chirho", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --face-mono-chirho: "JetBrains Mono Chirho", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --face-didone-chirho: "Bodoni Chirho", "Bodoni 72", Didot, "Playfair Display", Georgia, serif;
  --face-grotesk-chirho: "Archivo Chirho", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --t-monument-chirho: clamp(3rem, 9.4vw, 9rem);
  --t-display-chirho: clamp(2.35rem, 4.7vw, 4.35rem);
  --t-title-chirho: clamp(2rem, 4.2vw, 3.5rem);
  --t-heading-chirho: clamp(1.45rem, 2.2vw, 2.1rem);
  --t-lead-chirho: clamp(1.1rem, 0.5vw + 1rem, 1.4rem);
  --t-body-chirho: clamp(1rem, 0.28vw + 0.94rem, 1.125rem);
  --t-small-chirho: 0.9rem;
  --t-micro-chirho: 0.735rem;
  --lh-tight-chirho: 0.94;
  --lh-snug-chirho: 1.12;
  --lh-body-chirho: 1.62;
  --lh-loose-chirho: 1.78;
  --track-monument-chirho: -0.035em;
  --track-display-chirho: -0.022em;
  --track-micro-chirho: 0.16em;
  --sp-1-chirho: 0.25rem;
  --sp-2-chirho: 0.5rem;
  --sp-3-chirho: 0.75rem;
  --sp-4-chirho: 1rem;
  --sp-5-chirho: 1.5rem;
  --sp-6-chirho: 2rem;
  --sp-7-chirho: 3rem;
  --sp-8-chirho: 4.5rem;
  --sp-9-chirho: 7rem;
  --sp-10-chirho: 11rem;
  --measure-chirho: 34rem;
  --measure-wide-chirho: 46rem;
  --gutter-chirho: clamp(1.25rem, 4.5vw, 5rem);
  --page-max-chirho: 82rem;
  --ease-quint-chirho: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-quart-chirho: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-drift-chirho: cubic-bezier(0.44, 0.04, 0.36, 0.98);
  --dur-snap-chirho: 180ms;
  --dur-move-chirho: 420ms;
  --dur-reveal-chirho: 900ms;
  --dur-ambient-chirho: 26s;
  --dur-slow-chirho: 64s;
  --radius-chirho: 2px;
  --radius-slab-chirho: 4px;
  --ground-chirho: var(--ve-page-chirho);
  --ground-raise-chirho: var(--ve-leaf-chirho);
  --ground-sink-chirho: var(--ve-tone-chirho);
  --ink-chirho: var(--ve-ink-chirho);
  --ink-mute-chirho: var(--ve-mute-chirho);
  --rule-chirho: var(--ve-rule-chirho);
  --gold-text-chirho: var(--au-on-vellum-chirho);
  --shadow-cast-chirho: 0 1px 2px rgba(20, 18, 13, 0.07), 0 8px 24px -12px rgba(20, 18, 13, 0.22);
  --shadow-lift-chirho: 0 2px 4px rgba(20, 18, 13, 0.08), 0 28px 60px -28px rgba(20, 18, 13, 0.34);
}

.on-obsidian-chirho {
  --ground-chirho: var(--ob-void-chirho);
  --ground-raise-chirho: var(--ob-slab-chirho);
  --ground-sink-chirho: var(--ob-stone-chirho);
  --ink-chirho: var(--ob-ink-chirho);
  --ink-mute-chirho: var(--ob-mute-chirho);
  --rule-chirho: var(--ob-rule-chirho);
  --gold-text-chirho: var(--au-light-chirho);
  --shadow-cast-chirho: 0 1px 2px rgba(0, 0, 0, 0.5), 0 10px 30px -14px rgba(0, 0, 0, 0.8);
  --shadow-lift-chirho: 0 2px 6px rgba(0, 0, 0, 0.55), 0 40px 80px -32px rgba(0, 0, 0, 0.9);
}

.on-vellum-chirho {
  --ground-chirho: var(--ve-page-chirho);
  --ground-raise-chirho: var(--ve-leaf-chirho);
  --ground-sink-chirho: var(--ve-tone-chirho);
  --ink-chirho: var(--ve-ink-chirho);
  --ink-mute-chirho: var(--ve-mute-chirho);
  --rule-chirho: var(--ve-rule-chirho);
  --gold-text-chirho: var(--au-on-vellum-chirho);
  --shadow-cast-chirho: 0 1px 2px rgba(20, 18, 13, 0.07), 0 8px 24px -12px rgba(20, 18, 13, 0.22);
  --shadow-lift-chirho: 0 2px 4px rgba(20, 18, 13, 0.08), 0 28px 60px -28px rgba(20, 18, 13, 0.34);
}

/* source: styles_chirho/system-chirho/base-chirho.scss */
@font-face {
  font-family: "Fraunces Chirho";
  src: url("/app-assets-chirho/perffection/by-name-chirho/fraunces-display-chirho.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Chirho";
  src: url("/app-assets-chirho/perffection/by-name-chirho/inter-text-chirho.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bodoni Chirho";
  src: url("/app-assets-chirho/perffection/by-name-chirho/bodoni-display-chirho.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo Chirho";
  src: url("/app-assets-chirho/perffection/by-name-chirho/archivo-grotesk-chirho.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono Chirho";
  src: url("/app-assets-chirho/perffection/by-name-chirho/jetbrains-mono-chirho.woff2") format("woff2");
  font-weight: 100 800;
  font-stretch: normal;
  font-style: normal;
  font-display: swap;
}
@view-transition {
  navigation: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 5.5rem;
}

body {
  margin: 0;
  background: var(--ground-chirho);
  color: var(--ink-chirho);
  font-family: var(--face-text-chirho);
  font-size: var(--t-body-chirho);
  line-height: var(--lh-body-chirho);
  font-optical-sizing: auto;
  font-synthesis-weight: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ol,
ul {
  margin: 0;
}

ol,
ul {
  padding: 0;
  list-style: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

svg {
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-inline-size: 0;
}

legend {
  padding: 0;
}

:focus-visible {
  outline: 2px solid var(--au-core-chirho);
  outline-offset: 3px;
  border-radius: 1px;
}

.monument-chirho {
  font-family: var(--face-display-chirho);
  font-size: var(--t-monument-chirho);
  line-height: var(--lh-tight-chirho);
  letter-spacing: var(--track-monument-chirho);
  font-weight: 350;
  font-variation-settings: "opsz" 144, "SOFT" var(--soft-chirho), "WONK" var(--wonk-chirho);
  text-wrap: balance;
}

.display-chirho {
  font-family: var(--face-display-chirho);
  font-size: var(--t-display-chirho);
  max-inline-size: var(--measure-wide-chirho);
  line-height: var(--lh-snug-chirho);
  letter-spacing: var(--track-display-chirho);
  font-weight: 380;
  font-variation-settings: "opsz" 96, "SOFT" var(--soft-chirho), "WONK" var(--wonk-chirho);
  text-wrap: balance;
}

.title-chirho {
  font-family: var(--face-display-chirho);
  font-size: var(--t-title-chirho);
  line-height: 1.06;
  letter-spacing: -0.018em;
  font-weight: 400;
  font-variation-settings: "opsz" 64, "SOFT" 0, "WONK" 1;
  text-wrap: balance;
}

.heading-chirho {
  font-family: var(--face-display-chirho);
  font-size: var(--t-heading-chirho);
  line-height: 1.16;
  letter-spacing: -0.012em;
  font-weight: 460;
  font-variation-settings: "opsz" 36, "SOFT" 0, "WONK" 0;
  text-wrap: balance;
}

.lead-chirho {
  font-size: var(--t-lead-chirho);
  line-height: var(--lh-loose-chirho);
  font-weight: 380;
  color: var(--ink-chirho);
  max-inline-size: var(--measure-chirho);
  text-wrap: pretty;
}

.prose-chirho {
  max-inline-size: var(--measure-chirho);
  color: var(--ink-mute-chirho);
  text-wrap: pretty;
}

.mark-chirho {
  font-family: var(--face-mono-chirho);
  font-size: var(--t-micro-chirho);
  letter-spacing: var(--track-micro-chirho);
  text-transform: uppercase;
  font-weight: 500;
  color: var(--ink-mute-chirho);
}

.figure-chirho {
  font-family: var(--face-mono-chirho);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: -0.01em;
}

.gold-chirho {
  color: var(--gold-text-chirho);
}

.page-chirho {
  inline-size: 100%;
  max-inline-size: var(--page-max-chirho);
  margin-inline: auto;
  padding-inline: var(--gutter-chirho);
}

.band-chirho {
  position: relative;
  background: var(--ground-chirho);
  color: var(--ink-chirho);
  padding-block: var(--sp-9-chirho);
  isolation: isolate;
}

.band-tight-chirho {
  padding-block: var(--sp-8-chirho);
}

.visually-hidden-chirho {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* source: styles_chirho/system-chirho/surfaces-chirho.scss */
.on-obsidian-chirho {
  --gilt-a-chirho: #9c761f;
  --gilt-b-chirho: var(--au-core-chirho);
  --gilt-c-chirho: var(--au-pale-chirho);
  --gilt-d-chirho: var(--au-light-chirho);
}

.on-vellum-chirho {
  --gilt-a-chirho: #5c430b;
  --gilt-b-chirho: #8a6412;
  --gilt-c-chirho: #b98d22;
  --gilt-d-chirho: #6d5010;
}

:root {
  --gilt-a-chirho: #5c430b;
  --gilt-b-chirho: #8a6412;
  --gilt-c-chirho: #b98d22;
  --gilt-d-chirho: #6d5010;
}

.gilt-chirho {
  background-image: conic-gradient(from var(--leaf-angle-chirho), var(--gilt-a-chirho) 0deg, var(--gilt-b-chirho) 55deg, var(--gilt-c-chirho) 110deg, var(--gilt-b-chirho) 170deg, var(--gilt-d-chirho) 230deg, var(--gilt-a-chirho) 300deg, var(--gilt-a-chirho) 360deg);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

@supports not ((background-clip: text) or (-webkit-background-clip: text)) {
  .gilt-chirho {
    background-image: none;
    color: var(--gold-text-chirho);
    -webkit-text-fill-color: currentColor;
  }
}
.gilt-rule-chirho {
  block-size: 1px;
  border: 0;
  margin: 0;
  background-image: linear-gradient(90deg, transparent 0%, var(--gilt-a-chirho) 12%, var(--gilt-c-chirho) 50%, var(--gilt-a-chirho) 88%, transparent 100%);
  opacity: 0.7;
}

.grain-chirho {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  background-image: url("/app-assets-chirho/perffection/by-name-chirho/tooth-chirho.png");
  background-repeat: repeat;
  background-size: 160px 160px;
  opacity: 0.62;
  mix-blend-mode: soft-light;
}

.on-obsidian-chirho > .grain-chirho {
  opacity: 0.4;
}

.aurora-chirho {
  position: absolute;
  inset: -25% -10%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
  opacity: var(--aurora-strength-chirho, 1);
}

.weather-only-chirho {
  --aurora-strength-chirho: 0.42;
}

.aurora-veil-chirho {
  position: absolute;
  inset: 0;
  mix-blend-mode: screen;
  will-change: transform;
}

.aurora-veil-a-chirho {
  background-image: radial-gradient(46% 38% at 22% 34%, rgba(62, 230, 196, 0.3) 0%, rgba(62, 230, 196, 0.13) 34%, rgba(62, 230, 196, 0) 72%);
}

.aurora-veil-b-chirho {
  background-image: radial-gradient(52% 44% at 74% 26%, rgba(91, 75, 255, 0.34) 0%, rgba(91, 75, 255, 0.14) 38%, rgba(91, 75, 255, 0) 74%);
}

.aurora-veil-c-chirho {
  background-image: radial-gradient(40% 46% at 56% 74%, rgba(168, 85, 247, 0.24) 0%, rgba(168, 85, 247, 0.1) 40%, rgba(168, 85, 247, 0) 76%);
}

.aurora-veil-d-chirho {
  background-image: radial-gradient(38% 30% at 50% 92%, rgba(240, 180, 41, 0.28) 0%, rgba(240, 180, 41, 0.1) 42%, rgba(240, 180, 41, 0) 78%);
}

.vignette-chirho {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  background-image: radial-gradient(118% 88% at 50% 42%, rgba(6, 7, 10, 0) 44%, rgba(6, 7, 10, 0.55) 82%, rgba(6, 7, 10, 0.9) 100%);
}

.shaft-chirho {
  position: absolute;
  inset-block: -20%;
  inset-inline-start: -10%;
  inline-size: 62%;
  z-index: 1;
  pointer-events: none;
  transform: rotate(14deg);
  transform-origin: 50% 0%;
  background-image: linear-gradient(90deg, rgba(255, 217, 128, 0) 0%, rgba(255, 217, 128, 0.055) 34%, rgba(255, 240, 203, 0.085) 50%, rgba(255, 217, 128, 0.045) 66%, rgba(255, 217, 128, 0) 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 22%, #000 62%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 22%, #000 62%, transparent 100%);
}

.slab-chirho {
  position: relative;
  background-color: var(--ground-raise-chirho);
  border: 1px solid var(--rule-chirho);
  border-radius: var(--radius-slab-chirho);
  box-shadow: var(--shadow-cast-chirho);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0) 6rem);
}

.on-vellum-chirho .slab-chirho {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 5rem);
}

.slab-gilt-chirho::before {
  content: "";
  position: absolute;
  inset-block-start: -1px;
  inset-inline: -1px;
  block-size: 1px;
  background-image: linear-gradient(90deg, transparent 0%, var(--au-deep-chirho) 18%, var(--au-light-chirho) 50%, var(--au-deep-chirho) 82%, transparent 100%);
}

.deckle-chirho {
  position: relative;
  block-size: clamp(2.5rem, 5vw, 5rem);
  margin-block-start: -1px;
  background-color: var(--deckle-from-chirho);
  z-index: 4;
}

.deckle-chirho::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--deckle-to-chirho);
  clip-path: polygon(0% 58%, 2.1% 71%, 4.4% 49%, 5.2% 63%, 8.9% 44%, 11.7% 68%, 12.6% 55%, 16.8% 79%, 19.2% 52%, 20.1% 61%, 24.6% 41%, 27.3% 66%, 31.8% 57%, 33.1% 74%, 36.4% 48%, 40.9% 63%, 42.2% 52%, 46.7% 81%, 48.3% 58%, 52.6% 45%, 54.1% 69%, 58.8% 54%, 61.2% 62%, 63.7% 43%, 67.9% 72%, 69.4% 56%, 73.8% 47%, 76.2% 65%, 79.1% 53%, 83.6% 77%, 85.4% 51%, 88.2% 60%, 91.7% 42%, 93.9% 68%, 96.4% 55%, 98.7% 73%, 100% 59%, 100% 100%, 0% 100%);
}

.deckle-chirho::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-start: 0;
  block-size: 1px;
  box-shadow: 0 -14px 30px -8px rgba(0, 0, 0, 0.55);
  background-image: linear-gradient(90deg, transparent 0%, rgba(240, 180, 41, 0.55) 30%, rgba(255, 217, 128, 0.85) 50%, rgba(240, 180, 41, 0.55) 70%, transparent 100%);
  z-index: 1;
}

.deckle-to-obsidian-chirho {
  --deckle-from-chirho: var(--ve-page-chirho);
  --deckle-to-chirho: var(--ob-void-chirho);
}

.deckle-to-vellum-chirho {
  --deckle-from-chirho: var(--ob-void-chirho);
  --deckle-to-chirho: var(--ve-page-chirho);
}

.scene-chirho {
  perspective: 1600px;
  perspective-origin: 50% 42%;
}

.scene-near-chirho {
  perspective: 900px;
}

.depth-chirho {
  transform-style: preserve-3d;
}

@media (forced-colors: active) {
  .gilt-chirho {
    background-image: none;
    color: CanvasText;
    -webkit-text-fill-color: CanvasText;
    forced-color-adjust: none;
  }
  .grain-chirho,
.aurora-chirho,
.vignette-chirho,
.close-glow-chirho {
    display: none;
  }
}
.folio-chirho {
  position: absolute;
  top: var(--sp-9-chirho);
  left: var(--sp-4-chirho);
  z-index: 6;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-family: var(--face-mono-chirho);
  font-size: 0.62rem;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: var(--ink-mute-chirho);
  opacity: 0.55;
  pointer-events: none;
  user-select: none;
}

@media (max-width: 88rem) {
  .folio-chirho {
    display: none;
  }
}
.gutter-thread-chirho {
  position: absolute;
  inset-block: var(--sp-8-chirho);
  inset-inline-start: calc(var(--gutter-chirho) * 0.42);
  inline-size: 1px;
  z-index: 6;
  background-image: linear-gradient(180deg, transparent 0%, var(--au-deep-chirho) 8%, var(--au-core-chirho) 50%, var(--au-deep-chirho) 92%, transparent 100%);
  opacity: 0.5;
  pointer-events: none;
}

@media (max-width: 62rem) {
  .gutter-thread-chirho {
    display: none;
  }
}
/* source: styles_chirho/system-chirho/motion-chirho.scss */
@keyframes gild-chirho {
  from {
    --leaf-angle-chirho: 0deg;
  }
  to {
    --leaf-angle-chirho: 360deg;
  }
}
@keyframes breathe-chirho {
  0%, 100% {
    --soft-chirho: 0;
    --wonk-chirho: 0;
  }
  50% {
    --soft-chirho: 34;
    --wonk-chirho: 1;
  }
}
@keyframes veil-a-chirho {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(4%, -3%, 0) scale(1.09);
  }
}
@keyframes veil-b-chirho {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1.04);
  }
  50% {
    transform: translate3d(-5%, 3%, 0) scale(1);
  }
}
@keyframes veil-c-chirho {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(3%, 4%, 0) scale(1.12);
  }
}
@keyframes veil-d-chirho {
  0%, 100% {
    opacity: 0.75;
    transform: translate3d(0, 0, 0);
  }
  50% {
    opacity: 1;
    transform: translate3d(-2%, -2%, 0);
  }
}
@keyframes sheen-chirho {
  0% {
    --leaf-shift-chirho: -40%;
    opacity: 0;
  }
  12% {
    opacity: 0.5;
  }
  40% {
    opacity: 0;
  }
  100% {
    --leaf-shift-chirho: 140%;
    opacity: 0;
  }
}
@keyframes rise-chirho {
  from {
    opacity: 0;
    transform: translate3d(0, 2.75rem, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes settle-chirho {
  from {
    opacity: 0;
    transform: translate3d(0, 5rem, -7rem) rotateX(11deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0deg);
  }
}
@keyframes parallax-back-chirho {
  from {
    transform: translate3d(0, -6%, 0) scale(1.06);
  }
  to {
    transform: translate3d(0, 6%, 0) scale(1.06);
  }
}
@keyframes parallax-fore-chirho {
  from {
    transform: translate3d(0, 12%, 0);
  }
  to {
    transform: translate3d(0, -12%, 0);
  }
}
@keyframes thread-chirho {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@keyframes recede-chirho {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0.12;
    transform: translate3d(0, -3.5rem, 0);
  }
}
@keyframes draw-chirho {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fade-in-chirho {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .gilt-live-chirho {
    animation: gild-chirho var(--dur-slow-chirho) linear infinite;
  }
  .breathe-live-chirho {
    animation: breathe-chirho 19s var(--ease-drift-chirho) infinite;
  }
  .aurora-veil-a-chirho {
    animation: veil-a-chirho 41s var(--ease-drift-chirho) infinite;
  }
  .aurora-veil-b-chirho {
    animation: veil-b-chirho 53s var(--ease-drift-chirho) infinite;
  }
  .aurora-veil-c-chirho {
    animation: veil-c-chirho 67s var(--ease-drift-chirho) infinite;
  }
  .aurora-veil-d-chirho {
    animation: veil-d-chirho 29s var(--ease-drift-chirho) infinite;
  }
  .sheen-live-chirho {
    animation: sheen-chirho 11s var(--ease-drift-chirho) infinite;
  }
}
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .rise-chirho {
      animation: rise-chirho linear both;
      animation-timeline: view();
      animation-range: entry 2% cover 26%;
    }
    .rise-group-chirho > * {
      animation: rise-chirho linear both;
      animation-timeline: view();
    }
    .rise-group-chirho > *:nth-child(1) {
      animation-range: entry 2% cover 22%;
    }
    .rise-group-chirho > *:nth-child(2) {
      animation-range: entry 6% cover 28%;
    }
    .rise-group-chirho > *:nth-child(3) {
      animation-range: entry 10% cover 34%;
    }
    .rise-group-chirho > *:nth-child(4) {
      animation-range: entry 14% cover 40%;
    }
    .rise-group-chirho > *:nth-child(5) {
      animation-range: entry 18% cover 46%;
    }
    .rise-group-chirho > *:nth-child(6) {
      animation-range: entry 22% cover 52%;
    }
    .settle-group-chirho > * {
      animation: settle-chirho linear both;
      animation-timeline: view();
    }
    .settle-group-chirho > *:nth-child(1) {
      animation-range: entry 0% cover 24%;
    }
    .settle-group-chirho > *:nth-child(2) {
      animation-range: entry 5% cover 31%;
    }
    .settle-group-chirho > *:nth-child(3) {
      animation-range: entry 10% cover 38%;
    }
    .settle-group-chirho > *:nth-child(4) {
      animation-range: entry 15% cover 45%;
    }
    .settle-group-chirho > *:nth-child(5) {
      animation-range: entry 20% cover 52%;
    }
    .parallax-back-chirho {
      animation: parallax-back-chirho linear both;
      animation-timeline: view();
      animation-range: cover 0% cover 100%;
    }
    .parallax-fore-chirho {
      animation: parallax-fore-chirho linear both;
      animation-timeline: view();
      animation-range: cover 0% cover 100%;
    }
    .thread-chirho,
.gutter-thread-chirho {
      transform-origin: 50% 0%;
      animation: thread-chirho linear both;
      animation-timeline: view();
      animation-range: entry 0% cover 62%;
    }
    .recede-chirho {
      animation: recede-chirho linear both;
      animation-timeline: view();
      animation-range: exit -18% exit 92%;
    }
    .draw-chirho {
      stroke-dasharray: 1;
      stroke-dashoffset: 1;
      animation: draw-chirho linear both;
      animation-timeline: view();
      animation-range: entry 8% cover 44%;
    }
    .elevation-ticks-chirho .draw-chirho,
.elevation-leader-chirho .draw-chirho {
      stroke-dasharray: 3 3;
      stroke-dashoffset: 0;
      animation: fade-in-chirho linear both;
      animation-timeline: view();
      animation-range: entry 16% cover 52%;
    }
    .fade-scroll-chirho {
      animation: fade-in-chirho linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 90%;
    }
  }
}
.lift-chirho {
  transition: transform var(--dur-move-chirho) var(--ease-quint-chirho), box-shadow var(--dur-move-chirho) var(--ease-quint-chirho), border-color var(--dur-snap-chirho) linear;
}

.lift-chirho:hover,
.lift-chirho:focus-within {
  transform: translate3d(0, -4px, 0);
  box-shadow: var(--shadow-lift-chirho);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .lift-chirho {
    transition: border-color var(--dur-snap-chirho) linear;
  }
  .lift-chirho:hover,
.lift-chirho:focus-within {
    transform: none;
  }
}
/* source: crates-chirho/perffection-ui-chirho/styles_chirho/chrome-chirho.scss */
.site-nav-chirho {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-5-chirho);
  padding-block: var(--rail-pad-chirho, 1.35rem);
  padding-inline: var(--gutter-chirho);
  color: var(--ob-ink-chirho);
  background-color: rgba(6, 7, 10, var(--rail-veil-chirho, 0.92));
  border-block-end: 1px solid rgba(240, 180, 41, var(--rail-thread-chirho, 0.14));
}

.site-brand-chirho {
  display: inline-flex;
  align-items: baseline;
  gap: 0.6rem;
  font-family: var(--face-display-chirho);
  font-size: 1.06rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  font-variation-settings: "opsz" 24, "SOFT" 0, "WONK" 1;
  color: var(--ob-ink-chirho);
  min-inline-size: 0;
  max-inline-size: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

.site-brand-chirho::before {
  content: "";
  inline-size: 0.62rem;
  block-size: 0.62rem;
  flex: none;
  align-self: center;
  transform: rotate(45deg);
  background-image: linear-gradient(135deg, var(--au-light-chirho), var(--au-deep-chirho));
  box-shadow: 0 0 0 1px rgba(240, 180, 41, 0.32), 0 0 14px rgba(240, 180, 41, 0.42);
}

.site-nav-links-chirho {
  display: flex;
  align-items: center;
  gap: clamp(0.9rem, 2vw, 2rem);
}

.site-nav-link-chirho,
.site-nav-cta-chirho {
  position: relative;
  font-family: var(--face-mono-chirho);
  font-size: var(--t-micro-chirho);
  letter-spacing: var(--track-micro-chirho);
  text-transform: uppercase;
  font-weight: 500;
  color: var(--ob-mute-chirho);
  padding-block: 0.5rem;
  transition: color var(--dur-snap-chirho) linear;
}

.site-nav-link-chirho:hover,
.site-nav-cta-chirho:hover {
  color: var(--ob-ink-chirho);
}

.site-nav-link-chirho::after {
  content: "";
  position: absolute;
  inset-block-end: 0.15rem;
  inset-inline: 0;
  block-size: 1px;
  background-color: var(--au-core-chirho);
  transform: scaleX(0);
  transition: transform var(--dur-move-chirho) var(--ease-quint-chirho);
}

.site-nav-link-chirho:hover::after,
.site-nav-link-chirho:focus-visible::after,
.site-nav-link-chirho[aria-current=page]::after {
  transform: scaleX(1);
}

.site-nav-link-chirho[aria-current=page] {
  color: var(--ob-ink-chirho);
}

.site-nav-cta-chirho {
  color: var(--ob-void-chirho);
  background-image: linear-gradient(135deg, var(--au-light-chirho), var(--au-core-chirho));
  padding-inline: 0.95rem;
  padding-block: 0.55rem;
  border-radius: var(--radius-chirho);
  font-weight: 600;
  box-shadow: 0 0 0 1px rgba(240, 180, 41, 0.4), 0 8px 26px -12px rgba(240, 180, 41, 0.7);
  transition: box-shadow var(--dur-move-chirho) var(--ease-quint-chirho), color var(--dur-snap-chirho) linear;
}

.site-nav-cta-chirho:hover {
  color: var(--ob-void-chirho);
  box-shadow: 0 0 0 1px rgba(255, 217, 128, 0.7), 0 12px 34px -10px rgba(240, 180, 41, 0.9);
}

@supports (animation-timeline: scroll()) {
  @media (prefers-reduced-motion: no-preference) {
    .site-nav-chirho {
      animation-name: rail-condense-chirho;
      animation-duration: auto;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: scroll(root block);
      animation-range: 0 22rem;
    }
  }
}
@keyframes rail-condense-chirho {
  from {
    --rail-pad-chirho: 1.35rem;
    --rail-veil-chirho: 0.88;
    --rail-thread-chirho: 0.1;
  }
  to {
    --rail-pad-chirho: 0.7rem;
    --rail-veil-chirho: 0.97;
    --rail-thread-chirho: 0.24;
  }
}
.site-nav-links-chirho a {
  white-space: nowrap;
}

@media (max-width: 40rem) {
  .site-nav-chirho {
    position: sticky;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-block: 0.85rem;
    animation: none;
  }
  .site-nav-links-chirho {
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    inline-size: 100%;
  }
  .site-nav-links-chirho a {
    display: inline-flex;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .site-nav-link-chirho:last-child,
.site-nav-cta-chirho {
    font-size: 0.68rem;
    padding-inline: 0.85rem;
  }
  .site-nav-link-chirho:last-child {
    color: var(--au-light-chirho);
    border: 1px solid rgba(240, 180, 41, 0.42);
    border-radius: var(--radius-chirho);
    padding-block: 0.45rem;
  }
  .site-nav-link-chirho:last-child::after {
    display: none;
  }
  .site-brand-chirho {
    font-size: 1rem;
  }
}
.site-footer-chirho {
  background-color: var(--ob-void-chirho);
  color: var(--ob-mute-chirho);
  padding-block: var(--sp-7-chirho) var(--sp-8-chirho);
  padding-inline: var(--gutter-chirho);
  border-block-start: 1px solid var(--ob-rule-chirho);
  text-align: center;
}

.site-footer-chirho p {
  font-family: var(--face-mono-chirho);
  font-size: var(--t-micro-chirho);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-inline: auto;
  max-inline-size: 44rem;
  line-height: 2;
}

.site-brand-group-chirho {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.7rem;
  min-inline-size: 0;
}

.site-preview-marker-chirho {
  flex: 0 1 auto;
  min-inline-size: 0;
  font-family: var(--face-mono-chirho);
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffb9a3;
  padding: 0.28rem 0.5rem;
  border: 1px solid rgba(255, 122, 88, 0.55);
  border-radius: var(--radius-chirho);
  background-color: rgba(179, 57, 26, 0.22);
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 52rem) {
  .site-brand-group-chirho {
    gap: 0.45rem;
  }
  .site-preview-marker-chirho {
    font-size: 0.5rem;
    letter-spacing: 0.12em;
    padding: 0.22rem 0.36rem;
  }
}
/* source: styles_chirho/system-chirho/bench-chirho.scss */
.lab-bench-chirho {
  display: grid;
  gap: var(--sp-6-chirho);
  align-items: start;
}

@media (min-width: 60rem) {
  .lab-bench-chirho {
    gap: var(--sp-5-chirho);
  }
}
.lab-controls-chirho {
  display: grid;
  gap: var(--sp-4-chirho);
}

.lab-set-chirho {
  display: grid;
  gap: var(--sp-3-chirho);
}

.lab-set-chirho legend {
  color: var(--gold-text-chirho);
  margin-block-end: var(--sp-2-chirho);
}

.lab-input-chirho {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.lab-directions-chirho {
  display: grid;
  gap: var(--sp-3-chirho);
}

@media (min-width: 60rem) {
  .lab-directions-chirho {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--sp-3-chirho);
    align-items: start;
  }
}
.lab-direction-group-chirho {
  display: grid;
  gap: 0.45rem;
  align-content: start;
  padding: var(--sp-3-chirho);
  border: 1px solid var(--rule-chirho);
  border-radius: var(--radius-chirho);
  background-color: var(--ground-chirho);
}

.lab-direction-trade-chirho {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.45rem;
  font-family: var(--face-mono-chirho);
  font-size: var(--t-micro-chirho);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold-text-chirho);
  padding-block-end: 0.45rem;
  margin-block-end: 0.2rem;
  border-block-end: 1px solid var(--rule-chirho);
}

.lab-direction-trade-chirho span {
  font-size: 0.6rem;
  letter-spacing: 0.08em;
  color: var(--ink-mute-chirho);
  opacity: 0.75;
}

.lab-choice-chirho {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.7rem;
  padding: 0.6rem 0.7rem;
  cursor: pointer;
  background-color: var(--ground-raise-chirho);
  border: 1px solid transparent;
  border-radius: var(--radius-chirho);
}

.lab-choice-text-chirho {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.lab-choice-name-chirho {
  font-family: var(--face-display-chirho);
  font-size: 1rem;
  font-weight: 480;
  font-variation-settings: "opsz" 24, "SOFT" 0, "WONK" 0;
  line-height: 1.15;
  color: var(--ink-chirho);
}

.lab-choice-note-chirho {
  font-family: var(--face-mono-chirho);
  font-size: 0.58rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  line-height: 1.35;
  color: var(--ink-mute-chirho);
}

.lab-swatch-chirho {
  inline-size: 1.6rem;
  block-size: 1.6rem;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid rgba(20, 18, 13, 0.18);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.35);
}

.swatch-morning-broadsheet-chirho {
  background-image: linear-gradient(135deg, #f7f2e6 0 52%, #14120d 52% 100%);
}

.swatch-marmalade-riso-chirho {
  background-image: linear-gradient(135deg, #ef6f2c 0 52%, #2b3a8f 52% 100%);
}

.swatch-velvet-oven-chirho {
  background-image: linear-gradient(135deg, #12100e 0 52%, #c9a227 52% 100%);
}

.swatch-gallery-salt-chirho {
  background-image: linear-gradient(135deg, #fbfbf9 0 52%, #cfcdc7 52% 100%);
}

.swatch-kiln-brutal-chirho {
  background-image: linear-gradient(135deg, #d8d6d1 0 52%, #14140f 52% 100%);
}

.swatch-glaze-drift-chirho {
  background-image: linear-gradient(135deg, #8fb9a8 0 52%, #e2cdad 52% 100%);
}

.swatch-botanical-plate-chirho {
  background-image: linear-gradient(135deg, #1f2b22 0 52%, #e8e2d2 52% 100%);
}

.swatch-neon-meadow-chirho {
  background-image: linear-gradient(135deg, #0a0b10 0 40%, #c6ff3d 40% 72%, #ff4fa3 72% 100%);
}

.swatch-paper-petal-chirho {
  background-image: linear-gradient(135deg, #fdf2f4 0 52%, #d98aa4 52% 100%);
}

.lab-input-chirho:focus-visible + .lab-choice-chirho {
  outline: 2px solid var(--au-core-chirho);
  outline-offset: 3px;
}

.lab-input-chirho:checked + .lab-choice-chirho {
  border-color: var(--au-deep-chirho);
  box-shadow: var(--shadow-lift-chirho);
}

.lab-input-chirho:checked + .lab-choice-chirho .lab-swatch-chirho {
  outline: 2px solid var(--au-core-chirho);
  outline-offset: 2px;
}

.lab-input-chirho:checked + .lab-choice-chirho .lab-choice-note-chirho {
  color: var(--gold-text-chirho);
}

.lab-slab-chirho {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid var(--rule-chirho);
  box-shadow: 0 1px 1px rgba(20, 18, 13, 0.05), 0 2px 3px rgba(20, 18, 13, 0.05), 0 5px 8px rgba(20, 18, 13, 0.06), 0 10px 16px rgba(20, 18, 13, 0.06), 0 20px 34px -8px rgba(20, 18, 13, 0.12), 0 44px 74px -26px rgba(20, 18, 13, 0.34), 0 72px 120px -44px rgba(20, 18, 13, 0.4);
  transform: rotateY(-3.4deg) rotateX(1.4deg);
  transform-origin: 50% 50%;
  transition: transform 700ms var(--ease-quint-chirho), box-shadow 700ms var(--ease-quint-chirho);
  --shop-ground-chirho: #f7f1e6;
  --shop-ink-chirho: #241d14;
  --shop-mute-chirho: #6f6455;
  --shop-rule-chirho: #ddd2bd;
  --shop-accent-chirho: #b3521a;
  --shop-accent-ink-chirho: #fffaf3;
  --shop-chrome-ink-chirho: #574e40;
}

.lab-slab-chirho:hover,
.lab-slab-chirho:focus-within {
  transform: rotateY(0deg) rotateX(0deg);
  box-shadow: 0 1px 1px rgba(20, 18, 13, 0.05), 0 2px 3px rgba(20, 18, 13, 0.06), 0 6px 10px rgba(20, 18, 13, 0.07), 0 13px 21px rgba(20, 18, 13, 0.08), 0 26px 44px -8px rgba(20, 18, 13, 0.14), 0 58px 98px -26px rgba(20, 18, 13, 0.4), 0 96px 158px -44px rgba(20, 18, 13, 0.46);
}

@media (prefers-reduced-motion: reduce) {
  .lab-slab-chirho {
    transform: none;
    transition: none;
  }
  .lab-slab-chirho:hover,
.lab-slab-chirho:focus-within {
    transform: none;
  }
}
.lab-stage-note-chirho {
  text-align: end;
  color: var(--ink-mute-chirho);
}

.shop-chirho {
  display: none;
}

.lab-chirho:has(#design-morning-broadsheet-chirho:checked) .shop-broadsheet-chirho,
.lab-chirho:has(#design-marmalade-riso-chirho:checked) .shop-riso-chirho,
.lab-chirho:has(#design-velvet-oven-chirho:checked) .shop-velvet-chirho,
.lab-chirho:has(#design-gallery-salt-chirho:checked) .shop-gallery-chirho,
.lab-chirho:has(#design-kiln-brutal-chirho:checked) .shop-brutal-chirho,
.lab-chirho:has(#design-glaze-drift-chirho:checked) .shop-glaze-chirho,
.lab-chirho:has(#design-botanical-plate-chirho:checked) .shop-plate-chirho,
.lab-chirho:has(#design-neon-meadow-chirho:checked) .shop-neon-chirho,
.lab-chirho:has(#design-paper-petal-chirho:checked) .shop-paper-chirho {
  display: block;
  animation: fade-in-chirho var(--dur-reveal-chirho) var(--ease-quint-chirho) both;
}

@media (prefers-reduced-motion: reduce) {
  .shop-chirho {
    animation: none !important;
  }
}
.lab-bar-chirho {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.6rem 0.9rem;
  border-block-end: 1px solid currentColor;
}

.lab-dot-chirho {
  inline-size: 0.5rem;
  block-size: 0.5rem;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0.35;
}

.lab-url-chirho {
  margin-inline-start: auto;
  font-size: 0.66rem;
  letter-spacing: 0.04em;
  opacity: 0.7;
}

.shop-broadsheet-chirho {
  background-color: #f4efe4;
  color: #1a1410;
  --bake-red-chirho: #a8331c;
  --bake-rule-chirho: #1a1410;
}

.shop-broadsheet-chirho .lab-bar-chirho {
  color: #6b6154;
  background-color: #ece5d6;
  border-block-end-color: rgba(26, 20, 16, 0.16);
}

.broadsheet-masthead-chirho {
  padding: var(--sp-5-chirho) var(--sp-5-chirho) var(--sp-3-chirho);
  text-align: center;
  border-block-end: 3px double var(--bake-rule-chirho);
}

.broadsheet-rule-line-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 92, "wght" 500;
  font-size: 0.6rem;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: #6b6154;
  padding-block-end: var(--sp-3-chirho);
  border-block-end: 1px solid rgba(26, 20, 16, 0.25);
  margin-block-end: var(--sp-3-chirho);
}

.broadsheet-name-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 66, "wght" 850;
  font-size: clamp(2.1rem, 5.4vw, 3.6rem);
  line-height: 0.92;
  letter-spacing: -0.005em;
  text-transform: uppercase;
  color: var(--bake-rule-chirho);
}

.broadsheet-dateline-chirho {
  margin-block-start: var(--sp-2-chirho);
  font-family: var(--face-mono-chirho);
  font-size: 0.62rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--bake-red-chirho);
}

.broadsheet-body-chirho {
  padding: var(--sp-5-chirho);
  border-block-end: 1px solid rgba(26, 20, 16, 0.2);
}

.broadsheet-cut-chirho {
  float: inline-start;
  inline-size: 42%;
  max-inline-size: 15rem;
  block-size: 9.5rem;
  object-fit: cover;
  margin: 0.35rem var(--sp-4-chirho) var(--sp-3-chirho) 0;
  filter: grayscale(0.55) contrast(1.12) sepia(0.16);
  border: 1px solid rgba(26, 20, 16, 0.35);
}

.broadsheet-lede-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 88, "wght" 620;
  font-size: clamp(1.05rem, 1.7vw, 1.32rem);
  line-height: 1.24;
  margin-block-end: var(--sp-3-chirho);
}

.broadsheet-drop-chirho {
  display: block;
  font-family: var(--face-mono-chirho);
  font-size: 0.6rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--bake-red-chirho);
  margin-block-end: 0.35rem;
}

.broadsheet-copy-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 96, "wght" 400;
  font-size: 0.9rem;
  line-height: 1.58;
  text-align: justify;
  hyphens: auto;
}

.broadsheet-prices-chirho {
  padding: var(--sp-4-chirho) var(--sp-5-chirho);
  display: grid;
  gap: var(--sp-3-chirho);
}

.broadsheet-price-row-chirho {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  gap: 0.5rem;
}

.broadsheet-price-row-chirho dt {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 90, "wght" 620;
  font-size: 0.95rem;
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.broadsheet-price-row-chirho dt::after {
  content: "";
  flex: 1;
  border-block-end: 1px dotted rgba(26, 20, 16, 0.45);
  transform: translateY(-0.25em);
}

.broadsheet-price-note-chirho {
  order: 3;
  flex: none;
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 96, "wght" 400;
  font-size: 0.74rem;
  color: #6b6154;
  white-space: nowrap;
}

.broadsheet-price-row-chirho dd {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--bake-red-chirho);
}

.broadsheet-foot-chirho {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--sp-3-chirho);
  padding: var(--sp-3-chirho) var(--sp-5-chirho);
  border-block-start: 3px double var(--bake-rule-chirho);
  font-family: var(--face-mono-chirho);
  font-size: 0.62rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #6b6154;
}

.shop-gallery-chirho {
  background-color: #f3f3f1;
  color: #17181a;
  --kiln-clay-chirho: #9d6a4a;
}

.shop-gallery-chirho .lab-bar-chirho {
  color: #8c8d8f;
  background-color: #eaeae7;
  border-block-end-color: rgba(23, 24, 26, 0.1);
}

.gallery-room-chirho {
  padding: clamp(1.75rem, 5vw, 4rem) clamp(1.5rem, 6vw, 5.5rem) clamp(1.75rem, 4vw, 3rem);
  display: grid;
  justify-items: center;
  gap: var(--sp-5-chirho);
  text-align: center;
}

.gallery-marque-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 118, "wght" 300;
  font-size: 0.66rem;
  letter-spacing: 0.46em;
  text-transform: uppercase;
  color: #6f7174;
}

.gallery-object-chirho {
  inline-size: 100%;
  max-inline-size: 24rem;
  block-size: clamp(11rem, 22vw, 16rem);
  object-fit: cover;
  border: 1px solid rgba(23, 24, 26, 0.14);
}

.gallery-title-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 112, "wght" 200;
  font-size: clamp(1.35rem, 2.6vw, 2.1rem);
  line-height: 1.2;
  letter-spacing: 0.005em;
  max-inline-size: 22ch;
}

.gallery-body-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 100, "wght" 380;
  font-size: 0.88rem;
  line-height: 1.75;
  color: #55575a;
  max-inline-size: 34ch;
}

.gallery-label-chirho {
  inline-size: 100%;
  max-inline-size: 24rem;
  display: grid;
  gap: 0.55rem;
  text-align: start;
  padding-block-start: var(--sp-4-chirho);
  border-block-start: 1px solid rgba(23, 24, 26, 0.16);
}

.gallery-label-row-chirho {
  display: grid;
  grid-template-columns: 6.5rem 1fr;
  gap: var(--sp-3-chirho);
  align-items: baseline;
}

.gallery-label-row-chirho dt {
  font-family: var(--face-mono-chirho);
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8c8d8f;
}

.gallery-label-row-chirho dd {
  margin: 0;
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 100, "wght" 420;
  font-size: 0.82rem;
  color: #17181a;
}

.gallery-price-chirho {
  color: var(--kiln-clay-chirho);
  margin-inline-start: 0.35rem;
}

.gallery-foot-chirho {
  font-family: var(--face-mono-chirho);
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8c8d8f;
}

.shop-plate-chirho {
  background-color: #121a15;
  color: #efe8d8;
  --stem-rose-chirho: #c08a76;
  --stem-rule-chirho: rgba(239, 232, 216, 0.22);
}

.shop-plate-chirho .lab-bar-chirho {
  color: #8fa295;
  background-color: #0d1310;
  border-block-end-color: var(--stem-rule-chirho);
}

.plate-chirho {
  position: relative;
  padding: var(--sp-6-chirho) clamp(1.25rem, 5vw, 3.5rem) var(--sp-5-chirho);
  display: grid;
  justify-items: center;
  gap: var(--sp-3-chirho);
  text-align: center;
}

.plate-chirho::before {
  content: "";
  position: absolute;
  inset: var(--sp-3-chirho);
  border: 1px solid var(--stem-rule-chirho);
  pointer-events: none;
}

.plate-number-chirho {
  font-family: var(--face-mono-chirho);
  font-size: 0.6rem;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: var(--stem-rose-chirho);
}

.plate-arch-chirho {
  inline-size: 100%;
  max-inline-size: 19rem;
  block-size: clamp(11rem, 24vw, 17rem);
  overflow: hidden;
  border-radius: 50% 50% 4px 4px/34% 34% 4px 4px;
  border: 1px solid var(--stem-rule-chirho);
}

.plate-image-chirho {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  filter: saturate(0.88) contrast(1.05);
}

.plate-title-chirho {
  font-family: var(--face-didone-chirho);
  font-variation-settings: "opsz" 88, "wght" 500;
  font-size: clamp(1.6rem, 3.4vw, 2.6rem);
  line-height: 1.06;
  letter-spacing: 0.005em;
}

.plate-latin-chirho {
  font-family: var(--face-didone-chirho);
  font-variation-settings: "opsz" 16, "wght" 400;
  font-style: italic;
  font-size: 0.92rem;
  letter-spacing: 0.04em;
  color: var(--stem-rose-chirho);
}

.plate-body-chirho {
  font-family: var(--face-didone-chirho);
  font-variation-settings: "opsz" 14, "wght" 400;
  font-size: 0.92rem;
  line-height: 1.72;
  color: rgba(239, 232, 216, 0.78);
  max-inline-size: 38ch;
}

.plate-list-chirho {
  inline-size: 100%;
  max-inline-size: 26rem;
  display: grid;
  gap: 0.7rem;
  padding-block-start: var(--sp-4-chirho);
  margin-block-start: var(--sp-2-chirho);
  border-block-start: 1px solid var(--stem-rule-chirho);
}

.plate-list-chirho li {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.15rem var(--sp-3-chirho);
  align-items: baseline;
  text-align: start;
}

.plate-item-name-chirho {
  font-family: var(--face-didone-chirho);
  font-variation-settings: "opsz" 18, "wght" 600;
  font-size: 0.95rem;
}

.plate-item-note-chirho {
  grid-column: 1;
  font-family: var(--face-mono-chirho);
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(239, 232, 216, 0.5);
}

.plate-item-price-chirho {
  grid-row: 1/span 2;
  grid-column: 2;
  align-self: center;
  font-size: 0.9rem;
  color: var(--stem-rose-chirho);
}

.plate-foot-chirho {
  font-family: var(--face-mono-chirho);
  font-size: 0.6rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(239, 232, 216, 0.45);
  margin-block-start: var(--sp-2-chirho);
}

.shop-riso-chirho {
  background-color: #fbf5e8;
  color: #22285c;
  --riso-ink-chirho: #ef6f2c;
  --riso-blue-chirho: #2b3a8f;
}

.shop-riso-chirho .lab-bar-chirho {
  color: #6d74a6;
  background-color: #f2ebdb;
  border-block-end-color: rgba(43, 58, 143, 0.2);
}

.riso-sheet-chirho {
  padding: var(--sp-5-chirho);
  display: grid;
  gap: var(--sp-3-chirho);
}

.riso-kicker-chirho {
  font-family: var(--face-mono-chirho);
  font-size: 0.62rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--riso-ink-chirho);
}

.riso-shout-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 74, "wght" 900;
  font-size: clamp(2.4rem, 7vw, 4.6rem);
  line-height: 0.86;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--riso-blue-chirho);
}

.riso-plate-chirho {
  position: relative;
  isolation: isolate;
  transform: rotate(-0.5deg);
}

.riso-image-chirho {
  display: block;
  inline-size: 100%;
  block-size: clamp(9rem, 20vw, 14rem);
  object-fit: cover;
  filter: grayscale(1) brightness(1.95) contrast(1.05) sepia(1) saturate(5.5) hue-rotate(-20deg);
  mix-blend-mode: multiply;
}

.riso-blob-chirho {
  position: absolute;
  inset-block-start: 8%;
  inset-inline-start: -1.4rem;
  inline-size: 9.5rem;
  block-size: 9.5rem;
  border-radius: 50%;
  background-color: var(--riso-blue-chirho);
  mix-blend-mode: multiply;
  opacity: 0.66;
  z-index: 1;
}

.riso-plate-chirho::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.55) 0.9px, transparent 1.3px);
  background-size: 4px 4px;
  mix-blend-mode: multiply;
  opacity: 0.42;
  pointer-events: none;
}

.riso-line-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 92, "wght" 650;
  font-size: clamp(1rem, 1.9vw, 1.3rem);
  line-height: 1.22;
  max-inline-size: 30ch;
}

.riso-chips-chirho {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.riso-chips-chirho li {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.4rem 0.7rem;
  border: 2px solid var(--riso-blue-chirho);
  border-radius: 999px;
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 96, "wght" 620;
  font-size: 0.8rem;
}

.riso-chips-chirho b {
  color: var(--riso-ink-chirho);
}

.riso-foot-chirho {
  font-family: var(--face-mono-chirho);
  font-size: 0.62rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--riso-blue-chirho);
  opacity: 0.7;
}

.shop-velvet-chirho {
  background-color: #12100e;
  color: #ece2d2;
  --velvet-gold-chirho: #c9a227;
}

.shop-velvet-chirho .lab-bar-chirho {
  color: #7d7365;
  background-color: #0c0a09;
  border-block-end-color: rgba(201, 162, 39, 0.24);
}

.velvet-room-chirho {
  margin: clamp(0.75rem, 2vw, 1.35rem);
  border: 1px solid rgba(201, 162, 39, 0.28);
  padding: var(--sp-7-chirho) clamp(1.5rem, 6vw, 4.5rem);
  display: grid;
  justify-items: center;
  gap: var(--sp-3-chirho);
  text-align: center;
}

.velvet-caps-chirho {
  font-family: var(--face-mono-chirho);
  font-size: 0.6rem;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: var(--velvet-gold-chirho);
}

.velvet-rule-chirho {
  inline-size: 3rem;
  block-size: 1px;
  border: 0;
  margin: 0;
  background-color: rgba(201, 162, 39, 0.5);
}

.velvet-title-chirho {
  font-family: var(--face-didone-chirho);
  font-variation-settings: "opsz" 96, "wght" 400;
  font-size: clamp(2rem, 4.6vw, 3.4rem);
  line-height: 1.06;
  letter-spacing: -0.01em;
  max-inline-size: 16ch;
}

.velvet-band-chirho {
  inline-size: 100%;
  block-size: clamp(5rem, 11vw, 7.5rem);
  overflow: hidden;
  border-block: 1px solid rgba(201, 162, 39, 0.3);
}

.velvet-image-chirho {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  filter: brightness(0.72) saturate(0.8) contrast(1.1);
}

.velvet-body-chirho {
  font-family: var(--face-didone-chirho);
  font-variation-settings: "opsz" 14, "wght" 400;
  font-size: 0.9rem;
  line-height: 1.8;
  color: rgba(236, 226, 210, 0.72);
  max-inline-size: 40ch;
}

.velvet-list-chirho {
  inline-size: 100%;
  max-inline-size: 24rem;
  display: grid;
  gap: 0.55rem;
}

.velvet-list-chirho > div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.75rem;
  align-items: baseline;
  padding-block-end: 0.4rem;
  border-block-end: 1px solid rgba(236, 226, 210, 0.12);
}

.velvet-list-chirho dt {
  font-family: var(--face-mono-chirho);
  font-size: 0.66rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.velvet-list-chirho dd {
  margin: 0;
  font-size: 0.82rem;
  color: var(--velvet-gold-chirho);
}

.velvet-foot-chirho {
  font-family: var(--face-mono-chirho);
  font-size: 0.58rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(236, 226, 210, 0.38);
}

.shop-brutal-chirho {
  background-color: #d8d6d1;
  color: #14140f;
  --brutal-line-chirho: #14140f;
}

.shop-brutal-chirho .lab-bar-chirho {
  color: #5d5b56;
  background-color: #cbc9c3;
  border-block-end: 2px solid var(--brutal-line-chirho);
}

.brutal-grid-chirho {
  display: grid;
  gap: 0;
}

.brutal-name-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 62, "wght" 900;
  font-size: clamp(2.2rem, 7.4vw, 4.8rem);
  line-height: 0.84;
  text-transform: uppercase;
  padding: var(--sp-4-chirho) var(--sp-5-chirho) var(--sp-2-chirho);
}

.brutal-meta-chirho {
  font-family: var(--face-mono-chirho);
  font-size: 0.6rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  padding: 0 var(--sp-5-chirho) var(--sp-3-chirho);
  border-block-end: 2px solid var(--brutal-line-chirho);
}

.brutal-image-chirho {
  inline-size: 100%;
  block-size: clamp(9rem, 20vw, 13rem);
  object-fit: cover;
  filter: grayscale(1) contrast(1.3);
  border-block-end: 2px solid var(--brutal-line-chirho);
}

.brutal-lede-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 80, "wght" 700;
  font-size: clamp(1.05rem, 2vw, 1.4rem);
  line-height: 1.16;
  text-transform: uppercase;
  padding: var(--sp-4-chirho) var(--sp-5-chirho);
  border-block-end: 2px solid var(--brutal-line-chirho);
}

.brutal-list-chirho {
  display: grid;
}

.brutal-list-chirho li {
  display: grid;
  grid-template-columns: 3rem 1fr auto;
  gap: var(--sp-3-chirho);
  align-items: center;
  padding: var(--sp-3-chirho) var(--sp-5-chirho);
  border-block-end: 1px solid rgba(20, 20, 15, 0.28);
}

.brutal-num-chirho {
  font-size: 1.1rem;
  font-weight: 700;
  opacity: 0.42;
}

.brutal-item-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 78, "wght" 720;
  font-size: 0.95rem;
  text-transform: uppercase;
}

.brutal-price-chirho {
  font-size: 0.95rem;
  font-weight: 700;
}

.brutal-foot-chirho {
  font-family: var(--face-mono-chirho);
  font-size: 0.6rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  padding: var(--sp-3-chirho) var(--sp-5-chirho);
  background-color: var(--brutal-line-chirho);
  color: #d8d6d1;
}

.shop-glaze-chirho {
  background-color: #eef3ef;
  color: #22302b;
  --glaze-celadon-chirho: #8fb9a8;
}

.shop-glaze-chirho .lab-bar-chirho {
  color: #7d9188;
  background-color: #e4ece7;
  border-block-end-color: rgba(34, 48, 43, 0.1);
}

.glaze-field-chirho {
  position: relative;
  overflow: hidden;
  min-block-size: 26rem;
  align-content: center;
  padding: var(--sp-7-chirho) clamp(1.25rem, 5vw, 3rem);
  display: grid;
  justify-items: center;
  gap: var(--sp-3-chirho);
  text-align: center;
  background-image: radial-gradient(60% 48% at 18% 12%, rgba(143, 185, 168, 0.5) 0%, rgba(143, 185, 168, 0) 70%), radial-gradient(52% 44% at 86% 82%, rgba(226, 205, 173, 0.55) 0%, rgba(226, 205, 173, 0) 72%);
}

.glaze-orb-chirho {
  position: absolute;
  inset-block-start: -18%;
  inset-inline-end: -12%;
  inline-size: 16rem;
  block-size: 16rem;
  border-radius: 50%;
  background-image: radial-gradient(circle at 34% 30%, rgba(255, 255, 255, 0.75), rgba(143, 185, 168, 0.28));
  pointer-events: none;
}

.glaze-marque-chirho {
  position: relative;
  font-family: var(--face-mono-chirho);
  font-size: 0.6rem;
  letter-spacing: 0.36em;
  text-transform: uppercase;
  color: #5d7a6e;
}

.glaze-title-chirho {
  position: relative;
  font-family: var(--face-display-chirho);
  font-variation-settings: "opsz" 96, "SOFT" 100, "WONK" 1;
  font-size: clamp(1.5rem, 3.2vw, 2.35rem);
  line-height: 1.1;
  font-weight: 360;
  max-inline-size: 20ch;
}

.glaze-round-chirho {
  position: relative;
  inline-size: clamp(9rem, 20vw, 13rem);
  block-size: clamp(9rem, 20vw, 13rem);
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 18px 40px -18px rgba(34, 48, 43, 0.45);
}

.glaze-image-chirho {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  filter: saturate(0.9) brightness(1.04);
}

.glaze-body-chirho {
  position: relative;
  font-family: var(--face-display-chirho);
  font-variation-settings: "opsz" 18, "SOFT" 60, "WONK" 0;
  font-size: 0.92rem;
  line-height: 1.75;
  color: #4a5f56;
  max-inline-size: 36ch;
}

.glaze-pills-chirho {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}

.glaze-pills-chirho li {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.5rem 0.95rem;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 0.82rem;
  box-shadow: 0 2px 8px -3px rgba(34, 48, 43, 0.28);
}

.glaze-pills-chirho b {
  color: #3d7a63;
}

.shop-neon-chirho {
  background-color: #0a0b10;
  color: #eef1e6;
  --neon-lime-chirho: #c6ff3d;
  --neon-rose-chirho: #ff4fa3;
}

.shop-neon-chirho .lab-bar-chirho {
  color: #6b7080;
  background-color: #06070b;
  border-block-end-color: rgba(198, 255, 61, 0.24);
}

.neon-night-chirho {
  padding: var(--sp-5-chirho);
  display: grid;
  gap: var(--sp-3-chirho);
}

.neon-head-chirho {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--sp-3-chirho);
  padding-block-end: var(--sp-3-chirho);
  border-block-end: 1px solid rgba(198, 255, 61, 0.3);
}

.neon-name-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 104, "wght" 820;
  font-size: clamp(1.5rem, 3.4vw, 2.3rem);
  line-height: 1;
  letter-spacing: -0.015em;
  color: var(--neon-lime-chirho);
}

.neon-open-chirho {
  font-family: var(--face-mono-chirho);
  font-size: 0.6rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--neon-rose-chirho);
}

.neon-frame-chirho {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(198, 255, 61, 0.35);
}

.neon-image-chirho {
  inline-size: 100%;
  block-size: clamp(9rem, 20vw, 13.5rem);
  object-fit: cover;
  filter: saturate(1.35) contrast(1.2) brightness(0.86) hue-rotate(-8deg);
}

.neon-flash-chirho {
  position: absolute;
  inset-block-end: 0.6rem;
  inset-inline-start: 0.7rem;
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 88, "wght" 800;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0a0b10;
  background-color: var(--neon-lime-chirho);
  padding: 0.24rem 0.55rem;
}

.neon-lede-chirho {
  font-family: var(--face-grotesk-chirho);
  font-variation-settings: "wdth" 96, "wght" 560;
  font-size: clamp(1rem, 1.9vw, 1.28rem);
  line-height: 1.3;
  max-inline-size: 32ch;
}

.neon-tags-chirho {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.neon-tags-chirho li {
  display: inline-flex;
  align-items: baseline;
  gap: 0.45rem;
  padding: 0.35rem 0.7rem;
  border: 1px solid var(--neon-rose-chirho);
  font-family: var(--face-mono-chirho);
  font-size: 0.66rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.neon-tags-chirho b {
  color: var(--neon-lime-chirho);
}

.neon-foot-chirho {
  font-family: var(--face-mono-chirho);
  font-size: 0.6rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(238, 241, 230, 0.45);
}

.shop-paper-chirho {
  background-color: #fdf2f4;
  color: #4a3540;
  --paper-rose-chirho: #d98aa4;
}

.shop-paper-chirho .lab-bar-chirho {
  color: #a98b96;
  background-color: #f8e7ec;
  border-block-end-color: rgba(74, 53, 64, 0.12);
}

.paper-stack-chirho {
  padding: var(--sp-5-chirho);
  display: grid;
  gap: var(--sp-4-chirho);
  justify-items: center;
  text-align: center;
}

.paper-marque-chirho {
  font-family: var(--face-display-chirho);
  font-variation-settings: "opsz" 40, "SOFT" 90, "WONK" 1;
  font-size: 1.5rem;
  font-weight: 420;
  color: var(--paper-rose-chirho);
}

.paper-card-chirho {
  background-color: #fffafb;
  border-radius: 1.1rem;
  box-shadow: 0 2px 4px rgba(74, 53, 64, 0.06), 0 14px 28px -14px rgba(74, 53, 64, 0.24);
}

.paper-card-image-chirho {
  inline-size: 100%;
  max-inline-size: 20rem;
  overflow: hidden;
  transform: rotate(-1.6deg);
}

.paper-image-chirho {
  inline-size: 100%;
  block-size: clamp(8.5rem, 18vw, 12rem);
  object-fit: cover;
  filter: saturate(0.92) brightness(1.06);
}

.paper-card-copy-chirho {
  inline-size: 100%;
  max-inline-size: 26rem;
  padding: var(--sp-4-chirho) var(--sp-5-chirho);
  transform: rotate(0.7deg);
}

.paper-title-chirho {
  font-family: var(--face-display-chirho);
  font-variation-settings: "opsz" 72, "SOFT" 80, "WONK" 1;
  font-size: clamp(1.3rem, 2.6vw, 1.85rem);
  line-height: 1.16;
  font-weight: 380;
  margin-block-end: var(--sp-2-chirho);
}

.paper-body-chirho {
  font-size: 0.88rem;
  line-height: 1.7;
  color: #7a6470;
}

.paper-tiles-chirho {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: center;
}

.paper-tiles-chirho li {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.5rem 0.9rem;
  border-radius: 999px;
  font-size: 0.8rem;
}

.paper-tiles-chirho b {
  color: var(--paper-rose-chirho);
}

.paper-foot-chirho {
  font-family: var(--face-mono-chirho);
  font-size: 0.58rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #a98b96;
}

/* source: styles_chirho/system-chirho/blocks-chirho.scss */
.band-head-chirho {
  display: grid;
  gap: var(--sp-4-chirho);
  max-inline-size: 46rem;
  margin-block-end: var(--sp-8-chirho);
}

.band-head-chirho .mark-chirho {
  color: var(--gold-text-chirho);
}

.action-gilt-chirho,
.action-quiet-chirho {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding-block: 0.85rem;
  padding-inline: 1.5rem;
  border-radius: var(--radius-chirho);
  font-family: var(--face-mono-chirho);
  font-size: var(--t-micro-chirho);
  letter-spacing: var(--track-micro-chirho);
  text-transform: uppercase;
  font-weight: 600;
  transition: transform var(--dur-move-chirho) var(--ease-quint-chirho), box-shadow var(--dur-move-chirho) var(--ease-quint-chirho), background-color var(--dur-snap-chirho) linear, color var(--dur-snap-chirho) linear;
}

.action-gilt-chirho {
  color: var(--ob-void-chirho);
  background-image: linear-gradient(135deg, var(--au-light-chirho) 0%, var(--au-core-chirho) 55%, var(--au-action-deep-chirho) 100%);
  box-shadow: 0 0 0 1px rgba(240, 180, 41, 0.45), 0 14px 40px -16px rgba(240, 180, 41, 0.75);
}

.action-gilt-chirho::after {
  content: "→";
  transition: transform var(--dur-move-chirho) var(--ease-quint-chirho);
}

.action-gilt-chirho:hover {
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 0 0 1px rgba(255, 217, 128, 0.8), 0 20px 52px -14px rgba(240, 180, 41, 0.9);
}

.action-gilt-chirho:hover::after {
  transform: translate3d(4px, 0, 0);
}

.action-quiet-chirho {
  color: var(--ink-chirho);
  border: 1px solid var(--rule-chirho);
  background-color: rgba(255, 255, 255, 0.03);
}

.action-quiet-chirho:hover {
  border-color: var(--au-core-chirho);
  color: var(--gold-text-chirho);
}

@media (prefers-reduced-motion: reduce) {
  .action-gilt-chirho,
.action-gilt-chirho::after,
.action-quiet-chirho {
    transition: background-color var(--dur-snap-chirho) linear, color var(--dur-snap-chirho) linear;
  }
  .action-gilt-chirho:hover {
    transform: none;
  }
  .action-gilt-chirho:hover::after {
    transform: none;
  }
}
.close-chirho {
  padding-block: var(--sp-7-chirho) var(--sp-9-chirho);
  overflow: hidden;
  text-align: center;
}

.close-glow-chirho {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: radial-gradient(58% 62% at 50% 108%, rgba(240, 180, 41, 0.3) 0%, rgba(240, 180, 41, 0.11) 38%, rgba(240, 180, 41, 0) 72%);
}

.close-copy-chirho {
  position: relative;
  z-index: 2;
  display: grid;
  gap: var(--sp-5-chirho);
  justify-items: center;
}

.close-heading-chirho {
  margin: 0;
  max-inline-size: 18ch;
}

.close-lead-chirho {
  color: var(--ob-ink-chirho);
  opacity: 0.86;
  text-align: center;
}

.close-note-chirho {
  color: var(--ob-mute-chirho);
  padding-block-start: var(--sp-4-chirho);
  border-block-start: 1px solid var(--ob-rule-chirho);
  max-inline-size: 34rem;
}

/* source: styles_chirho/pages-chirho/home-chirho.scss */
.threshold-chirho {
  display: grid;
  align-content: center;
  min-block-size: 100svh;
  padding-block: var(--sp-9-chirho) var(--sp-7-chirho);
  overflow: hidden;
}

.threshold-field-chirho {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.threshold-stone-chirho {
  position: absolute;
  inset: -8% -4%;
  inline-size: 108%;
  block-size: 116%;
  object-fit: cover;
  object-position: 22% 50%;
  opacity: 0.82;
  filter: saturate(0.92) contrast(1.04);
}

.threshold-field-chirho::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: linear-gradient(100deg, rgba(6, 7, 10, 0.24) 0%, rgba(6, 7, 10, 0.42) 32%, rgba(6, 7, 10, 0.78) 62%, rgba(6, 7, 10, 0.92) 100%);
}

.threshold-copy-chirho {
  position: relative;
  z-index: 5;
  display: grid;
  gap: var(--sp-5-chirho);
  justify-items: start;
}

.threshold-mark-chirho {
  color: var(--au-light-chirho);
  opacity: 0.9;
}

.threshold-monument-chirho {
  margin: 0;
}

.monument-line-chirho {
  display: block;
}

.threshold-lead-chirho {
  color: var(--ob-ink-chirho);
  opacity: 0.86;
  max-inline-size: 40rem;
}

.threshold-actions-chirho {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-4-chirho);
  margin-block-start: var(--sp-2-chirho);
}

.threshold-quiet-chirho {
  margin-block-start: var(--sp-3-chirho);
  color: var(--ob-mute-chirho);
  opacity: 0.8;
}

@media (min-width: 62rem) {
  .threshold-copy-chirho {
    justify-items: end;
    text-align: end;
  }
  .threshold-monument-chirho {
    margin-inline-start: auto;
  }
  .threshold-lead-chirho {
    margin-inline-start: auto;
    text-align: start;
    max-inline-size: 34rem;
  }
  .threshold-actions-chirho {
    justify-content: flex-end;
  }
  .threshold-field-chirho::after {
    background-image: linear-gradient(100deg, rgba(6, 7, 10, 0.1) 0%, rgba(6, 7, 10, 0.3) 30%, rgba(6, 7, 10, 0.74) 58%, rgba(6, 7, 10, 0.9) 100%);
  }
}
.promises-chirho {
  padding-block: var(--sp-8-chirho) var(--sp-7-chirho);
  background-image: radial-gradient(72% 58% at 14% 88%, rgba(240, 180, 41, 0.075) 0%, rgba(240, 180, 41, 0.026) 42%, rgba(240, 180, 41, 0) 76%);
}

.lab-chirho {
  padding-block-start: var(--sp-7-chirho);
  background-image: radial-gradient(64% 52% at 88% 10%, rgba(120, 96, 52, 0.06) 0%, rgba(120, 96, 52, 0.02) 44%, rgba(120, 96, 52, 0) 78%);
}

.promise-leaves-chirho {
  display: grid;
  gap: var(--sp-5-chirho);
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  align-items: start;
}

.promise-leaf-chirho {
  display: grid;
  align-content: start;
  gap: var(--sp-3-chirho);
  padding: var(--sp-7-chirho) var(--sp-5-chirho) var(--sp-5-chirho);
}

@media (min-width: 58rem) {
  .promise-leaf-chirho:nth-child(2) {
    margin-block-start: var(--sp-5-chirho);
  }
  .promise-leaf-chirho:nth-child(3) {
    margin-block-start: var(--sp-3-chirho);
  }
}
.promise-leaf-chirho::after {
  content: "";
  position: absolute;
  inset: var(--sp-3-chirho);
  border: 1px solid var(--rule-chirho);
  opacity: 0.5;
  pointer-events: none;
}

.promise-numeral-chirho {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 3.4rem;
  block-size: 3.4rem;
  font-family: var(--face-display-chirho);
  font-size: 2.9rem;
  line-height: 1;
  font-weight: 340;
  font-variation-settings: "opsz" 144, "SOFT" 70, "WONK" 1;
  border: 1px solid var(--au-deep-chirho);
  filter: url(#bleed-chirho);
  margin-block-end: var(--sp-3-chirho);
}

.promise-leaf-chirho {
  position: relative;
}

.promise-figure-chirho {
  margin-block-start: var(--sp-3-chirho);
  padding-block-start: var(--sp-3-chirho);
  border-block-start: 1px solid var(--rule-chirho);
  font-size: var(--t-micro-chirho);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-text-chirho);
}

.cairn-chirho {
  overflow: hidden;
}

.cairn-field-chirho {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.cairn-strata-chirho {
  position: absolute;
  inset: -10% 0;
  inline-size: 100%;
  block-size: 120%;
  object-fit: cover;
  opacity: 0.5;
  filter: saturate(0.7) contrast(1.1);
}

.cairn-field-chirho::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: linear-gradient(180deg, rgba(6, 7, 10, 0.94) 0%, rgba(6, 7, 10, 0.62) 26%, rgba(6, 7, 10, 0.68) 62%, rgb(6, 7, 10) 97%);
}

.cairn-copy-chirho {
  position: relative;
  z-index: 5;
}

.cairn-courses-chirho {
  display: grid;
  gap: var(--sp-3-chirho);
  max-inline-size: 64rem;
  margin-inline: auto;
}

.cairn-course-chirho {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-2-chirho);
  padding: var(--sp-5-chirho);
  background-color: rgba(18, 21, 27, 0.86);
}

.cairn-course-chirho:nth-child(1) {
  margin-inline: 0 clamp(0rem, 6vw, 5rem);
}

.cairn-course-chirho:nth-child(2) {
  margin-inline: clamp(0rem, 2vw, 1.6rem) clamp(0rem, 3vw, 2.4rem);
}

.cairn-course-chirho:nth-child(3) {
  margin-inline: clamp(0rem, 4vw, 3.2rem) clamp(0rem, 1vw, 0.8rem);
}

.cairn-course-chirho:nth-child(4) {
  margin-inline: clamp(0rem, 1.5vw, 1.2rem) clamp(0rem, 5vw, 4rem);
}

.cairn-course-chirho:nth-child(5) {
  margin-inline: clamp(0rem, 5vw, 4.4rem) 0;
}

.cairn-course-mark-chirho {
  color: var(--au-light-chirho);
}

.cairn-course-claim-chirho {
  font-size: var(--t-lead-chirho);
  line-height: 1.5;
  color: var(--ob-ink-chirho);
  text-wrap: pretty;
}

.cairn-course-figure-chirho {
  font-size: var(--t-micro-chirho);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--au-light-chirho);
  white-space: nowrap;
}

@media (min-width: 48rem) {
  .cairn-course-chirho {
    grid-template-columns: 6.5rem minmax(0, 1fr) auto;
    align-items: baseline;
    gap: var(--sp-5-chirho);
  }
  .cairn-course-figure-chirho {
    text-align: end;
  }
}
.boundary-grid-chirho {
  display: grid;
  gap: var(--sp-7-chirho);
}

.boundary-copy-chirho {
  display: grid;
  gap: var(--sp-4-chirho);
  align-content: start;
}

.boundary-copy-chirho .mark-chirho {
  color: var(--au-light-chirho);
}

.boundary-rows-chirho {
  display: grid;
  align-content: start;
  border-block-start: 1px solid var(--ob-rule-chirho);
}

.boundary-row-chirho {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--sp-3-chirho);
  padding-block: var(--sp-4-chirho);
  border-block-end: 1px solid var(--ob-rule-chirho);
  transition: background-color var(--dur-snap-chirho) linear;
}

.boundary-row-chirho:hover {
  background-color: rgba(240, 180, 41, 0.04);
}

.boundary-row-chirho dt {
  color: var(--ob-ink-chirho);
}

.boundary-row-chirho dd {
  margin: 0;
  font-size: var(--t-small-chirho);
  color: var(--au-light-chirho);
  text-align: end;
}

@media (min-width: 62rem) {
  .boundary-grid-chirho {
    grid-template-columns: minmax(18rem, 26rem) 1fr;
    gap: var(--sp-9-chirho);
  }
}
.close-because-chirho {
  max-inline-size: 44rem;
  margin-inline: auto;
  color: var(--ob-mute-chirho);
  line-height: var(--lh-loose-chirho);
  text-wrap: pretty;
}

.close-verse-chirho {
  margin: var(--sp-5-chirho) auto 0;
  display: grid;
  gap: var(--sp-3-chirho);
  justify-items: center;
  max-inline-size: 40rem;
  padding-block-start: var(--sp-5-chirho);
  border-block-start: 1px solid var(--ob-rule-chirho);
}

.close-verse-text-chirho {
  margin: 0;
  font-family: var(--face-display-chirho);
  font-size: clamp(1.15rem, 1.8vw, 1.5rem);
  line-height: 1.42;
  font-weight: 340;
  font-variation-settings: "opsz" 48, "SOFT" 70, "WONK" 1;
  color: var(--au-pale-chirho);
  text-wrap: pretty;
  text-align: center;
}

.close-verse-source-chirho {
  color: var(--ob-mute-chirho);
}

/* source: styles_chirho/system-chirho/print-chirho.scss */
@media print {
  :root {
    --ground-chirho: #ffffff;
    --ground-raise-chirho: #ffffff;
    --ground-sink-chirho: #ffffff;
    --ink-chirho: #101010;
    --ink-mute-chirho: #3a3a3a;
    --rule-chirho: #b8b8b8;
    --gold-text-chirho: #5a4410;
  }
  .on-obsidian-chirho,
.on-vellum-chirho {
    --ground-chirho: #ffffff;
    --ground-raise-chirho: #ffffff;
    --ground-sink-chirho: #ffffff;
    --ink-chirho: #101010;
    --ink-mute-chirho: #3a3a3a;
    --rule-chirho: #b8b8b8;
    --gold-text-chirho: #5a4410;
    --shadow-cast-chirho: none;
    --shadow-lift-chirho: none;
  }
  body {
    background: #ffffff;
    color: #101010;
    font-size: 10.5pt;
    line-height: 1.5;
  }
  .aurora-chirho,
.vignette-chirho,
.grain-chirho,
.shaft-chirho,
.close-glow-chirho,
.deckle-chirho,
.gutter-thread-chirho,
.folio-chirho,
.threshold-field-chirho,
.cairn-field-chirho,
.craft-field-chirho,
.measure-field-chirho,
.site-nav-chirho {
    display: none !important;
  }
  .gilt-chirho {
    background-image: none;
    color: #5a4410;
    -webkit-text-fill-color: #5a4410;
  }
  .band-chirho {
    padding-block: 1.2cm;
    break-inside: auto;
  }
  .threshold-chirho,
.craft-threshold-chirho {
    min-block-size: auto;
    padding-block: 0 1.2cm;
  }
  h1,
h2,
h3 {
    break-after: avoid;
    color: #101010;
  }
  .slab-chirho,
.promise-leaf-chirho,
.cairn-course-chirho,
.figure-cell-chirho,
.stage-chirho,
.refusal-row-chirho,
.lab-slab-chirho {
    break-inside: avoid;
    box-shadow: none;
    transform: none;
    background-color: #ffffff;
    border-color: #b8b8b8;
  }
  main a[href^="/"]::after {
    content: " (" attr(href) ")";
    font-family: var(--face-mono-chirho);
    font-size: 0.72em;
    color: #5a4410;
  }
  main a[href^="#"]::after {
    content: "";
  }
  .action-gilt-chirho,
.action-quiet-chirho {
    background-image: none;
    border: 1px solid #b8b8b8;
    color: #101010;
    box-shadow: none;
  }
  .lab-controls-chirho,
.lab-bar-chirho {
    display: none;
  }
  img {
    max-block-size: 8cm;
    object-fit: contain;
  }
  @page {
    margin: 1.6cm;
  }
}
@media (prefers-contrast: more) {
  :root {
    --ve-mute-chirho: #4a4438;
    --ve-rule-chirho: #b3a68c;
    --ob-mute-chirho: #c3c8d0;
    --ob-rule-chirho: #4b525d;
    --au-on-vellum-chirho: #5e4409;
  }
  .aurora-chirho {
    --aurora-strength-chirho: 0.3;
  }
  .grain-chirho {
    opacity: 0.18;
  }
  .threshold-stone-chirho,
.cairn-strata-chirho,
.measure-strata-chirho {
    opacity: 0.28;
  }
  .gilt-chirho {
    background-image: none;
    color: var(--gold-text-chirho);
    -webkit-text-fill-color: currentColor;
  }
}