/* hermit.css · Narrowfield · IX, The Hermit · "Lantern in the dark"
   Extends arcana.css: overrides its --arc-* tokens on [data-brand="the-hermit"], adds the --brand-*
   extras arcana-brand.css reads, then the signature: a starlit valley night, an italic book serif that
   is kindled out of the dark with one warm flare, a lantern pool that breathes gently behind the name,
   and typewriter labels, so the page reads like a letter written by lamplight. */
/* fonts:begin Newsreader, Courier Prime */
@font-face { font-family:"Newsreader"; font-style:italic; font-weight:300 700; font-display:swap; src:url("../../fonts/brands/newsreader-italic-300-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:"Newsreader"; font-style:normal; font-weight:300 700; font-display:swap; src:url("../../fonts/brands/newsreader-normal-300-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:"Courier Prime"; font-style:normal; font-weight:400; font-display:swap; src:url("../../fonts/brands/courier-prime-normal-400.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:"Courier Prime"; font-style:normal; font-weight:700; font-display:swap; src:url("../../fonts/brands/courier-prime-normal-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-hermit"] {
  --arc-paper: #0f0d13;
  --arc-surface: #17141d;
  --arc-wash: #131118;
  --arc-ink: #ece3d1;
  --arc-muted: #aca293;
  --arc-line: #2e2838;
  --arc-accent: #f0b35b;
  --arc-on-accent: #221b14;
  --arc-focus: #ffd891;
  --arc-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --arc-body: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --arc-radius: 2px;
  --brand-mono: "Courier Prime", "American Typewriter", "Courier New", monospace;
  --brand-accent-2: #b3a6e0;
  --brand-display-weight: 400;
  --brand-display-style: italic;
  --brand-track: -.015em;
  --brand-title-size: clamp(3rem, 1.3rem + 6.6vw, 7.5rem);
  --brand-title-lh: 1;
  --brand-button-radius: 2px;
  --brand-enter: nf-kindle;
  --brand-ease: cubic-bezier(.22, .7, .2, 1);
  --brand-texture:
    radial-gradient(circle at 20% 30%, rgba(236, 227, 209, .22) 0 .6px, transparent 1px) 0 0 / 97px 83px,
    radial-gradient(circle at 60% 70%, rgba(157, 141, 208, .2) 0 .8px, transparent 1.3px) 0 0 / 151px 131px;
  --brand-bezel: #0b0a0e;
  --brand-bezel-edge: #2b2340;
  --brand-bezel-ink: #f0b35b;
  --brand-glow: rgba(240, 179, 91, .34);
  --brand-wallpaper:
    radial-gradient(circle at 74% 24%, #ffd891 0 1.3%, rgba(255, 216, 145, .28) 1.6%, transparent 12%),
    linear-gradient(168deg, transparent 64%, #1b1724 64.2%),
    linear-gradient(197deg, transparent 72%, #131018 72.2%),
    radial-gradient(circle at 20% 30%, rgba(236, 227, 209, .5) 0 .7px, transparent 1.2px) 0 0 / 61px 53px,
    linear-gradient(#0f0d13 30%, #2b2340);
}

/* Signature: a breathing lantern pool behind the name, lamplit lettering, typewriter voice. */
[data-brand="the-hermit"] .abr-head { overflow: hidden; }
[data-brand="the-hermit"] .abr-head::before {
  content: ""; position: absolute; z-index: 0; inset-block-start: -10%; inset-inline-end: -8%;
  inline-size: min(46rem, 110vw); aspect-ratio: 1; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(255, 216, 145, .22), rgba(240, 179, 91, .09) 38%, transparent 68%);
  animation: nf-breathe 6s ease-in-out infinite alternate;
}
[data-brand="the-hermit"] .abr-head > .abr-shell { position: relative; z-index: 1; }
[data-brand="the-hermit"] .abr-title__word { text-shadow: 0 0 .5em rgba(240, 179, 91, .28); }
[data-brand="the-hermit"] .abr-tagline { font-weight: 300; }
[data-brand="the-hermit"] .abr-card { letter-spacing: .08em; }
[data-brand="the-hermit"] .abr-card__num { font-family: var(--arc-display); font-style: italic; letter-spacing: 0; text-transform: none; font-size: 1rem; border-radius: 50%; }
[data-brand="the-hermit"] .abr-goodfor strong { text-transform: none; letter-spacing: .02em; font-size: .85rem; }
[data-brand="the-hermit"] .abr-button { font: 700 .9rem/1.1 var(--brand-mono); letter-spacing: .02em; }
[data-brand="the-hermit"] .abr-button[data-kind="ghost"] { border-color: rgba(236, 227, 209, .3); }
@media (hover: hover) {
  [data-brand="the-hermit"] .abr-button:hover { transform: none; box-shadow: 0 0 0 6px rgba(240, 179, 91, .12), 0 0 34px rgba(240, 179, 91, .45); }
  [data-brand="the-hermit"] .abr-button[data-kind="ghost"]:hover { color: #ffd891; }
}
[data-brand="the-hermit"] .abr-signature { border-inline-start-style: dotted; }
[data-brand="the-hermit"] .abr-tier { background: #131118; box-shadow: inset 0 1px 0 rgba(255, 216, 145, .1); }
[data-brand="the-hermit"] .abr-tier[data-kind="custom"] { border-style: dashed; }
[data-brand="the-hermit"].abr-tile::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0;
  background: radial-gradient(circle at 18% 12%, rgba(255, 216, 145, .2), transparent 62%);
  transition: opacity .8s var(--brand-ease);
}
@media (hover: hover) {
  [data-brand="the-hermit"].abr-tile:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(240, 179, 91, .55), 0 0 60px -20px var(--brand-glow); }
  [data-brand="the-hermit"].abr-tile:hover::after { opacity: 1; }
}

@keyframes nf-kindle { 0% { opacity: 0; filter: brightness(.25); transform: translateY(8px); } 60% { opacity: 1; filter: brightness(1.45); } 100% { opacity: 1; filter: none; transform: none; } }
@keyframes nf-breathe { from { opacity: .7; transform: scale(.96); } to { opacity: 1; transform: scale(1.04); } }