:root{color-scheme:dark;--bg:#0b1016;--panel:#18232a;--text:#f7edd8;--muted:#b0b5b7;--gold:#d8b777;--line:#354045;--accent:#d8b777;--wide:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 "Segoe UI",Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;width:100%;object-fit:cover}h1,h2,h3,h4,p{margin:0}h1,h2,.faction-copy>h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.06;letter-spacing:-.035em}h2{font-size:clamp(34px,4.1vw,60px)}p+p{margin-top:20px}.wrap{width:min(var(--wide),calc(100% - 96px));margin-inline:auto}.section{padding-block:104px}.eyebrow{color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.18em;line-height:1.5;margin-bottom:22px}.skip{position:absolute;left:16px;top:-70px;background:var(--gold);color:#15191b;padding:10px;z-index:20}.skip:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.preview{background:#18232a;border-bottom:1px solid #3b4548;color:#c9cfd0;text-align:center;font-size:10px;letter-spacing:.1em;padding:7px 20px}.preview span{padding-inline:8px;color:var(--gold)}.header{height:85px;display:flex;align-items:center;justify-content:space-between;padding-inline:48px;border-bottom:1px solid #ffffff12;background:#0b1016}.brand{font-weight:800;letter-spacing:.14em;font-size:27px;line-height:1}.header nav{display:flex;gap:32px;font-size:13px;color:#dad9d3}.header nav a:hover{color:var(--gold)}.header-cta{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:6px}.header-cta span{margin-left:18px;color:var(--gold)}.hero{position:relative;min-height:710px;height:calc(100svh - 116px);max-height:960px;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 auto;width:64%;height:100%;object-position:center 32%;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b1016 8%,#0b1016ee 28%,#0b1016af 43%,#0b10161a 69%,#0b101605),linear-gradient(0deg,#0b1016 1%,transparent 23%);z-index:-2}.hero-content{padding-top:clamp(80px,10vh,135px);padding-bottom:100px}.hero h1{font-size:clamp(44px,5.2vw,78px);max-width:770px;line-height:1.05}.hero h1 em{font-style:italic;color:var(--gold)}.hero-description{color:#d6d6cf;margin-top:30px;max-width:490px;font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;padding:13px 23px;font-size:13px;font-weight:650;border:1px solid var(--gold);transition:background .18s}.gold{color:#182024;background:var(--gold)}.gold:hover{background:#f2cf9c}.text-link{font-size:12px;display:flex;gap:20px;align-items:center}.text-link span{color:var(--gold)}.release{display:flex;gap:9px;align-items:center;color:#b4b7b6;font-size:11px;margin-top:23px}.release span{height:5px;width:5px;border-radius:50%;background:var(--gold)}.hero-bottom{position:absolute;inset:auto 0 20px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a4a7a6;letter-spacing:.14em}.hero-bottom>a{font-size:26px;color:var(--gold)}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;border-bottom:1px solid var(--line)}.intro-text>p{color:var(--muted);font-size:15px}.intro-text .lead{font-size:22px;line-height:1.5;color:var(--text)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.pillars span{font-size:11px;color:var(--gold)}.pillars h3{font-size:16px;font-weight:500;margin:8px 0}.pillars p{font-size:12px;color:var(--muted)}.factions{background:#101820}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:38px}.section-heading>p{font-size:13px;color:var(--muted)}.faction-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:22px}.faction-tab{padding:0;position:relative;height:130px;border:1px solid #ffffff24;background:#222c31;overflow:hidden;cursor:pointer;isolation:isolate;text-align:left}.faction-tab img{position:absolute;inset:0;height:100%;z-index:-2;object-position:center 25%;transition:transform .4s}.faction-tab::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b1118dd,transparent 95%)}.faction-tab>span{position:absolute;bottom:13px;left:17px;font-family:Georgia,serif;font-size:22px;text-shadow:0 2px 9px #000}.faction-tab small{font:9px "Segoe UI",sans-serif;color:#eee1c8;letter-spacing:.1em;display:block}.faction-tab:hover img{transform:scale(1.04)}.faction-tab[aria-selected="true"]{border:2px solid var(--gold)}.faction-tab[aria-selected="true"]>span{color:#ffe0b6}.faction-panel{display:grid;grid-template-columns:1fr 1.08fr;background:var(--panel);border:1px solid var(--line)}.faction-figure{margin:0;position:relative;min-height:580px}.faction-figure>img{height:100%;position:absolute;inset:0;object-position:center 30%}.faction-figure::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0a0f18c9,transparent 25%);pointer-events:none}.faction-figure figcaption{position:absolute;bottom:20px;left:25px;color:#deded7;font-size:10px;letter-spacing:.08em;z-index:1}.faction-copy{padding:42px 42px 30px}.faction-copy>.eyebrow{color:var(--accent);margin-bottom:12px}.faction-copy>h3{font-size:54px}.faction-description{margin-top:17px;color:var(--muted);font-size:14px;line-height:1.8}.unit-focus{display:grid;grid-template-columns:88px 1fr;gap:20px;align-items:center;padding:23px 0;margin-top:22px;border-block:1px solid var(--line)}.unit-focus img{width:88px;height:106px;object-fit:cover;object-position:center 18%;border:1px solid var(--line)}.unit-focus .eyebrow{font-size:9px;margin:0 0 9px;color:var(--accent)}.unit-focus h4{font:21px/1.25 Georgia,serif}.unit-focus p:last-child{font-size:11px;margin-top:6px;color:var(--muted)}.roster-title{font-size:12px;font-weight:500;color:#e4dbc9;margin-top:21px}.roster{display:grid;grid-template-columns:1fr 1fr;padding:0;margin:12px 0 0;list-style:none;gap:8px 16px}.roster li{color:#bdc0bf;font-size:11px;line-height:1.55;border-left:1px solid var(--accent);padding-left:9px}.development-note{font-size:10px;color:#929b9d;line-height:1.6;margin-top:20px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:100px}.mode-list article{display:flex;gap:23px;padding-block:21px;border-top:1px solid var(--line)}.mode-list article>span{color:var(--gold);font-size:10px;padding-top:7px}.mode-list h3{font:23px Georgia,serif}.mode-list article p{font-size:13px;color:var(--muted);margin-top:8px}.tests{background:#18232a;border-block:1px solid #354c59}.tests-content{display:grid;grid-template-columns:1.25fr .75fr;gap:110px;padding-block:85px}.tests-content>div:first-child>p:not(.eyebrow){color:#bac6ca;max-width:610px;font-size:15px;margin:24px 0 28px}.test-aside{border-left:1px solid #48606c;padding-left:55px;align-self:center}.big-five{font:100px/1 Georgia,serif;color:var(--gold)}.test-aside>p{font-size:9px;color:#aebfc6;letter-spacing:.11em}.test-line{height:1px;background:#405761;width:90px;margin:24px 0}.test-aside .test-status{font:22px Georgia,serif;letter-spacing:0;color:var(--text)}.test-aside>p:last-child{letter-spacing:0;font-size:12px;line-height:1.8;margin-top:12px}.community{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.community>div>p:last-child{color:var(--muted);font-size:13px;margin-top:24px}.social-planned{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.social-planned span{border-bottom:1px solid var(--line);padding-block:15px;font:23px Georgia,serif;color:#dad5ca}.social-planned p{grid-column:1/-1;font-size:11px;color:var(--muted);margin-top:17px}.contact{background:#f7edd8;color:#19232b}.contact .eyebrow{color:#765c39}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.contact-grid article{padding-top:18px;border-top:1px solid #bac0bd}.contact-grid article>span{font-size:9px;letter-spacing:.11em;color:#536164}.contact-grid h3{font:21px/1.3 Georgia,serif;margin-top:18px}.contact-grid p{font-size:13px;color:#526067;margin:12px 0 25px}.contact-grid a{display:flex;justify-content:space-between;font-size:13px;font-weight:600;border-bottom:1px solid #adb6b3;padding-bottom:10px}.contact-grid a:hover{color:#805725}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.faq details{border-top:1px solid var(--line);padding-block:18px}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:14px;list-style:none;position:relative;padding-right:35px}summary::after{content:"+";position:absolute;right:3px;font-size:18px;color:var(--gold);top:-3px}details[open] summary::after{content:"−"}details p{color:var(--muted);font-size:13px;margin-top:14px;max-width:520px}.footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-block:35px;border-top:1px solid var(--line)}.footer .brand{font-size:21px}.footer p,.footer>a:last-child{font-size:10px;color:var(--muted)}.footer>a:last-child span{padding-left:13px;color:var(--gold)}@media(min-width:1600px){.hero h1{font-size:82px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}.header nav{gap:22px}.header-cta{display:none}.intro,.modes,.community,.faq{gap:45px}.faction-copy{padding:32px 28px}.tests-content{gap:50px}.faction-tab>span{font-size:20px}.hero-art{width:72%}.hero h1{font-size:65px}.hero-content{padding-top:85px}.hero-bottom>span:last-child{display:none}}@media(max-width:750px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.section{padding-block:66px}.preview{font-size:8px}.header{height:74px;padding-inline:20px;gap:18px}.brand{font-size:22px}.header nav{gap:14px;font-size:10px;flex-wrap:wrap;justify-content:end}.hero{min-height:700px;height:auto}.hero-art{width:100%;object-position:68% 20%;opacity:.72}.hero-shade{background:linear-gradient(90deg,#0b1016dc,#0b101680),linear-gradient(0deg,#0b1016 2%,#0b101600 90%)}.hero-content{padding-top:105px;padding-bottom:110px}.hero h1{font-size:clamp(41px,8.3vw,59px);max-width:570px}.hero-description{font-size:15px;margin-top:26px}.hero-actions{gap:20px;flex-wrap:wrap}.hero .button{padding-inline:18px;gap:15px}.hero-bottom{bottom:23px;font-size:8px}.intro,.modes,.community,.faq{grid-template-columns:1fr;gap:30px}.intro-text .lead{font-size:20px}.pillars{gap:16px;margin-top:28px}.pillars p{font-size:11px}.section-heading{display:block}.section-heading>p{margin-top:18px}.section-heading>p br{display:none}.faction-tabs{display:flex;gap:8px;overflow-x:auto;padding:3px 3px 11px;scrollbar-color:var(--gold) var(--bg)}.faction-tab{flex:0 0 135px;height:115px}.faction-tab>span{font-size:20px;left:12px}.faction-panel{grid-template-columns:1fr}.faction-figure{min-height:420px;height:420px}.faction-figure>img{object-position:center 32%}.faction-copy{padding:30px 24px}.faction-copy>h3{font-size:44px}.faction-description{font-size:14px}.roster{font-size:11px;gap:11px}.tests-content{grid-template-columns:1fr;padding-block:66px;gap:36px}.tests h2{font-size:39px}.test-aside{border-left:0;border-top:1px solid #48606c;padding-left:0;padding-top:24px;display:grid;grid-template-columns:75px 1fr;align-items:center;gap:10px 22px}.big-five{font-size:75px;grid-row:1/4}.test-line{display:none}.test-aside .test-status{font-size:20px}.test-aside>p:last-child{margin:0}.community .social-planned p{margin-top:18px}.contact-grid{grid-template-columns:1fr;gap:32px;margin-top:36px}.contact-grid h3{margin-top:12px}.contact-grid p{margin-bottom:18px}.contact-grid a{font-size:14px}.faq{gap:30px}.footer{flex-wrap:wrap;gap:16px}.footer p{margin:0}.footer>a:last-child{width:100%}.unit-focus{grid-template-columns:82px 1fr;gap:17px}.unit-focus img{width:82px;height:100px}.unit-focus h4{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Official identity A: unchanged kit assets and original logo proportions. */
.brand{display:inline-flex;align-items:center;padding:12px 0;flex-shrink:0}.brand img{width:174px;height:auto;object-fit:contain}.footer .brand img{width:136px}.hero{min-height:800px}.hero-content{padding-top:54px}.hero-logo{width:360px;max-width:70%;height:auto;object-fit:contain;margin-bottom:26px}.hero h1{font-size:clamp(44px,4.8vw,72px);max-width:730px}.tests{background:linear-gradient(90deg,#18232af2,#18232adb),url("assets/brand/background.webp") center/cover}.contact{color:#18232a}@media(max-width:1100px){.hero h1{font-size:61px}}@media(max-width:750px){.brand img{width:124px}.header{height:auto;min-height:78px}.header nav{max-width:190px;gap:10px 14px}.hero{min-height:760px}.hero-content{padding-top:48px}.hero-logo{width:280px;max-width:88%;margin-bottom:26px}.hero h1{font-size:clamp(41px,8.3vw,59px)}.footer .brand img{width:120px}}

/* Médias proposés pour validation, kit officiel conservé. */
.hero-art{width:100%;object-position:62% center;opacity:.9}
.hero-shade{background:linear-gradient(90deg,#0b1016f2 0%,#0b1016df 25%,#0b101675 52%,#0b101611 100%),linear-gradient(0deg,#0b1016 0%,transparent 32%)}
.trailer{border-bottom:1px solid var(--line)}
.video-frame{border:1px solid #776044;background:#060a0e;box-shadow:0 22px 70px #0005}
video{display:block;width:100%;aspect-ratio:16/9;background:#060a0e;object-fit:contain}
.video-caption{display:flex;justify-content:space-between;gap:18px;padding-top:18px;font-size:10px;letter-spacing:.12em;color:var(--muted)}
.video-caption>span:first-child{color:var(--gold)}
.faction-video{padding-top:26px;margin-top:26px;border-top:1px solid var(--line)}
.faction-video .eyebrow{font-size:10px;margin-bottom:13px;color:var(--accent)}
.faction-video video{border:1px solid var(--line)}
.faction-panel[data-active-faction="porcs"] .faction-figure>img{object-fit:contain;object-position:center;background:#0b1016}
.social-links{display:grid;gap:18px}
.social-links>a{position:relative;border-top:1px solid var(--line);padding:20px 44px 20px 0}
.social-links>a>span{display:block;font:27px Georgia,serif}
.social-links small{display:block;margin-top:6px;color:var(--muted);font-size:12px}
.social-links b{position:absolute;right:8px;top:24px;color:var(--gold);font-weight:400;font-size:23px}
.social-links>a:hover>span{color:var(--gold)}
@media(max-width:750px){.hero-art{object-position:55% center;opacity:.8}.hero-shade{background:linear-gradient(90deg,#0b1016de,#0b10169c),linear-gradient(0deg,#0b1016 0%,transparent 75%)}.video-caption{flex-direction:column;gap:5px}.faction-video{margin-top:22px}.hero-logo{max-width:85%}}

.roster-title{font-size:14px;margin-top:24px;color:var(--text)}
.roster-help{margin-top:8px;font-size:11px;line-height:1.6;color:var(--muted)}
.roster{gap:9px;margin-top:16px}
.roster li{padding:0;border:0}
.unit-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:47px;padding:10px 12px;border:1px solid #ffffff20;background:#10181e;text-align:left;cursor:pointer;font-size:11px;line-height:1.45;transition:border-color .15s,background .15s}
.unit-choice>span:last-child{color:var(--accent);font-size:16px}
.unit-choice:hover{border-color:var(--accent);background:#223039}
.unit-choice[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}
.unit-portrait{position:relative;border:1px solid var(--line);background:#0b1016;padding:0;cursor:pointer;width:88px}
.unit-portrait img{border:0;width:100%;height:106px}
.unit-portrait>span{display:block;padding:5px 0;background:#10181e;color:var(--accent);font-size:9px;letter-spacing:.04em}
.unit-portrait:hover{border-color:var(--accent)}
.unit-dialog-open{overflow:hidden}
.unit-dialog{padding:0;border:1px solid #8c7855;background:#101820;color:var(--text);width:min(1120px,calc(100% - 36px));max-height:90dvh;overflow:auto;box-shadow:0 32px 100px #000a}
.unit-dialog::backdrop{background:#05090ee8}
.unit-dialog-inner{position:relative;padding:48px 36px 30px}
.unit-dialog-close{position:absolute;right:16px;top:14px;border:1px solid var(--line);background:#18232a;color:var(--text);padding:6px 12px;cursor:pointer;font-size:12px}
.unit-dialog-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:start}
.unit-dialog-art{margin:0;background:#080e13;border:1px solid var(--line)}
.unit-dialog-art img{width:100%;height:auto;max-height:65dvh;object-fit:contain}
.unit-dialog-copy{padding-top:10px}
.unit-dialog-copy>.eyebrow{color:var(--accent);font-size:10px;margin-bottom:16px}
.unit-dialog h2{font-size:clamp(30px,3.1vw,46px);line-height:1.15}
.unit-role{display:inline-block;border:1px solid #ffffff30;padding:4px 10px;margin-top:18px;color:var(--accent);font-size:11px}
.unit-description{color:var(--muted);font-size:14px;line-height:1.8;margin-top:20px}
.unit-actions{margin-top:26px}
.unit-actions h3{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.unit-actions ul{padding:0;list-style:none;margin:13px 0 0}
.unit-actions li{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid var(--line);font-size:13px}
.unit-actions small{color:var(--muted);font-size:10px;white-space:nowrap}
.unit-dialog-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:28px;border-top:1px solid var(--line);padding-top:20px}
.unit-dialog-nav button{cursor:pointer;background:#18232a;border:1px solid #ffffff35;padding:10px 16px;font-size:12px}
.unit-dialog-nav button:hover{border-color:var(--accent);color:var(--accent)}
.unit-dialog-counter{font-size:12px;color:var(--accent)}
.unit-dialog-note{font-size:10px;color:var(--muted);margin-top:22px}
@media(max-width:750px){.unit-dialog{width:calc(100% - 20px);max-height:94dvh}.unit-dialog-inner{padding:50px 18px 22px}.unit-dialog-grid{grid-template-columns:1fr;gap:20px}.unit-dialog-art img{max-height:38dvh}.unit-dialog-copy{padding-top:0}.unit-dialog h2{font-size:31px}.unit-dialog-nav{gap:8px}.unit-dialog-nav button{padding:10px;font-size:11px}.unit-actions li{font-size:12px}.unit-portrait{width:82px}.unit-portrait img{height:100px}.roster{grid-template-columns:1fr}.unit-choice{font-size:12px}}