/* Kafejnīca Li — brand layer on top of site.css (colours and fonts from the café's own logo and posts). */
:root {
  --color-bg: #0E0E0E;
  --color-surface: #181818;
  --color-surface-2: #232323;
  --color-line: #2E2E2E;
  --color-primary: #E6D3B3;
  --color-primary-strong: #D2B98F;
  --gradient-gold: linear-gradient(180deg, #FFF6E6 0%, #E6D3B3 50%, #BFA073 100%);
  --color-text: #FFFFFF;
  --color-text-muted: #B8B8B8;
  --color-on-primary: #111111;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-script: 'Great Vibes', cursive;
  --font-body: 'Montserrat', system-ui, sans-serif;
  --display-spacing: .05em;
  --script-size: 2.2rem;
}
.brand .logo { width: 170px; }
.footer-grid .logo { width: 210px; }
@media (max-width: 720px) { .brand .logo { width: 130px; } }
.display { letter-spacing: var(--display-spacing, .01em); text-transform: var(--display-case, uppercase); }
.script { font-size: var(--script-size, 1.8rem); }
.hero { background: radial-gradient(ellipse at 80% 30%, rgba(230, 211, 179, .12), transparent 55%), var(--color-bg); }
.promo-card { background: linear-gradient(135deg, #1d1d1d, #101010); }
.card, .cat-tile, .panel { border-color: var(--color-line); }
.card-media { background: radial-gradient(circle at 50% 40%, #2c2c2c, #121212 75%); }
.site-header { background: rgba(14, 14, 14, .92); }
.site-footer { background: #070707; color: var(--color-text); }
.hero-art img { box-shadow: var(--shadow), 0 0 0 1px var(--color-line); }
.choice input:checked + span { background: rgba(230, 211, 179, .08); }
.pill input:focus-visible + span, .choice input:focus-visible + span { outline-color: var(--color-primary); }
.ig-head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; }
.ig-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; }
.ig-grid a { display: block; border-radius: 12px; overflow: hidden; aspect-ratio: 4 / 5; background: var(--color-surface-2); }
.ig-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.ig-grid a:hover img { transform: scale(1.04); }
.poster { border-radius: var(--radius); box-shadow: var(--shadow); width: 100%; height: auto; }
.split-media { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
.split-media img { border-radius: var(--radius); width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.brand-split { grid-template-columns: 1.15fr 1fr; }
.brand-split > div:first-child { grid-column: auto; }
.brand-split .poster { max-height: 620px; object-fit: cover; }
@media (max-width: 900px) { .brand-split { grid-template-columns: 1fr; } }
.brand-sub { white-space: nowrap; }
@media (max-width: 1240px) { .brand-sub { display: none; } }
.tagline { font-family: var(--font-display); letter-spacing: .12em; text-transform: uppercase; color: var(--color-text-muted); font-size: .85rem; }
.hero-title { font-weight: 600; } .section-title { font-weight: 600; }