:root{--ocre:#c8962e;--or:#d9a93a;--bois:#3a2c1e;--emeraude:#0f4a3c;--cuivre:#b06a3a;--fond:#16110c;--fond-2:#1f1810;--carte:#241b12;--texte:#ece3d4;--texte-doux:#b7a98f;--bord:#3a2c1e}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Georgia,'Times New Roman',serif;background:var(--fond);color:var(--texte);line-height:1.65;font-size:17px}
.container{width:90%;max-width:1140px;margin:0 auto}
h1,h2,h3{font-family:'Georgia',serif;line-height:1.2;color:var(--texte)}
a{color:var(--or);text-decoration:none}
a:hover{text-decoration:underline}
img{display:block;max-width:100%;height:auto}
.btn{display:inline-block;padding:.8em 1.6em;border-radius:3px;font-weight:bold;font-family:Georgia,serif;letter-spacing:.03em;cursor:pointer;border:2px solid transparent;transition:.25s;text-align:center}
.btn:hover{text-decoration:none;transform:translateY(-2px)}
.btn-or{background:var(--or);color:#1a130b}
.btn-or:hover{background:var(--ocre)}
.btn-cuivre{background:var(--cuivre);color:#fff}
.btn-cuivre:hover{background:#9a572d}
.btn-ghost{border-color:var(--or);color:var(--or)}
.btn-ghost:hover{background:var(--or);color:#1a130b}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(22,17,12,.96);border-bottom:1px solid var(--bord);backdrop-filter:blur(6px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0}
.logo{display:flex;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:bold;color:var(--or);letter-spacing:.08em}
.logo:hover{text-decoration:none}
.main-nav{display:flex;align-items:center;gap:1.4rem}
.main-nav a{color:var(--texte);font-size:1rem}
.main-nav a.active,.main-nav a:hover{color:var(--or);text-decoration:none}
.nav-cta{color:#fff!important}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:26px;height:2px;background:var(--or);transition:.3s}
/* hero */
.hero{position:relative;padding:7rem 0;color:#fff;background-image:linear-gradient(rgba(15,11,6,.78),rgba(15,11,6,.88)),url('images/hero.jpg'),url('https://source.unsplash.com/1600x900/?escape-room,mystery,vintage');background-size:cover;background-position:center}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--ocre);font-size:.85rem;margin-bottom:1rem}
.hero h1{font-size:2.8rem;max-width:14ch;margin-bottom:1.2rem;color:#fff}
.lead{font-size:1.2rem;color:var(--texte-doux);max-width:55ch;margin-bottom:1.8rem}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.hero-points{display:flex;gap:1.5rem;list-style:none;flex-wrap:wrap}
.hero-points li{padding-left:1.4rem;position:relative;color:var(--texte-doux)}
.hero-points li::before{content:'◆';position:absolute;left:0;color:var(--or)}
/* sections */
.section{padding:4.5rem 0}
.section-dark{background:var(--fond-2)}
.section h2{font-size:2rem;margin-bottom:1.2rem}
.intro{color:var(--texte-doux);max-width:62ch;margin-bottom:1.8rem;font-size:1.1rem}
.page-hero{padding:4rem 0 2rem;background:var(--fond-2);border-bottom:1px solid var(--bord)}
.page-hero h1{font-size:2.4rem;margin-bottom:1rem;color:var(--or)}
.narrow{max-width:720px}
.note{color:var(--texte-doux);max-width:70ch;margin-top:2rem;font-size:.97rem;font-style:italic}
/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.8rem;margin-top:2rem}
.card{background:var(--carte);border:1px solid var(--bord);border-radius:6px;overflow:hidden}
.card img{width:100%;height:200px;object-fit:cover}
.card h3{padding:1.2rem 1.2rem .4rem;color:var(--or)}
.card p{padding:0 1.2rem 1.4rem;color:var(--texte-doux)}
/* salles */
.salles-list{display:flex;flex-direction:column;gap:2.5rem}
.salle{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:center;background:var(--carte);border:1px solid var(--bord);border-radius:8px;overflow:hidden}
.salle img{width:100%;height:100%;min-height:280px;object-fit:cover}
.salle-body{padding:2rem}
.tag{display:inline-block;background:var(--emeraude);color:#cdeee0;padding:.25em .8em;border-radius:20px;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.8rem}
.salle h2{color:var(--or);margin-bottom:.6rem}
.salle p{color:var(--texte-doux);margin-bottom:1rem}
.salle-meta{color:var(--texte)!important}
.salle-meta strong{color:var(--or)}
/* prices */
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}
.price-card{background:var(--carte);border:1px solid var(--bord);border-radius:8px;padding:1.8rem;text-align:center}
.price-card.highlight{border-color:var(--or);background:#2a1f12}
.price-card h2{font-size:1.3rem;color:var(--or);margin-bottom:.6rem}
.price{font-size:1.9rem;color:var(--texte);margin-bottom:.6rem;font-weight:bold}
.price span{font-size:.95rem;color:var(--texte-doux);font-weight:normal}
.price-card p:last-child{color:var(--texte-doux);font-size:.95rem}
/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}
.split-text h2{color:var(--or);margin-bottom:1rem}
.split-text p{color:var(--texte-doux);margin-bottom:1rem}
.split-img img{border-radius:8px;border:1px solid var(--bord);width:100%;object-fit:cover}
/* form */
.form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}
.field{display:flex;flex-direction:column}
.field.full{grid-column:1/-1}
.form label{margin-bottom:.4rem;font-size:.92rem;color:var(--texte-doux)}
.form input,.form select,.form textarea{padding:.7em;background:var(--fond);border:1px solid var(--bord);border-radius:4px;color:var(--texte);font-family:inherit;font-size:1rem}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--or)}
.form button{grid-column:1/-1;justify-self:start}
.form-msg{grid-column:1/-1;font-size:.95rem}
.form-msg.error{color:#e08b6b}
.form-msg.ok{color:#7fd6b3}
/* faq */
.faq details{background:var(--carte);border:1px solid var(--bord);border-radius:6px;padding:1rem 1.3rem;margin-bottom:1rem}
.faq summary{cursor:pointer;font-weight:bold;color:var(--or);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';float:right;color:var(--or)}
.faq details[open] summary::after{content:'−'}
.faq p{margin-top:.8rem;color:var(--texte-doux)}
/* footer */
.site-footer{background:#0e0a06;border-top:1px solid var(--bord);padding:3rem 0 1.5rem;margin-top:2rem}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}
.footer-grid h3{color:var(--or);font-size:1.1rem;margin-bottom:.8rem}
.footer-grid p,.footer-grid li{color:var(--texte-doux);font-size:.95rem}
.footer-links{list-style:none}
.footer-links li{margin-bottom:.4rem}
.copyright{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--bord);text-align:center;color:var(--texte-doux);font-size:.88rem}
/* 404 */
.error-page{text-align:center;padding:6rem 0}
.error-page h1{font-size:5rem;color:var(--or)}
/* responsive */
@media(max-width:860px){
.burger{display:flex}
.main-nav{position:fixed;top:64px;right:0;width:75%;max-width:300px;height:calc(100vh - 64px);flex-direction:column;align-items:flex-start;gap:1rem;background:var(--fond-2);padding:2rem 1.5rem;transform:translateX(110%);transition:.3s;border-left:1px solid var(--bord)}
.main-nav.open{transform:translateX(0)}
.hero h1{font-size:2rem}
.salle{grid-template-columns:1fr}
.split{grid-template-columns:1fr}
.form{grid-template-columns:1fr}
}