*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,Arial,sans-serif;background:black;color:white}
a{color:white;text-decoration:none}

header{
 position:fixed;top:0;left:0;width:100%;
 display:flex;justify-content:space-between;align-items:center;
 padding:18px 24px;z-index:20;
 background:rgba(0,0,0,.35);backdrop-filter:blur(6px)
}
.logo{font-size:14px;letter-spacing:.12em;text-transform:uppercase}

nav{display:flex;gap:22px;font-size:12px}
.menu-toggle{display:none;font-size:22px;cursor:pointer}

.video-bg{position:fixed;inset:0;z-index:-2}
.video-bg video{width:100%;height:100%;object-fit:cover}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:-1}

.hero{
 height:100vh;display:flex;align-items:center;justify-content:center;
 text-align:center;padding:20px
}

@media(max-width:768px){
 nav{display:none}
 .menu-toggle{display:block}
 .mobile-menu{
  position:fixed;inset:0;background:black;
  display:flex;flex-direction:column;justify-content:center;
  align-items:center;gap:26px;font-size:18px;z-index:30
 }
}

section { margin-bottom: 60px; }

/* Editorial spacing refinements */
h1 { margin-bottom: 40px; }
h2 { margin-top: 60px; margin-bottom: 24px; }
h3 { margin-top: 40px; margin-bottom: 16px; }
p { margin-bottom: 18px; line-height: 1.6; }
section { margin-bottom: 70px; }

/* Featured News typography */
.featured-news h3 { font-size: 18px; }
.featured-news p { font-size: 14px; line-height: 1.5; }