:root{--navy:#0b1630;--navy2:#111f40;--gold:#caa65b;--cream:#f7f3ea;--ink:#15213b;--muted:#687184;--line:#e6dfd2;--white:#fff;--red:#d93025}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.7}a{text-decoration:none;color:inherit}
.topbar{height:31px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font:700 10px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}
nav{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:50}
.logo{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700;white-space:nowrap}.crown{color:var(--gold);font-size:30px}.logo span{color:var(--gold)}
.navlinks{display:flex;align-items:center;gap:25px;font:700 10px Arial,sans-serif;letter-spacing:1.1px;text-transform:uppercase}.navlinks a:hover{color:var(--gold)}
.nav-cta{background:var(--gold);padding:12px 18px;color:#111!important}
.hero{background:var(--navy);color:#fff;min-height:570px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}
.hero-copy{padding:82px 8%;display:flex;flex-direction:column;justify-content:center}.eyebrow,.kicker{font:700 10px Arial,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold)}
.hero h1{font-size:clamp(48px,6vw,82px);line-height:.98;margin:16px 0 22px;max-width:760px}.hero h1 em{color:var(--gold);font-style:normal}.hero p{font-size:19px;color:#dce1eb;max-width:650px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--gold);color:#111;padding:14px 21px;margin-top:18px;font:700 10px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;width:max-content}.btn.dark{background:var(--navy);color:#fff}.btn.youtube{background:var(--red);color:#fff}
.hero-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;background:#0a1227}.hero-panel .tile{min-height:277px;background-size:cover;background-position:center;position:relative;overflow:hidden}.hero-panel .tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.72))}
.tile1{background-image:url('https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?auto=format&fit=crop&w=1000&q=80')}.tile2{background-image:url('https://images.unsplash.com/photo-1530103862676-de8c9debad1d?auto=format&fit=crop&w=1000&q=80')}.tile3{background-image:url('https://images.unsplash.com/photo-1564399579883-451a5d44ec08?auto=format&fit=crop&w=1000&q=80')}.tile4{background-image:url('https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?auto=format&fit=crop&w=1000&q=80')}
.play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:44px;border-radius:12px;background:#e62117;display:flex;align-items:center;justify-content:center}.play:after{content:"";margin-left:4px;border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}.tile-label{position:absolute;z-index:3;left:18px;bottom:15px;color:#fff;font:700 10px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}
.section{max-width:1240px;margin:auto;padding:72px 6%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section h2{font-size:42px;line-height:1.08;margin:7px 0}.section-intro{color:var(--muted);max-width:720px;margin:0}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-card{background:#fff;border:1px solid var(--line);overflow:hidden;transition:transform .2s,box-shadow .2s}.video-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,25,50,.1)}
.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#111f40,#85704b);position:relative;background-size:cover;background-position:center}.thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3))}
.thumb .play{width:54px;height:38px}.video-body{padding:20px}.video-date{font:700 9px Arial,sans-serif;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase}.video-title{font-size:21px;line-height:1.2;margin:7px 0 11px}.video-desc{color:var(--muted);font-size:14px;margin:0 0 16px}.watch{font:700 10px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--navy)}
.channel-band{background:var(--navy);color:#fff}.channel-band .inner{max-width:1240px;margin:auto;padding:65px 6%;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.channel-band h2{font-size:42px;line-height:1.1;margin:10px 0}.channel-band p{color:#d5dbe6}.channel-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.point{border:1px solid rgba(255,255,255,.14);padding:17px}.point strong{display:block;color:var(--gold);font:700 10px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}.subscribe{background:#fff;color:var(--ink);padding:35px}.subscribe h3{font-size:28px;margin:0 0 8px}.subscribe p{color:var(--muted);font-size:14px}
.page-hero{background:var(--navy);color:#fff;padding:70px 6%}.page-hero .inner{max-width:1240px;margin:auto}.page-hero h1{font-size:56px;line-height:1.05;margin:8px 0}.article{max-width:920px;margin:auto;padding:65px 6%}.article h1{font-size:clamp(40px,5vw,64px);line-height:1.05}.article-meta{font:700 10px Arial,sans-serif;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase}.article p{font-size:18px}.article-note{background:#eee9de;padding:20px;font:13px Arial,sans-serif;color:#5f6775;border-left:3px solid var(--gold)}
.article-video{background:#111f40;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;margin:30px 0}.article-video .play{position:static;transform:none;width:90px;height:64px}.article-video .play:after{border-left-width:20px;border-top-width:13px;border-bottom-width:13px}
.note{background:#fff;border:1px solid var(--line);padding:28px;margin-top:28px}.note strong{color:var(--gold)}
footer{background:#071026;color:#cdd3df;padding:40px 6%;font:12px Arial,sans-serif}.footer-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:35px}.footer-title{font:700 20px Georgia;color:#fff}.footer-title span{color:var(--gold)}footer h4{color:var(--gold);font:700 10px Arial;letter-spacing:1.2px;text-transform:uppercase;margin:0 0 10px}footer a:hover{color:#fff}.copyright{max-width:1240px;margin:28px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
@media(max-width:900px){.navlinks{display:none}.hero{grid-template-columns:1fr}.hero-panel{min-height:420px}.video-grid{grid-template-columns:1fr 1fr}.channel-band .inner{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero-copy{padding:60px 6%}.hero h1{font-size:48px}.hero-panel{grid-template-columns:1fr 1fr}.hero-panel .tile{min-height:190px}.video-grid{grid-template-columns:1fr}.section{padding:50px 6%}.section-head{display:block}.channel-points{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.page-hero h1{font-size:42px}}


/* Royal Family News channel branding */
.logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}
.logo .site-logo {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border-radius: 50%;
  flex: 0 0 52px;
}
.logo b { font-weight: 700; }
@media (max-width: 760px) {
  .logo .site-logo {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }
}

.hero-brand { margin-bottom: 18px; }
.hero-brand img {
  width: 92px;
  height: 92px;
  object-fit: contain;
  border-radius: 50%;
  background: white;
}