/* Variante plus illustrée, sans modifier la structure de lecture. */
/* Les interactions restent légères et respectent la réduction des animations. */
:root{--steam-banner:url('https://steamescape.fr/limoges/wp-content/uploads/2024/04/banniere-site-limoges.jpg')}
.story-scene{background:linear-gradient(90deg,#29293418,#29293445),var(--steam-banner) left center/cover no-repeat;border-block:1px solid #e5c35b55;position:relative}
.story-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#252436a1 0%,#25243633 42%,#29293477 100%);pointer-events:none}
.story{position:relative;gap:70px;align-items:start;padding:75px 0}
.story-intro{padding:30px 0;text-shadow:0 2px 8px #181323}
.story-intro h2{color:#fff0bc}.story-intro .eyebrow{color:#ffe6a1}.destination{color:#fff2db;font-size:16px}
.story-intro .ornament{width:300px;max-width:95%;filter:invert(90%) sepia(25%) saturate(500%)}
.story-copy{background:#f9f0dceF;color:#38303c;padding:35px 40px;border:1px solid #f1dcae;box-shadow:0 15px 50px #21192930;font-size:20px}
.story-copy .lead{color:#59452b}.scores{border-color:#65533c3b}.scores span{color:#655b65}.scores strong{color:#806126}.scores i{background:#876c3925}.scores i:before{background:#a58238}
.trailer{padding:0;background:#000;border-bottom:1px solid #e5c35b55}.film-wrap{max-width:1440px}.film-wrap button{background:radial-gradient(ellipse at center,transparent 40%,#000b)}
.gallery-section{padding:65px 0 80px}.gallery-section .section-heading{align-items:center}.gallery-section .ornament{width:240px;margin:0 0 18px}.gallery-section h2{color:var(--gold)}
.identity{background:linear-gradient(0deg,#29293410,#29293410),var(--steam-banner) center/cover no-repeat;padding:65px 0;border-block:1px solid #e5c35b55}
.reasons{gap:60px}.reasons>div,.reasons>div+div{background:#fcf1dceF;border:1px solid #f4dfb3;padding:34px 36px;box-shadow:0 10px 30px #21192920}.reasons .ornament{width:230px;max-width:90%;opacity:.85}.reasons h2{color:#59432b}
.booking-scene{background:linear-gradient(90deg,#292934e8,#292934a8),var(--steam-banner) center/cover no-repeat}.booking{padding:75px 0}.booking h2{color:var(--gold)}.booking-panel{background:#262632e8;border-color:#e5c35b66;box-shadow:0 12px 35px #1a17262b}.booking .small-note{color:#e0d9cf}
@media(max-width:800px){.story{gap:25px;padding:35px 0 45px}.story-intro{padding:15px 0;min-height:0}.story-intro h2{font-size:34px}.story-intro .destination{font-size:14px}.story-copy{padding:25px 22px;font-size:19px}.story-scene{background-position:33% center}.story-scene:before{background:linear-gradient(0deg,#29293440,#29293455)}.scores{gap:8px}.scores span{font-size:10px}.scores strong{font-size:29px}.gallery-section{padding:45px 0}.gallery-section .ornament{width:190px}.identity{padding:35px 0}.reasons{gap:22px}.reasons>div,.reasons>div+div{padding:28px 24px}.reasons h2{font-size:25px}.booking{padding:45px 0}.booking-panel{padding:25px 12px}}
:root{--steam-skyline:url('https://steamescape.fr/limoges/wp-content/uploads/2024/04/434445596_642114824734620_5484624321572680005_n.steam-optimized.avif')}
.story-intro{text-align:center}.story-intro .ornament{margin-left:auto;margin-right:auto}
.gallery-section .section-heading{display:block;text-align:center}.gallery-section .ornament{margin-left:auto;margin-right:auto}.gallery-section .small-note{display:block;margin-top:16px}
.identity{background-image:linear-gradient(0deg,#29293430,#29293410),var(--steam-skyline)}
.reasons>div,.reasons>div+div{background:#292934ed;color:#f4eedb;border-color:#e5c35b80;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.reasons h2{color:#f0ce59;text-align:center;text-shadow:0 2px 8px #0004}
.reasons .ornament{margin-left:auto;margin-right:auto;filter:invert(89%) sepia(53%) saturate(600%);opacity:1}
.reasons li{border-bottom-color:#e5c35b30;transition:background .25s ease,color .25s ease,padding-left .25s ease}.reasons li:before{color:#f0ce59}
.button{transition:filter .2s ease,transform .25s ease,box-shadow .25s ease}
.gallery button{transition:border-color .25s ease,box-shadow .25s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.reasons>div:hover{transform:translateY(-5px);box-shadow:0 15px 38px #19132450;border-color:#f0ce59}.reasons li:hover{padding-left:30px;color:#ffe59b;background:#e5c35b0b}.button:hover{transform:translateY(-2px);box-shadow:0 6px 22px #e5c35b25}.gallery button:hover{border-color:#f0ce59;box-shadow:0 6px 20px #0005}}
@media(prefers-reduced-motion:reduce){.reasons>div,.reasons>div+div,.reasons li,.button,.gallery button{transition:none!important;transform:none!important}}
@media(min-width:801px){
  .story{grid-template-columns:1.2fr 1.4fr;gap:50px}
  .story-intro{container-type:inline-size}
  .story-intro{align-self:center;padding:40px 0}
  .story-intro h2{font-size:clamp(32px,10.8cqi,64px);line-height:1.18}
  .story-intro .eyebrow{font-size:15px;letter-spacing:3px}
  .story-intro .destination{font-size:23px;line-height:1.7}
  .story-intro .ornament{width:390px;margin-top:32px;margin-bottom:28px}
  .gallery-section h2{font-size:clamp(46px,4.5vw,64px)}
  .gallery-section .ornament{width:320px}
}
.gallery img{transition:transform .6s ease,filter .6s ease}
.tags span,.facts>div,.scores>div,.booking-panel,.film-wrap button>span{transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease}
.text-link,.back,.footer-links a{transition:color .2s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .gallery button:hover img{transform:scale(1.065);filter:brightness(1.08)}
  .tags span:hover{transform:translateY(-3px);border-color:var(--gold);background:#e5c35b15}
  .facts>div:hover,.scores>div:hover{transform:translateY(-3px)}
  .facts>div:hover strong{color:var(--gold)}
  .booking-panel:hover{border-color:#e5c35baa;box-shadow:0 12px 40px #0004}
  .film-wrap button:hover>span{transform:scale(1.09);background:#e5c35b33;box-shadow:0 0 32px #e5c35b30}
  .text-link:hover,.back:hover,.footer-links a:hover{color:#ffe59b}
}
.gallery button:focus-visible img{filter:brightness(1.08)}
#lightbox{padding:12px 58px 18px;overflow:auto}
#lightbox img{max-width:min(78vw,1000px);max-height:76vh;margin:auto;touch-action:pan-y}
#lightbox .photo-prev,#lightbox .photo-next{top:45%;right:10px;border-radius:50%;width:42px;height:48px;font-size:36px;line-height:1}
#lightbox .photo-prev{left:10px;right:auto}
#lightbox #close-photo{z-index:1;top:15px;right:15px}
@media(max-width:800px){#lightbox{max-width:96vw;padding:55px 8px 16px}#lightbox img{max-width:89vw;max-height:70vh}#lightbox .photo-prev,#lightbox .photo-next{background:#17171fcc;top:48%}#lightbox p{padding:0 8px;line-height:1.4}.gallery-section h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.gallery button:hover img{transform:none}}