.section{padding:clamp(76px,8vw,128px) 0}.split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);align-items:center;gap:clamp(36px,5vw,90px)}.split>*,.units-grid>*,.signup-grid>*,.intention-grid>*{min-width:0}.reverse{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr)}
.hero,.hero-header,.intention{
  --body:'MusunoaBody',Arial,sans-serif;
  --display:'MusunoaDisplay',Impact,sans-serif;
  font-family:var(--body);
}
/* HERO r5: native artwork stays at full height; wide screens use the approved wide artwork. */
.hero{
  --hero-unit:clamp(.75px,.09765625cqw,1.14219114px);
  --hero-inset:clamp(24px,4.6875cqw,88px);
  position:relative;isolation:isolate;container-type:inline-size;
  width:100%;aspect-ratio:1024/858;height:auto;min-height:643.5px;max-height:980px;
  overflow:hidden;background:var(--charcoal);color:#fff;
}
.hero-visual{position:absolute;inset:0;z-index:-1}
.hero-visual picture{display:block;width:100%;height:100%}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:right bottom}
.hero-characters{position:absolute;right:calc(-18 * var(--hero-unit));top:calc(138 * var(--hero-unit));width:calc(626 * var(--hero-unit));z-index:-1;pointer-events:none}
.hero-characters img{display:block;width:100%;height:auto}
@media(min-width:701px) and (max-width:1169px){
  .hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02090f55 0%,#02090f33 38%,transparent 65%),radial-gradient(ellipse calc(360 * var(--hero-unit)) calc(240 * var(--hero-unit)) at calc(300 * var(--hero-unit)) calc(485 * var(--hero-unit)),#02090f59 0%,#02090f26 55%,transparent 85%);pointer-events:none}
}
.hero .hero-content{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0}
.hero-logo{position:absolute;left:var(--hero-inset);top:calc(275 * var(--hero-unit));width:calc(504 * var(--hero-unit));max-width:calc(100% - var(--hero-inset) * 2);height:auto}
.hero-tagline{position:absolute;left:var(--hero-inset);top:calc(457 * var(--hero-unit));width:calc(504 * var(--hero-unit));max-width:calc(100% - var(--hero-inset) * 2);margin:0;text-align:center;font-size:calc(24 * var(--hero-unit));font-weight:600;line-height:1.3}
.hero .trailer-launch{position:absolute;left:calc(var(--hero-inset) + 32 * var(--hero-unit));top:calc(535 * var(--hero-unit));width:calc(232 * var(--hero-unit));display:flex;flex-direction:column;align-items:center;gap:calc(18 * var(--hero-unit));border:0;background:transparent;color:#fff;padding:0;margin:0;font:400 calc(24 * var(--hero-unit))/1.2 var(--display);letter-spacing:.065em;text-transform:uppercase}
.hero .trailer-launch>.play-disc{display:flex;align-items:center;justify-content:center;width:calc(136 * var(--hero-unit));height:calc(136 * var(--hero-unit));border:3px solid #fff;border-radius:50%;background:#0c0505;box-shadow:0 0 12px 3px #ff3624,0 0 40px 7px #ee271ddd,inset 0 0 24px 4px #ed291b99;transition:transform .2s}
.hero .trailer-launch .icon{width:66px;height:66px;flex-basis:66px;filter:invert(1)}
.hero .trailer-launch:hover>.play-disc{transform:scale(1.06)}
.hero-availability{display:block;margin-top:8px;font-size:.85em}
.hero-actions{position:absolute;left:var(--hero-inset);top:calc(550 * var(--hero-unit));width:calc(504 * var(--hero-unit));max-width:calc(100% - var(--hero-inset)*2);display:flex;flex-direction:column;align-items:center;gap:20px}
.hero-actions>.button{max-width:100%;text-align:center;font-size:clamp(17px,2.15cqw,22px)}
.hero .hero-actions .trailer-launch{position:static;width:auto;max-width:100%;flex-direction:row;gap:16px;font-size:clamp(17px,2cqw,21px);text-align:left;letter-spacing:.025em}
.hero .hero-actions .trailer-launch>.play-disc{width:72px;height:72px;flex:0 0 72px}
.hero .hero-actions .trailer-launch .icon{width:34px;height:34px;flex-basis:34px}
.hero .explore-link{position:absolute;left:var(--hero-inset);bottom:calc(30 * var(--hero-unit));font-size:calc(19 * var(--hero-unit));font-weight:400}
.hero .explore-link .icon{filter:invert(30%) sepia(83%) saturate(1838%) hue-rotate(342deg) brightness(91%) contrast(93%)}

@media(min-width:701px){
  .hero-tagline{font-weight:400}
  .hero .trailer-launch>span:last-child{letter-spacing:.13em}
}

.site-header.hero-header{container-type:inline-size;background:transparent;--body:"MusunoaNav","Arial Narrow",Arial,sans-serif}
@font-face{font-family:MusunoaNav;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/BarlowCondensed-SemiBold.ttf) format("truetype")}
.hero-header{--header-unit:min(.09765625cqw,1px)}
.hero-header .header-inner{display:grid;grid-template-columns:calc(128 * var(--header-unit)) minmax(0,1fr) auto;gap:calc(65 * var(--header-unit));width:auto;margin-inline:clamp(24px,4.8828125cqw,88px) clamp(24px,3.7109375cqw,88px);min-height:94px}
.hero-header .brand{width:calc(128 * var(--header-unit));min-width:0;flex-basis:auto;transform:translateY(-2px)}
.hero-header .desktop-nav{display:grid;grid-template-columns:calc(99 * var(--header-unit)) calc(127 * var(--header-unit)) max-content;align-items:center;gap:0}
.hero-header .desktop-nav a{width:max-content;font-family:var(--body);font-size:clamp(15px,1.66cqw,17px);font-weight:600;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}
.hero-header .desktop-nav a:hover{border-bottom:0;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:6px}
.hero-header .header-actions{gap:calc(32 * var(--header-unit))}
.hero-header .languages{gap:8px;font-size:16px}
.hero-header .follow-header{display:inline-flex;width:calc(156 * var(--header-unit));height:41px;min-height:41px;padding:0 10px;font-size:clamp(14px,1.7578125cqw,18px);line-height:1.2}

@media(min-width:1170px){
  .hero-visual img{object-fit:cover;object-position:right top}
  .hero-characters{display:none}
}
@media(max-width:800px){
  .hero-header .header-inner{display:flex;gap:16px;min-height:78px;margin-inline:24px}
  .hero-header .brand{width:128px;flex:0 0 128px;transform:none}
  .hero-header .desktop-nav,.hero-header .follow-header{display:none}
  .hero-header .header-actions{gap:12px}
  .hero-header .languages{gap:7px;font-size:15px}
}
@media(max-width:700px){
  .hero{aspect-ratio:auto;height:clamp(660px,120vw,840px);min-height:660px;max-height:none}
  .hero-visual img{object-fit:cover;object-position:right bottom}
  .hero-characters{top:auto;bottom:calc(-102 * var(--hero-unit))}
  .hero .hero-content{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(112px,20vw,144px) var(--hero-inset) 0}
  .hero-logo{position:static;width:min(76cqw,448px);max-width:100%}
  .hero-tagline{position:static;width:min(76cqw,448px);max-width:100%;margin:24px 0 0;font-size:clamp(17px,3.7vw,21px);line-height:1.35}
  .hero .trailer-launch{left:var(--hero-inset);top:auto;bottom:110px;width:168px;gap:12px;font-size:20px;letter-spacing:.045em}
  .hero .trailer-launch>.play-disc{width:clamp(104px,17.5vw,124px);height:clamp(104px,17.5vw,124px)}
  .hero .explore-link{bottom:26px;font-size:17px}
  .hero-actions{top:auto;bottom:100px;width:min(76cqw,448px);align-items:flex-start;gap:18px}
  .hero .hero-actions .trailer-launch>span:last-child{letter-spacing:.025em}
}
.screenshot{display:block;width:100%;padding:0;line-height:0;background:transparent;border:0;overflow:hidden}.screenshot img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;transition:filter .2s}.screenshot:hover img{filter:brightness(1.07)}
.ink-start{position:relative;isolation:isolate;overflow:hidden}.ink-mark{position:absolute;left:-34px;top:-28px;width:230px;height:auto;transform:rotate(-26deg);pointer-events:none;z-index:-1;opacity:.88}
.strategy-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:66px 0 0;padding:0;list-style:none}.strategy-steps li{border-left:1px solid #10131677;padding:0 26px;display:flex;flex-direction:column;gap:8px;font-family:var(--display);font-size:clamp(22px,2.9vw,36px);line-height:1.2}.step-number{font-family:var(--display);font-size:40px;line-height:1.1;color:var(--red)}.intention{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(48px,4.8vw,75px)}.intention-art{position:absolute;inset:0;z-index:-1;pointer-events:none}.intention-art img{width:100%;height:100%;object-fit:cover;object-position:right center}.intention .container{width:min(1420px,88.1%)}.intention-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:28px}.intention .eyebrow{margin-bottom:14px;font-size:clamp(15px,1.5vw,20px);letter-spacing:.27em}.intention .display{font-size:clamp(64px,8.6vw,136px);line-height:.95;letter-spacing:.014em;margin:0;text-wrap:initial}.intention .display span{display:block;white-space:nowrap}.intention .lead{border-left:1px solid #fff9;padding-left:clamp(46px,4.8vw,68px);max-width:29ch;font-size:clamp(20px,2.15vw,34px);line-height:1.3;margin:0}.intention .lead-line{display:block}
.story .display{max-width:10ch}
/* r5 corrections use the full reference section width, independently of .container. */
.commanders,.powers,.newsletter,.site-footer{
  --body:'MusunoaBody',Arial,sans-serif;
  --display:'MusunoaDisplay',Impact,sans-serif;
  font-family:var(--body);
}
.commanders,.powers,.newsletter{--red:#e92a19}
.commanders .title-line,.powers .title-line,.newsletter .title-line,
.commanders .lead-line,.powers .lead-line,.newsletter .lead-line{display:block}
.commanders{position:relative;container-type:inline-size;overflow:hidden}
.commander-layout{display:grid;grid-template-columns:minmax(0,1fr);position:relative;container-type:inline-size;width:min(100%,1440px);margin-inline:auto}
.commander-illustration{grid-area:1/1;position:relative;width:100%;aspect-ratio:997/802}
.commander-art{position:absolute;inset:0;pointer-events:none}
.commander-art img{width:100%;height:100%;object-fit:contain;object-position:center top}
.commander-copy{grid-area:1/1;align-self:start;position:relative;z-index:1;width:33.4%;margin:4.5cqw 2% 0 64.6%}
.commander-copy .eyebrow{font-size:clamp(13px,1.6cqw,22px);line-height:1.2;letter-spacing:.2em;margin-bottom:13px}
.commander-copy .display{max-width:none;font-size:clamp(34px,4.9cqw,70px);line-height:1.08;letter-spacing:-.014em;text-wrap:initial;margin-bottom:18px}
.commander-copy .lead{max-width:none;font-size:clamp(17px,1.8cqw,25px);line-height:1.25;margin:0 0 18px 4.7cqw}
.commander-copy .text-link{margin-left:4.7cqw;font-size:clamp(16px,1.8cqw,24px);font-weight:400;gap:8px}
.commander-copy .text-link .icon{filter:invert(30%) sepia(83%) saturate(1838%) hue-rotate(342deg) brightness(91%) contrast(93%)}
.commander-names{position:absolute;left:5.5%;right:5.6%;top:80.8%;display:flex;justify-content:space-between;gap:24px;z-index:2}
.commander-names a{min-width:0;max-width:48%;padding:0;color:#101316;text-align:left}
.commander-names a:last-child{text-align:center}
.commander-names strong{display:block;font:400 clamp(32px,4.5cqw,64px)/1.1 var(--display);text-transform:uppercase;border-bottom:1px solid #10131699;padding-bottom:4px;margin-bottom:6px}
.commander-names span{display:block;font-size:clamp(14px,1.6cqw,22px);line-height:1.2}
.section.powers{--powers-unit:min(.1003009cqw,1.444333px);position:relative;isolation:isolate;container-type:inline-size;padding:0;background:#0a1114;color:#fff}
.powers-art,.newsletter-art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.powers-art img,.newsletter-art img{width:100%;height:100%}
.powers-art img{object-fit:cover;object-position:right bottom}
.powers-layout{display:grid;grid-template-columns:minmax(0,310fr) minmax(0,594fr);align-items:start;width:min(100%,1440px);margin-inline:auto;gap:calc(26 * var(--powers-unit));min-height:calc(501 * var(--powers-unit));padding:calc(61 * var(--powers-unit)) calc(27 * var(--powers-unit)) calc(76 * var(--powers-unit)) calc(40 * var(--powers-unit))}
.powers-layout>*{min-width:0}
.powers .eyebrow{font-size:clamp(14px,1.7cqw,23px);line-height:1.2;letter-spacing:.1em;margin-bottom:12px}
.powers .display{width:calc(330 * var(--powers-unit));max-width:none;font-size:clamp(36px,5.2cqw,76px);line-height:1.16;letter-spacing:-.014em;text-wrap:initial;margin-bottom:20px}
.powers:lang(en) .display{font-size:clamp(31px,4.55cqw,66px)}
.powers .lead{max-width:none;font-size:clamp(18px,1.9cqw,29px);line-height:1.25;margin-bottom:28px}
.power-launch{display:inline-flex;align-items:center;gap:calc(20 * var(--powers-unit));max-width:100%;border:0;background:transparent;padding:0;font:400 clamp(17px,1.9cqw,26px)/1.4 var(--body);color:#fff;text-align:left}
.power-launch>.play-disc{display:flex;align-items:center;justify-content:center;width:clamp(64px,7.22cqw,100px);height:clamp(64px,7.22cqw,100px);flex:0 0 clamp(64px,7.22cqw,100px);border:3px solid #fff;border-radius:50%;background:#100706;box-shadow:0 0 10px 2px #e92a19,0 0 25px 5px #e92a1980,inset 0 0 12px #e92a1970;transition:transform .2s}
.power-launch .icon{width:34px;height:34px;flex-basis:34px;filter:invert(1)}
.power-launch>span:last-child{min-width:0;border-bottom:1px solid currentColor;padding-bottom:3px}
.power-launch:hover>.play-disc{transform:scale(1.05)}
.power-launch:hover>span:last-child{color:var(--red)}
.powers .screenshot img{aspect-ratio:16/9;height:auto;object-fit:contain}
.units-grid{display:grid;grid-template-columns:.85fr 1.5fr;gap:38px;align-items:center}.unit-models{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:end}.unit-models figure{min-width:0}.unit-models img{width:100%;height:clamp(350px,44vw,610px);object-fit:contain;object-position:bottom}.unit-models figcaption{font:clamp(30px,4vw,50px) var(--display);text-align:center;text-transform:uppercase;margin-top:8px}
.mechanic-list{padding:0;margin:30px 0 0;list-style:none}.mechanic-list li{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #ffffff50}.mechanic-list li:last-child{border:0;padding-bottom:0}.mechanic-list h3{font-weight:600;font-size:22px;line-height:1.3;margin-bottom:6px}.mechanic-list p{font-size:18px;margin:0;line-height:1.4}.mechanic-list .step-number{font-size:39px}
.audio-layout{position:relative;min-height:clamp(740px,75vw,1000px);padding-block:90px;isolation:isolate}.audio-copy{width:40%;max-width:560px;position:relative;z-index:2}.audio-copy .display{font-size:clamp(40px,5.3vw,78px)}.audio-copy .lead{font-size:20px}.audio-art{position:absolute;right:-70px;bottom:0;width:68%;z-index:1}.audio-art img{width:100%;height:auto}.audio-sample{background:#f0ede5f5;border:1px solid #101316bb;margin-top:14px}.audio-toggle{border:0;display:flex;gap:20px;align-items:center;background:transparent;color:var(--charcoal);padding:15px;width:100%;font-weight:600;text-align:left}.audio-toggle .play-disc{display:flex;align-items:center;justify-content:center;border-radius:50%;width:58px;height:58px;flex:0 0 58px;background:var(--red)}.audio-toggle .icon{width:24px;height:24px;filter:invert(1)}.audio-toggle>span:last-child{border-bottom:1px solid #10131666;flex:1;padding-bottom:6px}.audio-sample progress{display:block;appearance:none;width:100%;height:3px;border:0;background:#10131612}.audio-sample progress::-webkit-progress-bar{background:#10131612}.audio-sample progress::-webkit-progress-value{background:var(--red)}.audio-sample progress::-moz-progress-bar{background:var(--red)}
.section-topline{display:flex;justify-content:space-between;align-items:center;gap:36px;margin-bottom:32px}.section-topline>div{min-width:0}.section-topline .display{max-width:10ch;margin-bottom:0}.section-topline>.eyebrow{display:none}.section-topline{flex-wrap:wrap}.section-topline .eyebrow{width:100%;margin:0}.section-topline .display{width:60%}.section-topline .text-link{margin-left:auto}
.gallery-grid{display:grid;grid-template-columns:2.08fr 1fr;gap:20px;align-items:start}.gallery-side{display:grid;gap:16px}.gallery-controls{display:flex;gap:26px;align-items:center;margin-top:28px}.gallery-controls p{margin:0;font-size:17px}.gallery-dots{display:flex;gap:10px;margin-left:auto}.gallery-dots button{width:13px;height:13px;padding:0;border:1px solid var(--paper);background:transparent}.gallery-dots button[aria-current=true]{background:var(--red);border-color:var(--red)}
.faq .display{max-width:8ch}.accordions{border-top:1px solid #10131660}.accordions details{border-bottom:1px solid #10131660;padding:18px 0}.accordions summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;font-weight:600;font-size:23px}.accordions summary::-webkit-details-marker{display:none}.accordions summary .icon{width:22px;height:22px;flex-basis:22px}.accordions summary .icon:last-child{display:none}.accordions details[open] summary .icon:nth-last-child(2){display:none}.accordions details[open] summary .icon:last-child{display:block}.accordions details>div{padding-top:15px}.accordions details p{font-size:19px;line-height:1.5;margin:0;max-width:54ch}
.section.newsletter{--newsletter-unit:min(.101833cqw,1.466395px);--charcoal:#0a1114;position:relative;isolation:isolate;container-type:inline-size;padding:0;background:#e92a19}
/* Only the decorative paper/brush texture extends when consent needs more height. */
.newsletter-art img{object-fit:fill}
.newsletter .signup-grid{display:grid;grid-template-columns:minmax(0,384fr) minmax(0,462fr);align-items:start;gap:calc(44 * var(--newsletter-unit));width:min(100%,1440px);min-height:calc(335 * var(--newsletter-unit));margin-inline:auto;padding:calc(44 * var(--newsletter-unit)) calc(46 * var(--newsletter-unit)) calc(36 * var(--newsletter-unit))}
.newsletter .signup-grid>*{min-width:0}
.newsletter .display{max-width:none;font-size:clamp(44px,6.9cqw,96px);line-height:1.04;letter-spacing:-.014em;text-wrap:initial;margin-bottom:12px}
.newsletter .lead{max-width:none;font-size:clamp(20px,2.4cqw,31px);line-height:1.3;margin:0}
.newsletter .campaign-status{font-size:clamp(15px,1.6cqw,21px);line-height:1.3;margin:20px 0 0;padding-top:12px;position:relative}
.newsletter .campaign-status::before{content:"";display:block;width:60px;border-top:1px solid white;position:absolute;top:0}
.newsletter .signup-copy>.text-link{margin-top:16px}
.newsletter .signup-panel{padding:28px 32px;background:#0a1114;color:#fff;border-radius:3px}
.newsletter .signup-panel>label{display:block;margin-bottom:8px;font-size:18px;line-height:1.3}
.newsletter .signup-panel>input{width:100%;border:1px solid #dadbd7;background:#f1f0e9;padding:11px 16px;min-height:50px;color:#101316;border-radius:0;font-size:18px;line-height:1.3}
.newsletter .signup-panel .button{width:100%;margin:14px 0 12px;min-height:54px;font-size:20px}
.newsletter .signup-panel .consent-label{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;font-size:14px;line-height:1.35}
.newsletter .consent-label input{width:18px;height:18px;flex:0 0 18px;margin:2px 0;accent-color:var(--red)}
.newsletter .signup-panel .small{font-size:14px;line-height:1.35;margin-bottom:8px}
.newsletter .privacy-note{font-size:14px;line-height:1.35;color:#d8dcdd;margin:0}
.newsletter .signup-panel #form-status{margin:0}
.newsletter .signup-panel #form-status:not(:empty){margin-top:16px;padding-top:14px;border-top:1px solid #fff4;font-weight:600;font-size:16px}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.site-footer{--footer-unit:.101833cqw;container-type:inline-size;padding:0;background:#08111b}
.site-footer .footer-art{opacity:1;pointer-events:none}
.site-footer .footer-art img{width:100%;height:100%;object-fit:cover;object-position:center top}
.site-footer .footer-inner{display:grid;grid-template-columns:minmax(0,461fr) minmax(0,390fr);align-items:start;gap:calc(46 * var(--footer-unit));width:100%;min-height:calc(223 * var(--footer-unit));margin:0;padding:calc(58 * var(--footer-unit)) calc(39 * var(--footer-unit)) calc(36 * var(--footer-unit)) calc(46 * var(--footer-unit))}
.site-footer .footer-inner>*{min-width:0}
.site-footer .footer-brand{width:calc(260 * var(--footer-unit));max-width:100%}
.site-footer .footer-brand img{width:100%;height:auto}
.site-footer .footer-actions{padding-top:calc(7 * var(--footer-unit))}
.site-footer .eyebrow{font-family:var(--display);font-size:clamp(16px,1.833cqw,24px);font-weight:400;line-height:1.25;letter-spacing:.025em;margin-bottom:calc(10 * var(--footer-unit))}
.site-footer .footer-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12 * var(--footer-unit))}
.site-footer .footer-buttons .button{min-width:0;min-height:44px;padding:9px 8px;gap:7px;font-size:clamp(13px,1.426cqw,18px);font-weight:400}
.site-footer .footer-buttons .icon{width:20px;height:20px;flex-basis:20px}
.site-footer .footer-buttons .button span{min-width:0;overflow-wrap:break-word}
.site-footer .languages{justify-content:flex-end;margin-top:calc(20 * var(--footer-unit));font-size:clamp(14px,1.527cqw,19px)}
@media(min-width:701px){.introduction .split{gap:30px}.introduction .display{font-size:clamp(54px,6.4vw,94px)}.introduction .lead{font-size:clamp(18px,1.8vw,23px)}.strategy-steps li{padding-right:0}}
@media(min-width:1500px){.audio-layout{min-height:1020px}}
@media(max-width:1000px){.split,.units-grid{gap:30px}.display{font-size:clamp(38px,5.8vw,66px)}.audio-copy{width:42%}.audio-art{width:70%;right:-55px}.audio-copy .display{font-size:clamp(35px,5vw,52px)}.audio-copy .lead{font-size:18px}.strategy-steps li{padding:0 18px}.gallery-controls{gap:16px}}
@media(max-width:700px){.section{padding-block:70px}.split,.reverse,.units-grid,.intention-grid{grid-template-columns:1fr;gap:36px}.display{font-size:clamp(40px,11.6vw,65px);max-width:100%;margin-bottom:22px}.lead{font-size:19px}.eyebrow{font-size:13px;letter-spacing:.16em}
.introduction .screenshot{order:2}.strategy-steps{gap:16px;margin-top:42px}.strategy-steps li{font-size:20px;padding-left:12px;padding-right:0;gap:10px}.strategy-steps .step-number{font-size:30px}.intention{padding-block:50px}.intention .container{width:calc(100% - 48px)}.intention-grid{gap:28px}.intention .display{font-size:clamp(42px,12.7vw,76px)}.intention .eyebrow{font-size:13px;letter-spacing:.2em}.intention .lead{border-left:0;border-top:1px solid #fff8;padding:24px 0 0;max-width:100%;font-size:20px;line-height:1.4}.intention .lead-line{display:inline}.intention-art img{object-position:center top}.story .display{max-width:100%}
.unit-models{gap:16px}.unit-models img{height:340px;max-height:90vw}.unit-models figcaption{font-size:34px}.mechanics .reverse>.screenshot{order:2}.mechanic-list li{padding:18px 0}.mechanic-list h3{font-size:22px}
.audio-layout{padding-top:70px;padding-bottom:0;min-height:0}.audio-copy{width:100%;max-width:none}.audio-copy .display{font-size:clamp(40px,11vw,60px)}.audio-art{position:relative;right:auto;width:100%;margin-top:24px}.audio-copy .lead{font-size:19px}.audio-toggle{padding:13px}.audio-toggle .play-disc{width:52px;height:52px;flex-basis:52px}
.section-topline{display:block}.section-topline .display{width:auto;max-width:100%;font-size:50px;margin-bottom:26px}.section-topline .eyebrow{margin-bottom:18px}.gallery-grid{grid-template-columns:1fr;gap:16px}.gallery-side{grid-template-columns:1fr 1fr;gap:12px}.gallery-controls{display:grid;grid-template-columns:42px 1fr 42px;gap:12px}.gallery-controls>.icon-button{width:42px;height:42px;min-width:42px}.gallery-controls p{font-size:15px;line-height:1.3}.gallery-dots{grid-row:2;grid-column:1/-1;justify-content:center;margin:6px 0 0}.gallery-controls>.icon-button:last-child{grid-column:3;grid-row:1}.faq .display{max-width:100%;font-size:50px}.accordions summary{font-size:21px;gap:18px}.accordions details p{font-size:18px}.unit-detail-grid{gap:20px}.unit-detail-grid img{height:28svh}.unit-detail-grid p{font-size:17px}.media-dialog{max-width:calc(100vw - 20px);width:calc(100vw - 20px)}.dialog-bar{padding:12px}.dialog-bar h2{font-size:18px}.dialog-bar .icon-button{width:40px;height:40px;flex-basis:40px}}
@media(max-width:700px){.strategy-steps{grid-template-columns:1fr;gap:18px}.strategy-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:baseline;gap:16px;font-size:26px;padding:10px 14px}.strategy-steps .step-number{font-size:30px}}
@media(max-width:700px){
  .commander-layout{display:flex;flex-direction:column}
  .commander-copy{order:-1;width:100%;margin:0;padding:44px 24px 32px}
  .commander-copy .eyebrow{font-size:14px;margin-bottom:14px}
  .commander-copy .display{font-size:clamp(30px,7.2cqw,50px);max-width:100%;line-height:1.12}
  .commander-copy .lead{margin-left:0;font-size:19px;line-height:1.4}
  .commander-copy .text-link{margin-left:0;font-size:18px}
  .commander-names{gap:18px}
  .commander-names strong{font-size:clamp(24px,7cqw,40px);padding-bottom:3px;margin-bottom:4px}
  .commander-names span{font-size:clamp(11px,2.9cqw,15px)}
  .commanders .lead-line,.powers .lead-line,.newsletter .lead-line{display:inline}
  .powers-layout{grid-template-columns:1fr;gap:28px;min-height:0;padding:48px 24px 60px}
  .powers .eyebrow{font-size:14px}
  .powers .display{width:auto;max-width:100%;font-size:clamp(32px,8.3cqw,56px);line-height:1.12}
  .powers:lang(en) .display{font-size:clamp(30px,8.3cqw,56px)}
  .powers .lead{font-size:19px;line-height:1.4;margin-bottom:24px}
  .power-launch{gap:18px;font-size:18px}
  .power-launch>.play-disc{width:68px;height:68px;flex-basis:68px}
  .newsletter .signup-grid{grid-template-columns:1fr;gap:28px;min-height:0;padding:44px 24px}
  .newsletter .display{max-width:100%;font-size:clamp(40px,10.8cqw,70px)}
  .newsletter .lead{font-size:20px;line-height:1.4}
  .newsletter .campaign-status{font-size:16px;margin-top:24px}
  .newsletter .signup-panel{padding:24px}
  .newsletter .signup-panel>input{min-height:54px}
  .newsletter .signup-panel .consent-label{font-size:15px}
  .site-footer .footer-inner{grid-template-columns:1fr;gap:28px;min-height:0;padding:40px 24px 36px}
  .site-footer .footer-brand{width:260px;max-width:80%}
  .site-footer .footer-actions{padding-top:0}
  .site-footer .eyebrow{font-size:18px;margin-bottom:14px}
  .site-footer .footer-buttons{grid-template-columns:1fr;gap:12px}
  .site-footer .footer-buttons .button{width:100%;min-height:48px;padding:12px 16px;gap:10px;font-size:16px}
  .site-footer .languages{justify-content:flex-start;margin-top:22px;font-size:16px}
}