*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#17130f;color:#fff3da;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.top{height:100px;background:#17130f;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:8px 3%;position:relative;z-index:4}.brand img{display:block;width:170px;height:auto}.top nav{display:flex;gap:clamp(14px,2.5vw,48px);align-items:center}.top nav a{font-weight:900;font-size:13px;letter-spacing:1px}.top nav a:hover{color:#ffc529}.reserve,.outline{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 24px;font-weight:900;font-size:14px;letter-spacing:.4px;border-radius:4px}.reserve{background:#d60913;color:#fff}.reserve:hover{background:#f11d23}.outline{border:2px solid #fff1d0;color:#fff1d0}.menu{display:none}.hero{min-height:565px;position:relative;display:flex;align-items:center;overflow:hidden;background:#1a0e08}.hero-photo{position:absolute;inset:0;background-image:url('assets/hero.webp');background-position:center;background-size:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,8,7,.94) 0%,rgba(9,8,7,.85) 31%,rgba(9,8,7,.24) 80%)}.star{position:absolute;width:min(42vw,580px);left:31%;top:-10%;opacity:.78;transform:rotate(-12deg);pointer-events:none}.hero-content{position:relative;z-index:2;width:min(850px,94%);padding:48px 3%}.eyebrow{color:#ffbf20;font-weight:900;letter-spacing:3px;font-size:14px}.hero h1{font-family:Impact,'Arial Black',sans-serif;letter-spacing:1px;line-height:.93;font-size:clamp(70px,9vw,155px);margin:25px 0 24px}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{color:#ffc42c}.hero p{font-size:clamp(17px,2vw,23px);font-family:Georgia,serif;line-height:1.45}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.features{display:grid;grid-template-columns:repeat(4,1fr);background:#f8ebcc;color:#1d1610;padding:27px 4%;gap:20px}.features div{border-right:1px solid #aa9b7c;padding:0 14px}.features div:last-child{border:0}.features b{display:block;font-family:Impact,sans-serif;font-size:27px}.features small{font-size:13px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px;background:#f8ebcc}.tile{min-height:330px;background-image:linear-gradient(0deg,rgba(0,0,0,.9),transparent 70%),var(--photo);background-position:center;background-size:cover;border-radius:5px;display:flex;justify-content:space-between;align-items:end;padding:24px}.tile h2{font:40px Impact,sans-serif;color:#ffc32a;margin:0}.tile p{font:17px Georgia,serif;max-width:250px}.tile span{font-size:32px;color:#ffc32a}.bottom{padding:75px 5%;display:grid;grid-template-columns:1.3fr 1fr;gap:35px}.bottom h2{font:clamp(45px,5vw,80px)/1 Impact,sans-serif;color:#ffc32a;margin:14px 0}.bottom h3{color:#ffc32a}.bottom .outline{margin-top:14px}footer{padding:22px 5%;background:#0e0c0a;color:#c7bda9;font-size:12px;letter-spacing:2px}@media(max-width:950px){.top{height:80px}.brand img{width:125px}.top nav{gap:12px}.top nav a{font-size:11px}.top .desktop{display:none}.star{left:40%;width:65vw}}@media(max-width:680px){.top{height:78px}.menu{display:block;border:1px solid #c8bfae;border-radius:4px;background:transparent;color:#fff;padding:10px;font-weight:800}.top nav{display:none;position:absolute;left:0;right:0;top:78px;padding:20px;background:#17130f;flex-direction:column;align-items:stretch}.top nav.open{display:flex}.top nav a{padding:10px;font-size:15px}.hero{min-height:600px}.hero-photo{background-position:62% center}.shade{background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.46))}.star{left:35%;top:5%;width:90vw;opacity:.42}.hero-content{padding:35px 5%}.hero h1{font-size:clamp(62px,14vw,98px)}.features{grid-template-columns:1fr 1fr;gap:25px 8px}.features div:nth-child(2){border:0}.features b{font-size:23px}.tiles{grid-template-columns:1fr}.tile{min-height:310px}.bottom{grid-template-columns:1fr}.actions a{width:100%}}
/* Ajustements validés : photographie seule, réservation externe, cartes lisibles */
.hero{height:clamp(350px,49vw,650px);min-height:0;display:block;background:#17130f}
.hero-photo{background-size:cover;background-position:center 48%}
.reservation-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4%;background:#191511;color:#ffc32a;font-weight:900;letter-spacing:2px}
.reservation-strip .reserve{min-width:245px}
.features{background:#f8ebcc;color:#18120e}
.features b,.features small{color:#18120e}
.tiles{background:#f8ebcc;gap:18px;padding:18px}
.tile{position:relative;isolation:isolate;overflow:hidden;background-color:#23160e;background-image:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.24) 75%),var(--photo);background-size:cover;background-position:center;min-height:340px}
.tile:before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.08);z-index:-1}
.tile>div,.tile>span{position:relative;z-index:2}
.tile h2{color:#ffca38;text-shadow:0 2px 5px #000;font-size:clamp(28px,2.7vw,42px)}
.tile p{color:#fff8e9;text-shadow:0 2px 5px #000;line-height:1.35}
.tile-darts{background-image:linear-gradient(135deg,#3c1016,#150d0c)}
.tile-darts .fist{position:absolute;right:7%;top:12%;width:clamp(100px,14vw,190px);height:clamp(150px,20vw,245px);max-width:45%;object-fit:contain;object-position:center;opacity:.85;z-index:0;pointer-events:none}
.tile-darts:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent 90%);z-index:1}
@media(max-width:680px){.hero{height:380px}.reservation-strip{flex-direction:column;text-align:center;font-size:12px}.reservation-strip .reserve{width:100%}.tile{min-height:340px}}
/* Photo authentique du Sputnik fournie pour la bannière */
.hero-photo{background-image:url('assets/sputnik-interieur.jpg');background-position:center center}

/* Liens interactifs du bandeau clair */
.features a{display:block;min-width:0;border-right:1px solid #aa9b7c;padding:0 14px;color:#18120e;text-decoration:none;transition:transform .2s,color .2s}
.features a:last-child{border-right:0}
.features a:hover,.features a:focus-visible{color:#a5000b;transform:translateY(-3px)}
.features a b,.features a small{color:inherit;display:block}
.features a:focus-visible{outline:3px solid #a5000b;outline-offset:4px}
@media(max-width:680px){.features a:nth-child(2){border-right:0}}