/* sun.css · Openbench Bakery · XIX, The Sun · "Morning menu board"
   Extends arcana.css: overrides its --arc-* tokens on [data-brand="the-sun"], adds the --brand-*
   extras arcana-brand.css reads, then the signature: flour paper ruled like the painted board in the
   window, a yolk brush-stroke signwritten under the name, headings that rise like proving dough and a
   "fresh now" dot that keeps breathing. No suns anywhere. Fonts are SIL OFL, self-hosted. */
/* fonts:begin Bricolage Grotesque, Gelasio */
@font-face { font-family:"Bricolage Grotesque"; font-style:normal; font-weight:400 800; font-stretch:100%; font-display:swap; src:url("../../fonts/brands/bricolage-grotesque-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; }
@font-face { font-family:"Gelasio"; font-style:italic; font-weight:400 700; font-display:swap; src:url("../../fonts/brands/gelasio-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:"Gelasio"; font-style:normal; font-weight:400 700; font-display:swap; src:url("../../fonts/brands/gelasio-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-sun"] {
  --arc-paper: #fbf7ee;
  --arc-surface: #efe4cc;
  --arc-wash: #f5eddb;
  --arc-ink: #1c2b6b;
  --arc-muted: #4a5485;
  --arc-line: #d9ccae;
  --arc-accent: #b83a23;
  --arc-on-accent: #fffcf4;
  --arc-focus: #1c2b6b;
  --arc-display: "Bricolage Grotesque", "Century Gothic", Futura, "Segoe UI", sans-serif;
  --arc-body: "Gelasio", Georgia, "Palatino Linotype", serif;
  --arc-radius: 10px;
  --brand-mono: "Bricolage Grotesque", "Century Gothic", "Segoe UI", sans-serif;
  --brand-accent-2: #a8672f;
  --brand-display-weight: 800;
  --brand-track: -.035em;
  --brand-title-lh: .92;
  --brand-button-radius: 10px;
  --brand-enter: sun-prove;
  --brand-ease: cubic-bezier(.34, 1.3, .64, 1);
  --brand-texture: repeating-linear-gradient(transparent 0 2.45rem, rgba(28, 43, 107, .07) 2.45rem 2.5rem);
  --brand-bezel: #1c2b6b;
  --brand-bezel-edge: #34458c;
  --brand-bezel-ink: #f4bc2e;
  --brand-glow: rgba(244, 188, 46, .55);
  --brand-wallpaper:
    repeating-linear-gradient(90deg, rgba(244, 188, 46, .5) 0 36px, transparent 36px 72px),
    repeating-linear-gradient(0deg, rgba(244, 188, 46, .5) 0 36px, transparent 36px 72px),
    #fbf7ee;
}

/* Signature: a signwriter's yolk stroke, a proving rise, board rules and enamel-sign buttons. */
[data-brand="the-sun"] .abr-head { border-block-end: 3px double var(--arc-ink); }
[data-brand="the-sun"] .abr-title__word {
  background: linear-gradient(transparent 62%, rgba(244, 188, 46, .85) 62% 90%, transparent 90%) no-repeat 0 0 / 0% 100%;
  -webkit-box-decoration-break: clone; box-decoration-break: clone; padding-inline: .06em;
  animation: sun-brush .9s .55s cubic-bezier(.6, 0, .2, 1) forwards;
}
[data-brand="the-sun"] .abr-tagline { font-family: var(--arc-body); font-style: italic; font-weight: 600; letter-spacing: 0; }
[data-brand="the-sun"] .abr-card__num { background: #f4bc2e; color: var(--arc-ink); border-color: var(--arc-ink); }
[data-brand="the-sun"] .abr-card__dot { inline-size: .6rem; block-size: .6rem; background: #f4bc2e; box-shadow: 0 0 0 0 var(--brand-glow); animation: sun-fresh 2.2s ease-out infinite; }
[data-brand="the-sun"] .abr-goodfor strong { color: var(--arc-ink); }
[data-brand="the-sun"] .abr-button { font-family: var(--arc-display); font-weight: 700; box-shadow: inset 0 0 0 2px var(--arc-accent), inset 0 0 0 4px var(--arc-on-accent); }
[data-brand="the-sun"] .abr-button[data-kind="ghost"] { border: 2px solid var(--arc-ink); box-shadow: none; }
@media (hover: hover) {
  [data-brand="the-sun"] .abr-button:hover { box-shadow: inset 0 0 0 2px var(--arc-accent), inset 0 0 0 4px var(--arc-on-accent), 0 14px 30px -12px var(--brand-glow); }
  [data-brand="the-sun"] .abr-button[data-kind="ghost"]:hover { background: #f4bc2e; border-color: var(--arc-ink); box-shadow: 0 14px 30px -12px var(--brand-glow); }
}
[data-brand="the-sun"] .abr-tier { border: 2px solid var(--arc-ink); }
[data-brand="the-sun"] .abr-tier__price { display: inline-block; align-self: start; background: linear-gradient(transparent 70%, #f4bc2e 70% 92%, transparent 92%); }
[data-brand="the-sun"].abr-tile { box-shadow: 0 0 0 2px var(--arc-ink); }
[data-brand="the-sun"].abr-tile .abr-tile__word { font-weight: 800; }
@media (hover: hover) {
  [data-brand="the-sun"].abr-tile:hover { transform: translateY(-6px) scale(1.015); box-shadow: 0 0 0 2px var(--arc-ink), 0 10px 0 -2px #f4bc2e; }
  [data-brand="the-sun"].abr-tile:hover .abr-tile__word img { animation: sun-prove .6s var(--brand-ease); }
}

@keyframes sun-prove { 0% { opacity: 0; transform: translateY(16px) scale(.94, .82); } 65% { opacity: 1; transform: translateY(-3px) scale(1.01, 1.04); } 100% { opacity: 1; transform: none; } }
@keyframes sun-brush { to { background-size: 100% 100%; } }
@keyframes sun-fresh { 0% { box-shadow: 0 0 0 0 var(--brand-glow); } 80%, 100% { box-shadow: 0 0 0 10px rgba(244, 188, 46, 0); } }