body.variant-c {
  background: #071325;
  color: #f6f8fc;
}
body.variant-c a { text-decoration: none; }
body.variant-c .container { max-width: 1220px; }
body.variant-c .royal-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(5, 15, 30, 0.88);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(214,169,75,.2);
}
body.variant-c .header-row {
  display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 0;
}
body.variant-c .brand-link img { width: 240px; max-width: 100%; display:block; }
body.variant-c .header-actions { display:flex; gap:12px; }
body.variant-c .header-btn {
  min-width: 150px; padding: 16px 24px; text-align:center; font-weight:700; letter-spacing:.3px;
  clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
  transition: .25s ease;
}
body.variant-c .header-btn--ghost { color:#eef4ff; border:1px solid rgba(125,212,232,.45); background: rgba(9,29,57,.82); }
body.variant-c .header-btn--solid { color:#071325; background: linear-gradient(90deg,#d5a74d,#f0cf7a); box-shadow: 0 12px 28px rgba(214,169,75,.22); }
body.variant-c .header-btn:hover { transform: translateY(-1px); }
body.variant-c .hero-royal {
  padding: 54px 0 26px;
  background: radial-gradient(circle at 20% 10%, rgba(125,212,232,.12), transparent 34%), linear-gradient(180deg,#071325 0%,#0b1d38 65%,#081629 100%);
}
body.variant-c .hero-layout { display:grid; grid-template-columns: 1.2fr .9fr; gap: 28px; align-items:stretch; }
body.variant-c .hero-kicker, body.variant-c .section-mark {
  display:inline-flex; padding:12px 18px; border-radius: 999px; border:1px solid rgba(214,169,75,.28);
  background: rgba(12,27,51,.72); color:#d9b772; font-weight:700; text-transform:uppercase; letter-spacing:.12em; font-size:13px;
}
body.variant-c h1 { font-size: 58px; line-height:1.04; margin: 22px 0 18px; color:#f4f7fb; max-width: 760px; }
body.variant-c p { font-size: 19px; line-height:1.7; color:#d2dceb; }
body.variant-c .hero-btns { display:flex; gap:14px; flex-wrap:wrap; margin-top:28px; }
body.variant-c .cta-main, body.variant-c .cta-alt {
  padding: 18px 30px; font-weight:800; letter-spacing:.02em; transition:.25s ease;
}
body.variant-c .cta-main { clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); background: linear-gradient(90deg,#d5a74d,#f1d37f); color:#081629; }
body.variant-c .cta-alt { clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); border:1px solid rgba(125,212,232,.42); color:#eef5ff; background: rgba(10,28,52,.7); }
body.variant-c .hero-metrics { display:grid; grid-template-columns: repeat(3,1fr); gap:14px; margin-top:30px; }
body.variant-c .metric-box {
  border:1px solid rgba(255,255,255,.08); background: rgba(9,21,40,.65); padding: 18px 18px 20px;
}
body.variant-c .metric-box strong { display:block; font-size:30px; color:#f2cb77; margin-bottom:6px; }
body.variant-c .metric-box span { display:block; font-size:14px; line-height:1.45; color:#d1daea; }
body.variant-c .hero-panel { display:flex; flex-direction:column; gap:16px; justify-content:center; }
body.variant-c .panel-card {
  padding: 26px; border:1px solid rgba(255,255,255,.08); background: linear-gradient(180deg,rgba(14,31,58,.92),rgba(7,16,31,.92));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
body.variant-c .panel-card span { display:block; color:#94dbef; text-transform:uppercase; letter-spacing:.12em; font-size:12px; margin-bottom:10px; }
body.variant-c .panel-card strong { display:block; font-size:26px; line-height:1.3; color:#f3f7fd; }
body.variant-c .panel-card--gold { border-color: rgba(214,169,75,.24); }
body.variant-c .panel-card--blue { border-color: rgba(125,212,232,.24); }
body.variant-c .panel-card--dark { border-color: rgba(255,255,255,.08); }
body.variant-c .slot-strip-wrap { padding: 18px 0 16px; }
body.variant-c .slot-strip { display:grid; grid-template-columns: repeat(6, 1fr); gap:14px; }
body.variant-c .slot-pill {
  background: rgba(8,22,43,.9); border:1px solid rgba(214,169,75,.18); padding:12px; display:flex; flex-direction:column; gap:10px;
}
body.variant-c .slot-pill img { width:100%; aspect-ratio: 16/10; object-fit:cover; display:block; }
body.variant-c .slot-pill span { font-size:14px; color:#edf3fb; line-height:1.35; font-weight:600; }
body.variant-c .royal-grid-info, body.variant-c .royal-split, body.variant-c .royal-slots, body.variant-c .royal-reviews { padding: 46px 0; }
body.variant-c .info-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:18px; }
body.variant-c .info-card, body.variant-c .review-card {
  background: linear-gradient(180deg, rgba(11,27,53,.94), rgba(8,18,35,.94));
  border:1px solid rgba(255,255,255,.07); padding:28px; box-shadow: 0 20px 45px rgba(0,0,0,.18);
}
body.variant-c .info-label { color:#8ad8ef; font-size:13px; text-transform:uppercase; letter-spacing:.14em; margin-bottom:14px; }
body.variant-c h2 { font-size:40px; line-height:1.15; margin:0 0 18px; color:#f4f7fc; }
body.variant-c .info-card h2 { font-size:28px; }
body.variant-c .split-layout { display:grid; grid-template-columns: 1.15fr .85fr; gap: 20px; }
body.variant-c .split-copy, body.variant-c .split-side {
  background: linear-gradient(180deg,rgba(12,26,48,.96),rgba(8,17,31,.96)); border:1px solid rgba(214,169,75,.14); padding:34px;
}
body.variant-c .stack-note { padding:22px; border:1px solid rgba(125,212,232,.24); background: rgba(9,26,50,.72); }
body.variant-c .stack-note + .stack-note { margin-top:16px; }
body.variant-c .stack-note span { display:block; color:#89dced; font-size:12px; text-transform:uppercase; letter-spacing:.12em; margin-bottom:8px; }
body.variant-c .stack-note strong { display:block; font-size:24px; line-height:1.35; color:#f3f7fb; }
body.variant-c .stack-note--secondary { border-color: rgba(214,169,75,.25); }
body.variant-c .section-head { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:22px; }
body.variant-c .section-head.narrow { display:block; max-width:760px; }
body.variant-c .slot-gallery { display:grid; gap:18px; }
body.variant-c .slot-gallery--royal { grid-template-columns: 1.2fr 1fr 1fr; }
body.variant-c .slot-card {
  position:relative; overflow:hidden; background:#0d1f38; border:1px solid rgba(255,255,255,.08);
  min-height: 300px;
}
body.variant-c .slot-card--large { grid-row: span 2; min-height: 618px; }
body.variant-c .slot-card img { width:100%; height:100%; object-fit:cover; display:block; }
body.variant-c .slot-meta {
  position:absolute; left:0; right:0; bottom:0; padding:26px; background: linear-gradient(180deg,rgba(0,0,0,0) 0%, rgba(5,10,18,.94) 100%);
}
body.variant-c .slot-meta h3 { margin:0 0 8px; font-size:28px; color:#fff; }
body.variant-c .slot-meta p { margin:0; font-size:15px; line-height:1.5; color:#d1dded; }
body.variant-c .review-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:18px; }
body.variant-c .review-card strong { display:block; font-size:25px; margin-bottom:12px; color:#f4d07a; }
body.variant-c .review-card p { margin:0; font-size:16px; }
body.variant-c .royal-footer { padding:24px 0 44px; border-top:1px solid rgba(214,169,75,.14); color:#dce5f3; }
body.variant-c .royal-footer p { margin:0; font-size:15px; text-align:center; }
@media (max-width: 1100px) {
  body.variant-c h1 { font-size: 48px; }
  body.variant-c .hero-layout, body.variant-c .split-layout, body.variant-c .slot-gallery--royal, body.variant-c .info-grid, body.variant-c .review-grid { grid-template-columns: 1fr 1fr; }
  body.variant-c .slot-card--large { grid-row: span 1; min-height: 340px; }
  body.variant-c .slot-strip { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 767px) {
  body.variant-c .container { padding-left:16px; padding-right:16px; }
  body.variant-c .header-row { gap:12px; }
  body.variant-c .brand-link { flex:1 1 auto; min-width:0; }
  body.variant-c .brand-link img { width: 170px; }
  body.variant-c .header-actions { flex:0 0 auto; gap:8px; }
  body.variant-c .header-btn { min-width: 108px; padding:12px 14px; font-size:14px; }
  body.variant-c .hero-royal { padding-top: 24px; }
  body.variant-c .hero-layout, body.variant-c .hero-metrics, body.variant-c .slot-strip, body.variant-c .info-grid, body.variant-c .split-layout, body.variant-c .slot-gallery--royal, body.variant-c .review-grid { grid-template-columns: 1fr; }
  body.variant-c h1 { font-size: 38px; margin-top:16px; }
  body.variant-c h2 { font-size:30px; }
  body.variant-c p { font-size:17px; }
  body.variant-c .hero-btns { flex-direction:column; }
  body.variant-c .cta-main, body.variant-c .cta-alt { width:100%; text-align:center; }
  body.variant-c .slot-card, body.variant-c .slot-card--large { min-height: 270px; }
  body.variant-c .slot-meta h3 { font-size:24px; }
  body.variant-c .section-head { display:block; }
}


/* Added full-width editorial section for Royal Grid */
body.variant-c .royal-storyband {
  width: 100%;
  padding: 54px 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(70, 133, 255, .18), transparent 24%),
    radial-gradient(circle at 85% 80%, rgba(240, 207, 122, .14), transparent 28%),
    linear-gradient(180deg, #08182e 0%, #0b1e39 100%);
  border-top: 1px solid rgba(214,169,75,.14);
  border-bottom: 1px solid rgba(214,169,75,.14);
}
body.variant-c .royal-story-shell {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 24px;
}
body.variant-c .story-chip {
  display: inline-flex;
  padding: 10px 16px;
  border: 1px solid rgba(214,169,75,.24);
  color: #f0cf7a;
  background: rgba(7,19,37,.6);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  clip-path: polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
}
body.variant-c .royal-story-head {
  max-width: 980px;
  margin: 0 auto 28px;
  text-align: center;
}
body.variant-c .royal-story-head h2 {
  margin: 18px 0 16px;
}
body.variant-c .royal-story-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
body.variant-c .royal-story-card {
  padding: 28px;
  background: linear-gradient(180deg, rgba(8,24,46,.92), rgba(6,16,30,.96));
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 18px 42px rgba(0,0,0,.22);
}
body.variant-c .royal-story-card h3 {
  margin: 0 0 14px;
  font-size: 24px;
  color: #f6d88d;
}
body.variant-c .royal-story-card p { margin: 0; }
@media (max-width: 1100px) {
  body.variant-c .royal-story-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  body.variant-c .royal-storyband { padding: 40px 0; }
  body.variant-c .royal-story-shell { padding: 0 16px; }
  body.variant-c .royal-story-card { padding: 22px; }
  body.variant-c .royal-story-card h3 { font-size: 22px; }
}