/* fool.css · First Form Studio · 0, The Fool · "Open-studio sketchbook"
   Extends arcana.css: overrides its --arc-* tokens on [data-brand="the-fool"], adds the --brand-*
   extras arcana-brand.css reads, then the signature: bisque paper with tooth, a soft wonky serif,
   a hand-written margin note, and a title that settles like clay finding centre on the wheel. */
/* fonts:begin Fraunces, Figtree, Caveat */
@font-face { font-family:"Fraunces"; font-style:italic; font-weight:300 900; font-display:swap; src:url("../../fonts/brands/fraunces-italic-300-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:"Fraunces"; font-style:normal; font-weight:300 900; font-display:swap; src:url("../../fonts/brands/fraunces-normal-300-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:"Figtree"; font-style:normal; font-weight:400 700; font-display:swap; src:url("../../fonts/brands/figtree-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:"Caveat"; font-style:normal; font-weight:500 700; font-display:swap; src:url("../../fonts/brands/caveat-normal-500-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-fool"] {
  --arc-paper: #f5ede2;
  --arc-surface: #efe3d3;
  --arc-wash: #eadccb;
  --arc-ink: #2b2420;
  --arc-muted: #62564d;
  --arc-line: #dbcab6;
  --arc-accent: #a84a26;
  --arc-on-accent: #fff8f0;
  --arc-focus: #22303c;
  --arc-display: "Fraunces", Georgia, serif;
  --arc-body: "Figtree", "Segoe UI", system-ui, sans-serif;
  --arc-radius: 22px;
  --brand-mono: "Figtree", "Segoe UI", system-ui, sans-serif;
  --brand-accent-2: #c9683f;
  --brand-display-weight: 700;
  --brand-track: -.035em;
  --brand-button-radius: 999px;
  --brand-enter: fool-settle;
  --brand-ease: cubic-bezier(.34, 1.56, .64, 1);
  --brand-texture: radial-gradient(circle at 30% 40%, rgba(43, 36, 32, .045) 0 1px, transparent 1.6px) 0 0 / 6px 6px;
  --brand-bezel: #22303c;
  --brand-bezel-edge: #3b4b58;
  --brand-bezel-ink: #8fc4e6;
  --brand-glow: rgba(168, 74, 38, .45);
  --brand-wallpaper: radial-gradient(40% 55% at 70% 45%, #8fc4e6 0 30%, transparent 31%), radial-gradient(circle at 30% 40%, rgba(43, 36, 32, .06) 0 1px, transparent 1.6px) 0 0 / 6px 6px, #f5ede2;
}

/* Signature: the soft, wonky optical size of Fraunces, a sky-glaze blob, a Caveat margin note. */
[data-brand="the-fool"] .abr-title { font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 144; }
[data-brand="the-fool"] .abr-tagline { font-style: italic; font-weight: 500; font-variation-settings: "SOFT" 100, "WONK" 1; color: var(--brand-accent-2); }
[data-brand="the-fool"] .abr-head::before {
  content: ""; position: absolute; z-index: 0; inset-block-start: 8%; inset-inline-end: 6%;
  inline-size: clamp(9rem, 22vw, 18rem); aspect-ratio: 1; border-radius: 47% 53% 42% 58% / 52% 44% 56% 48%;
  background: #8fc4e6; opacity: .55; filter: blur(.5px);
  animation: fool-blob 14s ease-in-out infinite;
}
[data-brand="the-fool"] .abr-head > .abr-shell { position: relative; z-index: 1; }
[data-brand="the-fool"] .abr-goodfor strong { font: 700 1.5rem/1 "Caveat", cursive; letter-spacing: 0; text-transform: none; color: var(--arc-accent); transform: rotate(-2deg); transform-origin: left; }
[data-brand="the-fool"] .abr-card__num { background: var(--arc-accent); color: var(--arc-on-accent); border-color: var(--arc-accent); }
[data-brand="the-fool"] .abr-button { font-weight: 700; }
[data-brand="the-fool"] .abr-tier { box-shadow: 0 1px 0 rgba(43, 36, 32, .08), 0 18px 40px -28px rgba(43, 36, 32, .45); }
[data-brand="the-fool"] .abr-tier__price { font-variation-settings: "SOFT" 100, "WONK" 1; }
[data-brand="the-fool"].abr-tile .abr-tile__word { font-variation-settings: "SOFT" 100, "WONK" 1; }
@media (hover: hover) {
  [data-brand="the-fool"].abr-tile:hover { transform: translateY(-4px) rotate(.8deg); }
  [data-brand="the-fool"].abr-tile:hover .abr-tile__word img { animation: fool-spin 1.2s var(--brand-ease); }
}

@keyframes fool-settle { 0% { opacity: 0; transform: translateY(14px) rotate(-3deg) scale(.96); } 70% { opacity: 1; transform: rotate(.6deg); } 100% { opacity: 1; transform: none; } }
@keyframes fool-blob { 33% { border-radius: 58% 42% 51% 49% / 44% 58% 42% 56%; transform: translate(-6px, 8px) rotate(8deg); } 66% { border-radius: 44% 56% 60% 40% / 56% 40% 60% 44%; transform: translate(6px, -4px) rotate(-6deg); } }
@keyframes fool-spin { 50% { transform: rotate(-12deg) scale(1.08); } }