/* Atlas procédural : géométrie vectorielle, fenêtres de jeu natives et interface HTML. */
.atlas-page{--atlas-ink:#303523;--atlas-paper:#efe9ce;--atlas-olive:#555c39;background:var(--atlas-paper);color:var(--atlas-ink)}
.atlas-stage{position:relative;isolation:isolate;max-width:1920px;margin:auto;aspect-ratio:855/1839;background:var(--atlas-paper);overflow:hidden;outline:none}
.atlas-film{position:absolute;inset:0 0 auto;height:30%;overflow:hidden;background:#6b9eb0}
.atlas-film img,.atlas-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:auto}
.atlas-film video{opacity:0;transition:opacity .7s ease}
.atlas-film video.is-ready{opacity:1}
.atlas-film::after{content:'';position:absolute;inset:0 0 auto;height:clamp(130px,12vw,200px);background:linear-gradient(#142c39b3,#142c394d 70%,transparent);pointer-events:none}
.atlas-frame{position:absolute;inset:0;z-index:2;pointer-events:none;display:block}
.atlas-vector,.atlas-vector>svg{display:block;width:100%;height:100%}
.atlas-vector-mobile{display:none}
.atlas-header{position:absolute;z-index:4;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.15% 3.6% 1.15% 4.6%;color:#fff8e8}
.atlas-header a{text-decoration:none;color:inherit}
.atlas-wordmark{font-family:'Atkinson Hyperlegible',sans-serif;font-size:clamp(18px,2.45vw,40px);font-weight:400;letter-spacing:.5em;line-height:1;padding:12px 0;text-shadow:0 1px 6px #254c5960}
.atlas-header nav{display:flex;align-items:center;gap:clamp(20px,3.6vw,66px);font-size:clamp(14px,1.65vw,25px)}
.atlas-header nav>a:not(.atlas-button){padding:10px 0;text-shadow:0 1px 5px #1b374ca8;white-space:nowrap}
.atlas-header nav>a:not(.atlas-button):hover{text-decoration:underline;text-underline-offset:6px}
.atlas-button{display:inline-flex;justify-content:center;align-items:center;gap:.7em;min-height:52px;padding:.8em 1.6em;color:#303523;background:#f4e9bd;font:400 clamp(17px,2vw,30px)/1.2 'Atkinson Hyperlegible',sans-serif;text-decoration:none;clip-path:polygon(5% 0,95% 0,100% 20%,100% 80%,95% 100%,5% 100%,0 80%,0 20%);transition:background .2s,filter .2s,transform .2s}
.atlas-button svg{width:1.2em;height:1.2em;flex-shrink:0}
.atlas-button:hover{background:#fff6d8;color:#222c1c;transform:translateY(-2px)}
.atlas-button:focus-visible{outline:none;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 5px #bd642e)}
.atlas-header .atlas-button-dark{min-height:42px;background:#435b49d9;color:#fff8e8;padding:.65em 1.25em;font-size:inherit}
.atlas-header .atlas-button-dark:hover{background:#314e3b}
.atlas-intro{position:absolute;z-index:3;left:7.6%;top:33.65%;width:52%;pointer-events:none}
.atlas-intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,7.5vw,144px);line-height:.98;letter-spacing:-.06em;text-wrap:initial}
.atlas-intro p{margin-top:1.55vw;font-size:clamp(18px,2.35vw,42px);line-height:1.35;max-width:86%;color:#565b44}
.atlas-window{position:absolute;z-index:1;overflow:hidden;display:block;color:#fff8e8}
.atlas-window img{width:100%;height:100%;object-fit:cover;image-rendering:auto;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.atlas-window:hover img{transform:scale(1.035)}
.atlas-window:hover,.atlas-window:focus-visible{color:#fff8e8}
.atlas-window:focus-visible{outline:none}
.atlas-window:focus-visible img{filter:brightness(1.15)}
.atlas-window-label{position:absolute;left:20%;right:20%;top:50%;transform:translateY(-40%);font-size:clamp(15px,1.6vw,26px);text-align:center;opacity:0;transition:opacity .2s,transform .2s;background:#253324e6;padding:10px 16px;clip-path:polygon(3% 0,97% 0,100% 20%,100% 80%,97% 100%,3% 100%,0 80%,0 20%)}
.atlas-window:hover .atlas-window-label,.atlas-window:focus-visible .atlas-window-label{opacity:1;transform:translateY(-50%)}
.atlas-forest{left:50%;top:32%;width:50%;height:21%;clip-path:polygon(35% 0,80% 0,100% 20%,100% 100%,42% 96%,8% 62%,10% 30%)}
.atlas-forest img{object-position:48% 50%}
.atlas-desert{left:0;top:47%;width:64%;height:18%;clip-path:polygon(30% 0,60% 0,78% 15%,92% 28%,100% 44%,96% 80%,78% 95%,48% 100%,25% 88%,0 77%,0 36%,16% 12%)}
.atlas-islands{left:27%;top:62%;width:73%;height:21%;clip-path:polygon(70% 0,90% 6%,100% 24%,100% 100%,25% 100%,0 66%,0 44%,26% 18%,48% 12%)}
.atlas-community{position:absolute;z-index:3;left:23%;top:85.4%;width:53%;display:flex;align-items:center;flex-direction:column;text-align:center;color:#fcf2d1}
.atlas-community h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,4.35vw,80px);font-weight:400;line-height:1.04;letter-spacing:-.045em;text-wrap:initial}
.atlas-community .atlas-button{margin-top:2.1vw;min-width:69%}
.atlas-discover{margin-top:1.45vw;color:#ede2bb;font-size:clamp(15px,1.65vw,30px);text-decoration-color:#b5b285}
.atlas-discover:hover{color:#fff}
.atlas-video-controls{position:absolute;z-index:4;right:3.6%;top:24.7%}
.atlas-video-button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#34462d91;color:#fff7df;transition:background .2s}
.atlas-video-button:hover{background:#34462de6}
.atlas-video-button .pause-symbol{display:none}
.atlas-video-button.is-playing .pause-symbol{display:block}
.atlas-video-button.is-playing .play-symbol{display:none}
.atlas-footer{max-width:1920px;margin:auto;padding:28px 5% 36px;border:0;font-size:13px;line-height:1.7;color:#62654b;text-align:center;background:var(--atlas-paper)}
.atlas-footer>div{display:flex;justify-content:center;align-items:center;gap:12px 26px;flex-wrap:wrap;margin-top:8px}
.atlas-footer button{font:inherit;color:inherit}
.atlas-footer #privacy-choices{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:5px}
.atlas-page :focus-visible{outline-color:#82621d}
.atlas-page .consent-banner{z-index:10}
@media(min-width:1920px){.atlas-intro p{margin-top:30px}.atlas-community .atlas-button{margin-top:40px}.atlas-discover{margin-top:28px}}
@media(max-width:600px){
 .atlas-vector-desktop{display:none}.atlas-vector-mobile{display:block}
 .atlas-stage{aspect-ratio:733/2146}
 .atlas-film{height:20.3%}
 .atlas-film img,.atlas-film video{object-position:55% center}
 .atlas-header{padding:14px 5%;align-items:center}
 .atlas-wordmark{font-size:17px;letter-spacing:.22em}
 .atlas-header nav{gap:13px;font-size:12px}
 .atlas-header nav>a:not(.atlas-button){padding:12px 0}
 .atlas-header .atlas-button-dark{padding:10px 12px;min-height:40px}
 .atlas-header .atlas-button-dark svg{display:none}
 .atlas-intro{left:8.5%;top:22.25%;width:78%}
 .atlas-intro h1{font-size:clamp(33px,8.9vw,54px);line-height:1.02;letter-spacing:-.055em}
 .atlas-intro p{font-size:clamp(15px,3.95vw,23px);margin-top:12px;max-width:85%;line-height:1.35}
 .atlas-forest{left:8%;top:33.5%;width:88%;height:14.4%;clip-path:none}
 .atlas-desert{left:0;top:48.5%;width:93%;height:14%;clip-path:polygon(0 0,100% 0,100% 80%,62% 100%,0 100%)}
 .atlas-islands{left:19%;top:62%;width:81%;height:15.5%;clip-path:polygon(60% 0,100% 0,100% 100%,0 100%,0 36%)}
 .atlas-community{left:13%;top:80.3%;width:74%}
 .atlas-community h2{font-size:clamp(25px,6.7vw,40px);line-height:1.04}
 .atlas-community .atlas-button{min-width:86%;min-height:46px;margin-top:18px;font-size:clamp(15px,4vw,22px);padding:12px 15px}
 .atlas-discover{font-size:14px;margin-top:14px}
 .atlas-video-controls{top:13.2%;right:5%}
 .atlas-video-button{width:38px;height:38px}
 .atlas-window-label{font-size:14px;left:16%;right:16%}
 .atlas-window:hover .atlas-window-label{opacity:0}
 .atlas-window:focus-visible .atlas-window-label{opacity:1}
 .atlas-footer{padding:24px 6% 32px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.atlas-page *{scroll-behavior:auto!important;transition:none!important}.atlas-window:hover img{transform:none}.atlas-button:hover{transform:none}}
@media(max-width:400px){.atlas-wordmark{font-size:clamp(12px,4vw,16px);letter-spacing:.18em;gap:.5em}.atlas-header nav{gap:clamp(7px,2.4vw,10px)}.atlas-header .atlas-button-dark{padding:10px}}