/*
  Theme "studio". Warm paper, tomato red, round type and soft corners: a craft
  table, not a sports shop. Pair with the "split" home layout.
*/
:root {
  --paper: oklch(96.8% 0.014 82);
  --paper-2: oklch(93.5% 0.02 80);
  --tile: oklch(99.3% 0.006 85);
  --ink: oklch(26% 0.035 45);
  --ink-2: oklch(46% 0.035 50);
  --line: oklch(87% 0.025 75);

  --band: oklch(60% 0.19 33);
  --band-2: oklch(50% 0.17 33);
  --band-ink: oklch(98.5% 0.01 85);
  --accent: oklch(72% 0.13 155);

  --font-display: "Gabarito", system-ui, sans-serif;
  --font-body: "Figtree", system-ui, sans-serif;
  --display-weight: 820;
  --display-settings: normal;
  --display-case: none;
  --display-tracking: -0.025em;
  --heading-weight: 720;

  --radius: 999px;
  --radius-lg: 22px;
}

/* The short answer is a note pinned to the page: a tilted tab for the label. */
.answer { background: var(--tile); border: 0; box-shadow: 0 1px 0 var(--line), 0 20px 40px -32px oklch(30% 0.06 40 / 0.6); padding: 1.6rem 1.6rem 1.5rem; }
.answer__label {
  display: inline-block; transform: rotate(-2deg); background: var(--band); color: var(--band-ink);
  padding: 0.3rem 0.8rem; border-radius: 8px; margin-bottom: 0.9rem;
}
.guides__no { color: var(--band); }
.gallery__thumbs a, .skip, .rail__media { border-radius: 12px; }
.options__buy { border-radius: 999px; }
.hero__tile { transition: transform 0.4s var(--ease); }
.hero__tile:hover { transform: rotate(-1deg) translateY(-3px); }