@font-face{font-family:"Fallback Serif";src:local("Georgia")}
:root{--ink:#111516;--iron:#22292a;--slate:#3c484a;--dust:#c5a66b;--ochre:#9f7137;--red:#8f291f;--blood:#5b1713;--bone:#e1d3b6;--pale:#eee4d0;--line:rgba(216,190,141,.25);--display:'Cinzel',serif;--body:'Crimson Pro',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--body);font-size:19px;overflow-x:hidden}a{color:inherit}.skip-link{position:fixed;z-index:1000;left:1rem;top:1rem;padding:.7rem 1rem;background:var(--pale);color:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:none}button,a,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--dust);outline-offset:4px}.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.site-header{height:74px;position:absolute;inset:0 0 auto;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1.2rem,4vw,4.5rem);border-bottom:1px solid rgba(255,255,255,.2);font-family:var(--display);font-size:12px;letter-spacing:.14em}.brand{text-decoration:none;font-weight:700}.brand span{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:.65rem;background:var(--red);color:#fff;clip-path:polygon(50% 0,95% 20%,85% 82%,50% 100%,15% 82%,5% 20%)}.site-header nav{display:flex;gap:clamp(1rem,3vw,3rem)}.site-header nav a{text-decoration:none;padding:1rem .2rem;position:relative}.site-header nav a:after{content:"";position:absolute;inset:auto 0 .6rem;height:1px;background:var(--dust);transform:scaleX(0);transition:transform .25s}.site-header nav a:hover:after{transform:scaleX(1)}.sound-toggle{justify-self:end;min-height:44px;border:0;background:transparent;color:var(--bone);display:flex;align-items:center;gap:.65rem;cursor:pointer;text-transform:uppercase;font-family:var(--display);font-size:10px;letter-spacing:.12em}.sound-toggle i{width:8px;height:8px;border-radius:50%;background:#777;box-shadow:0 0 0 4px rgba(255,255,255,.08)}.sound-toggle[aria-pressed="true"] i{background:var(--dust);box-shadow:0 0 12px var(--dust)}
.hero{height:max(720px,100svh);min-height:680px;position:relative;display:flex;align-items:flex-end;isolation:isolate;background:#080a0a;overflow:hidden;padding:0 clamp(1.2rem,7vw,7rem) clamp(5rem,9vh,7rem)}.hero:before,.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.hero:before{background:linear-gradient(90deg,rgba(5,7,7,.88) 0%,rgba(8,10,10,.28) 50%,rgba(8,10,10,.62) 100%),linear-gradient(0deg,#0e1212 0%,transparent 40%,rgba(0,0,0,.25) 70%);z-index:1}.hero:after{inset:74px 0 auto;height:1px;box-shadow:0 calc(100svh - 150px) 0 rgba(255,255,255,.12);z-index:2}.hero-frame{position:absolute;z-index:-2;inset:8vh 0 8vh;overflow:hidden;background:#050606}.hero-image{position:absolute;inset:-4%;background:url('/assets/gen/legioix/hero.jpg') 48% 50%/cover no-repeat;filter:saturate(.7) contrast(1.08);transform:scale(1.04) translate3d(var(--hero-x,0),var(--hero-y,0),0);animation:hero-breathe 14s ease-in-out infinite alternate}.hero-frame:before,.hero-frame:after{content:"";position:absolute;z-index:3;left:0;right:0;height:8vh;background:#050606}.hero-frame:before{bottom:100%}.hero-frame:after{top:100%}.storm-flash{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 25%,rgba(255,241,206,.55),transparent 24%);mix-blend-mode:screen;opacity:0;animation:lightning 9s infinite}.flare{position:absolute;width:65vw;height:2px;left:47%;top:31%;background:linear-gradient(90deg,transparent,rgba(237,183,90,.8),#fff1c2,transparent);filter:blur(1px);opacity:.4;box-shadow:0 0 18px 3px #a05f24;transform:rotate(-4deg)}#dust-canvas{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}.hero-copy{position:relative;z-index:4;width:min(690px,67vw)}.eyebrow,.kicker{text-transform:uppercase;color:var(--dust);font-family:var(--display);font-size:11px;letter-spacing:.24em;font-weight:700}.hero h1{margin:.15rem 0 0;font-family:var(--display);font-size:clamp(5.8rem,13.5vw,13rem);line-height:.75;letter-spacing:-.07em;text-transform:uppercase;text-shadow:0 6px 30px #000}.hero h1 span{display:block;font-size:.46em;letter-spacing:.22em;margin-left:.1em;color:var(--pale)}.hero h1 b{font-weight:800;color:var(--red);-webkit-text-stroke:1px rgba(245,209,153,.45)}.hero-deck{max-width:560px;margin:2rem 0;color:#e6dcc8;font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.45}.march-link{display:inline-flex;align-items:center;gap:1.2rem;text-decoration:none;text-transform:uppercase;font-family:var(--display);font-size:11px;letter-spacing:.18em}.march-link i{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:50%;font-style:normal;transition:.3s}.march-link:hover i{background:var(--red);border-color:var(--red);transform:translateY(4px)}.field-mark{position:absolute;z-index:4;right:clamp(1.2rem,5vw,5rem);bottom:clamp(6rem,12vh,9rem);padding-left:1.5rem;border-left:1px solid var(--dust);display:flex;flex-direction:column;gap:.3rem;text-align:left}.field-mark span,.field-mark small{font-family:var(--display);font-size:9px;letter-spacing:.16em;color:#d1c4ad}.field-mark strong{font-family:var(--display);font-size:1.5rem}.hero-caption{position:absolute;z-index:4;bottom:1.4rem;left:clamp(1.2rem,4vw,4.5rem);right:clamp(1.2rem,4vw,4.5rem);display:flex;justify-content:space-between;color:#a69b87;font-family:var(--display);font-size:8px;letter-spacing:.2em}.reveal{opacity:0;transform:translateY(20px);animation:reveal .85s cubic-bezier(.2,.8,.2,1) forwards}.reveal:nth-child(2){animation-delay:.15s}.reveal:nth-child(3){animation-delay:.3s}.reveal:nth-child(4){animation-delay:.45s}.field-mark.reveal{animation-delay:.65s}
.ruled-section{border-top:1px solid var(--line);position:relative}.section-number{position:absolute;left:clamp(1.2rem,4vw,4.5rem);top:2rem;font-family:var(--display);font-size:9px;letter-spacing:.2em;color:var(--dust)}.oath-section{min-height:780px;display:grid;place-items:center;padding:9rem 8vw;background:radial-gradient(circle at 78% 50%,#2f3331 0,transparent 32%),linear-gradient(135deg,#1b2020,#0e1111)}.oath-wrap{max-width:920px;position:relative;z-index:2}.oath-wrap blockquote{margin:1.5rem 0 2rem;font-family:var(--display);font-size:clamp(2.3rem,5.3vw,5.8rem);line-height:1.06;letter-spacing:-.025em;color:var(--pale);text-shadow:0 3px 20px #000}.oath-note{width:min(560px,80%);margin-left:auto;color:#bfb39e;line-height:1.6;border-left:1px solid var(--red);padding-left:1.5rem}.eagle-seal{position:absolute;right:3vw;top:50%;width:min(25vw,300px);transform:translateY(-50%) rotate(7deg);opacity:.14}.eagle-seal svg{width:100%;overflow:visible;fill:none;stroke:var(--dust);stroke-width:2}.eagle-seal path{fill:var(--dust);stroke:none}.eagle-seal text{fill:var(--dust);stroke:none;font:12px var(--display);text-anchor:middle;letter-spacing:6px}
.drill{background:#171c1d;padding-top:9rem}.drill-intro{max-width:1250px;margin:auto;padding:0 clamp(1.2rem,5vw,5rem) 6rem;display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:end}.drill h2,.castra h2,.burden h2,.ranks h2,.ledger h2,.last-light h2{margin:.6rem 0 0;font-family:var(--display);font-size:clamp(3.1rem,7.5vw,7.5rem);line-height:.88;letter-spacing:-.055em;color:var(--pale)}.drill-intro>p,.burden-head>p{max-width:540px;color:#b6ad9c;line-height:1.6;margin:0}.drill-scroll{height:390vh;position:relative}.drill-sticky{position:sticky;top:0;height:100vh;min-height:680px;background:linear-gradient(155deg,#2c3535,#101414 70%);display:grid;grid-template-columns:270px 1fr;grid-template-rows:1fr auto;padding:84px clamp(1.2rem,4vw,4rem) 2rem;gap:1.5rem;overflow:hidden}.drill-sticky:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 60% 40%,transparent,rgba(0,0,0,.5) 75%)}.formation-meta{position:relative;z-index:3;display:flex;flex-direction:column;border-top:1px solid var(--dust);padding-top:1rem}.formation-meta>span{font-family:var(--display);font-size:9px;letter-spacing:.2em;color:var(--dust)}.formation-meta>div{margin:auto 0}.formation-meta p{font-family:var(--display);font-size:11px;letter-spacing:.2em;color:var(--dust)}.formation-meta h3{font-family:var(--display);font-size:clamp(1.5rem,2.2vw,2.5rem);line-height:1.04;margin:.5rem 0}.formation-meta>p:last-child{font-family:var(--body);font-size:1rem;letter-spacing:0;line-height:1.5;color:#aaa08e;border-top:1px solid var(--line);padding-top:1rem}.field-viewport{position:relative;z-index:2;min-width:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(206,178,124,.25);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.15))}.field-viewport:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(180,148,90,.08),transparent 70%);pointer-events:none}.field-viewport svg{width:100%;height:100%;max-height:720px}.soldier{transition:transform .72s cubic-bezier(.22,.8,.26,1);filter:url(#shadow)}.soldier .man{fill:#161a19;stroke:#9c8357;stroke-width:2}.soldier .shield{fill:url(#shield);stroke:#d0ae72;stroke-width:2;transform-origin:center;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.soldier .boss{fill:#b4884b;stroke:#e0bf81;stroke-width:1}.soldier.testudo .shield{transform:translateY(-18px) rotateX(60deg) scaleY(.68)}#ground-marks path{fill:none;stroke:#9b835f;stroke-width:2;stroke-dasharray:5 10;opacity:.25}.arrow{opacity:0}.testudo-active .arrow{animation:arrow-hit 1.5s linear infinite}.testudo-active .arrow:nth-child(2n){animation-delay:.55s}.command-stamp{position:absolute;right:2rem;top:2rem;border:3px double var(--red);color:#b94838;font:700 1.2rem var(--display);letter-spacing:.17em;padding:.65rem 1rem;transform:rotate(-5deg) scale(1.4);opacity:0}.command-stamp.hit{animation:stamp .55s ease}.field-key{position:absolute;left:1rem;bottom:1rem;display:flex;align-items:center;gap:.7rem;color:#9d927f;font:9px var(--display);letter-spacing:.15em}.field-key i{display:block;width:50px;height:1px;background:var(--dust);position:relative}.field-key i:after{content:"";position:absolute;right:0;top:-3px;border-left:6px solid var(--dust);border-block:3px solid transparent}.field-key small{font-size:8px}.formation-tabs{grid-column:1/-1;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.formation-tabs button{min-height:48px;border:0;background:#181d1d;color:#aba18e;text-transform:uppercase;font-family:var(--display);font-size:9px;letter-spacing:.14em;cursor:pointer}.formation-tabs button.active{background:var(--red);color:white}.formation-tabs button:hover{color:white}
.castra{min-height:950px;padding:10rem clamp(1.2rem,5vw,5rem);display:grid;grid-template-columns:minmax(280px,.7fr) minmax(450px,1.3fr);gap:6vw;align-items:center;background:#d1b77f;color:#25211b;overflow:hidden}.castra .section-number,.castra .kicker{color:#6e2a1f}.castra h2{color:#201f1b;font-size:clamp(3rem,6.2vw,6.7rem)}.castra-copy>p:last-of-type{line-height:1.6;max-width:510px}.castra dl{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(45,37,27,.4);margin-top:3rem}.castra dl div{padding:1rem .7rem;border-right:1px solid rgba(45,37,27,.3)}.castra dt{text-transform:uppercase;font:9px var(--display);letter-spacing:.13em}.castra dd{margin:.3rem 0 0;font-size:1.15rem}.camp-plan{position:relative}.camp-plan svg{width:100%;filter:drop-shadow(0 18px 20px rgba(53,37,18,.18))}.plan-lines{fill:none;stroke:#4d3b2a;stroke-width:2}.plan-lines path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s cubic-bezier(.3,.7,.2,1)}.plan-lines path:nth-child(2){transition-delay:.15s}.plan-lines path:nth-child(3){transition-delay:.35s}.plan-lines path:nth-child(4){transition-delay:.55s}.plan-lines path:nth-child(5){transition-delay:.75s}.camp-plan.drawn .plan-lines path{stroke-dashoffset:0}.plan-labels{fill:#563b24;font:10px var(--display);letter-spacing:2px;text-anchor:middle;opacity:0;transition:opacity 1s 1.2s}.camp-plan.drawn .plan-labels{opacity:1}.stake{fill:#75281f;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(2);transition:opacity .2s,transform .3s}.camp-plan.drawn .stake{opacity:.8;transform:scale(1)}.plan-compass{position:absolute;right:3%;top:5%;font:700 11px var(--display);text-align:center}.plan-compass i{display:block;height:60px;width:1px;background:#6e2a1f;margin:.4rem auto;position:relative}.plan-compass i:before{content:"";position:absolute;top:0;left:-4px;border-bottom:9px solid #6e2a1f;border-inline:4px solid transparent}
.burden{padding:10rem clamp(1.2rem,6vw,6rem);background:linear-gradient(145deg,#121616,#242b2b)}.burden-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;max-width:1250px;margin:auto;gap:5vw}.loadout{max-width:1200px;margin:6rem auto 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:center}.load-figure{min-height:540px;position:relative;display:grid;place-items:center;border-bottom:1px solid var(--line)}.load-figure svg{height:500px;max-width:100%;overflow:visible;filter:drop-shadow(0 15px 20px #000)}.body-line,.load-figure circle{fill:none;stroke:#bd9c64;stroke-width:7}.pack{fill:#60412b;stroke:#c6a56c;stroke-width:3}.shield-figure{fill:var(--red);stroke:#d1a85f;stroke-width:4}.spear{fill:none;stroke:#9d8259;stroke-width:4}.weight-tag{position:absolute;left:0;bottom:1rem;display:flex;align-items:baseline;gap:.6rem}.weight-tag strong{font:700 4rem var(--display);color:var(--pale)}.weight-tag span{font:9px var(--display);letter-spacing:.15em;color:var(--dust)}.kit-list{border-top:1px solid var(--line)}.kit-row{display:grid;grid-template-columns:35px 1fr auto;gap:1rem;align-items:center;position:relative;padding:1.35rem 0;border-bottom:1px solid var(--line)}.kit-row>span{color:var(--dust);font:9px var(--display)}.kit-row div{display:flex;flex-direction:column}.kit-row strong{font:700 .95rem var(--display);letter-spacing:.08em}.kit-row small{color:#938a7b;font-size:.85rem}.kit-row>b{font:500 .9rem var(--display);color:#d1ba91}.kit-row i{position:absolute;bottom:-1px;left:0;width:var(--w);height:1px;background:var(--red)}.weight-control{max-width:1200px;margin:4rem auto 0;border-top:1px solid var(--line);padding-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem 4rem}.weight-control label{font-family:var(--display);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.weight-control output{float:right;color:var(--dust)}.weight-control input{grid-column:1;accent-color:var(--red);width:100%;height:44px}.weight-control p{grid-column:2;grid-row:1/3;color:#b9ae9b;margin:0;border-left:1px solid var(--red);padding-left:1.5rem;align-self:center}
.ranks{padding:10rem clamp(1.2rem,6vw,6rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#ece0c7;color:#29251f}.ranks .kicker,.ranks .section-number{color:var(--red)}.ranks h2{color:#29251f;font-size:clamp(3.1rem,6vw,6.5rem)}.rank-intro>p:last-child{max-width:510px;line-height:1.6}.rank-ladder{list-style:none;padding:0;margin:0;border-top:1px solid #87765c;align-self:end}.rank-ladder li{display:grid;grid-template-columns:45px 1fr auto;gap:1rem;align-items:center;border-bottom:1px solid #9c8a6e;padding:1.5rem 0;transition:padding .25s,background .25s}.rank-ladder li:hover{padding-left:1rem;background:rgba(134,46,34,.07)}.rank-ladder li>span{font:10px var(--display);color:var(--red)}.rank-ladder li div{display:flex;flex-direction:column}.rank-ladder strong{font:700 1rem var(--display);letter-spacing:.05em}.rank-ladder small{font-size:.9rem;color:#6e6352}.rank-ladder b{font:700 1rem var(--display);color:var(--red)}
.ledger{padding:10rem clamp(1.2rem,6vw,6rem);display:grid;grid-template-columns:.75fr 1fr;gap:2rem 8vw;align-items:center;background:#1c2222;position:relative}.ledger:before{content:"SAL";position:absolute;right:-.05em;bottom:-.2em;font:800 min(32vw,30rem)/1 var(--display);color:rgba(255,255,255,.018)}.ledger-head>p:last-child{max-width:470px;color:#aaa08f;line-height:1.6}.wax-tablet{position:relative;background:#39251d;border:16px ridge #765438;box-shadow:0 28px 50px #080a0a;padding:2rem;color:#d6bc8a;transform:rotate(1deg)}.wax-tablet:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(214,188,138,.04) 32px)}.tablet-top,.ledger-row,.ledger-total{display:flex;justify-content:space-between;gap:1rem;position:relative}.tablet-top{padding-bottom:1.5rem;border-bottom:1px solid #95704f;font:10px var(--display);letter-spacing:.14em}.ledger-row{padding:1rem 0;border-bottom:1px solid rgba(195,159,104,.25)}.ledger-row strong{font-family:var(--display);font-size:.9rem}.ledger-row.debit strong{color:#a87555}.ledger-total{padding-top:2rem;align-items:baseline;font:10px var(--display);letter-spacing:.12em}.ledger-total strong{font-size:2rem;color:#e5c991;margin-left:auto}.ledger-total small{font-family:var(--body);letter-spacing:0}.seal{position:absolute;right:1.5rem;bottom:4.8rem;width:65px;height:65px;border:5px double #8f291f;border-radius:50%;display:grid;place-items:center;color:#b13c2e;font:800 1.3rem var(--display);transform:rotate(-13deg)}.salt-note{grid-column:2;display:grid;grid-template-columns:auto 1fr;gap:1.3rem;max-width:600px;margin-top:2rem}.salt-note span{writing-mode:vertical-rl;font:9px var(--display);letter-spacing:.2em;color:var(--dust)}.salt-note p{margin:0;color:#9e9585;font-style:italic}
.last-light{min-height:700px;padding:9rem max(1.2rem,8vw);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;background:linear-gradient(rgba(11,14,14,.7),#0a0c0c),url('/assets/gen/legioix/hero.jpg') center/cover fixed}.last-light:before,.last-light:after{content:"";position:absolute;left:0;right:0;height:70px;background:#090b0b}.last-light:before{top:0}.last-light:after{bottom:0}.last-light h2{font-size:clamp(3rem,7vw,7rem)}.last-light h2 span{color:var(--red)}.last-light>p:not(.kicker){max-width:700px;color:#afa38f;line-height:1.7}.last-light a{margin-top:2rem;font:10px var(--display);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--dust);padding:.7rem}footer{min-height:150px;padding:3rem clamp(1.2rem,5vw,5rem);display:flex;justify-content:space-between;align-items:center;gap:2rem;background:#080a0a;color:#888071;border-top:1px solid var(--line);font-size:.85rem}footer nav{display:flex;gap:2rem}footer a{text-decoration:none}footer a:hover{color:var(--dust)}
@keyframes hero-breathe{to{transform:scale(1.09) translate3d(var(--hero-x,0),var(--hero-y,0),0)}}@keyframes lightning{0%,46%,48%,50%,100%{opacity:0}47%{opacity:.35}49%{opacity:.12}}@keyframes reveal{to{opacity:1;transform:none}}@keyframes stamp{0%{opacity:0;transform:rotate(-5deg) scale(1.4)}40%,80%{opacity:.9;transform:rotate(-5deg) scale(1)}100%{opacity:0;transform:rotate(-5deg) scale(.95)}}@keyframes arrow-hit{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}62%{opacity:1;transform:translate(-520px,260px)}63%{opacity:1;transform:translate(-520px,260px) rotate(18deg)}100%{opacity:0;transform:translate(-580px,320px) rotate(70deg)}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{padding-bottom:5.5rem}.hero-copy{width:min(680px,85vw)}.field-mark{display:none}.hero h1{font-size:clamp(6rem,20vw,10rem)}.drill-sticky{grid-template-columns:190px 1fr}.castra{grid-template-columns:1fr;padding-top:9rem}.castra-copy{max-width:650px}.camp-plan{max-width:700px;margin:auto}.ranks{grid-template-columns:1fr}.rank-ladder{margin-top:2rem}.ledger{grid-template-columns:1fr}.wax-tablet{max-width:700px}.salt-note{grid-column:1}.loadout{grid-template-columns:.8fr 1.2fr;gap:3vw}}
@media(max-width:600px){body{font-size:17px}.site-header{height:64px;padding:0 1rem}.brand span{width:32px;height:32px}.sound-toggle span{max-width:55px}.hero{min-height:700px;padding-inline:1.15rem}.hero-frame{inset:7vh 0}.hero-image{background-position:45% center}.hero h1{font-size:clamp(5rem,28vw,7.4rem);line-height:.77}.hero h1 span{font-size:.38em}.hero-deck{font-size:1.05rem;max-width:340px;margin:1.35rem 0}.hero-caption span:last-child{display:none}.oath-section{min-height:690px;padding:8rem 1.2rem}.oath-wrap blockquote{font-size:clamp(2.2rem,11vw,3.4rem)}.oath-note{width:90%;font-size:1rem}.eagle-seal{width:60vw;right:-18vw}.drill{padding-top:7rem}.drill-intro{grid-template-columns:1fr;padding-bottom:4rem}.drill-intro>p{font-size:1rem}.drill-scroll{height:330vh}.drill-sticky{height:100svh;min-height:660px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding:72px .8rem .8rem;gap:.7rem}.formation-meta{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1rem;padding:.6rem 0}.formation-meta>span{grid-row:1/3}.formation-meta>div{margin:0}.formation-meta p{margin:0 0 .2rem}.formation-meta h3{font-size:1.2rem;margin:0}.formation-meta>p:last-child{display:none}.field-viewport{min-height:0}.field-viewport svg{height:100%;transform:scale(1.15)}.command-stamp{right:1rem;top:1rem}.formation-tabs{grid-column:1}.formation-tabs button{font-size:8px;min-height:44px;padding:0 3px}.field-key{bottom:.5rem}.field-key small{display:none}.castra{padding:8rem 1.2rem 5rem;gap:3rem;min-height:0}.castra dl{grid-template-columns:1fr}.castra dl div{display:flex;justify-content:space-between;border-right:0;border-bottom:1px solid rgba(45,37,27,.25)}.camp-plan{width:118%;margin-left:-9%}.plan-labels{font-size:8px}.burden{padding:8rem 1.2rem}.burden-head{grid-template-columns:1fr}.burden-head>p{margin-top:2rem}.loadout{grid-template-columns:1fr;margin-top:3rem}.load-figure{min-height:420px}.load-figure svg{height:400px}.weight-tag strong{font-size:3rem}.kit-row{grid-template-columns:30px 1fr auto;gap:.6rem}.kit-row small{max-width:170px}.weight-control{grid-template-columns:1fr}.weight-control input,.weight-control p{grid-column:1;grid-row:auto}.weight-control p{margin-top:1rem}.ranks{padding:8rem 1.2rem}.rank-ladder li{grid-template-columns:28px 1fr auto;gap:.5rem}.rank-ladder small{font-size:.78rem}.ledger{padding:8rem 1.2rem}.wax-tablet{border-width:9px;padding:1.2rem .9rem}.ledger-row{font-size:.92rem}.ledger-total{flex-wrap:wrap}.ledger-total strong{font-size:1.6rem}.seal{width:50px;height:50px;bottom:5.4rem}.last-light{min-height:630px;background-attachment:scroll;padding-inline:1.2rem}.last-light h2{font-size:2.7rem}footer{flex-direction:column;align-items:flex-start;padding:3rem 1.2rem}footer nav{flex-direction:column;gap:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-image{transform:none}.last-light{background-attachment:scroll}}

/* Pass 1: screenshot-driven composition and accessibility corrections. */
html,body{overflow-x:clip}.brand{min-height:44px;display:inline-flex;align-items:center}.drill-scroll{height:310vh}.drill-sticky:after{background:radial-gradient(circle at 60% 40%,transparent,rgba(0,0,0,.42) 78%)}.formation-meta>p:last-child{color:#bdb29f}.field-viewport{border-color:rgba(206,178,124,.32);background:linear-gradient(180deg,rgba(163,131,76,.055),rgba(0,0,0,.12))}.field-viewport:before{background:radial-gradient(ellipse at center,rgba(180,148,90,.12),transparent 70%)}.soldier .man{stroke:#b59a69}.soldier .shield{stroke:#e0bb72;stroke-width:2.5}.soldier .boss{fill:#c59a58;stroke:#f0cc89}.field-key{color:#aaa08b}.formation-tabs button{color:#b8ad99}.castra{grid-template-columns:minmax(370px,.9fr) minmax(450px,1.1fr);gap:5vw}.castra h2{font-size:clamp(3rem,5.2vw,5.5rem)}footer{color:#9c9382}footer a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:900px){.castra{grid-template-columns:1fr}}
@media(max-width:600px){.oath-wrap blockquote{font-size:clamp(2.05rem,9.8vw,3.1rem);line-height:1.08}.eagle-seal{width:54vw;right:-10vw}.drill-scroll{height:275vh}.field-viewport svg{transform:scale(1.08)}.castra{gap:2rem}.camp-plan{width:100%;margin:0}}

/* Pass 2: external critique — cinematic hierarchy, physical drill, and material depth. */
:root{--ink:#0a0e0f;--iron:#171d1e;--slate:#364347;--dust:#d0ab67;--ochre:#a87535;--red:#a72c20;--blood:#60140f;--bone:#d8c7a6;--pale:#f1e8d5;--line:rgba(218,181,111,.28)}
body{background:radial-gradient(circle at 82% 7%,#283033 0,transparent 28rem),var(--ink);font-size:20px;font-kerning:normal;text-rendering:optimizeLegibility}
.site-header{height:78px;background:linear-gradient(180deg,rgba(5,7,7,.96),rgba(5,7,7,.78));border-bottom-color:rgba(218,181,111,.3);backdrop-filter:blur(4px)}
.brand{letter-spacing:.16em}.brand span{width:38px;height:42px;background:linear-gradient(145deg,#c33a29,#711811);box-shadow:0 8px 18px rgba(0,0,0,.35)}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center}.sound-toggle{padding-inline:.6rem;color:#efe1c8}.sound-toggle i{background:#77716a}

.hero{height:max(760px,100svh);padding-bottom:clamp(5.5rem,10vh,8.5rem);background:#050707}
.hero-frame{inset:78px 1.4vw 58px;border:1px solid rgba(218,181,111,.2);box-shadow:inset 0 0 80px #000,0 30px 90px #000}
.hero-image{inset:-5%;background-position:50% 45%;filter:saturate(.62) contrast(1.14) brightness(.82);animation-duration:18s}
.hero:before{background:linear-gradient(90deg,rgba(3,5,5,.9) 0,rgba(6,8,8,.38) 41%,rgba(4,6,6,.18) 67%,rgba(4,6,6,.64) 100%),linear-gradient(0deg,#080b0c 2%,transparent 47%,rgba(0,0,0,.3) 82%)}
.hero:after{inset:78px 1.4vw auto;box-shadow:0 calc(100svh - 137px) 0 rgba(218,181,111,.18)}
.film-scratches{position:absolute;inset:0;z-index:4;opacity:.09;background:repeating-linear-gradient(90deg,transparent 0 18%,rgba(255,244,215,.35) 18.08%,transparent 18.18% 43%);mix-blend-mode:screen;animation:gate-weave 7s steps(2,end) infinite}
.storm-flash{background:radial-gradient(ellipse at 74% 27%,rgba(255,245,214,.78),rgba(199,155,86,.12) 17%,transparent 38%)}
.flare{top:31%;opacity:.28;transform:rotate(-2deg);filter:blur(.5px);box-shadow:0 0 26px 5px rgba(186,103,37,.8)}
.hero-copy{width:min(720px,64vw);margin-left:clamp(0rem,2vw,2rem)}
.hero h1{font-size:clamp(6.2rem,13.2vw,12.8rem);letter-spacing:-.085em;line-height:.7;text-shadow:0 5px 40px #000}
.hero h1 span{font-size:.36em;letter-spacing:.34em;margin-left:.08em}.hero h1 b{font-weight:700;color:#b93628;-webkit-text-stroke:1px rgba(238,197,123,.7);filter:drop-shadow(11px 15px 0 rgba(23,8,6,.48))}
.eyebrow{color:#e1b76d;text-shadow:0 2px 12px #000}.hero-deck{max-width:610px;font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.5;text-shadow:0 2px 12px #000}
.march-link{min-height:48px}.march-link i{border-color:rgba(218,181,111,.7)}
.hero-slate{position:absolute;z-index:5;right:2.6vw;top:112px;display:flex;align-items:center;gap:.8rem;writing-mode:vertical-rl;font:8px var(--display);letter-spacing:.28em;color:#b8a98e}.hero-slate i{height:70px;width:1px;background:linear-gradient(var(--dust),transparent)}
.hero-gauge{position:absolute;z-index:5;left:2.6vw;top:112px;display:flex;align-items:center;gap:.8rem;font:8px var(--display);letter-spacing:.22em;color:#a99b81}.hero-gauge i{display:block;width:52px;height:4px;border-block:1px solid var(--dust);transform:skewX(-35deg)}
.field-mark{background:rgba(6,8,8,.38);padding:1rem 1rem 1rem 1.5rem;backdrop-filter:blur(4px)}
.hero-caption{bottom:1.25rem;color:#b5a589}

.oath-section{min-height:860px;place-items:stretch;padding:10rem clamp(1.2rem,9vw,9rem);background:radial-gradient(ellipse at 10% 50%,rgba(167,44,32,.16),transparent 31%),linear-gradient(120deg,#090c0d,#21292a 74%,#111617);overflow:hidden}
.oath-section:after{content:"SACRAMENTVM";position:absolute;left:-.04em;bottom:-.18em;font:800 clamp(6rem,18vw,18rem)/1 var(--display);letter-spacing:-.08em;color:rgba(227,203,157,.025)}
.oath-wrap{max-width:1050px;align-self:center;margin-left:8vw}.oath-wrap blockquote{font-size:clamp(2.7rem,6vw,6.6rem);line-height:.98;letter-spacing:-.04em;text-wrap:balance}.oath-wrap blockquote:first-letter{color:var(--red)}
.oath-note{max-width:610px;color:#c7baa4;background:rgba(8,11,11,.42);padding:1rem 1.3rem;border-left:3px solid var(--red)}
.eagle-seal{right:-2vw;width:min(29vw,390px);opacity:.11;transform:translateY(-50%) rotate(9deg)}
.js .enter-view{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.js .enter-view.is-visible{opacity:1;transform:none}

.drill{padding-top:11rem;background:linear-gradient(#121718,#1a2021 22%,#0c1011)}
.drill-intro{max-width:1320px;grid-template-columns:1.12fr .88fr;padding-bottom:7rem;gap:8vw}.drill h2{font-size:clamp(4rem,8vw,8.4rem);letter-spacing:-.07em}.drill-dispatch>p{margin:0;color:#c0b6a4;line-height:1.58}.drill-dispatch dl{display:grid;grid-template-columns:repeat(3,1fr);margin:2.2rem 0 0;border-top:1px solid var(--line)}.drill-dispatch dl div{padding:.9rem .7rem;border-right:1px solid var(--line)}.drill-dispatch dt{font:8px var(--display);letter-spacing:.15em;text-transform:uppercase;color:#887e6c}.drill-dispatch dd{margin:.35rem 0 0;font:600 .75rem var(--display);color:var(--dust)}
.drill-scroll{height:340vh}.drill-sticky{min-height:700px;grid-template-columns:minmax(230px,300px) 1fr;grid-template-rows:minmax(0,1fr) auto;padding:90px clamp(1rem,3.8vw,4rem) 1.5rem;background:radial-gradient(ellipse at 68% 28%,#303c3e 0,transparent 43%),linear-gradient(145deg,#1d2526,#080b0c 78%);gap:1.2rem 2rem}.drill-sticky:before{content:"TACTICVM · TABVLA IX";position:absolute;left:clamp(1rem,3.8vw,4rem);top:32px;font:8px var(--display);letter-spacing:.25em;color:#817863}.drill-sticky:after{background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 25% 76%,rgba(0,0,0,.26)),radial-gradient(circle at 65% 40%,transparent,rgba(0,0,0,.5) 83%)}
.formation-meta{border-top:2px solid var(--dust);padding-top:1.2rem}.formation-meta>span{font-size:10px}.formation-meta p{font-size:10px}.formation-meta h3{font-size:clamp(1.7rem,2.5vw,3rem);letter-spacing:-.035em}.formation-meta>p:last-child{font-size:1.08rem;line-height:1.45}
.field-viewport{border:1px solid rgba(224,185,112,.44);box-shadow:inset 0 0 70px rgba(0,0,0,.55),0 20px 60px rgba(0,0,0,.25);background:linear-gradient(180deg,rgba(168,133,69,.08),rgba(0,0,0,.14))}.field-viewport:before{background:radial-gradient(ellipse at 50% 50%,rgba(207,166,88,.13),transparent 70%)}.field-viewport:after{content:"";position:absolute;inset:10px;border:1px solid rgba(207,166,88,.13);pointer-events:none}
.field-viewport svg{max-height:none}.soldier{transition:transform .48s cubic-bezier(.2,.82,.2,1);filter:url(#shadow)}.soldier .man{fill:#111717;stroke:#c0a36f;stroke-width:2}.soldier .shield{stroke:#f0c675;stroke-width:2.7;filter:drop-shadow(0 6px 4px rgba(0,0,0,.6));transition:transform .35s cubic-bezier(.16,1,.3,1),filter .2s}.soldier .shield-mark{fill:none;stroke:#e1b364;stroke-width:1.4;opacity:.78;pointer-events:none}.soldier .boss{fill:url(#boss);stroke:#ffe2a3}.soldier .spear-tip{fill:#c5b28b}.soldier.testudo .shield{transform:translateY(-25px) scaleY(.42) scaleX(1.12);filter:drop-shadow(0 12px 5px rgba(0,0,0,.72)) brightness(1.12)}.soldier.testudo .shield-mark,.soldier.testudo .boss{transform:translateY(-25px) scaleY(.42) scaleX(1.12);transform-origin:center}
#ground-marks path{stroke:#c2a268;opacity:.26}.testudo-active{animation:shell-impact .28s linear 3}.testudo-active .arrow{animation-duration:1.15s}.testudo-active .soldier:nth-child(4n) .shield{filter:drop-shadow(0 0 10px rgba(221,174,89,.45)) brightness(1.18)}
.command-stamp{border-color:#c84838;color:#d05442;background:rgba(20,9,7,.5);font-size:1rem}.impact-readout{position:absolute;right:1.2rem;bottom:1rem;text-align:right;color:#837b6b;font:8px var(--display);letter-spacing:.18em}.impact-readout b{display:block;color:#d0b57e;font-size:1.2rem;margin-top:.2rem}.shield-lock{position:absolute;left:50%;top:1.1rem;transform:translateX(-50%);display:flex;align-items:center;gap:.6rem;padding:.45rem .7rem;background:rgba(8,11,11,.7);border:1px solid rgba(210,171,99,.24);font:8px var(--display);letter-spacing:.15em;color:#9c9382}.shield-lock i{width:7px;height:7px;border-radius:50%;background:#766f65}.shield-lock.locked{color:#f0d9af;border-color:rgba(205,59,43,.65)}.shield-lock.locked i{background:var(--red);box-shadow:0 0 12px var(--red)}
.field-key{color:#c1b59f}.formation-tabs{gap:0;border-color:rgba(218,181,111,.44);background:transparent}.formation-tabs button{position:relative;min-height:58px;border-right:1px solid var(--line);background:rgba(9,13,14,.95);transition:background .25s,color .25s,letter-spacing .25s}.formation-tabs button span{display:inline-block;margin-right:.7rem;color:#736b5e;font-size:7px}.formation-tabs button.active{background:linear-gradient(90deg,#7d1d16,#b53627);letter-spacing:.19em}.formation-tabs button.active span{color:#efc482}.formation-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.castra{min-height:860px;padding-block:9rem;background-color:#cbae72;background-image:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(67,45,22,.055) 1px,transparent 1px),radial-gradient(circle at 75% 42%,rgba(255,239,188,.35),transparent 27rem),linear-gradient(145deg,#d6bd84,#b8965b);background-size:36px 36px,36px 36px,auto,auto;grid-template-columns:minmax(390px,.84fr) minmax(540px,1.16fr);gap:3vw}.castra:after{content:"SURVEY · 17:42";position:absolute;right:4vw;top:2rem;font:8px var(--display);letter-spacing:.23em;color:#6d3c27}.castra h2{font-size:clamp(3.8rem,5.6vw,6.2rem);line-height:.84;letter-spacing:-.065em}.castra-copy>p:last-of-type{font-size:1.08rem}.castra dl{border-top:2px solid rgba(70,46,25,.52)}.camp-plan{padding:2.6rem;background:rgba(231,207,153,.24);border:1px solid rgba(75,48,25,.38);box-shadow:18px 22px 0 rgba(104,70,31,.14),0 28px 50px rgba(70,43,16,.14);transform:rotate(.45deg)}.camp-plan svg{filter:none}.plan-lines{stroke:#3d3024;stroke-width:2.35}.plan-boundary{stroke-width:3}.plan-labels{fill:#4c291c;font-size:10px}.stake{fill:#85291f}.survey-sequence{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(70,46,25,.35)}.survey-sequence li{padding:.8rem .35rem 0;border-right:1px solid rgba(70,46,25,.24);font:8px var(--display);letter-spacing:.08em;text-transform:uppercase}.survey-sequence span{display:block;color:#8f291f;margin-bottom:.25rem}

.burden{padding-block:11rem;background:radial-gradient(circle at 22% 50%,rgba(156,104,46,.12),transparent 25rem),linear-gradient(140deg,#0b0f10,#20292a 60%,#101516)}.burden h2{font-size:clamp(3.8rem,7.1vw,7.6rem)}.loadout{margin-top:7rem}.load-figure{min-height:580px;background:linear-gradient(90deg,transparent 49.8%,rgba(207,171,103,.1) 50%,transparent 50.2%)}.load-figure:before{content:"SARCINA / LOAD MAP";position:absolute;top:0;left:0;font:8px var(--display);letter-spacing:.2em;color:#8e836e}.load-figure svg{transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}.strain-map{position:absolute;inset:0;pointer-events:none}.strain-map span{position:absolute;right:0;font:8px var(--display);letter-spacing:.15em;color:#897f6c}.strain-map span:before{content:"";display:inline-block;width:50px;height:1px;background:var(--red);margin-right:.6rem;vertical-align:middle}.strain-map span:nth-child(1){top:23%}.strain-map span:nth-child(2){top:53%}.strain-map span:nth-child(3){top:78%}.load-figure[data-strain="4"] svg{filter:drop-shadow(0 18px 24px #000) saturate(.9)}.kit-row{padding:1.55rem .7rem;transition:background .25s,padding-left .25s}.kit-row:hover{background:rgba(197,166,107,.06);padding-left:1.1rem}.kit-row small{color:#aaa08f}.weight-control{border-top-width:2px}

.ranks{position:relative;padding-block:11rem;background:radial-gradient(circle at 77% 40%,rgba(134,77,34,.11),transparent 26rem),linear-gradient(160deg,#f0e5ce,#d8c6a4);grid-template-columns:.82fr 1.18fr}.ranks:after{content:"VITIS";position:absolute;left:-.04em;bottom:-.22em;font:800 min(22vw,17rem)/1 var(--display);color:rgba(88,50,25,.05);pointer-events:none}.rank-ladder{position:relative;padding-left:2.5rem}.rank-ladder:before{content:"";position:absolute;left:.55rem;top:-1rem;bottom:-1rem;width:9px;border:2px solid #765027;border-radius:60% 15% 50% 25%;transform:rotate(-1deg);background:linear-gradient(90deg,#573719,#b58347 48%,#4f2d12);box-shadow:4px 7px 0 rgba(66,42,20,.12)}.rank-ladder li{position:relative;min-height:86px}.rank-ladder li:before{content:"";position:absolute;left:-2.22rem;width:14px;height:14px;border-radius:50%;background:#a52c20;border:3px solid #ddcba8;box-shadow:0 0 0 1px #6d401f}.rank-ladder strong{font-size:1.05rem}.rank-ladder small{font-size:1rem}

.ledger{padding-block:11rem;background:radial-gradient(circle at 72% 45%,rgba(162,105,42,.11),transparent 30rem),linear-gradient(135deg,#0e1314,#202929 62%,#111718)}.ledger:before{color:rgba(255,255,255,.026)}.wax-tablet{background:#322019;border-color:#806044;padding:2.4rem 2.2rem;box-shadow:0 34px 70px #050707,inset 0 0 50px rgba(0,0,0,.32);transform:rotate(.45deg)}.wax-tablet:after{content:"";position:absolute;inset:6px;border:1px solid rgba(226,193,132,.12);pointer-events:none}.ledger-row{padding:1.15rem 0}.ledger-row.debit strong{color:#d38a68}.ledger-total strong{font-size:2.6rem}.stylus-scar{position:absolute;inset:30% 8% auto 5%;height:1px;background:rgba(234,202,142,.18);transform:rotate(-6deg);box-shadow:0 16px rgba(234,202,142,.09),0 -23px rgba(234,202,142,.1)}

.last-light{min-height:780px;text-align:left;align-items:flex-start;padding-inline:max(1.2rem,11vw);background:linear-gradient(90deg,rgba(5,7,7,.9),rgba(8,10,10,.52) 53%,#080a0a 100%),url('/assets/gen/legioix/hero.jpg') 47% 43%/cover fixed}.last-light h2{font-size:clamp(3.2rem,7.4vw,7.5rem);max-width:1100px}.last-light>p:not(.kicker){max-width:760px;color:#c0b29c}.last-light>small{font:9px var(--display);letter-spacing:.18em;color:#9f927c;text-transform:uppercase;border-left:2px solid var(--red);padding-left:1rem}.last-light a{margin-top:2.6rem;padding-inline:0}.last-light:before,.last-light:after{height:74px}
footer{min-height:170px;color:#b0a58f}footer p{font-style:italic}footer a{position:relative}footer a:after{content:"";position:absolute;left:0;right:0;bottom:.35rem;height:1px;background:var(--dust);transform:scaleX(0);transform-origin:left;transition:transform .25s}footer a:hover:after{transform:scaleX(1)}

@keyframes gate-weave{0%,100%{transform:translateX(0)}33%{transform:translateX(2px)}66%{transform:translateX(-1px)}}
@keyframes shell-impact{0%,100%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-1px)}}

@media(max-width:980px) and (min-width:701px){
  .hero-copy{width:75vw}.hero h1{font-size:clamp(7rem,18vw,10rem)}
  .oath-wrap{margin-left:3vw}.drill-intro{grid-template-columns:1fr .85fr}
  .drill-sticky{grid-template-columns:180px 1fr;padding-inline:2rem}.formation-meta h3{font-size:1.5rem}
  .castra{grid-template-columns:minmax(300px,.9fr) minmax(390px,1.1fr);padding:8rem 2.6rem;gap:2rem}.castra h2{font-size:clamp(3.1rem,6vw,4.2rem)}.castra dl{grid-template-columns:1fr}.castra dl div{display:flex;justify-content:space-between;border-right:0}.camp-plan{padding:1.2rem}.survey-sequence{grid-template-columns:1fr 1fr}.survey-sequence li{min-height:52px}
  .ranks,.ledger{padding-inline:3rem;gap:4vw}.rank-ladder{padding-left:2.2rem}
}

@media(max-width:700px){
  body{font-size:18px}.site-header{height:64px;padding-inline:1rem}.site-header .brand{font-size:11px}.brand span{width:32px;height:36px}.sound-toggle{font-size:9px;padding:0}
  .hero{height:max(720px,100svh);min-height:720px;padding-inline:1.15rem;padding-bottom:5.7rem}.hero-frame{inset:64px 0 52px;border-inline:0}.hero-image{background-position:47% 42%;filter:saturate(.58) contrast(1.15) brightness(.73)}.hero:before{background:linear-gradient(0deg,#070a0b 3%,rgba(5,7,7,.25) 59%,rgba(4,6,6,.45)),linear-gradient(90deg,rgba(0,0,0,.42),transparent 70%)}.hero:after{inset:64px 0 auto;box-shadow:0 calc(100svh - 117px) 0 rgba(218,181,111,.15)}.hero-copy{width:100%;margin:0}.hero h1{font-size:clamp(5.4rem,27vw,7.1rem);line-height:.72}.hero h1 span{font-size:.38em;letter-spacing:.27em}.hero h1 b{filter:drop-shadow(6px 8px 0 rgba(23,8,6,.55))}.hero-deck{font-size:1rem;line-height:1.45;max-width:355px}.hero-slate,.hero-gauge{display:none}.hero-caption{font-size:7px}.film-scratches{opacity:.06}
  .oath-section{min-height:730px;padding:8rem 1.2rem}.oath-wrap{margin:0}.oath-wrap blockquote{font-size:clamp(2.25rem,10vw,3.25rem);line-height:1.03}.oath-note{width:94%;font-size:.98rem;margin-top:2.5rem}.eagle-seal{width:65vw;right:-16vw}
  .drill{padding-top:7.5rem}.drill-intro{grid-template-columns:1fr;padding-bottom:4.5rem}.drill h2{font-size:clamp(3.3rem,16vw,4.5rem)}.drill-dispatch{margin-top:2.5rem}.drill-dispatch>p{font-size:1rem}.drill-dispatch dl{margin-top:1.5rem}.drill-dispatch dl div{padding-inline:.35rem}.drill-dispatch dd{font-size:.6rem}
  .drill-scroll{height:300vh}.drill-sticky{height:100svh;min-height:650px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;padding:71px .7rem .7rem;gap:.6rem}.drill-sticky:before{top:67px;left:auto;right:1rem;font-size:6px}.formation-meta{grid-template-columns:40px 1fr;padding:.4rem 0;border-top-width:1px}.formation-meta>span{grid-row:1/3}.formation-meta p{font-size:8px}.formation-meta h3{font-size:1.1rem}.field-viewport:after{inset:5px}.field-viewport svg{transform:scale(1.16);transform-origin:center}.shield-lock{top:.7rem;font-size:6px}.command-stamp{right:.7rem;top:2.7rem;font-size:.7rem}.impact-readout{right:.8rem;bottom:.5rem}.impact-readout b{font-size:.9rem}.field-key{font-size:7px;left:.7rem}.formation-tabs button{min-height:52px;font-size:7px;padding:0 2px}.formation-tabs button span{display:block;margin:0 0 3px}.soldier .shield{stroke-width:3.5}.soldier.testudo .shield{transform:translateY(-26px) scaleY(.38) scaleX(1.2)}
  .castra{grid-template-columns:1fr;min-height:0;padding:8rem 1.15rem 6rem;gap:3.5rem;background-size:28px 28px,28px 28px,auto,auto}.castra h2{font-size:clamp(3rem,14.7vw,4.2rem);line-height:.9}.castra-copy>p:last-of-type{font-size:1rem}.castra dl{margin-top:2.3rem}.camp-plan{padding:.6rem;margin:0;transform:none;box-shadow:9px 12px 0 rgba(104,70,31,.14),0 20px 38px rgba(70,43,16,.12)}.survey-sequence{grid-template-columns:1fr 1fr}.survey-sequence li{min-height:49px;font-size:6px}.plan-compass{right:2%;top:3%}
  .burden{padding:8.5rem 1.15rem}.burden h2{font-size:clamp(3.1rem,14.8vw,4.3rem)}.burden-head{grid-template-columns:1fr}.burden-head>p{margin-top:2.2rem}.loadout{grid-template-columns:1fr;margin-top:4rem}.load-figure{min-height:430px}.load-figure svg{height:400px}.strain-map span:before{width:28px}.strain-map span{font-size:6px}.weight-tag strong{font-size:3rem}.kit-row{grid-template-columns:28px 1fr auto;gap:.5rem;padding:1.3rem .2rem}.kit-row small{max-width:190px}.weight-control{grid-template-columns:1fr;margin-top:3rem}.weight-control input,.weight-control p{grid-column:1;grid-row:auto}.weight-control p{margin-top:1rem}
  .ranks{grid-template-columns:1fr;padding:8.5rem 1.15rem}.ranks h2{font-size:clamp(3.2rem,15vw,4.5rem)}.rank-ladder{margin-top:3rem;padding-left:2rem}.rank-ladder li{grid-template-columns:25px 1fr auto;gap:.45rem;min-height:78px}.rank-ladder strong{font-size:.82rem}.rank-ladder small{font-size:.8rem}.rank-ladder:before{left:.32rem;width:7px}.rank-ladder li:before{left:-1.96rem}
  .ledger{grid-template-columns:1fr;padding:8.5rem 1.15rem;gap:3rem}.ledger h2{font-size:clamp(3.2rem,15vw,4.4rem)}.wax-tablet{border-width:10px;padding:1.3rem .9rem;transform:none}.tablet-top{font-size:7px}.ledger-row{font-size:.9rem;padding:.9rem 0}.ledger-row strong{font-size:.72rem}.ledger-total{flex-wrap:wrap}.ledger-total strong{font-size:1.7rem}.seal{width:50px;height:50px;bottom:5.5rem}.salt-note{grid-column:1;margin-top:0}
  .last-light{min-height:690px;background-attachment:scroll;padding:8rem 1.2rem;text-align:left}.last-light h2{font-size:clamp(2.7rem,13vw,3.8rem)}.last-light>p:not(.kicker){font-size:1rem}.last-light>small{font-size:7px;line-height:1.6}.last-light a{min-height:44px}
  footer{min-height:0;display:block;padding:2.7rem 1.2rem 2.2rem}footer p{margin:0 0 1.2rem}footer nav{display:grid;gap:0}footer a{min-height:44px;padding:.6rem 0;border-top:1px solid rgba(218,181,111,.14)}footer a:after{display:none}
}

@media(prefers-reduced-motion:reduce){.film-scratches,.testudo-active{animation:none}.js .enter-view{opacity:1;transform:none}.drill-scroll{height:260vh}}

/* Pass 3: art-direction finish — tactile volley, optical type, and worked surfaces. */
::selection{background:#b63627;color:#fff4df;text-shadow:none}
html{scrollbar-color:#8f291f #090d0e;scrollbar-width:thin}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#090d0e}::-webkit-scrollbar-thumb{background:linear-gradient(#bc3d2d,#681812);border:2px solid #090d0e}
body{font-variant-numeric:oldstyle-nums proportional-nums}p{text-wrap:pretty}.eyebrow,.kicker,.section-number,.formation-meta,.formation-tabs,.impact-readout,.shield-lock,.survey-sequence,.tablet-top,.ledger-row strong,.ledger-total,.field-mark,.hero-caption{font-variant-numeric:tabular-nums lining-nums}
.site-header,.hero-copy{animation:campaign-enter .9s cubic-bezier(.16,1,.3,1) both}.hero-copy{animation-delay:.12s}.hero-frame{animation:film-gate 1.15s cubic-bezier(.16,1,.3,1) both}.hero h1,.drill h2,.castra h2,.burden h2,.ranks h2,.ledger h2,.last-light h2{font-kerning:normal;text-wrap:balance}
.site-header nav a,.march-link,.sound-toggle,footer a,.last-light a{transition:color .25s ease,opacity .25s ease,transform .35s cubic-bezier(.16,1,.3,1)}.sound-toggle:hover,.sound-toggle:focus-visible{color:#ffd991}.brand:hover span,.brand:focus-visible span{transform:translateY(-2px);filter:brightness(1.12)}.brand span{transition:transform .35s cubic-bezier(.16,1,.3,1),filter .25s}
.field-viewport{isolation:isolate}.field-viewport:before{z-index:-1}.volley-trigger{position:absolute;z-index:8;right:1.15rem;bottom:3.6rem;min-width:178px;min-height:46px;padding:.55rem .75rem;border:1px solid rgba(226,188,116,.45);background:rgba(6,10,10,.88);color:#e4c991;font:700 8px var(--display);letter-spacing:.17em;text-align:left;cursor:pointer;opacity:0;transform:translateX(18px);pointer-events:none;transition:opacity .3s,transform .45s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s;box-shadow:0 12px 28px rgba(0,0,0,.42)}.volley-trigger span{display:block;margin-bottom:.3rem;color:#bd4938;font-size:6px;letter-spacing:.22em}.testudo-ready .volley-trigger{opacity:1;transform:none;pointer-events:auto}.volley-trigger:hover,.volley-trigger:focus-visible{background:#8f291f;border-color:#e7bd72;color:#fff}.volley-trigger:active{transform:translateY(2px)}
.impact-burst{position:absolute;z-index:7;left:52%;top:47%;width:1px;height:1px;pointer-events:none}.impact-burst i{position:absolute;left:0;top:0;width:5px;height:28px;background:linear-gradient(#f4d491,transparent);transform-origin:50% 100%;opacity:0}.impact-burst i:nth-child(1){transform:rotate(22deg)}.impact-burst i:nth-child(2){transform:rotate(78deg)}.impact-burst i:nth-child(3){transform:rotate(134deg)}.impact-burst i:nth-child(4){transform:rotate(205deg)}.impact-burst i:nth-child(5){transform:rotate(292deg)}.volley-fired .impact-burst i{animation:splinter .68s cubic-bezier(.2,.75,.2,1) both}.volley-fired .impact-burst i:nth-child(2){animation-delay:.04s}.volley-fired .impact-burst i:nth-child(3){animation-delay:.08s}.volley-fired .impact-burst i:nth-child(4){animation-delay:.12s}.volley-fired .impact-burst i:nth-child(5){animation-delay:.16s}.volley-fired{animation:volley-shock .34s linear 2}.volley-fired .arrow{animation-duration:.72s!important;animation-iteration-count:2!important;filter:drop-shadow(0 0 4px rgba(239,197,115,.65))}
.castra:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(102deg,transparent 0 36px,rgba(72,46,23,.027) 37px,transparent 39px);mix-blend-mode:multiply}.camp-plan:after{content:"SURVEYED · CUT · RAISED · GUARDED";position:absolute;left:2.6rem;top:1.5rem;font:7px var(--display);letter-spacing:.22em;color:rgba(76,42,26,.68)}
.burden:after,.ledger:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 18%,rgba(223,177,91,.055),transparent 22rem),repeating-linear-gradient(91deg,transparent 0 120px,rgba(255,255,255,.012) 121px,transparent 122px)}.burden,.ledger{position:relative;isolation:isolate}.burden>* , .ledger>*{position:relative;z-index:1}.wax-tablet:hover{transform:rotate(0) translateY(-4px);box-shadow:0 42px 82px #050707,inset 0 0 50px rgba(0,0,0,.32)}.wax-tablet{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
@keyframes campaign-enter{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes film-gate{from{opacity:.25;clip-path:inset(49% 0)}to{opacity:1;clip-path:inset(0)}}@keyframes splinter{0%{opacity:0;translate:0 0;scale:.4}20%{opacity:1}100%{opacity:0;translate:var(--sx,30px) -62px;scale:.15}}@keyframes volley-shock{0%,100%{translate:0}25%{translate:-3px 1px}50%{translate:3px -1px}75%{translate:-1px 2px}}
.impact-burst i:nth-child(1){--sx:-44px}.impact-burst i:nth-child(2){--sx:34px}.impact-burst i:nth-child(3){--sx:58px}.impact-burst i:nth-child(4){--sx:-30px}.impact-burst i:nth-child(5){--sx:-61px}
@media(max-width:700px){.volley-trigger{right:.55rem;bottom:2.5rem;min-width:142px;min-height:44px;font-size:6px;padding:.45rem .55rem}.camp-plan:after{left:1rem;top:.65rem;font-size:5px}.impact-burst{left:49%;top:43%}}
@media(prefers-reduced-motion:reduce){.site-header,.hero-copy,.hero-frame{animation:none}.volley-fired,.volley-fired .arrow,.volley-fired .impact-burst i{animation:none!important}.wax-tablet:hover{transform:none}.volley-trigger{transition:none}}