/* Page-only Napoleon composition; accounts, profiles and their controls stay shared. */
.gate-page .army-header{position:absolute;left:50%;transform:translateX(-50%);border:0;z-index:5}
.gate-page #army-main{width:100%;padding:0}
.gate-page #army-main> :not(.gate-hero){width:min(1180px,calc(100% - 96px));margin-left:auto;margin-right:auto}
.gate-page .gate-hero{width:100%;min-height:760px;height:100svh;max-height:1050px;background:#000;overflow:hidden;align-items:center}
.gate-page .army-header .lang-switcher .stats{display:none}
.napoleon-frame{position:absolute;width:min(78vw,1120px);aspect-ratio:850/1000;right:-3%;top:-2%;z-index:-3;pointer-events:none}
.napoleon-frame picture,.napoleon-frame img{position:absolute;inset:0;width:100%;height:100%;display:block}
.napoleon-frame .napoleon-crow{z-index:2}
.napoleon-light{position:absolute;left:26%;top:0;width:52%;height:33%;background:radial-gradient(ellipse,#ffd76a36 0%,#ffd76a12 37%,transparent 70%);mix-blend-mode:screen;opacity:.8;transform:translate(-12%,-3%);animation:napoleon-lantern 12s ease-in-out infinite alternate;z-index:1}
.gate-page .gate-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#000 0%,#000e 26%,#0005 57%,#0000 80%),linear-gradient(0deg,#000,transparent 35%),linear-gradient(180deg,#0008,transparent 18%);pointer-events:none}
.gate-page .gate-hero:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.55' d='M0 0h140v140H0z'/%3E%3C/svg%3E")}
.gate-page .hero-copy{width:min(1180px,calc(100% - 96px));margin:auto;padding:120px 0 74px;z-index:3}
.gate-page .hero-copy .army-eyebrow{margin-bottom:28px;color:#bbb09b}
.gate-page .hero-copy h1{font-size:clamp(65px,7.8vw,112px);font-weight:600;line-height:.98;letter-spacing:-.065em;max-width:10ch;margin:0;text-wrap:balance;color:#f2ede2}
.gate-page .gate-intro{max-width:36ch;font-size:14px;line-height:1.8;color:#bab4a7;margin-top:30px!important}
.hero-actions{display:flex;align-items:center;gap:27px;margin-top:29px}
.hero-actions .army-button{min-width:146px}
.hero-legion{font-size:12px;min-height:48px;display:inline-flex;align-items:center;border-bottom:1px solid #867348}
.hero-legion:hover{color:var(--army-gold)}
.painting-credit{position:absolute;right:36px;bottom:26px;font-size:9px;z-index:3;color:#a6a095;min-height:24px;display:flex;align-items:center}
.gate-page .army-live{margin-top:0;min-height:88px}
.gate-page .army-oath{padding:62px 0;gap:60px}
.gate-page .army-doors{padding:15px 0 62px;scroll-margin-top:24px}
.gate-page .section-heading{margin-bottom:28px}
.gate-page .door-grid{gap:14px}
.gate-page .army-door{border-radius:3px;min-height:250px;padding:26px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.gate-page .army-door:before{display:none}
.gate-page .army-door:hover{transform:none}
.gate-page .door-number{position:static;align-self:auto;margin:0 0 18px;color:#b09b69}
.gate-page .army-door h3{margin:0;font-size:21px}
.gate-page .army-door p{margin:12px 0 20px;line-height:1.65;max-width:30ch}
.gate-page .army-door .army-button{margin-top:auto;min-height:44px;padding:10px 16px;font-size:11px}
@keyframes napoleon-lantern{from{opacity:.6;transform:translate(-12%,-3%)}to{opacity:1;transform:translate(9%,7%)}}
@media(max-width:900px){
 .gate-page .army-header{width:calc(100% - 40px)}
 .gate-page #army-main> :not(.gate-hero),.gate-page .hero-copy{width:calc(100% - 48px)}
 .napoleon-frame{width:110vw;right:-27%;top:3%}
 .gate-page .hero-copy h1{font-size:clamp(68px,10vw,92px)}
 .gate-page .hero-copy{padding-top:180px}
 .gate-page .army-oath{gap:30px}
 .gate-page .army-door{padding:20px}
}
@media(max-width:600px){
 .gate-page .army-header{padding:12px 0;min-height:95px;align-content:flex-start;gap:4px}
 .gate-page .army-header .lang-switcher{gap:12px;justify-content:flex-start;min-height:36px}
 .gate-page .army-header .lang-switcher a{min-width:28px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}
 .gate-page #army-main> :not(.gate-hero),.gate-page .hero-copy{width:calc(100% - 40px)}
 .gate-page .gate-hero{min-height:740px;max-height:950px;align-items:flex-end}
 .napoleon-frame{width:155vw;right:auto;left:50%;transform:translateX(-50%);top:65px}
 .gate-page .gate-hero:before{background:linear-gradient(0deg,#000 0%,#000f 18%,#000b 40%,#0000 66%),linear-gradient(180deg,#000d 0%,#0000 22%)}
 .gate-page .hero-copy{padding:350px 0 64px;margin:0 auto}
 .gate-page .hero-copy .army-eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:16px}
 .gate-page .hero-copy h1{font-size:clamp(51px,14.5vw,82px);max-width:10ch;line-height:1;letter-spacing:-.062em}
 .gate-page .gate-intro{font-size:12px;max-width:34ch;margin-top:18px!important;line-height:1.7}
 .hero-actions{gap:22px;margin-top:23px}
 .hero-actions .army-button{min-width:133px;min-height:48px}
 .hero-legion{font-size:11px}
 .painting-credit{right:20px;bottom:14px;font-size:8px}
 .gate-page .army-live{padding:22px 0;gap:12px 18px}
 .gate-page .army-oath{padding:42px 0;gap:20px}
 .gate-page .army-oath h2{margin-top:13px}
 .gate-page .army-oath li{font-size:12px;padding:12px 0}
 .gate-page .army-doors{padding:18px 0 42px}
 .gate-page .section-heading{margin-bottom:20px}
 .gate-page .section-heading h2{font-size:25px;margin-top:12px}
 .gate-page .door-grid{gap:10px}
 .gate-page .army-door{min-height:0;padding:16px 18px 15px 42px;position:relative}
 .gate-page .door-number{position:absolute;left:17px;top:17px;font-size:9px}
 .gate-page .army-door h3{font-size:17px;line-height:1.3}
 .gate-page .army-door p{font-size:11px;margin:6px 0 8px;max-width:32ch}
 .gate-page .army-door .army-button{min-height:44px;font-size:10px;padding:8px 12px}
 .gate-page .army-doors>.army-fine{font-size:9px;margin-top:14px}
}
@media(prefers-reduced-motion:reduce){.napoleon-light{animation:none;transform:none;opacity:.9}}

.gate-page .hero-copy{pointer-events:none}.gate-page .hero-copy a,.gate-page .hero-copy button{pointer-events:auto}.crow-tap{position:absolute;left:47%;top:12.5%;width:9%;height:8%;min-width:44px;min-height:44px;z-index:3;pointer-events:auto;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.crow-tap:focus-visible{outline:1px solid var(--army-gold,#ffd76a);outline-offset:4px;border-radius:50%}.crow-caw{position:absolute;left:100%;bottom:90%;white-space:nowrap;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#090909;background:#ffd76a;padding:4px 8px;border-radius:3px;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;pointer-events:none}.crow-tap.cawing .crow-caw{opacity:1;transform:none}.napoleon-crow.hop{animation:crow-hop .5s cubic-bezier(.3,.7,.4,1)}@keyframes crow-hop{40%{transform:translateY(-1.6%) rotate(-2deg)}}@media(max-width:600px){.crow-caw{left:auto;right:100%}}@media(prefers-reduced-motion:reduce){.napoleon-crow.hop{animation:none}}