/* empress.css · Orchard & Vessel · III, The Empress · "Abundant still life"
   Extends arcana.css: overrides its --arc-* tokens on [data-brand="the-empress"], adds the --brand-*
   extras arcana-brand.css reads, then the signature: a blush bloom that breathes behind the head, a title
   that ripens from leaf green to plum, arched vessel-shaped tiers, and every line blooming open on entry. */
/* fonts:begin Playfair Display, Lora */
@font-face { font-family:"Playfair Display"; font-style:italic; font-weight:400 900; font-display:swap; src:url("../../fonts/brands/playfair-display-italic-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:"Playfair Display"; font-style:normal; font-weight:400 900; font-display:swap; src:url("../../fonts/brands/playfair-display-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:"Lora"; font-style:italic; font-weight:400 700; font-display:swap; src:url("../../fonts/brands/lora-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:"Lora"; font-style:normal; font-weight:400 700; font-display:swap; src:url("../../fonts/brands/lora-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-empress"] {
  --arc-paper: #f6eee1;
  --arc-surface: #f1e3d6;
  --arc-wash: #efdfd0;
  --arc-ink: #17221a;
  --arc-muted: #4a5345;
  --arc-line: #e3cfbf;
  --arc-accent: #5a1f3e;
  --arc-on-accent: #f6eee1;
  --arc-focus: #2b4531;
  --arc-display: "Playfair Display", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --arc-body: "Lora", "Palatino Linotype", Palatino, "Iowan Old Style", Georgia, serif;
  --arc-radius: 18px;
  --brand-mono: "Lora", "Palatino Linotype", Georgia, serif;
  --brand-accent-2: #5a1f3e;
  --brand-display-weight: 500;
  --brand-track: -.02em;
  --brand-button-radius: 999px;
  --brand-enter: emp-bloom;
  --brand-ease: cubic-bezier(.22, .61, .36, 1);
  --brand-texture: radial-gradient(60% 40% at 100% 0, rgba(239, 201, 189, .45), transparent 70%), radial-gradient(40% 30% at 0 100%, rgba(212, 170, 85, .12), transparent 70%);
  --brand-bezel: #17221a;
  --brand-bezel-edge: #2b4531;
  --brand-bezel-ink: #d4aa55;
  --brand-glow: rgba(90, 31, 62, .45);
  --brand-wallpaper:
    radial-gradient(circle at 34% 58%, #efc9bd 0 9%, transparent 9.4%),
    radial-gradient(circle at 44% 50%, #5a1f3e 0 7%, transparent 7.4%),
    radial-gradient(circle at 58% 60%, #d4aa55 0 5.5%, transparent 5.9%),
    radial-gradient(circle at 66% 46%, #f6eee1 0 6%, transparent 6.4%),
    radial-gradient(ellipse 30% 12% at 50% 70%, #2b4531, transparent 72%),
    radial-gradient(60% 55% at 50% 45%, #2b4531, #17221a 80%);
}

/* Signature: the breathing bloom, a ripening title, italic plum tagline, arched vessel tiers. */
[data-brand="the-empress"] .abr-head { overflow: clip; }
[data-brand="the-empress"] .abr-head::before {
  content: ""; position: absolute; z-index: 0; inset-block-start: -10%; inset-inline-end: -6%;
  inline-size: clamp(14rem, 36vw, 30rem); aspect-ratio: 1; border-radius: 50%; opacity: .7;
  background:
    radial-gradient(circle, #d4aa55 0 7%, transparent 7.5%),
    radial-gradient(circle at 50% 30%, #efc9bd 0 24%, transparent 25%), radial-gradient(circle at 70% 50%, #efc9bd 0 24%, transparent 25%),
    radial-gradient(circle at 50% 70%, #efc9bd 0 24%, transparent 25%), radial-gradient(circle at 30% 50%, #efc9bd 0 24%, transparent 25%),
    radial-gradient(circle, rgba(239, 201, 189, .55) 0 46%, transparent 47%);
  animation: emp-breathe 12s ease-in-out infinite;
}
[data-brand="the-empress"] .abr-head > .abr-shell { position: relative; z-index: 1; }
[data-brand="the-empress"] .abr-title__word {
  background: linear-gradient(100deg, #2b4531 0 35%, #5a1f3e 65% 100%) 0 0 / 300% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: emp-ripen 2.4s .4s var(--brand-ease) both;
}
[data-brand="the-empress"] .abr-tagline { font-style: italic; font-weight: 400; }
[data-brand="the-empress"] .abr-card__num { background: #efc9bd; border-color: #efc9bd; color: var(--arc-accent); font-family: var(--arc-display); font-style: italic; letter-spacing: 0; }
[data-brand="the-empress"] .abr-card__dot { background: #d4aa55; }
[data-brand="the-empress"] .abr-button { font-weight: 600; letter-spacing: .02em; }
@media (hover: hover) { [data-brand="the-empress"] .abr-button:hover { box-shadow: 0 0 0 4px #f6eee1, 0 0 0 5px #d4aa55, 0 16px 30px -14px var(--brand-glow); } }
[data-brand="the-empress"] .abr-tier { border-radius: 10rem 10rem var(--arc-radius) var(--arc-radius); padding-block-start: clamp(2.5rem, 5vw, 3.5rem); align-items: center; text-align: center; }
[data-brand="the-empress"] .abr-tier__price { font-style: italic; color: var(--arc-accent); }
[data-brand="the-empress"].abr-tile .abr-tile__word { font-style: italic; }
[data-brand="the-empress"].abr-tile::before {
  content: ""; position: absolute; inset-block-start: -5rem; inset-inline-end: -5rem; inline-size: 14rem; aspect-ratio: 1;
  border-radius: 50%; background: radial-gradient(circle, #efc9bd 0 30%, rgba(239, 201, 189, 0) 70%); mix-blend-mode: multiply;
  pointer-events: none; transform: scale(.35); transition: transform .9s var(--brand-ease);
}
@media (hover: hover) { [data-brand="the-empress"].abr-tile:hover::before { transform: scale(1.1); } }

@keyframes emp-bloom { from { opacity: 0; transform: scale(.94) translateY(10px); filter: blur(2px); } 65% { opacity: 1; transform: scale(1.01); filter: none; } to { opacity: 1; transform: none; } }
@keyframes emp-ripen { from { background-position: 0 0; } to { background-position: 100% 0; } }
@keyframes emp-breathe { 50% { transform: scale(1.06) rotate(12deg); } }