/* Calradic Empire v2 — isolated visual experiment. */
html.navigation-modern body.experiment-v2{--v2-line:rgba(220,185,105,.22);--v2-ink:#f1eee6;--v2-panel:rgba(12,15,18,.86)}
html.navigation-modern body.experiment-v2 .home-intro,
html.navigation-modern body.experiment-v2 .home-activities,
html.navigation-modern body.experiment-v2 .home-values{display:none}
html.navigation-modern body.experiment-v2 .section-ornament{display:none}
html.navigation-modern body.experiment-v2 .hero-cinematic{min-height:clamp(620px,78vh,900px)}
html.navigation-modern body.experiment-v2 .hero-content{max-width:760px}
html.navigation-modern body.experiment-v2 .hero-content h1{max-width:9.5ch;line-height:.88;letter-spacing:-.045em}
html.navigation-modern body.experiment-v2 .hero-text{max-width:660px;font-size:clamp(1rem,1vw + .62rem,1.28rem);line-height:1.65}
html.navigation-modern body.experiment-v2 .home-division-gateway{max-width:1440px;padding:clamp(74px,8vw,128px) clamp(24px,5vw,80px)}
html.navigation-modern body.experiment-v2 .home-division-gateway .section-heading{max-width:820px;margin:0 auto 46px}
html.navigation-modern body.experiment-v2 .division-gateway-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--v2-line);border:1px solid var(--v2-line)}
html.navigation-modern body.experiment-v2 .division-gateway-card{min-height:430px;padding:clamp(28px,3vw,48px);border:0;background-color:#0d1115;box-shadow:none}
html.navigation-modern body.experiment-v2 .division-gateway-card:hover{transform:translateY(-4px);z-index:2}
html.navigation-modern body.experiment-v2 .gateway-calradia{background:radial-gradient(circle at 90% 10%,rgba(130,55,45,.18),transparent 40%),#111114}
html.navigation-modern body.experiment-v2 .gateway-foxhole{background:radial-gradient(circle at 90% 10%,rgba(92,117,65,.22),transparent 42%),#0b120e}
html.navigation-modern body.experiment-v2 .gateway-community{background:radial-gradient(circle at 90% 10%,rgba(91,76,133,.2),transparent 42%),#0e0d14}
html.navigation-modern body.experiment-v2 .division-gateway-card h3{font-size:clamp(1.7rem,2vw,2.35rem);line-height:1.04}
html.navigation-modern body.experiment-v2 .division-gateway-card p{font-size:1rem;line-height:1.7}
html.navigation-modern body.experiment-v2 .community-system{padding-top:clamp(74px,8vw,126px);padding-bottom:clamp(74px,8vw,126px)}
html.navigation-modern body.experiment-v2 .community-system .section-heading{max-width:790px;margin-bottom:46px}
html.navigation-modern body.experiment-v2 .system-grid{max-width:1440px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
html.navigation-modern body.experiment-v2 .system-card{padding:clamp(28px,2.5vw,44px)}
html.navigation-modern body.experiment-v2 .system-card:before,
html.navigation-modern body.experiment-v2 .system-card:after{display:none}
html.navigation-modern body.experiment-v2 .system-card h3{font-size:clamp(1.65rem,1.8vw,2.15rem)}
html.navigation-modern body.experiment-v2 .system-comparison div{grid-template-columns:1fr;gap:5px}
html.navigation-modern body.experiment-v2 .system-note{max-width:1440px}
html.navigation-modern body.experiment-v2 .home-final-cta{max-width:none;margin:0;padding:clamp(84px,10vw,150px) clamp(24px,8vw,150px);border-width:1px 0 0;text-align:center}
html.navigation-modern body.experiment-v2 .home-final-cta p{margin-left:auto;margin-right:auto}
html.navigation-modern body.experiment-v2 .button{min-height:46px}

/* Join: the choice itself carries the hierarchy. */
html.navigation-modern body.experiment-v2 .join-page{padding-top:clamp(38px,5vw,76px);padding-bottom:clamp(72px,8vw,120px)}
html.navigation-modern body.experiment-v2 .join-hero{max-width:1440px;min-height:400px;padding:clamp(34px,5vw,72px);grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);background:radial-gradient(circle at 86% 35%,rgba(200,163,78,.14),transparent 28%),linear-gradient(130deg,#11151b,#0b0d10);border-color:var(--v2-line)}
html.navigation-modern body.experiment-v2 .join-hero h1{max-width:12ch;font-size:clamp(3.2rem,5vw,6rem);line-height:.92}
html.navigation-modern body.experiment-v2 .join-language-notice,
html.navigation-modern body.experiment-v2 .join-three-steps,
html.navigation-modern body.experiment-v2 .join-directions{max-width:1440px}
html.navigation-modern body.experiment-v2 .join-language-notice{width:100%;margin:16px auto 0;box-sizing:border-box}
html.navigation-modern body.experiment-v2 .join-three-steps{gap:1px;margin-top:20px;margin-bottom:clamp(72px,7vw,110px);background:var(--v2-line);border:1px solid var(--v2-line)}
html.navigation-modern body.experiment-v2 .join-three-steps article{border:0;background:#0e1115}
html.navigation-modern body.experiment-v2 .join-three-steps article:before{display:none}
html.navigation-modern body.experiment-v2 .join-division-application-grid{gap:1px;background:var(--v2-line);border:1px solid var(--v2-line)}
html.navigation-modern body.experiment-v2 .join-application-card{min-height:380px;border:0;padding:clamp(28px,3vw,44px);box-shadow:none}
html.navigation-modern body.experiment-v2 .join-application-card:before{display:none}
html.navigation-modern body.experiment-v2 .join-application-card>a{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  color:#11120e;
  background:linear-gradient(105deg,#c9a44f,#e5ca7d);
  border:1px solid rgba(246,224,162,.58);
  box-shadow:0 10px 28px rgba(200,163,78,.2);
  opacity:1;
  filter:none;
}
html.navigation-modern body.experiment-v2 .join-application-card>a:hover{
  color:#090a07;
  background:linear-gradient(105deg,#dfbc63,#f0d991);
  box-shadow:0 14px 34px rgba(200,163,78,.32);
  transform:translateY(-2px);
}
html.navigation-modern body.experiment-v2 .join-application-foxhole{background-color:#0b130e}

/* Foxhole overview: operational, quieter and information-led. */
html.navigation-modern body.experiment-v2.theme-foxhole .generic-direction-page{padding-top:clamp(34px,5vw,78px);padding-bottom:clamp(72px,8vw,120px)}
html.navigation-modern body.experiment-v2.theme-foxhole .generic-direction-hero,
html.navigation-modern body.experiment-v2.theme-foxhole .overview-dossier,
html.navigation-modern body.experiment-v2.theme-foxhole .recruitment-panel,
html.navigation-modern body.experiment-v2.theme-foxhole .formation-grid,
html.navigation-modern body.experiment-v2.theme-foxhole .persistent-war,
html.navigation-modern body.experiment-v2.theme-foxhole .foxhole-operations,
html.navigation-modern body.experiment-v2.theme-foxhole .foxhole-roles,
html.navigation-modern body.experiment-v2.theme-foxhole .foxhole-command-center{max-width:1440px}
html.navigation-modern body.experiment-v2.theme-foxhole .generic-direction-hero{min-height:440px;padding:clamp(34px,5vw,72px);grid-template-columns:minmax(170px,.4fr) minmax(0,1.6fr);background:radial-gradient(circle at 15% 50%,rgba(139,163,91,.16),transparent 30%),rgba(8,14,10,.84)}
html.navigation-modern body.experiment-v2.theme-foxhole .generic-direction-hero h1{font-size:clamp(4rem,8vw,8rem);line-height:.82}
html.navigation-modern body.experiment-v2.theme-foxhole .overview-dossier{gap:1px;background:rgba(164,183,116,.22);border:1px solid rgba(164,183,116,.22)}
html.navigation-modern body.experiment-v2.theme-foxhole .overview-dossier article{border:0;background:rgba(8,12,9,.94)}
html.navigation-modern body.experiment-v2.theme-foxhole .recruitment-panel{margin-top:18px;padding:clamp(32px,4vw,58px)}
html.navigation-modern body.experiment-v2.theme-foxhole .formation-grid{gap:1px;background:rgba(164,183,116,.2);border:1px solid rgba(164,183,116,.2)}
html.navigation-modern body.experiment-v2.theme-foxhole .formation-grid article{border:0;background:rgba(10,15,11,.94)}
html.navigation-modern body.experiment-v2.theme-foxhole .persistent-war,
html.navigation-modern body.experiment-v2.theme-foxhole .foxhole-operations,
html.navigation-modern body.experiment-v2.theme-foxhole .foxhole-roles,
html.navigation-modern body.experiment-v2.theme-foxhole .foxhole-command-center{margin-top:clamp(70px,8vw,120px)}
html.navigation-modern body.experiment-v2.theme-foxhole .persistent-war-grid,
html.navigation-modern body.experiment-v2.theme-foxhole .foxhole-role-grid,
html.navigation-modern body.experiment-v2.theme-foxhole .command-center-grid{gap:1px;background:rgba(164,183,116,.18)}
html.navigation-modern body.experiment-v2.theme-foxhole .persistent-war-grid article,
html.navigation-modern body.experiment-v2.theme-foxhole .foxhole-role-grid article,
html.navigation-modern body.experiment-v2.theme-foxhole .command-center-grid a{background-color:rgba(8,13,9,.95)}
html.navigation-modern body.experiment-v2.theme-foxhole .operation-timeline{column-gap:28px}

@media(min-width:901px){
  html.navigation-modern body.experiment-v2{--sidebar:264px}
  html.navigation-modern body.experiment-v2 .sidebar-footer{margin-left:14px;margin-right:14px}
}
@media(max-width:1100px){
  html.navigation-modern body.experiment-v2 .division-gateway-grid,
  html.navigation-modern body.experiment-v2 .system-grid{grid-template-columns:1fr}
  html.navigation-modern body.experiment-v2 .division-gateway-card{min-height:320px}
  html.navigation-modern body.experiment-v2 .join-division-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  html.navigation-modern body.experiment-v2 .hero-cinematic{min-height:760px}
  html.navigation-modern body.experiment-v2 .home-division-gateway{padding-left:18px;padding-right:18px}
  html.navigation-modern body.experiment-v2 .topbar{min-height:58px}
  html.navigation-modern body.experiment-v2 .join-hero{grid-template-columns:1fr}
}
@media(max-width:560px){
  html.navigation-modern body.experiment-v2 .hero-cinematic{min-height:700px}
  html.navigation-modern body.experiment-v2 .hero-content h1{font-size:clamp(3rem,15vw,4.6rem)}
  html.navigation-modern body.experiment-v2 .division-gateway-card{min-height:0;padding:30px 24px}
  html.navigation-modern body.experiment-v2 .home-division-gateway .section-heading{text-align:left}
  html.navigation-modern body.experiment-v2 .join-division-application-grid{grid-template-columns:1fr}
  html.navigation-modern body.experiment-v2 .join-application-card{min-height:0}
  html.navigation-modern body.experiment-v2.theme-foxhole .generic-direction-hero{grid-template-columns:1fr;min-height:0}
}
@media(prefers-reduced-motion:reduce){html.navigation-modern body.experiment-v2 *,html.navigation-modern body.experiment-v2 *:before,html.navigation-modern body.experiment-v2 *:after{scroll-behavior:auto!important}}