body:not(:has(.sombreval-home)){--ink:#f7f0df;--paper:#091322;--cream:#122034;--muted:#b8c3d0;--line:#344157;background:#091322;color:#f7f0df}
body:not(:has(.sombreval-home)) .header,body:not(:has(.sombreval-home)) footer{background:#091322;color:#f7f0df}
body:not(:has(.sombreval-home)) .brand>span{color:#f7f0df}
body:not(:has(.sombreval-home)) .eyebrow,body:not(:has(.sombreval-home)) .text-link{color:#d9b675}
body:not(:has(.sombreval-home)) .button,body:not(:has(.sombreval-home)) .nav-cta{background:#d9b675;color:#091322;border:1px solid #d9b675}
body:not(:has(.sombreval-home)) .cream,body:not(:has(.sombreval-home)) .closing,body:not(:has(.sombreval-home)) .variants article,body:not(:has(.sombreval-home)) .demo-note{background:#122034;color:#f7f0df}
body:not(:has(.sombreval-home)) input,body:not(:has(.sombreval-home)) select,body:not(:has(.sombreval-home)) textarea{background:#122034;color:#f7f0df;border-color:#607086}
body:not(:has(.sombreval-home)) .form-result{background:#22384a;color:#f7f0df}
.concept-hero{position:relative;min-height:660px;display:flex;align-items:center;background:#091322;isolation:isolate;overflow:hidden}
.concept-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% top;z-index:-2}
.concept-hero:before{content:'';position:absolute;inset:0 0 auto;height:clamp(100px,12vw,180px);background:linear-gradient(180deg,#091322 0%,rgba(9,19,34,.82) 25%,rgba(9,19,34,.3) 65%,transparent 100%);z-index:-1;pointer-events:none}
.concept-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,19,34,.97),rgba(9,19,34,.83) 38%,rgba(9,19,34,.2)),linear-gradient(0deg,#091322,transparent 50%);z-index:-1}
.concept-entry{padding-block:75px}.concept-entry h1{font-size:clamp(2.7rem,5vw,5.4rem);max-width:830px;line-height:1.04}.concept-hook{font:clamp(1.5rem,2.5vw,2.1rem)/1.35 Georgia;max-width:620px;margin:25px 0;color:#d9b675}.concept-entry .lead{max-width:560px;font-size:18px}.concept-entry .button{margin-top:26px}
.interior-band{background:#122034}.play-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.play-steps span{font:44px Georgia;color:#d9b675}.play-steps p{margin-top:20px}.practical{padding-left:20px;margin-block:25px 35px}.practical li{padding-left:8px;margin-bottom:22px}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.concept-tile{text-decoration:none;display:block;background:#122034;border:1px solid #344157;transition:border-color .2s}.concept-tile:hover{border-color:#d9b675}.concept-tile img{display:block;width:100%;height:235px;object-fit:cover}.concept-tile>div{padding:26px}.concept-tile h3{font:30px Georgia;margin:20px 0}.concept-tile p:not(.eyebrow){font-size:15px}.concept-tile .text-link{display:inline-block;margin-top:24px}.scenario-index{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.scenario-index h3{font:24px Georgia;color:#d9b675}.scenario-index a{display:block;padding:14px 0;border-bottom:1px solid #344157;text-decoration:none}.interior .photo figcaption{color:#b8c3d0}.interior h3{margin-block:24px 15px}
.about-entry{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;padding-block:65px}.about-entry h1{font-size:clamp(2.8rem,4.4vw,4.8rem);line-height:1.08;margin-block:25px}.about-entry img{width:100%;height:550px;object-fit:cover;object-position:65% center}.character-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.character-gallery .photo img{aspect-ratio:3/4;object-position:center top}.character-gallery figcaption{padding-top:14px}
@media(max-width:760px){.about-entry,.character-gallery{grid-template-columns:1fr;gap:30px}.about-entry{padding-block:40px}.about-entry img{height:auto;max-height:550px;object-fit:cover}.about-entry h1{font-size:2.8rem}.character-gallery .photo img{max-height:500px}}
@media(max-width:1000px){.concept-grid{grid-template-columns:repeat(2,1fr)}.concept-hero{min-height:600px}}
@media(max-width:760px){.concept-hero{min-height:680px;align-items:flex-end}.concept-entry{padding-block:210px 40px}.concept-backdrop{object-position:65% top}.concept-hero:after{background:linear-gradient(0deg,#091322 4%,rgba(9,19,34,.9) 45%,rgba(9,19,34,.08))}.concept-entry h1{font-size:2.8rem}.concept-grid,.play-steps,.scenario-index{grid-template-columns:1fr}.concept-tile img{height:245px}.play-steps{gap:20px}.concept-hook{font-size:1.6rem}.concept-entry .lead{font-size:16px}.concept-entry .button{max-width:100%}}
.character-gallery img[src$="jack-echange.webp"]{object-position:72% center}
.concept-tile img[src$="sombreval-visuel.webp"]{object-fit:contain;background:#080b10}
.concept-tile img[src$="sombreval-cartes.webp"]{object-fit:cover;object-position:40% 50%;filter:contrast(1.12) saturate(.9) brightness(.94)}
.concept-tile:hover,.concept-tile:focus-visible{color:#f7f0df}.concept-tile:hover h3,.concept-tile:focus-visible h3{color:#d9b675}
.concept-shortcuts{display:flex;flex-wrap:wrap;gap:12px;padding-block:22px}.concept-shortcuts a{color:#d9b675;border:1px solid #607086;padding:10px 16px;text-decoration:none;font-weight:650;font-size:14px}.section-anchor{display:block;scroll-margin-top:24px}.interior section[id]{scroll-margin-top:24px}.practical-details{margin-block:20px}.practical-details ul{padding:20px 20px 0}.scenario-cast{color:#d9b675;font-weight:650}.facts{flex-wrap:wrap}.facts span{max-width:100%}
@media(max-width:760px){.interior .section{padding-block:36px}.interior .section.compact{padding-top:20px}.interior .play-steps{margin-top:24px;gap:18px}.interior .play-steps p{margin-top:12px}.interior .variants{margin-block:24px;gap:20px}.concept-shortcuts{gap:8px;padding-block:18px}.concept-shortcuts a{padding:10px 12px}.interior .formula-practical{margin-top:20px}.interior .mimiques-formula h3{margin-top:26px}}
.concept-carousel{position:relative}.concept-carousel .carousel-controls{position:absolute;inset:0;margin:0;pointer-events:none;justify-content:space-between;gap:0}.concept-carousel .carousel-position{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.concept-carousel .carousel-controls button{pointer-events:auto;border:0;border-radius:0;width:68px;height:100%;font-size:30px;background:linear-gradient(90deg,#091322e8,#09132280 48%,transparent);text-shadow:0 1px 8px #000}.concept-carousel .carousel-controls button:last-child{background:linear-gradient(270deg,#091322e8,#09132280 48%,transparent)}.concept-carousel .carousel-controls button:focus-visible{outline:2px solid #d9b675;outline-offset:-3px}
@media(max-width:760px){.concept-carousel .carousel-controls{display:none}}
.concept-carousel .carousel-controls[hidden]{display:none}
@media(max-width:760px) and (hover:hover) and (pointer:fine){.concept-carousel .carousel-controls{display:flex}.concept-carousel .carousel-controls button{width:42px}}
@media(max-width:760px) and (pointer:coarse){.concept-carousel .concept-grid .concept-tile{flex-basis:88%}}
.concept-carousel .concept-grid{cursor:grab}.concept-carousel .concept-grid.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.concept-carousel .concept-grid.dragging a{cursor:grabbing}.concept-carousel .concept-grid img{-webkit-user-drag:none}
.variants article{padding:28px;min-width:0}.variants article h3{margin-top:0}.variants article p{margin-bottom:0}
@media(max-width:760px){.variants article{padding:24px}}
.concept-carousel .concept-grid{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.concept-carousel .concept-grid::-webkit-scrollbar{display:none}.concept-carousel .concept-tile{flex:0 0 calc((100% - 50px)/3);min-width:0;scroll-snap-align:start}.concept-carousel .concept-tile>div{display:flex;flex-direction:column}.concept-carousel .concept-tile .text-link{margin-top:auto;padding-top:24px}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:26px}.carousel-controls[hidden]{display:none}.carousel-controls button{background:#122034;color:#d9b675;border:1px solid #607086;width:48px;height:48px;font-size:24px;cursor:pointer}.carousel-controls button:hover,.carousel-controls button:focus-visible{border-color:#d9b675}.carousel-controls button:disabled{opacity:.35;cursor:default}.carousel-position{font-size:14px;color:#b8c3d0;min-width:110px;text-align:center}
@media(max-width:1000px){.concept-carousel .concept-tile{flex-basis:calc((100% - 25px)/2)}}
@media(max-width:760px){.concept-carousel .concept-tile{flex-basis:100%}}
.balade-posters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:40px}.balade-posters article{background:#122034;border:1px solid #344157;overflow:hidden;scroll-margin-top:25px}.balade-posters img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.balade-posters p{padding:22px 26px;margin:0;font-size:16px;line-height:1.6}
@media(max-width:760px){.balade-posters{grid-template-columns:1fr;gap:24px}.balade-posters p{padding:20px}}
.mimiques-formula{scroll-margin-top:25px}.mimiques-formula h3{margin-top:40px}.mimiques-formula .formula-practical{margin-top:35px}.formula-practical .button{margin-top:24px}
.header .brand{width:250px;flex-shrink:0}.header .brand img{width:100%;height:auto;max-height:none;object-fit:contain}.footer-brand img{width:270px;max-width:100%;height:auto;display:block}
@media(max-width:1100px){.header .brand{width:210px}}
@media(max-width:760px){.header .brand{width:205px}.footer-brand img{width:250px}}
.event-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.event-shortcuts a{padding:12px 18px;border:1px solid #607086;text-decoration:none;color:#d9b675;font-weight:650}.event-choice{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;padding:45px 0;border-top:1px solid #344157;scroll-margin-top:25px}.event-choice h2{font-size:clamp(2rem,3vw,2.8rem);margin-top:18px}.event-choice .actions{margin-top:24px;flex-wrap:wrap}.event-choice .text-link{display:inline-block}.proof-case{display:grid;grid-template-columns:1fr 1fr;gap:65px}.proof-case .text-link{display:inline-block;margin-top:20px}.event-help .button{margin-top:28px}
@media(max-width:760px){.event-choice,.proof-case{grid-template-columns:1fr;gap:22px}.event-choice{padding:32px 0}.event-shortcuts{display:grid;grid-template-columns:1fr}.event-choice h2 br{display:none}}
@media(max-width:760px){
 .format-comparison{overflow:visible}
 .format-comparison table{display:block;min-width:0;font-size:15px}
 .format-comparison caption{display:block;margin-bottom:24px}
 .format-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .format-comparison tbody{display:grid;gap:16px}
 .format-comparison tr{display:block;background:#122034;border:1px solid #344157;padding:20px}
 .format-comparison th{display:block;padding:0 0 16px;font:24px Georgia;border-bottom:1px solid #344157}
 .format-comparison th a{color:#d9b675;text-decoration:none}
 .format-comparison td{display:block;padding:14px 0 0;border:0;overflow-wrap:anywhere}
 .format-comparison td:before{content:attr(data-label);display:block;font-size:12px;font-weight:650;color:#b8c3d0;margin-bottom:5px}
}
