@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');:root{--n:#081525;--p:#10253a;--g:#d6ad63;--c:#f4efe4;--m:#9da8b5;--l:#294057}*{box-sizing:border-box}body{margin:0;background:var(--n);color:var(--c);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:84px;padding:0 6vw;display:flex;align-items:center;gap:45px;border-bottom:1px solid #ffffff12;position:sticky;top:0;background:#081525ee;backdrop-filter:blur(12px);z-index:5}.logo{font-size:28px;font-weight:700;letter-spacing:-1.5px}.logo span,small,.cat{color:var(--g)}nav{display:flex;gap:28px;color:#b8c1cb;font-size:14px}.pill{margin-left:auto;border:1px solid var(--l);border-radius:30px;padding:10px 15px;color:#c5ccd5;font-size:13px}.hero{min-height:590px;padding:100px 4vw;display:flex;align-items:center;justify-content:space-between}.hero>div:first-child{max-width:720px}.hero small,.listing>small,.about>small,.feature small,.heading small,.article .cat{font-size:11px;letter-spacing:2.4px;font-weight:700}.hero h1{font-size:clamp(48px,6vw,80px);line-height:1;letter-spacing:-4px;margin:22px 0}.hero h1 i{font-family:'Playfair Display';font-weight:600}.hero p,.feature p,.about p,.listing>p{color:var(--m);line-height:1.7;font-size:17px;max-width:620px}.gold,button{display:inline-block;background:var(--g);color:#081525;border:0;border-radius:6px;padding:13px 18px;font-weight:700;margin-top:18px;cursor:pointer}.orbit{width:310px;height:310px;border:1px solid #d6ad6355;border-radius:50%;display:grid;place-items:center;margin-right:5vw}.orbit b{font:70px Georgia;color:var(--g);border:1px solid var(--g);border-radius:50%;width:110px;height:110px;display:grid;place-items:center}.section,section{max-width:1180px;margin:auto;padding:50px 4vw}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.heading h2,.feature h2,.about h2{font-size:38px;letter-spacing:-1.5px;margin:8px 0}.heading>a{color:var(--g)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--p);border:1px solid var(--l);border-radius:12px;overflow:hidden;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#526b84}.pic{height:220px;background:#182f47 center/cover no-repeat}.body{padding:22px}.body small{font-size:11px;letter-spacing:1.2px;text-transform:uppercase}.body h3{font-size:23px;margin:12px 0}.body p{color:var(--m);line-height:1.55;margin:0}.feature{margin-top:70px!important;margin-bottom:70px!important;border:1px solid var(--l);border-radius:18px;background:#10283f;padding:60px!important;display:flex;justify-content:space-between;align-items:center}.feature strong{font-size:110px;color:var(--g);padding-right:40px}.about{padding:90px 8vw!important}.about h2{font-size:58px}.listing{padding-top:80px}.listing h1{font-size:62px;letter-spacing:-3px;margin:14px 0}.search{margin-left:auto;border:1px solid var(--l);border-radius:30px;padding:9px 14px}.search input{background:transparent;border:0;outline:0;color:var(--c);width:190px}.article{padding:70px 6vw 100px}.article h1{font-size:64px;line-height:1.03;letter-spacing:-3px;max-width:900px;margin:12px 0}.back{color:var(--g)}.date{color:var(--m);font-size:13px}.article-img{height:450px;border-radius:16px;background:center/cover no-repeat;margin:30px 0}.lead{font-size:21px;color:var(--m);line-height:1.7;max-width:800px}.content{max-width:760px;margin:45px auto 0;white-space:pre-wrap;font-size:18px;line-height:1.85}.empty{color:var(--m);grid-column:1/-1}footer{max-width:1180px;margin:auto;padding:45px 4vw;border-top:1px solid var(--l);display:flex;justify-content:space-between;color:var(--m)}footer .logo{font-size:20px}@media(max-width:800px){header{padding:0 20px;gap:18px}nav{display:none}.hero{padding:70px 24px}.orbit{display:none}.grid,.three{grid-template-columns:1fr}section,.listing{padding-left:24px;padding-right:24px}.feature{margin:40px 24px!important;padding:35px!important}.feature strong{display:none}.about{padding:70px 24px!important}.about h2,.listing h1{font-size:44px}.article h1{font-size:44px}.article-img{height:260px}}.logo-image {
  display: flex;
  align-items: center;
  width: 150px;
  height: 58px;
  flex-shrink: 0;
}

.logo-image img {
  display: block;
  width: 150px;
  height: auto;
  max-height: 58px;
  object-fit: contain;
}

/* Gold navigation hover */
nav a {
  transition: color 0.18s ease;
}

nav a:hover,
nav a.active {
  color: var(--g) !important;
}

@media (max-width: 800px) {
  .logo-image {
    width: 125px;
    height: 52px;
  }

  .logo-image img {
    width: 125px;
    max-height: 52px;
  }
}
/* Cormorant Garamond for the Ω */
.logo span {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
}

/* Gold when a menu item is selected or hovered */
nav a:hover,
nav a.active {
  color: var(--g) !important;
}

/* Category boxes */
.category-menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 35px 0 60px;
}

.category-card {
  display: block;
  padding: 32px;
  background: var(--p);
  border: 1px solid var(--l);
  border-radius: 12px;
  color: var(--c);
  font-size: 22px;
  font-weight: 600;
  transition: 0.2s ease;
}

.category-card:hover,
.category-card.active {
  color: var(--g);
  border-color: var(--g);
  transform: translateY(-3px);
}

@media (max-width: 800px) {
  .category-menu {
    grid-template-columns: 1fr;
  }
}

.article-image {
  width: 100%;
  max-width: 900px;
  height: 500px;
  margin: 30px auto;
  overflow: hidden;
  border-radius: 16px;
}
.article-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.article-video {
  width: 100%;
  max-width: 900px;
  margin: 40px auto;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
}

.article-video iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.article-sources {
  margin-top: 40px;
}

.article-sources h2 {
  margin-bottom: 16px;
}

.sources-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.source-link {
  display: block;
  word-break: break-all;
}
