/* lovers.css · Commonweave · VI, The Lovers · "Two threads"
   Extends arcana.css: overrides its --arc-* tokens on [data-brand="the-lovers"], adds the --brand-*
   extras arcana-brand.css reads, then the signature: a vermilion thread and an indigo thread that run in from
   opposite edges over the head, a shuttling two-colour underline, and head lines that interlace left and right. */
/* fonts:begin Bodoni Moda, Jost */
@font-face { font-family:"Bodoni Moda"; font-style:italic; font-weight:400 900; font-display:swap; src:url("../../fonts/brands/bodoni-moda-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:"Bodoni Moda"; font-style:normal; font-weight:400 900; font-display:swap; src:url("../../fonts/brands/bodoni-moda-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:"Jost"; font-style:normal; font-weight:300 700; font-display:swap; src:url("../../fonts/brands/jost-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; }
/* fonts:end */

[data-brand="the-lovers"] {
  --arc-paper: #f4ede0;
  --arc-surface: #e9dfcc;
  --arc-wash: #eee5d5;
  --arc-ink: #1d1a2b;
  --arc-muted: #4b4558;
  --arc-line: #dccfb8;
  --arc-accent: #c63a22;
  --arc-on-accent: #ffffff;
  --arc-focus: #2b3a8a;
  --arc-display: "Bodoni Moda", "Hoefler Text", "Big Caslon", Didot, Constantia, "Times New Roman", serif;
  --arc-body: "Jost", Optima, Candara, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --arc-radius: 0;
  --brand-mono: "Jost", Optima, Candara, "Segoe UI", sans-serif;
  --brand-accent-2: #2b3a8a;
  --brand-display-weight: 500;
  --brand-track: -.02em;
  --brand-title-lh: .94;
  --brand-button-radius: 0;
  --brand-enter: lv-warp;
  --brand-ease: cubic-bezier(.45, 0, .2, 1);
  --brand-texture:
    repeating-linear-gradient(90deg, rgba(29, 26, 43, .025) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(rgba(29, 26, 43, .025) 0 1px, transparent 1px 4px);
  --brand-bezel: #1f2658;
  --brand-bezel-edge: #3a4899;
  --brand-bezel-ink: #e9dfcc;
  --brand-glow: rgba(43, 58, 138, .45);
  --brand-wallpaper:
    repeating-linear-gradient(90deg, rgba(244, 237, 224, .14) 0 2px, transparent 2px 12px),
    repeating-linear-gradient(45deg, #d2432a 0 14px, #2b3a8a 14px 28px);
}

/* Signature: two threads, a shuttling underline, alternating weave on entry, a two-thread button edge. */
[data-brand="the-lovers"] .abr-head::before,
[data-brand="the-lovers"] .abr-head::after {
  content: ""; position: absolute; inset-inline: 0; inset-block-start: 1.1rem; block-size: 2px;
  background: #c63a22; transform-origin: left; animation: lv-thread 1.3s .3s var(--brand-ease) both;
}
[data-brand="the-lovers"] .abr-head::after { inset-block-start: calc(1.1rem + 6px); background: #2b3a8a; transform-origin: right; animation-delay: .5s; }
[data-brand="the-lovers"] .abr-head > .abr-shell > :nth-child(even) { animation-name: lv-weft; }
[data-brand="the-lovers"] .abr-title__word {
  padding-block-end: .08em;
  background: repeating-linear-gradient(90deg, #c63a22 0 8px, #2b3a8a 8px 16px) 0 100% / 16px .08em repeat-x;
  animation: lv-shuttle 6s linear infinite;
}
[data-brand="the-lovers"] .abr-tagline { font-style: italic; font-weight: 400; }
[data-brand="the-lovers"] .abr-card__num { font-family: var(--arc-display); font-style: italic; color: var(--arc-accent); box-shadow: 3px 3px 0 #2b3a8a; letter-spacing: 0; }
[data-brand="the-lovers"] .abr-card__dot { background: linear-gradient(90deg, #c63a22 50%, #2b3a8a 50%); }
[data-brand="the-lovers"] .abr-button { text-transform: uppercase; letter-spacing: .18em; font-size: .8rem; font-weight: 500; box-shadow: 4px 4px 0 #2b3a8a; }
@media (hover: hover) { [data-brand="the-lovers"] .abr-button:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 #2b3a8a, 12px 12px 0 -3px #c63a22; } }
[data-brand="the-lovers"] .abr-tier { position: relative; }
[data-brand="the-lovers"] .abr-tier::before { content: ""; position: absolute; inset: -1px -1px auto; block-size: 6px; background: repeating-linear-gradient(45deg, #c63a22 0 6px, #2b3a8a 6px 12px); }
[data-brand="the-lovers"].abr-tile .abr-tile__bar { background: repeating-linear-gradient(45deg, #c63a22 0 5px, #2b3a8a 5px 10px) 0 0 / 14.142px 14.142px; transition: block-size .4s var(--brand-ease); }
[data-brand="the-lovers"].abr-tile .abr-tile__bar i { opacity: 0; }
@media (hover: hover) { [data-brand="the-lovers"].abr-tile:hover .abr-tile__bar { block-size: .75rem; animation: lv-shuttle-bar 2s linear infinite; } }

@keyframes lv-warp { from { opacity: 0; transform: translateX(-28px); clip-path: inset(0 100% 0 0); } to { opacity: 1; transform: none; clip-path: inset(0 0 0 0); } }
@keyframes lv-weft { from { opacity: 0; transform: translateX(28px); clip-path: inset(0 0 0 100%); } to { opacity: 1; transform: none; clip-path: inset(0 0 0 0); } }
@keyframes lv-thread { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes lv-shuttle { to { background-position: 160px 100%; } }
@keyframes lv-shuttle-bar { to { background-position: 141.42px 0; } }