/* Pages éditoriales : papier, reliefs et photographies du jeu. */
.editorial-page{--page-ink:#303523;--page-muted:#596049;--page-rule:#b8bc9b;--page-dark:#3d5039;--page-paper:#efe9ce;--page-light:#f8f1d9;overflow-x:clip}
.editorial-page main{min-height:55vh}
.page-wrap{width:min(1300px,calc(100% - 112px));margin-inline:auto}
.page-section{padding-block:clamp(78px,8vw,122px)}
.page-heading{max-width:770px;margin-bottom:42px}
.page-pictogram{display:block;width:76px;height:76px;flex:none;margin:0 0 18px}
.page-pictogram svg{display:block;width:100%;height:100%;overflow:visible}
.page-reading-block{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:start}
.page-reading-block>.page-pictogram{width:64px;height:64px;margin:0}
.play-principles-inner .page-pictogram{width:64px;height:64px;background:#f2e8c9;clip-path:polygon(12% 0,87% 0,100% 15%,97% 86%,84% 100%,13% 97%,0 81%,2% 14%);padding:5px;margin-bottom:17px}
.editorial-page h1,.editorial-page h2,.editorial-page h3{font-weight:400}
.editorial-page h1{font-size:clamp(50px,5.7vw,84px);line-height:1;letter-spacing:-.055em}
.editorial-page .page-heading h2,.editorial-page .page-community h2{font-size:clamp(38px,4.3vw,64px);line-height:1.04}
.page-heading>p,.page-intro-copy>p{margin-top:22px;color:var(--page-muted);font-size:clamp(17px,1.35vw,20px);line-height:1.55;max-width:670px}
.page-lead{font-size:clamp(19px,1.55vw,23px);line-height:1.5;margin-top:28px;max-width:560px}
.page-sublead{font-size:17px;color:var(--page-muted);max-width:550px;margin-top:16px}
.page-note{font-size:14px!important;line-height:1.5;color:var(--page-muted)}
.page-actions{display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap;margin-top:32px}
.editorial-page a.page-button,.editorial-page a.page-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;text-decoration:none}
.editorial-page a.page-button{min-height:54px;padding:14px 25px;background:#405540;color:#fff8e9;clip-path:polygon(4% 0,96% 0,100% 20%,100% 80%,96% 100%,4% 100%,0 80%,0 20%);transition:background .2s,transform .2s}
.editorial-page a.page-button:hover{background:#293e2a;color:#fff;transform:translateY(-2px)}
.editorial-page a.page-link{justify-content:flex-start;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#8b9471}
.editorial-page a.page-link svg{transition:transform .2s}
.editorial-page a.page-link:hover svg{transform:translateX(4px)}
.editorial-page .shot-media{background:#3d4c3a;clip-path:polygon(3% 1%,22% 0,42% 1%,62% 0,81% 1%,97% 0,100% 6%,100% 94%,97% 99%,79% 98%,59% 100%,39% 98%,20% 100%,3% 99%,0 94%,0 6%)}
.editorial-page .shot-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;image-rendering:auto}
.editorial-page figure figcaption{color:var(--page-muted);font-size:13px;line-height:1.4;margin-top:10px}
.page-intro{position:relative;isolation:isolate}
.page-intro-landscape{display:grid;place-items:center;text-align:center;min-height:360px;padding:50px 24px 170px;overflow:hidden}
.page-landscape{position:absolute;inset:0;z-index:-1;pointer-events:none}
.page-landscape svg{display:block;width:100%;height:100%}
.page-intro-copy{position:relative;max-width:790px}
.page-intro-landscape .page-intro-copy>p{margin-inline:auto}
.page-intro-simple{text-align:center;padding-block:clamp(75px,8vw,110px) 38px}
.page-intro-simple .page-intro-copy{margin:auto}
.page-intro-simple .page-intro-copy>p{margin-inline:auto}
.game-hero{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(40px,6vw,90px);align-items:center;padding-block:clamp(70px,7vw,115px) clamp(75px,8vw,120px)}
.game-hero-copy{max-width:570px}
.game-hero-image .shot-media img{aspect-ratio:16/11}
.page-facts{display:flex;flex-wrap:wrap;gap:7px 0;list-style:none;padding:0;margin:30px 0 0;color:var(--page-muted);font-size:14px}
.page-facts li+li::before{content:'·';padding-inline:12px;color:#89936f}
.game-discoveries{border-top:1px solid var(--page-rule);display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,7vw,100px);align-items:center}
.game-discoveries-copy .page-heading{margin-bottom:22px}
.game-discoveries-copy>p{font-size:17px;color:var(--page-muted);max-width:480px;margin-bottom:22px}
.game-discoveries-images{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.game-discoveries-images figure:nth-child(2){margin-top:clamp(40px,7vw,90px)}
.game-discoveries-images .shot-media img{aspect-ratio:4/5;object-fit:cover}
.game-equipment{border-top:1px solid var(--page-rule);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,110px);align-items:start}
.game-equipment .page-heading{margin-bottom:24px}
.page-notes{padding:0;list-style:none;margin:25px 0}
.page-notes li{padding-block:13px;border-top:1px solid var(--page-rule);font-size:16px;line-height:1.5}
.game-equipment-images{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.game-equipment-images figure:first-child{grid-column:1/-1}
.game-equipment-images .shot-media img{aspect-ratio:16/9;object-fit:contain}
.game-story{background:#d9ddc0}
.game-story-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px)}
.game-story .page-heading{margin:0}
.game-story-inner>div:last-child{max-width:630px;font-size:18px;line-height:1.65}
.page-credit{font-size:15px;color:var(--page-muted);margin-top:28px}
.game-roadmap .page-heading{margin-bottom:46px}
.page-milestones{list-style:none;padding:0;margin:0}
.page-milestones li{display:grid;grid-template-columns:180px 1fr 120px;gap:30px;padding:28px 0;border-top:1px solid var(--page-rule)}
.page-milestones .milestone-phase{padding:3px 0 0;font-size:14px;color:var(--page-muted)}
.editorial-page .page-milestones h3{font-size:29px;line-height:1.15}
.page-milestones li>div p{font-size:16px;line-height:1.55;max-width:690px;margin-top:10px}
.page-milestones .milestone-price{font:400 25px/1.2 Georgia,serif;text-align:right;white-space:nowrap}
.page-steam{margin-top:22px;color:var(--page-muted);font-size:15px}
.play-modes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,55px);align-items:start;padding-bottom:clamp(75px,8vw,120px)}
.play-illustration{width:100%;aspect-ratio:20/13;overflow:hidden}
.play-illustration svg{display:block;width:100%;height:100%}
.play-copy{max-width:540px;padding:22px 2% 0}
.editorial-page .play-copy h2{font-size:clamp(31px,3.1vw,46px);line-height:1.08}
.play-copy>p:not(.page-note){font-size:18px;line-height:1.55;margin-top:16px}
.play-copy .page-note{margin-top:12px}
.play-session{border-top:1px solid var(--page-rule);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,120px);align-items:start}
.play-session .page-heading{margin:0}
.play-steps{list-style:none;padding:0;margin:0}
.play-steps li{border-top:1px solid var(--page-rule);padding:22px 0 25px}
.play-steps li:first-child{padding-top:0;border-top:0}
.editorial-page .play-steps h3,.editorial-page .play-principles-inner h3{font-size:25px;line-height:1.2}
.play-steps li p{font-size:16px;line-height:1.58;margin-top:10px}
.page-principles{background:#45563c;color:#faf2d9;padding-block:clamp(80px,8vw,120px)}
.play-principles-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,120px)}
.page-principles .page-heading{margin:0}
.page-principles .page-heading>p{color:#e3e7ce}
.play-principles-inner ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:32px 38px}
.play-principles-inner li{border-top:1px solid #94a087;padding-top:20px}
.play-principles-inner li p{font-size:16px;line-height:1.55;margin-top:10px;color:#eef0dc}
.world-featured{display:grid;gap:clamp(70px,8vw,115px)}
.world-entry-featured{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(40px,7vw,100px);align-items:center}
.world-entry-featured:nth-child(even){grid-template-columns:.92fr 1.08fr}
.world-entry-featured:nth-child(even) figure{grid-column:2;grid-row:1}
.world-entry-featured:nth-child(even) .world-entry-copy{grid-column:1;grid-row:1}
.world-entry-copy{min-width:0}
.editorial-page .world-entry-copy h2{font-size:clamp(33px,3.6vw,50px);line-height:1.08;margin-top:9px}
.world-entry-copy>p:not(.world-region):not(.world-status){font-size:17px;line-height:1.55;margin-top:14px;max-width:530px}
.world-entry-copy .world-region{font-size:13px;line-height:1.4;color:#4d573d;letter-spacing:.025em}
.world-status{color:#4d573d;font-size:13px;margin-top:15px}
.world-entry-copy .page-link{margin-top:14px;font-size:15px}
.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,6vw,90px) 36px;margin-top:clamp(90px,10vw,145px);padding-top:clamp(65px,7vw,100px);border-top:1px solid var(--page-rule)}
.world-grid .world-entry-copy{padding:22px 2% 0}
.world-grid .world-entry-copy h2{font-size:clamp(29px,2.6vw,39px)}
.page-gallery{padding-top:clamp(35px,4vw,60px)}
.page-gallery .gallery-toolbar{align-items:flex-end;border-color:var(--page-rule)}
.page-gallery .filters{gap:4px}
.page-gallery .filters button{font-size:14px;min-height:42px;padding:8px 12px;color:var(--page-ink)}
.page-gallery .filters button[aria-pressed=true]{background:#44573e;color:#fff7df}
.page-gallery .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 24px}
.page-gallery .gallery-link{clip-path:polygon(3% 1%,97% 0,100% 6%,100% 94%,97% 99%,3% 100%,0 94%,0 6%)}
.page-gallery .gallery-link .shot-media{clip-path:none}
.page-gallery .gallery-link img{aspect-ratio:16/9;object-fit:contain}
.page-gallery .gallery figcaption{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.page-gallery .gallery figcaption strong{font-size:16px}
.page-gallery .gallery-world{font-size:13px;color:var(--page-muted);text-underline-offset:3px}
.page-gallery .zoom{background:#f5eccf;color:#303523}
.editorial-page #lightbox{background:#35442f;color:#fff8e9}
.editorial-page #lightbox button{border-color:#a7b396}
.page-community{background:#3e5037;color:#fbf1d5;padding-block:clamp(70px,7vw,108px)}
.page-community-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(45px,7vw,100px);align-items:center}
.page-community-inner>div:first-child>p{max-width:620px;color:#e5e8cf;margin-top:20px;font-size:18px;line-height:1.55}
.editorial-page .page-community a.page-button-light{background:#f2e8c4;color:#303523}
.editorial-page .page-community a.page-button-light:hover{background:#fff8dc;color:#303523}
.page-community .page-note{color:#e4e6ce;max-width:430px;margin-top:16px}
@media(max-width:900px){
 .page-wrap{width:calc(100% - 64px)}
 .game-hero{grid-template-columns:1fr;gap:40px}.game-hero-copy{max-width:720px}.game-hero-image .shot-media img{aspect-ratio:16/9}
 .game-discoveries,.game-equipment,.game-story-inner,.play-session,.play-principles-inner,.page-community-inner{grid-template-columns:1fr;gap:42px}
 .game-discoveries-images{max-width:800px}.game-equipment-images{max-width:800px}.game-story-inner>div:last-child{max-width:760px}
 .world-entry-featured,.world-entry-featured:nth-child(even){grid-template-columns:1fr 1fr;gap:35px}
 .page-gallery .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .page-pictogram{width:64px;height:64px;margin-bottom:14px}.page-reading-block{grid-template-columns:48px minmax(0,1fr);gap:13px}.page-reading-block>.page-pictogram{width:48px;height:48px}.play-principles-inner .page-pictogram{width:58px;height:58px}
 .page-wrap{width:calc(100% - 40px)}.page-section{padding-block:65px}
 .editorial-page h1{font-size:clamp(41px,10.7vw,58px);line-height:1.03}
 .editorial-page .page-heading h2,.editorial-page .page-community h2{font-size:clamp(36px,9vw,47px)}
 .page-heading{margin-bottom:30px}.page-heading>p,.page-intro-copy>p{font-size:16px;margin-top:17px}
 .page-intro-landscape{min-height:285px;padding:45px 20px 80px}.page-intro-simple{padding-block:60px 25px}
 .game-hero{padding-block:50px 70px;gap:34px}.page-lead{font-size:18px;margin-top:22px}.page-sublead{font-size:16px}
 .page-actions{align-items:flex-start;gap:12px 20px;margin-top:25px}.editorial-page a.page-button{min-height:49px;padding:12px 18px;font-size:15px}
 .game-discoveries,.game-equipment,.game-story-inner,.play-session,.play-principles-inner,.page-community-inner{gap:32px}
 .game-discoveries-images{gap:10px}.game-discoveries-images figure:nth-child(2){margin-top:35px}.game-discoveries-copy>p,.game-story-inner>div:last-child{font-size:16px}
 .game-equipment-images{gap:12px}.page-notes li{font-size:15px}
 .page-milestones li{grid-template-columns:1fr auto;gap:12px 16px}.page-milestones .milestone-phase{grid-column:1/-1}.page-milestones li>div{grid-column:1}.editorial-page .page-milestones h3{font-size:25px}.page-milestones .milestone-price{font-size:21px}
 .play-modes{grid-template-columns:1fr;gap:42px;padding-bottom:65px}.play-copy{padding:14px 1% 0}.play-copy>p:not(.page-note){font-size:16px;margin-top:12px}
 .editorial-page .play-copy h2{font-size:34px}.play-principles-inner ul{grid-template-columns:1fr;gap:26px}.page-principles{padding-block:70px}
 .world-featured{gap:58px}.world-entry-featured,.world-entry-featured:nth-child(even){display:block}.world-entry-featured .world-entry-copy{padding:18px 0 0}.world-grid{grid-template-columns:1fr;gap:55px;margin-top:70px;padding-top:65px}.world-entry-copy>p:not(.world-region):not(.world-status){font-size:16px}
 .page-gallery{padding-top:30px}.page-gallery .gallery{grid-template-columns:1fr;gap:32px}.page-gallery .filters button{font-size:14px;padding:7px 10px}.page-gallery .gallery-toolbar{padding-block:16px 24px}
 .page-community{padding-block:70px}.page-community-inner>div:first-child>p{font-size:16px}.page-community .page-button{width:100%}
}
@media(prefers-reduced-motion:reduce){.editorial-page a.page-button,.editorial-page a.page-link svg{transition:none}.editorial-page a.page-button:hover,.editorial-page a.page-link:hover svg{transform:none}}
/* Le terrain reste sous les textes de présentation et accompagne la page jeu. */
.page-intro-landscape .page-intro-copy{max-width:950px}
.editorial-page .page-intro-landscape h1{font-size:clamp(42px,4.6vw,68px)}
.page-atlas-strip{position:relative;isolation:isolate;height:clamp(130px,15vw,210px);overflow:hidden}
.editorial-page .world-status{display:block;border:0;padding:0;margin-top:15px;color:#4d573d;font-size:13px}
@media(max-width:620px){.editorial-page .page-intro-landscape h1{font-size:clamp(38px,9.8vw,47px)}.page-atlas-strip{height:135px}}

/* Sur mobile, la frise reste sous le texte plutôt que derrière ses lignes. */
@media(max-width:620px){
 .page-intro-landscape{min-height:0;padding:44px 20px 155px}
 .page-intro-landscape .page-landscape{top:auto;height:135px}
}
