/* tower.css · Switchback · XVI, The Tower · "Vertical rupture"
   Extends arcana.css: overrides its --arc-* tokens on [data-brand="the-tower"], adds the --brand-*
   extras arcana-brand.css reads, then the signature: chalk-dust paper, a hazard-tape band, and a
   headline that drops in and lands hard, like a boulderer off the top hold. Fonts are SIL OFL. */
/* fonts:begin Anton, Archivo */
@font-face { font-family:"Anton"; font-style:normal; font-weight:400; font-display:swap; src:url("../../fonts/brands/anton-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:"Archivo"; font-style:normal; font-weight:400 900; font-stretch:62% 125%; font-display:swap; src:url("../../fonts/brands/archivo-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; }
/* fonts:end */

[data-brand="the-tower"] {
  --arc-paper: #f2efe8;
  --arc-surface: #e9e4d9;
  --arc-wash: #e3dccd;
  --arc-ink: #131211;
  --arc-muted: #4f4a44;
  --arc-line: #cfc6b6;
  --arc-accent: #ff4b1f;
  --arc-on-accent: #131211;
  --arc-focus: #c9340c;
  --arc-display: "Anton", Impact, "Arial Narrow", sans-serif;
  --arc-body: "Archivo", "Segoe UI", system-ui, sans-serif;
  --arc-radius: 0;
  --brand-mono: "Archivo", "Segoe UI", system-ui, sans-serif;
  --brand-accent-2: #c9340c;
  --brand-display-weight: 400;
  --brand-track: .005em;
  --brand-case: uppercase;
  --brand-title-size: clamp(3.5rem, 1.2rem + 9vw, 10rem);
  --brand-title-lh: .86;
  --brand-button-radius: 0;
  --brand-enter: tow-drop;
  --brand-ease: cubic-bezier(.3, 1.4, .5, 1);
  --brand-texture:
    radial-gradient(circle at 20% 30%, rgba(19, 18, 17, .05) 0 1px, transparent 1.5px) 0 0 / 7px 7px,
    radial-gradient(circle at 70% 60%, rgba(255, 255, 255, .6) 0 1px, transparent 1.5px) 0 0 / 11px 11px;
  --brand-bezel: #131211;
  --brand-bezel-edge: #3b3833;
  --brand-bezel-ink: #d8b383;
  --brand-glow: rgba(255, 75, 31, .5);
  --brand-wallpaper: repeating-linear-gradient(-45deg, #131211 0 22px, #ff4b1f 22px 44px);
}

/* Signature: hazard tape above the head, a hard offset shadow, a shake on the landing. */
[data-brand="the-tower"] .abr-head { padding-block-start: clamp(3rem, 6vw, 5rem); }
[data-brand="the-tower"] .abr-head::before {
  content: ""; position: absolute; inset: 0 0 auto; block-size: 14px;
  background: repeating-linear-gradient(-45deg, #131211 0 14px, #ff4b1f 14px 28px);
  animation: tow-tape 12s linear infinite;
}
[data-brand="the-tower"] .abr-title__word { text-shadow: .045em .045em 0 var(--arc-accent); }
[data-brand="the-tower"] .abr-tagline { font-family: var(--arc-body); font-weight: 800; font-stretch: 75%; text-transform: uppercase; letter-spacing: .02em; }
[data-brand="the-tower"] .abr-card__num { border-radius: 0; background: var(--arc-ink); color: var(--arc-paper); border-color: var(--arc-ink); }
[data-brand="the-tower"] .abr-button { text-transform: uppercase; font-weight: 800; letter-spacing: .06em; box-shadow: 4px 4px 0 var(--arc-ink); border: 2px solid var(--arc-ink); }
[data-brand="the-tower"] .abr-button[data-kind="ghost"] { border-color: var(--arc-ink); }
@media (hover: hover) {
  [data-brand="the-tower"] .abr-button:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--arc-ink); }
}
[data-brand="the-tower"] .abr-tier { border: 2px solid var(--arc-ink); box-shadow: 8px 8px 0 var(--arc-ink); }
[data-brand="the-tower"] .abr-tier[data-kind="custom"] { box-shadow: 8px 8px 0 var(--arc-accent); }
[data-brand="the-tower"].abr-tile { box-shadow: 0 0 0 2px var(--arc-ink); }
[data-brand="the-tower"].abr-tile .abr-tile__word { font-size: min(2.8rem, 12.5cqi); line-height: .9; }
@media (hover: hover) {
  [data-brand="the-tower"].abr-tile:hover { transform: rotate(-1.2deg) translateY(-4px); box-shadow: 0 0 0 2px var(--arc-ink), 8px 8px 0 var(--arc-accent); }
}
[data-brand="the-tower"] .abr-head > .abr-shell > .abr-title { animation: tow-drop .75s var(--brand-ease) .1s both, tow-shake .4s .8s both; }

@keyframes tow-drop { 0% { opacity: 0; transform: translateY(-60px) skewY(-4deg); } 60% { opacity: 1; transform: translateY(6px) skewY(0); } 100% { opacity: 1; transform: none; } }
@keyframes tow-shake { 25% { transform: translateX(-3px) rotate(-.4deg); } 50% { transform: translateX(3px) rotate(.3deg); } 75% { transform: translateX(-1px); } }
@keyframes tow-tape { to { background-position: 400px 0; } }