.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cinematic-home{background:#071018;--ivory:#eee7d8;--muted:#bac0c0;--gold:#c9b58e}
.cinematic-home main{overflow:clip}.cinema-page{background:#071018;isolation:isolate}
.cinematic-home .header{height:80px;background:linear-gradient(#050c14b8,transparent);backdrop-filter:none;border:0;box-shadow:none;padding-inline:4%;gap:25px}
.cinematic-home .header.sticky{background:#071018e8;backdrop-filter:blur(15px);border-bottom:1px solid #d0bd9020}
.cinematic-home .header nav{gap:34px}.cinematic-home .header nav a{font-size:10px;font-weight:400;letter-spacing:.23em;padding-block:29px}.cinematic-home .header .wordmark{font-size:29px}.cinematic-home .header .wordmark>span{font-size:13px}.cinematic-home .header .wordmark small{font-size:7px}
.cinematic-home .header-account{font-size:11px;color:#c9c7bd}
.cinema-page .button{min-width:185px;justify-content:center;min-height:47px;padding:13px 26px;font:13px var(--serif);letter-spacing:.13em;box-shadow:none;border:1px solid #b9b7a766;background:#07121b80}
.cinema-page .button.gold{background:linear-gradient(120deg,#55482d66,#10181aaf);border-color:#bea675;color:#ede3ce;box-shadow:inset 0 0 17px #cbb58110}
.cinema-page .button:hover{background:#a28a4c30;border-color:#d5c29e;transform:translateY(-2px)}
.cinema-hero{height:95svh;min-height:700px;max-height:960px;overflow:clip;background:#071018}
.cinema-hero .hero-content{width:100%;top:48%;padding:0 20px;translate:0 -50%;position:absolute}
.cinema-hero .hero-logo{width:min(900px,78vw);max-width:100%;margin:0 auto 22px;filter:drop-shadow(0 18px 18px #0007)}
.cinema-hero .hero-actions{gap:24px}.cinema-hero .hero-backdrop{background:linear-gradient(180deg,#07101805 70%,#071018 100%),url('/assets/hero-forest.png') center/cover}
.cinema-hero .hero-atmosphere{background:linear-gradient(0deg,#071018,transparent 28%),radial-gradient(ellipse at 50% 40%,transparent 40%,#02081230)}
.cinema-hero .hero-foreground{opacity:.8;mask-image:linear-gradient(0deg,transparent,#000 17%)}
.cinema-hero .hero-fire-plane{opacity:.5;scale:.8;transform-origin:bottom right}.cinema-hero .hero-dragon-plane{display:none}
.hero-motto{position:absolute;top:22%;right:5%;font:10px/1.8 var(--serif);letter-spacing:.24em;text-align:right;text-transform:uppercase;color:#cbb995;z-index:5}.hero-motto span{display:block;width:35px;height:1px;background:#cbb995;margin:18px 0 0 auto}
.cinema-hero .hero-bottom{bottom:30px;z-index:7;font-size:8px}.cinema-hero .hero-bottom>a{font-size:8px;gap:9px}.cinema-hero .scene-toggle{background:#07101860;border-color:#c5b38638;font-size:9px}
.cinema-scene{position:relative;isolation:isolate;overflow:clip}
.cinema-scene img{display:block;max-width:none;width:100%;height:100%;object-fit:contain}
.cinema-copy{position:relative;z-index:6;width:43%;max-width:610px}
.cinema-copy .eyebrow{font:10px/1.6 var(--serif);letter-spacing:.3em;color:#c7af83;margin-bottom:24px}
.cinema-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(54px,6.4vw,100px);line-height:.98;letter-spacing:-.045em;color:#f0e7d5;margin:0 0 32px;text-shadow:0 3px 25px #02070d66;text-wrap:balance}
.cinema-copy p{font-family:var(--serif);font-size:17px;line-height:1.65;letter-spacing:.01em;color:#c3c4be}
.fine-rule{display:block;width:45px;height:1px;background:#b9aa8d;margin:0 0 28px}
.cinema-links{display:flex;gap:35px;flex-wrap:wrap;margin-top:30px}.cinema-links .text-link{font:11px var(--serif);letter-spacing:.16em;text-transform:uppercase;color:#d4bf94;border-bottom:1px solid #b7a17644;padding-bottom:10px}.cinema-links .text-link:hover{color:#fff0d2;border-color:#fff0d2}.cinema-links .text-link span{margin-left:12px}
.cinema-copy .chapter-caption{font:9px/2 var(--serif);letter-spacing:.25em;color:#cbb995;margin-top:45px}
.allegiance-scene{min-height:850px;margin-top:-75px;padding:175px 5% 150px}
.forest-continuation{position:absolute;inset:-10% -5%;z-index:-2;background:linear-gradient(0deg,#071018 0%,#07101844 35%,#07101866 75%,#071018 100%),url('/assets/hero-forest.png') center/cover;filter:brightness(.65) saturate(.65)}
.character-plane{position:absolute;z-index:2;right:-2%;bottom:-6%;width:72%;height:112%;will-change:transform;mask-image:linear-gradient(0deg,transparent,#000 17%)}
.character-plane img{object-fit:contain;object-position:center bottom;filter:drop-shadow(-25px 12px 20px #0004)}
.allegiance-copy{max-width:560px}.allegiance-copy h2{font-size:clamp(58px,6.9vw,110px)}
.cinema-mist{position:absolute;pointer-events:none;z-index:4;left:-12%;width:124%;height:46%;bottom:-8%;opacity:.33;mix-blend-mode:screen;will-change:transform}
.cinema-mist img{object-fit:fill;animation:cinema-fog 30s ease-in-out infinite alternate;animation-play-state:paused}.is-visible .cinema-mist img{animation-play-state:running}
.battle-scene{min-height:750px;margin-top:-95px;padding:220px 5% 115px}
.raid-background{position:absolute;inset:-10% -4%;z-index:-3;mask-image:linear-gradient(0deg,transparent,#000 17%,#000 74%,transparent)}
.raid-background img{object-fit:cover;object-position:center;filter:brightness(.75) saturate(.7)}
.battle-scene:after{position:absolute;inset:0;content:'';z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent 45%,#07101877 80%,#07101855)}
.clan-plane{position:absolute;left:-5%;bottom:-6%;height:105%;width:72%;z-index:2;mask-image:linear-gradient(0deg,transparent,#000 20%);will-change:transform}.clan-plane img{object-fit:contain;object-position:left bottom;filter:brightness(.78)}
.battle-copy{margin-left:auto;text-align:right;width:42%;max-width:580px}.battle-copy h2{font-size:clamp(48px,5.4vw,85px)}.battle-copy .fine-rule{margin-left:auto}.battle-copy .cinema-links{justify-content:flex-end}.battle-copy p{font-size:16px}
.battle-glow{position:absolute;width:50%;height:60%;left:15%;top:30%;background:radial-gradient(ellipse,#c970271b,transparent 65%);mix-blend-mode:screen;animation:cinema-fire 5s ease-in-out infinite alternate;pointer-events:none}
.battle-sparks{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.battle-sparks i{position:absolute;left:var(--x);bottom:10%;width:2px;height:3px;background:#bd8750;box-shadow:0 0 8px #e4a85b;opacity:0;animation:cinema-ember 8s linear infinite;animation-delay:calc(var(--i)*-.71s);animation-play-state:paused}.is-visible .battle-sparks i{animation-play-state:running}
.forge-scene{min-height:560px;margin-top:-75px;padding:140px 5% 160px;background:linear-gradient(0deg,#050b11,transparent)}
.forge-back{position:absolute;inset:0;background:linear-gradient(0deg,#050b11,#0b1720aa);z-index:-2}
.weapon-plane{position:absolute;left:-6%;bottom:-8%;width:110%;height:130%;z-index:2;pointer-events:none;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 80%,transparent);will-change:transform}.weapon-plane img{object-fit:contain;object-position:left bottom;filter:brightness(.83)}
.forge-copy{margin-left:auto;text-align:right;width:51%;max-width:750px}.forge-copy h2{font-size:clamp(43px,4.4vw,70px);margin-bottom:24px}.forge-copy .eyebrow{font-size:8px;letter-spacing:.17em;line-height:1.8}.forge-copy .cinema-links{justify-content:flex-end;margin-top:28px}.labs-link{display:inline-block;margin-top:22px;font:11px var(--serif);color:#a6b5bc;letter-spacing:.05em}.labs-link:hover{color:#eee7d8}.forge-motto{position:absolute;right:5%;bottom:90px;font:8px/2 var(--serif);letter-spacing:.2em;color:#7794a7;text-align:right;z-index:6}.forge-mist{opacity:.12;bottom:-20%}
.cinematic-home .footer{position:relative;background:#050b11;border:0;padding:32px 5%;z-index:7}.cinematic-home .footer-top{display:none}.cinematic-home .footer-bottom{padding:0;border:0;font:8px/1.8 var(--serif);letter-spacing:.12em;color:#899395}.cinematic-home .footer-bottom>span:last-child{font-size:8px}
.cinema-paused .cinema-mist img,.cinema-paused .battle-glow,.cinema-paused .battle-sparks i{animation-play-state:paused!important}
@keyframes cinema-fog{from{translate:-3% 0;opacity:.65}to{translate:4% -4%;opacity:1}}
@keyframes cinema-fire{from{opacity:.45}to{opacity:.95}}
@keyframes cinema-ember{0%{translate:0 0;opacity:0}15%{opacity:.6}85%{opacity:.25}100%{translate:35px -290px;opacity:0}}
@media(min-width:1700px){.allegiance-scene{min-height:1050px}.battle-scene{min-height:920px}.forge-scene{min-height:650px}}
@media(max-width:1100px){.cinematic-home .header nav{gap:19px}.cinematic-home .header nav a{font-size:9px}.character-plane{right:-10%;width:80%}.allegiance-scene{min-height:790px}.allegiance-copy{width:46%}.cinema-copy p{font-size:15px}.battle-copy{width:45%}.battle-scene{min-height:680px}.forge-scene{min-height:500px}.hero-motto{right:3%;font-size:8px}}
@media(max-width:760px){
 .cinematic-home .header{height:70px;padding-inline:6%}.cinematic-home .header.menu-open{background:#071018}.cinematic-home .header.menu-open nav{top:70px;background:#071018}.cinematic-home .header.menu-open nav a{font-size:12px;padding:17px 0}
 .cinema-hero{height:780px;min-height:90svh;max-height:950px}.cinema-hero .hero-content{top:45%;padding:0 12px;translate:0 -50%;width:100%}.cinema-hero .hero-logo{width:100%;max-width:650px;margin:0 auto 30px}.cinema-hero .hero-actions{gap:12px}.cinema-hero .hero-actions .button{width:230px;min-height:45px;font-size:11px}.hero-motto{top:15%;right:7%;font-size:8px}.cinema-hero .hero-bottom{bottom:40px;left:6%;right:6%}.cinema-hero .hero-bottom>a{font-size:7px}.cinema-hero .hero-fire-plane{scale:.6;opacity:.35}
 .allegiance-scene{margin-top:-65px;min-height:1050px;padding:80px 7% 650px}.cinema-copy{width:100%;max-width:none}.allegiance-copy h2{font-size:clamp(49px,12vw,75px);margin-bottom:22px}.cinema-copy .eyebrow{font-size:8px;letter-spacing:.23em;margin-bottom:20px}.cinema-copy p{font-size:14px;line-height:1.7}.fine-rule{margin-bottom:20px}.allegiance-copy .chapter-caption{display:none}.cinema-links{gap:22px;margin-top:22px}.cinema-links .text-link{font-size:9px}.character-plane{width:130%;height:680px;right:-21%;bottom:-30px}.allegiance-mist{height:27%;bottom:-3%;opacity:.4}
 .battle-scene{margin-top:-85px;min-height:1010px;padding:540px 7% 110px}.raid-background{inset:-3% -55% 15% -20%}.raid-background img{object-position:40% center;filter:brightness(.72) saturate(.7)}.clan-plane{height:590px;width:120%;left:-24%;bottom:auto;top:0}.battle-copy{width:100%;text-align:right}.battle-copy h2{font-size:49px}.battle-copy p{font-size:14px}.battle-copy .cinema-links{gap:24px}.battle-scene:after{background:linear-gradient(0deg,#07101855,transparent 85%)}.battle-mist{bottom:26%;height:30%;opacity:.2}
 .forge-scene{min-height:670px;margin-top:-35px;padding:65px 7% 410px}.forge-copy{width:100%;text-align:left}.forge-copy h2{font-size:45px}.forge-copy .eyebrow{font-size:8px}.forge-copy .cinema-links{justify-content:flex-start}.weapon-plane{height:510px;width:180%;left:-42%;bottom:-20px}.forge-motto{bottom:45px;right:7%;font-size:7px}.forge-mist{bottom:-15%;height:30%}.cinematic-home .footer{padding:25px 7%}.cinematic-home .footer-bottom{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.cinema-page [data-plane]{transform:none!important}.cinema-mist img,.battle-glow,.battle-sparks i{animation:none!important}}
/* Continuous scene edges: fade complete composites, including foreground art. */
.cinema-hero{mask-image:linear-gradient(#000 0%,#000 76%,transparent 100%)}
.allegiance-scene{margin-top:-160px;mask-image:linear-gradient(transparent,#000 120px,#000 calc(100% - 130px),transparent)}
.forest-continuation{background:linear-gradient(0deg,#071018 0%,#07101844 35%,#07101888 75%,#071018 100%),url('/assets/hero-forest.png') center/cover}
.battle-scene{margin-top:-150px;mask-image:linear-gradient(transparent,#000 130px,#000 calc(100% - 110px),transparent)}
.forge-scene{margin-top:-130px;mask-image:linear-gradient(transparent,#000 120px,#000)}
.forge-back{background:linear-gradient(0deg,#050b11,#0b172000)}
@media(max-width:760px){.allegiance-scene{margin-top:-120px;padding-top:130px}.battle-scene{margin-top:-130px}.forge-scene{margin-top:-110px;padding-top:140px}}
@media(min-width:761px){.character-plane{height:94%;bottom:-3%}}
.forge-scene{mask-image:linear-gradient(transparent,#000 120px,#000 calc(100% - 80px),transparent)}
.cinema-hero .hero-bottom{bottom:125px}


/* Lower composition: one coordinated layout, measured against the approved mockup. */
.cinema-page .cinema-copy{transform:none;translate:none;transition:none;animation:none}
.cinema-page .cinema-mist{mask-image:linear-gradient(transparent,#000 35%,#000 60%,transparent);filter:blur(7px)}
.battle-scene{height:64vw;min-height:620px;max-height:1000px;margin-top:-110px;padding:0;overflow:visible;mask-image:linear-gradient(transparent,#000 100px,#000)}
.raid-background{inset:auto;left:-2%;top:-17vw;width:150%;height:auto;aspect-ratio:1672/941;mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent)}
.raid-background img{object-fit:contain;filter:brightness(.83) saturate(.8)}
.clan-plane{left:-9%;bottom:0;width:65%;height:100%;mask-image:linear-gradient(0deg,transparent,#000 12%)}
.clan-plane img{filter:brightness(.88)}
.battle-copy{position:absolute;right:4%;top:22%;width:33%;max-width:none;margin:0}
.battle-copy h2{font-size:clamp(42px,4.6vw,76px)}
.battle-copy p{font-size:clamp(13px,1.2vw,18px)}
.battle-copy .cinema-links{gap:20px;flex-wrap:nowrap}
.battle-copy .text-link{font-size:9px;white-space:nowrap}
.battle-scene:after{background:linear-gradient(90deg,transparent 55%,#07101840)}
.battle-mist{bottom:-5%;height:22%;opacity:.19}
.forge-scene{height:36vw;min-height:370px;max-height:580px;margin-top:-8vw;padding:0;background:none;overflow:visible;mask-image:none}
.forge-back{display:block;position:absolute;inset:0 -3% -30px;z-index:0;background:linear-gradient(#07101833,#07101855),url('/assets/legacy-cloth.png') center/100% 100%;mask-image:linear-gradient(transparent,#000 22%,#000 80%,transparent);filter:brightness(.53)}
.weapon-plane{left:-4%;bottom:-4vw;width:110%;height:64vw;max-height:1050px;z-index:2;mask-image:linear-gradient(0deg,transparent,#000 14%,#000)}
.weapon-plane img{object-fit:contain;object-position:left bottom;filter:brightness(.94)}
.forge-copy{position:absolute;left:63%;right:5%;top:12vw;width:auto;max-width:none;margin:0;text-align:left}
.forge-copy h2{font-size:clamp(28px,3.2vw,52px);line-height:1.1;white-space:nowrap;text-wrap:initial;margin-bottom:18px}
.forge-copy .eyebrow{font-size:7px;line-height:1.8;letter-spacing:.12em}
.forge-copy .cinema-links{display:flex;justify-content:flex-start;flex-wrap:nowrap;gap:24px;margin-top:20px}
.forge-copy .text-link{font-size:9px;white-space:nowrap}
.forge-copy .labs-link{display:none}
.forge-motto{right:4%;bottom:55px;font-size:7px;color:#8ca4b4}
.forge-mist{top:-20px;bottom:auto;height:100px;opacity:.12}
.forge-scene:after{content:'';position:absolute;inset:auto 0 0;height:65px;z-index:5;pointer-events:none;background:linear-gradient(transparent,#071018)}
.cinematic-home .footer{margin:0;padding:15px 5% 20px;background:#071018}
.cinematic-home .footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding:0 0 24px;margin:0}
.cinematic-home .footer-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cinematic-home .footer-top p{font:12px/1.6 var(--serif);color:#9daab0;margin:0}
.cinematic-home .footer-label{font:9px var(--serif);letter-spacing:.18em;color:#cbb995;margin-bottom:6px}
.cinematic-home .footer-top .text-link{font:11px/1.4 var(--serif);color:#b8c0c1;letter-spacing:.02em;border:0;padding:0;background:none}
.cinematic-home .footer-top .text-link:hover{color:#eee0bd}
.cinematic-home .footer-top .eyebrow{font-size:7px;letter-spacing:.2em}
.cinematic-home .footer-bottom{padding-top:16px;border-top:1px solid #cbb99520;font-size:8px}
@media(max-width:760px){
 .battle-scene{height:auto;min-height:970px;max-height:none;margin-top:-100px;padding:530px 7% 80px}
 .raid-background{left:-30%;top:-15px;width:210%}
 .clan-plane{left:-26%;top:40px;bottom:auto;width:120%;height:500px}
 .battle-copy{position:relative;inset:auto;width:100%}.battle-copy h2{font-size:46px}.battle-copy .cinema-links{justify-content:flex-end}
 .forge-scene{height:500px;min-height:0;margin-top:-35px;max-height:none}
 .forge-back{inset:0 -10% -10px;background-size:cover}
 .weapon-plane{width:175%;height:430px;left:-40%;bottom:-20px}
 .forge-copy{left:7%;right:7%;top:85px;text-align:right}.forge-copy h2{font-size:34px;white-space:normal}.forge-copy .cinema-links{justify-content:flex-end}
 .forge-motto{bottom:40px;right:7%}
 .cinematic-home .footer-top{grid-template-columns:1fr 1fr;gap:22px}.cinematic-home .footer-top>div:first-child{grid-column:1/-1}
 .cinematic-home .footer-bottom{font-size:6px;flex-wrap:wrap;gap:8px}
}
/* Crisp compact wordmark derived from the hero's ivory and antique-gold lettering. */
.header .wordmark.compact-brand{display:block;min-width:138px;flex-shrink:0;text-align:center;position:relative;padding:7px 0 9px;filter:drop-shadow(0 2px 4px #000)}
.header .wordmark.compact-brand>span{display:block;font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:400;line-height:1;letter-spacing:.16em;background:linear-gradient(#fff5dc 5%,#d6c6a0 43%,#9f8b60 53%,#eee0bf 80%);background-clip:text;color:transparent}
.header .wordmark.compact-brand small{font-size:8px;font-weight:400;line-height:1.2;letter-spacing:.36em;color:#d9cfb8;margin-top:8px;padding-left:.36em}
.header .wordmark.compact-brand:after{content:'';position:absolute;bottom:0;left:14%;right:14%;height:1px;background:linear-gradient(90deg,transparent,#c5ad78,transparent)}
@media(max-width:760px){.header .wordmark.compact-brand{min-width:125px}.header .wordmark.compact-brand>span{font-size:23px}}
.header .wordmark.compact-brand{width:180px;min-width:180px;padding:0;filter:drop-shadow(0 2px 5px #0009)}
.header .wordmark.compact-brand img{display:block;width:100%;height:auto}
.footer .wordmark.footer-brand{display:block;width:200px;max-width:100%;filter:drop-shadow(0 2px 5px #0009)}
.footer .wordmark.footer-brand img{display:block;width:100%;height:auto}
.header .wordmark.compact-brand:after{display:none}
@media(max-width:760px){.header .wordmark.compact-brand{width:150px;min-width:150px}}
/* Avoid repeating the hero's right-bank monument and feather the cutout at its actual image edge. */
.forest-continuation{background-size:auto,auto 145%;background-position:center,left center;background-repeat:no-repeat;background-color:#071018}
.character-plane img{width:auto;height:100%;margin-inline:auto;mask-image:linear-gradient(90deg,#000 0%,#000 89%,transparent 100%)}
/* Character scene background from the approved banner-and-war-camp direction. */
.forest-continuation{background:linear-gradient(0deg,#071018 0%,#07101815 28%,#07101818 72%,#071018 100%),url('/assets/allegiance-banner-camp.png') right center/cover no-repeat;filter:brightness(.88) saturate(.8)}
/* Keep the blade visible: only soften the final pixels of the cutout. */
.character-plane img{mask-image:linear-gradient(90deg,#000 0%,#000 98.5%,transparent 100%)}
.character-plane{mask-image:linear-gradient(0deg,transparent,#000 9%)}
/* The extended blade reaches the viewport edge while portraits keep their scale. */
.character-plane img{position:absolute;top:-4.5%;left:50%;height:125%;width:auto;margin:0;transform:translateX(-40%);mask-image:none}