/* high-priestess.css · Second Ledger · II, The High Priestess · "Vellum and ribbon"
   Extends arcana.css: overrides its --arc-* tokens on [data-brand="the-high-priestess"], adds the --brand-*
   extras arcana-brand.css reads, then the signature: ruled vellum, a silk ribbon bookmark that unfurls into
   the head and sways, a fleuron before the italic tagline, and lines that surface like ink soaking in. */
/* fonts:begin Cormorant Garamond, EB Garamond */
@font-face { font-family:"Cormorant Garamond"; font-style:italic; font-weight:400 700; font-display:swap; src:url("../../fonts/brands/cormorant-garamond-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:"Cormorant Garamond"; font-style:normal; font-weight:400 700; font-display:swap; src:url("../../fonts/brands/cormorant-garamond-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; }
@font-face { font-family:"EB Garamond"; font-style:italic; font-weight:400 800; font-display:swap; src:url("../../fonts/brands/eb-garamond-italic-400-800.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:"EB Garamond"; font-style:normal; font-weight:400 800; font-display:swap; src:url("../../fonts/brands/eb-garamond-normal-400-800.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-high-priestess"] {
  --arc-paper: #f3ecdf;
  --arc-surface: #ece3d2;
  --arc-wash: #e6dcc9;
  --arc-ink: #1a1613;
  --arc-muted: #5b5249;
  --arc-line: #d2c9b8;
  --arc-accent: #9b1b4f;
  --arc-on-accent: #f3ecdf;
  --arc-focus: #211c1e;
  --arc-display: "Cormorant Garamond", "Big Caslon", Baskerville, "Palatino Linotype", Georgia, serif;
  --arc-body: "EB Garamond", "Iowan Old Style", Baskerville, Constantia, Georgia, serif;
  --arc-radius: 2px;
  --brand-mono: "EB Garamond", "Iowan Old Style", Georgia, serif;
  --brand-accent-2: #9b1b4f;
  --brand-display-weight: 500;
  --brand-track: -.01em;
  --brand-title-lh: .92;
  --brand-button-radius: 1px;
  --brand-enter: hp-ink;
  --brand-ease: cubic-bezier(.25, .1, .25, 1);
  --brand-texture:
    radial-gradient(38% 30% at 88% 14%, rgba(155, 110, 60, .07), transparent 70%),
    radial-gradient(22% 18% at 8% 82%, rgba(155, 110, 60, .06), transparent 70%),
    repeating-linear-gradient(transparent 0 31px, rgba(171, 164, 151, .22) 31px 32px);
  --brand-bezel: #211c1e;
  --brand-bezel-edge: #43393c;
  --brand-bezel-ink: #c9ae78;
  --brand-glow: rgba(155, 27, 79, .42);
  --brand-wallpaper:
    linear-gradient(90deg, transparent calc(74% - 16px), #9b1b4f calc(74% - 16px) calc(74% + 16px), transparent calc(74% + 16px)),
    radial-gradient(70% 60% at 40% 45%, #f7f1e6, transparent 75%),
    repeating-linear-gradient(transparent 0 27px, rgba(171, 164, 151, .45) 27px 28px),
    #eae1cf;
}

/* Signature: a ribbon marker hanging into the head, ledger rulings, a fleuron, gilt tooling on the tiers. */
[data-brand="the-high-priestess"] .abr-head { border-block-end: 3px double #aba497; }
[data-brand="the-high-priestess"] .abr-head::before {
  content: ""; position: absolute; inset-block-start: 0; inset-inline-end: clamp(1.5rem, 9vw, 8rem);
  inline-size: 26px; block-size: clamp(5rem, 22vw, 15rem);
  background: linear-gradient(90deg, #7d1540, #9b1b4f 40%, #b8336b 55%, #9b1b4f 70%, #7d1540);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 13px), 0 100%);
  transform-origin: top; animation: hp-unfurl 1.2s .35s var(--brand-ease) both, hp-sway 7s 1.6s ease-in-out infinite;
}
[data-brand="the-high-priestess"] .abr-title { font-variant-ligatures: common-ligatures discretionary-ligatures; }
[data-brand="the-high-priestess"] .abr-tagline { font-style: italic; font-weight: 400; }
[data-brand="the-high-priestess"] .abr-tagline::before { content: "\2766"; margin-inline-end: .35em; font-style: normal; font-size: .8em; color: #aba497; }
[data-brand="the-high-priestess"] .abr-card { font-variant: small-caps; text-transform: lowercase; letter-spacing: .12em; font-size: 1rem; font-weight: 500; }
[data-brand="the-high-priestess"] .abr-card__num { font-family: var(--arc-display); font-variant: normal; text-transform: none; font-size: 1.05rem; }
[data-brand="the-high-priestess"] .abr-button { font-variant: small-caps; letter-spacing: .1em; font-size: 1.05rem; font-weight: 500; }
[data-brand="the-high-priestess"] .abr-tier { box-shadow: inset 0 0 0 5px var(--arc-paper), inset 0 0 0 6px #c9ae78; }
[data-brand="the-high-priestess"] .abr-tier__price { font-style: italic; }
[data-brand="the-high-priestess"] .abr-signature { border-inline-start: 0; padding-inline-start: 0; font-style: italic; }
[data-brand="the-high-priestess"] .abr-signature strong { font-style: normal; font-variant: small-caps; color: var(--arc-accent); }
[data-brand="the-high-priestess"].abr-tile::before {
  content: ""; position: absolute; inset-block-start: 0; inset-inline-end: 1.4rem; inline-size: 14px; block-size: 3.6rem;
  background: #9b1b4f; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 7px), 0 100%);
  transform: scaleY(.35); transform-origin: top; transition: transform .6s var(--brand-ease);
}
@media (hover: hover) {
  [data-brand="the-high-priestess"].abr-tile:hover::before { transform: scaleY(1); }
  [data-brand="the-high-priestess"].abr-tile:hover .abr-tile__word { font-style: italic; }
}

@keyframes hp-ink { from { opacity: 0; filter: blur(4px); transform: translateY(6px); } 60% { opacity: .85; filter: blur(.6px); } to { opacity: 1; filter: none; transform: none; } }
@keyframes hp-unfurl { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes hp-sway { 0%, 100% { transform: rotate(0); } 35% { transform: rotate(1.4deg); } 70% { transform: rotate(-.9deg); } }