/* hierophant.css · Common Measure · V, The Hierophant · "Printed conservatory prospectus"
   Extends arcana.css: overrides its --arc-* tokens on [data-brand="the-hierophant"], adds the --brand-*
   extras arcana-brand.css reads, then the signature: a gold five-line staff ruled through the head with a
   note that climbs it step by step, inscriptional capitals, and lines that tune in from wide spacing to pitch. */
/* fonts:begin Cinzel, Crimson Pro */
@font-face { font-family:"Cinzel"; font-style:normal; font-weight:400 900; font-display:swap; src:url("../../fonts/brands/cinzel-normal-400-900.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"Crimson Pro"; font-style:italic; font-weight:400 700; font-display:swap; src:url("../../fonts/brands/crimson-pro-italic-400-700.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"Crimson Pro"; font-style:normal; font-weight:400 700; font-display:swap; src:url("../../fonts/brands/crimson-pro-normal-400-700.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* fonts:end */

[data-brand="the-hierophant"] {
  --arc-paper: #f2ead6;
  --arc-surface: #e8dcbe;
  --arc-wash: #ece2ca;
  --arc-ink: #1a1814;
  --arc-muted: #4b4436;
  --arc-line: #d6c7a2;
  --arc-accent: #173d2c;
  --arc-on-accent: #f2ead6;
  --arc-focus: #715410;
  --arc-display: "Cinzel", "Trajan Pro", "Hoefler Text", Garamond, "Palatino Linotype", Georgia, serif;
  --arc-body: "Crimson Pro", "Hoefler Text", Garamond, "Palatino Linotype", Georgia, serif;
  --arc-radius: 2px;
  --brand-mono: "Cinzel", "Hoefler Text", Garamond, Georgia, serif;
  --brand-accent-2: #715410;
  --brand-display-weight: 600;
  --brand-track: .025em;
  --brand-title-size: clamp(2.6rem, 1.2rem + 5.2vw, 6.25rem);
  --brand-title-lh: 1.02;
  --brand-button-radius: 2px;
  --brand-enter: cm-tune;
  --brand-ease: cubic-bezier(.22, .61, .36, 1);
  --brand-texture: radial-gradient(90% 60% at 50% 0, rgba(212, 174, 92, .14), transparent 70%);
  --brand-bezel: #0f2b1f;
  --brand-bezel-edge: #2f6b4c;
  --brand-bezel-ink: #d4ae5c;
  --brand-glow: rgba(212, 174, 92, .5);
  --brand-wallpaper:
    radial-gradient(18px 13px at 62% calc(50% - 7px), #d4ae5c 0 60%, transparent 64%),
    repeating-linear-gradient(transparent 0 13px, rgba(212, 174, 92, .75) 13px 14.5px) 0 calc(50% - 35px) / 100% 70px no-repeat,
    radial-gradient(70% 60% at 50% 50%, #2f6b4c, #173d2c 55%, #0f2b1f);
}

/* Signature: the staff and its climbing note, a double-ruled prospectus frame, Crimson italic tagline. */
[data-brand="the-hierophant"] .abr-head { padding-block-start: clamp(3.25rem, 6vw, 5rem); border-block-end: 1px solid var(--arc-line); }
[data-brand="the-hierophant"] .abr-head::before {
  content: ""; position: absolute; inset: clamp(1rem, 2vw, 1.4rem) 0 auto; block-size: 30px;
  background: repeating-linear-gradient(transparent 0 5px, #d4ae5c 5px 6px);
  transform-origin: left; animation: cm-rule 1.4s .2s var(--brand-ease) both;
}
[data-brand="the-hierophant"] .abr-head::after {
  content: ""; position: absolute; inset-block-start: calc(clamp(1rem, 2vw, 1.4rem) + 20px); inset-inline-start: 16%;
  inline-size: 11px; block-size: 8px; border-radius: 50%; background: #715410;
  animation: cm-climb 6s 1.6s steps(1) infinite both;
}
[data-brand="the-hierophant"] .abr-tagline { font: italic 400 clamp(1.4rem, 1rem + 1.6vw, 2.3rem)/1.2 var(--arc-body); letter-spacing: 0; }
[data-brand="the-hierophant"] .abr-card { letter-spacing: .2em; }
[data-brand="the-hierophant"] .abr-card__num { background: var(--arc-accent); border-color: var(--arc-accent); color: #d4ae5c; }
[data-brand="the-hierophant"] .abr-goodfor, [data-brand="the-hierophant"] .abr-sub { font-size: 1.15rem; }
[data-brand="the-hierophant"] .abr-button { font: 600 .8rem/1.1 var(--brand-mono); letter-spacing: .16em; }
[data-brand="the-hierophant"] .abr-tier { outline: 1px solid var(--arc-line); outline-offset: -7px; border-color: #d4ae5c; text-align: center; }
[data-brand="the-hierophant"] .abr-tier__price { color: var(--arc-accent); }
[data-brand="the-hierophant"].abr-tile .abr-tile__word { font-size: min(1.9rem, 8.5cqi); transition: letter-spacing .6s var(--brand-ease); }
[data-brand="the-hierophant"].abr-tile::before { content: ""; position: absolute; inset: .6rem 0 auto; block-size: 13px; background: repeating-linear-gradient(transparent 0 2px, rgba(212, 174, 92, .6) 2px 3px); }
@media (hover: hover) { [data-brand="the-hierophant"].abr-tile:hover .abr-tile__word { letter-spacing: .08em; } }

@keyframes cm-tune { from { opacity: 0; letter-spacing: .35em; filter: blur(1px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes cm-rule { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes cm-climb {
  0% { transform: translate(0, 0) rotate(-20deg); } 12.5% { transform: translate(8vw, -3px) rotate(-20deg); }
  25% { transform: translate(16vw, -6px) rotate(-20deg); } 37.5% { transform: translate(24vw, -9px) rotate(-20deg); }
  50% { transform: translate(32vw, -12px) rotate(-20deg); background: #d4ae5c; }
  62.5%, 100% { transform: translate(40vw, -15px) rotate(-20deg); background: #d4ae5c; }
}