:root{color-scheme:dark;--night:#070d1b;--blue:#0b172d;--blue-2:#0e1d37;--ink:#e9e2d3;--muted:#b7bdc9;--gold:#d8b467;--gold-bright:#f5db9b;--line:rgba(214,177,99,.33)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--ink);font:16px/1.65 Georgia,'Times New Roman',serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
::selection{background:#b58d45;color:#070d1b}
:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}
.skip-link{position:absolute;top:-5rem;left:1rem;z-index:20;padding:.6rem 1rem;background:var(--gold-bright);color:var(--night)}
.skip-link:focus{top:1rem}
.page-width{width:min(100% - 3rem,1240px);margin-inline:auto}
.topline{height:27px;display:flex;justify-content:center;align-items:center;gap:1rem;background:#121b2d;border-bottom:1px solid rgba(223,183,107,.28);color:#e4c783;text-transform:uppercase;font:600 .65rem/1 Arial,sans-serif;letter-spacing:.25em}
.topline-star{font-size:.7rem;color:#eac46f}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 max(1.5rem,calc((100vw - 1240px)/2));position:absolute;z-index:10;top:27px;left:0;right:0;border-bottom:1px solid rgba(245,219,155,.22);background:linear-gradient(180deg,rgba(5,10,21,.85),rgba(5,10,21,.28))}
.brand{display:inline-flex;align-items:center;gap:.8rem;min-width:220px}
.brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 1px 8px rgba(255,200,95,.2))}
.brand span,.footer-brand span{font:700 1.45rem/1 Georgia,serif;letter-spacing:.17em;color:#f7e6b5;white-space:nowrap;text-shadow:0 2px 10px #000}
.brand em{font-style:normal;color:#fff3ce}
.site-nav{display:flex;align-items:center;gap:2.8rem}
.site-nav a{font:600 .75rem/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.17em;color:#e4dfd7;padding:1rem 0;transition:color .2s}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--gold-bright)}
.menu-toggle{display:none}
.hero{position:relative;min-height:760px;height:min(850px,calc(100vh - 27px));display:flex;align-items:center;isolation:isolate;overflow:hidden}
.hero-art,.hero-shade{position:absolute;inset:0;z-index:-2}
.hero-art{background:#111c38 url('assets/war-stars-hero.png') center center/cover no-repeat;transform:scale(1.01)}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(4,9,20,.80) 0%,rgba(4,9,20,.48) 36%,rgba(4,9,20,.05) 72%),linear-gradient(0deg,#070d1b 0%,transparent 20%,transparent 73%,rgba(4,9,20,.24) 100%)}
.hero-content{position:relative;padding-top:100px;padding-bottom:60px}
.eyebrow{display:flex;align-items:center;gap:1rem;color:#f3d999;font:700 .75rem/1.4 Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase;margin:0 0 1.6rem;text-shadow:0 2px 8px #000}
.eyebrow-line{width:32px;height:1px;background:var(--gold)}
h1,h2,h3,p{margin-top:0}
h1{font:bold clamp(5.5rem,11vw,10.7rem)/.78 Georgia,'Times New Roman',serif;letter-spacing:-.075em;color:#f7ecd5;margin:0;text-shadow:0 5px 0 rgba(12,17,27,.8),0 8px 35px #020610;-webkit-text-stroke:1px rgba(246,218,157,.15)}
h1 span{color:#edc778;-webkit-text-fill-color:#edc778;text-shadow:0 4px 0 #654a2a,0 8px 35px #020610}
.hero-rule{display:flex;align-items:center;gap:.9rem;width:min(390px,90%);margin:2.2rem 0 1.4rem;color:var(--gold-bright);font-size:1.2rem}
.hero-rule:before,.hero-rule:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,var(--gold),transparent)}
.hero-rule:after{transform:rotate(180deg)}
.hero-copy{font-size:1.22rem;line-height:1.65;max-width:510px;color:#e2e1e1;text-shadow:0 2px 15px #000;margin-bottom:2.1rem}
.ornate-button{min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:2rem;padding:0 1.4rem 0 1.65rem;background:linear-gradient(#e8cb84,#b8873b);border:1px solid #f9e8b0;box-shadow:inset 0 0 0 3px #ae7c35,inset 0 0 0 4px rgba(255,255,255,.38),0 8px 25px #030814;color:#1a1a20;font:700 .78rem/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;transition:transform .2s,filter .2s}
.ornate-button:hover{transform:translateY(-2px);filter:brightness(1.1)}
.button-star{font-size:1.1rem}
.hero-bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(100% - 3rem,1240px);height:1px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold) 70%,transparent);color:var(--gold-bright)}
.hero-bottom span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--night);padding:0 .7rem}
.section-pad{padding:110px 0}
.intro{background:radial-gradient(circle at 82% 47%,rgba(29,57,101,.34),transparent 30%),linear-gradient(180deg,#070d1b,#0b1425);position:relative}
.intro-grid{display:grid;grid-template-columns:130px minmax(0,1fr) 350px;gap:4rem;align-items:center}
.section-mark{align-self:stretch;display:flex;align-items:center;gap:1.1rem;writing-mode:vertical-rl;transform:rotate(180deg);color:#ad935f;letter-spacing:.22em;font:700 .66rem/1 Arial,sans-serif}
.mark-no{font:1.1rem Georgia,serif;color:#ead198}
.mark-line{width:1px;min-height:80px;background:var(--line)}
.kicker{color:#d9b66d;font:700 .73rem/1.4 Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase;margin-bottom:1.15rem}
h2{font:normal clamp(2.5rem,4.6vw,4.5rem)/1.1 Georgia,serif;letter-spacing:-.035em;color:#f3e8ce;margin-bottom:1.8rem}
h2 em{font-weight:normal;color:#d9b66d}
.intro-content>p:not(.kicker){max-width:620px;font-size:1.1rem;line-height:1.85;color:#bfc7d2;margin-bottom:1rem}
.intro-crest-wrap{position:relative;display:grid;place-items:center;min-height:350px}
.intro-crest-wrap img{position:relative;width:min(100%,315px);filter:drop-shadow(0 15px 28px #000) drop-shadow(0 0 30px rgba(26,94,187,.25))}
.crest-halo{position:absolute;width:330px;height:330px;max-width:100%;border:1px solid rgba(213,174,88,.21);border-radius:50%;box-shadow:0 0 0 18px rgba(213,174,88,.025),0 0 0 48px rgba(213,174,88,.015)}
.journey{background:linear-gradient(180deg,#0b1425,#0b172b 45%,#0a1426);border-top:1px solid rgba(223,183,107,.18);border-bottom:1px solid rgba(223,183,107,.18)}
.section-heading{text-align:center;max-width:720px;margin:0 auto 3.2rem}
.section-heading h2{margin-bottom:.8rem}
.section-heading>p:last-child{font-size:1.1rem;color:#bdc4d0}
.tenets{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.tenet{min-height:290px;position:relative;padding:2.3rem 2rem 2rem;text-align:center;background:linear-gradient(145deg,rgba(24,43,74,.74),rgba(8,18,35,.92));border:1px solid rgba(215,174,94,.32);box-shadow:inset 0 0 0 5px rgba(2,7,17,.45),0 16px 35px rgba(0,0,0,.1)}
.tenet:before,.tenet:after{content:'';position:absolute;width:20px;height:20px;border-color:#b89456;border-style:solid}
.tenet:before{top:8px;left:8px;border-width:1px 0 0 1px}.tenet:after{bottom:8px;right:8px;border-width:0 1px 1px 0}
.tenet-number{position:absolute;top:1.1rem;left:1.25rem;color:#8e9bb1;font:700 .7rem Arial,sans-serif;letter-spacing:.1em}
.tenet-ornament{color:#e2ba6b;font-size:2.1rem;line-height:1;margin:1.1rem 0 1.7rem;text-shadow:0 0 16px rgba(233,173,76,.5)}
.tenet h3{font:normal 1.55rem Georgia,serif;color:#f6e8c7;margin-bottom:.75rem}
.tenet p{color:#bfc5d0;max-width:250px;margin-inline:auto;line-height:1.7}
.status{background:radial-gradient(circle at 50% 25%,rgba(35,63,109,.24),transparent 35%),#070d1b;text-align:center}
.status-frame{position:relative;padding:4rem max(2rem,8vw);border:1px solid var(--line);background:linear-gradient(135deg,rgba(20,38,68,.58),rgba(10,22,41,.8));box-shadow:inset 0 0 0 7px #0a1323,inset 0 0 0 8px rgba(218,176,94,.18)}
.status-frame:before,.status-frame:after{content:'✦';position:absolute;top:10px;color:var(--gold);font-size:1.1rem}.status-frame:before{left:15px}.status-frame:after{right:15px}
.status-emblem{font-size:2.1rem;color:#ebcb81;margin-bottom:1rem;text-shadow:0 0 25px #a46a2e}
.status h2{margin-bottom:.9rem}
.status-copy{max-width:570px;margin:0 auto 2.2rem;color:#c1c8d1;font-size:1.1rem}
.status-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}
.status-list div{padding:1.35rem 1.5rem}.status-list div+div{border-left:1px solid var(--line)}
.status-list span,.status-list strong{display:block}.status-list span{font:700 .72rem Arial,sans-serif;color:#d5b26d;letter-spacing:.19em;text-transform:uppercase;margin-bottom:.45rem}.status-list strong{font:normal 1.15rem Georgia,serif;color:#f0e5d1}
.site-footer{background:#050a14;border-top:1px solid rgba(218,176,94,.2);color:#aab2c0}
.footer-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.footer-brand{display:flex;align-items:center;gap:.7rem}.footer-brand img{width:45px;height:45px}.footer-brand span{font-size:1rem}
.footer-inner p{margin:0}.footer-inner a{font:700 .72rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#e2c27e}.footer-inner a:hover{color:#fff0bd}
.footer-note{text-align:center;margin:0;padding:1rem 1.5rem;border-top:1px solid rgba(218,176,94,.12);font: .75rem/1.4 Arial,sans-serif;color:#8591a3}
@media(max-width:950px){.intro-grid{grid-template-columns:60px 1fr 240px;gap:2rem}.intro-crest-wrap{min-height:260px}.hero{min-height:700px}.hero-art{background-position:57% center}}
@media(max-width:700px){.page-width{width:min(100% - 2.2rem,1240px)}.site-header{height:76px;padding-inline:1.1rem}.brand{min-width:0}.brand img{width:46px;height:46px}.brand span{font-size:1.18rem}.menu-toggle{display:grid;place-content:center;gap:5px;width:44px;height:44px;background:rgba(5,10,20,.65);border:1px solid var(--line);color:var(--gold-bright);cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:currentColor}.site-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:1rem 1.5rem 1.5rem;background:#0a1427;border-bottom:1px solid var(--line);box-shadow:0 15px 30px #030712}.site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a{padding:.9rem 0;border-bottom:1px solid rgba(218,176,94,.15)}.hero{height:auto;min-height:710px;align-items:flex-end}.hero-art{background-position:62% center}.hero-shade{background:linear-gradient(0deg,#070d1b 0%,rgba(4,9,20,.75) 38%,rgba(4,9,20,.2) 100%),linear-gradient(90deg,rgba(4,9,20,.4),transparent)}.hero-content{padding-top:190px;padding-bottom:95px}.eyebrow{font-size:.62rem;letter-spacing:.16em;gap:.5rem}.eyebrow-line{width:16px}h1{font-size:clamp(5rem,21vw,8rem)}.hero-copy{font-size:1.08rem;max-width:520px}.section-pad{padding:75px 0}.intro-grid{grid-template-columns:1fr;gap:1.5rem}.section-mark{display:none}.intro-crest-wrap{grid-row:1;min-height:180px}.intro-crest-wrap img{width:180px}.crest-halo{width:190px;height:190px}.intro-content{text-align:center}.intro-content>p:not(.kicker){font-size:1rem}.intro-content h2{font-size:clamp(2.4rem,9vw,3.5rem)}.tenets{grid-template-columns:1fr}.tenet{min-height:225px}.tenet-ornament{margin:.4rem 0 1.1rem}.status-frame{padding:3.3rem 1.4rem}.status-list{grid-template-columns:1fr}.status-list div{padding:1rem .5rem;text-align:center}.status-list div+div{border-left:0;border-top:1px solid var(--line)}.footer-inner{padding:2rem 0;flex-direction:column;text-align:center;gap:1rem}}
@media(max-width:390px){.topline{font-size:.57rem;letter-spacing:.16em}.brand span{font-size:1rem}.hero-content{padding-top:155px}.hero{min-height:670px}.hero-copy{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}