/* The Grand Royal Adventure — shared promotional banner */
.gra-banner{
  --gra-ink:#243128;
  --gra-paper:#f2eadc;
  --gra-gold:#a77d3e;
  --gra-line:rgba(100,77,42,.28);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  width:min(1100px,calc(100% - 32px));
  margin:24px auto;
  padding:22px 26px;
  border:1px solid var(--gra-line);
  border-radius:14px;
  background:
    linear-gradient(120deg,rgba(167,125,62,.10),transparent 42%),
    var(--gra-paper);
  color:var(--gra-ink);
  text-decoration:none;
  box-shadow:0 8px 26px rgba(48,40,26,.07);
}
.gra-banner:hover{ text-decoration:none; border-color:rgba(167,125,62,.65); }
.gra-banner small{display:block;margin-bottom:7px;font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--gra-gold)}
.gra-banner h2{margin:0 0 6px;font:500 clamp(25px,3vw,38px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:.01em;color:var(--gra-ink)}
.gra-banner h2 em{font-style:italic;color:var(--gra-gold)}
.gra-banner p{margin:4px 0 0;line-height:1.5;color:rgba(36,49,40,.78)}
.gra-banner .gra-meta{font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:rgba(36,49,40,.70)}
.gra-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border-radius:999px;background:var(--gra-ink);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.gra-banner.compact{margin:18px auto 28px;padding:16px 20px;border-radius:10px;box-shadow:none}
.gra-banner.compact h2{font-size:clamp(20px,2.4vw,29px)}
.gra-banner.compact p{font-size:12px}
.gra-banner.compact .gra-cta{padding:10px 14px}
@media(max-width:720px){
  .gra-banner,.gra-banner.compact{grid-template-columns:1fr;width:calc(100% - 24px);gap:14px;padding:18px;margin:16px auto 22px}
  .gra-banner h2,.gra-banner.compact h2{font-size:26px}
  .gra-cta{width:100%;white-space:normal;text-align:center}
}