/* Art de Maison — couche de design v5 « Glass ».
   Palette relevée dans ADM_Logos_Vectoriels.pdf. Chargée après les feuilles existantes :
   elle redéfinit l'habillage sans toucher aux classes utilisées par les scripts. */

/* Polices auto-hébergées (SIL OFL 1.1, licences dans assets/fonts/). Fichiers variables : un fichier couvre 400 à 600. */
/* Cormorant Garamond italic — latin-ext */
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400 600;font-display:swap;src:url(assets/fonts/cormorant-garamond-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* Cormorant Garamond italic — latin */
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400 600;font-display:swap;src:url(assets/fonts/cormorant-garamond-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Cormorant Garamond normal — latin-ext */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400 600;font-display:swap;src:url(assets/fonts/cormorant-garamond-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* Cormorant Garamond normal — latin */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400 600;font-display:swap;src:url(assets/fonts/cormorant-garamond-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Montserrat normal — latin-ext */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 600;font-display:swap;src:url(assets/fonts/montserrat-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
/* Montserrat normal — latin */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 600;font-display:swap;src:url(assets/fonts/montserrat-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  /* Marque */
  --choco:#4A2510;--espresso:#2A1B10;--caramel:#B78349;--caramel-ink:#8A5A2B;--cream:#FCF7EC;--sand:#F1E7D6;
  /* Rôles (les anciennes variables restent alimentées) */
  --ink:var(--choco);--paper:var(--cream);--muted:#6E5644;--line:rgba(74,37,16,.14);--on-dark:#F6EEDF;--on-dark-muted:#D9C8B1;
  /* Verre */
  --glass:rgba(252,247,236,.58);--glass-strong:rgba(252,247,236,.82);--glass-dark:rgba(42,27,16,.42);--glass-dark-strong:rgba(42,27,16,.72);
  --glass-edge:rgba(255,255,255,.62);--glass-edge-dark:rgba(252,247,236,.18);--blur:saturate(150%) blur(18px);--blur-soft:saturate(140%) blur(10px);
  --shadow-1:0 1px 0 rgba(255,255,255,.7) inset,0 10px 30px -14px rgba(42,27,16,.28);
  --shadow-2:0 1px 0 rgba(255,255,255,.7) inset,0 28px 60px -24px rgba(42,27,16,.42);
  --shadow-dark:0 1px 0 rgba(252,247,236,.12) inset,0 30px 60px -28px rgba(0,0,0,.6);
  /* Forme, typographie, mouvement */
  --r-sm:14px;--r-md:20px;--r-lg:28px;--r-pill:999px;
  --font-display:'Cormorant Garamond',Cormorant,Garamond,Georgia,'Times New Roman',serif;
  --font-body:Montserrat,'Segoe UI',system-ui,Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);--t-fast:180ms;--t:320ms;--t-slow:600ms;
  --header-h:72px;--header-top:14px;
}

/* ---------- Base ---------- */
html{scroll-padding-top:calc(var(--header-h) + var(--header-top) + 16px)}
body{font:16px/1.7 var(--font-body);background:var(--cream);color:var(--ink);position:relative;isolation:isolate;-webkit-font-smoothing:antialiased}
body:before{content:'';position:fixed;inset:-10vmax;z-index:-1;pointer-events:none;
  background:radial-gradient(38vmax 30vmax at 12% 8%,rgba(183,131,73,.20),transparent 70%),
    radial-gradient(34vmax 28vmax at 92% 30%,rgba(74,37,16,.10),transparent 70%),
    radial-gradient(40vmax 32vmax at 40% 100%,rgba(183,131,73,.16),transparent 70%),var(--cream)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;text-wrap:balance}
h1{font-size:clamp(54px,6.4vw,104px);line-height:.98;letter-spacing:-.02em}
h2{font-size:clamp(42px,5vw,74px);line-height:1;letter-spacing:-.015em}
h3{font-size:clamp(28px,2.4vw,36px);line-height:1.1}
em{font-style:italic;color:var(--caramel-ink)}
p{text-wrap:pretty}
::selection{background:rgba(183,131,73,.35)}
button,a,summary,label{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--caramel);outline-offset:4px;border-radius:12px}
.skip{border-radius:var(--r-pill);background:var(--choco);color:var(--cream);padding:12px 20px;z-index:300}
.eyebrow{font:600 11px/1.6 var(--font-body);letter-spacing:.22em;color:var(--caramel-ink);text-transform:uppercase}
.progress{height:3px;background:linear-gradient(90deg,var(--caramel),var(--choco));z-index:120}

/* Surface de verre partagée */
.glass{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-edge);box-shadow:var(--shadow-1)}

/* ---------- En-tête flottant ---------- */
header{position:sticky;top:var(--header-top);z-index:100;height:var(--header-h);width:min(1360px,calc(100% - 32px));margin:var(--header-top) auto calc(-1 * (var(--header-h) + var(--header-top)));padding:0 14px 0 22px;
  border-radius:var(--r-pill);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-edge);border-bottom:1px solid var(--glass-edge);box-shadow:var(--shadow-2)}
.brand{gap:14px;min-height:44px}
.brand img{width:auto;height:30px;object-fit:contain}
.brand>span{font:600 13px/1 var(--font-display);letter-spacing:.32em}
.brand small{font:italic 400 15px/1 var(--font-display);letter-spacing:.01em;margin-top:6px;color:var(--caramel-ink)}
nav{gap:4px;font:500 13px var(--font-body)}
nav a{padding:12px 16px;border-radius:var(--r-pill);transition:background var(--t-fast),color var(--t-fast)}
nav a:after{display:none}
nav a:hover{background:rgba(74,37,16,.07)}
nav a[aria-current=page],nav a[aria-current=location]{background:var(--choco);color:var(--cream)}
.header-cta{display:flex;align-items:center;gap:6px;min-height:44px;margin-left:auto;padding:12px 20px;border-radius:var(--r-pill);background:linear-gradient(135deg,#5C3018,var(--choco) 55%,var(--espresso));color:var(--cream);font:600 13px var(--font-body);white-space:nowrap;box-shadow:0 10px 24px -14px rgba(42,27,16,.7);transition:transform var(--t) var(--ease)}
.header-cta:hover{transform:translateY(-1px)}
.header-cta:after{content:'↗'}
header nav{margin-left:auto}
@media(min-width:1101px){.header-cta{margin-left:0}}
[hidden]{display:none!important}
.motion-toggle{border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 16px;font:500 11px var(--font-body);max-width:none;background:rgba(255,255,255,.35);transition:background var(--t-fast)}
.motion-toggle:hover{background:rgba(255,255,255,.7)}
.motion-toggle[aria-pressed=true]{background:var(--choco);color:var(--cream);border-color:var(--choco)}

/* ---------- Boutons et liens ---------- */
.button{border-radius:var(--r-pill);gap:18px;padding:16px 28px;min-height:52px;font:600 13px var(--font-body);letter-spacing:.02em;
  background:linear-gradient(135deg,#5C3018,var(--choco) 55%,var(--espresso));border:1px solid rgba(255,255,255,.12);color:var(--cream);
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 14px 30px -14px rgba(42,27,16,.7);transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),background var(--t)}
.button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#6A391D,#552B13 55%,var(--espresso));box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 20px 40px -16px rgba(42,27,16,.75)}
.button:active{transform:translateY(0) scale(.98)}
.button.light{background:var(--glass-strong);color:var(--choco);border-color:var(--glass-edge);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.button.light:hover{background:var(--cream)}
.quiet-link{border-bottom:1px solid var(--caramel);font:500 13px var(--font-body);padding:10px 0 4px;transition:color var(--t-fast),border-color var(--t-fast)}
.quiet-link:hover{color:var(--caramel-ink);border-color:var(--choco)}

/* ---------- Hero : photo plein cadre, carte de verre ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;min-height:max(680px,100svh);padding:calc(var(--header-h) + var(--header-top) + 40px) 5% 120px;background:var(--espresso)}
.hero-art{position:absolute;inset:0;min-height:0;grid-column:auto;grid-row:auto}
.hero-art>img{object-position:62% 50%}
.image-shade{background:linear-gradient(90deg,rgba(42,27,16,.55),rgba(42,27,16,.12) 55%,transparent),linear-gradient(0deg,rgba(42,27,16,.55),transparent 45%)}
.image-label{top:calc(var(--header-h) + var(--header-top) + 26px);bottom:auto;right:5%;padding:9px 16px;border-radius:var(--r-pill);background:var(--glass-dark);-webkit-backdrop-filter:var(--blur-soft);backdrop-filter:var(--blur-soft);border:1px solid var(--glass-edge-dark);font:600 10px var(--font-body);letter-spacing:.22em}
.hero-copy{position:relative;z-index:1;grid-column:1;grid-row:1;align-self:end;max-width:640px;padding:clamp(32px,4vw,54px);border-radius:var(--r-lg);
  background:var(--glass);-webkit-backdrop-filter:saturate(150%) blur(22px);backdrop-filter:saturate(150%) blur(22px);border:1px solid var(--glass-edge);box-shadow:var(--shadow-2)}
.hero-copy h1{margin-bottom:24px}
.hero-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:460px}
.hero-copy .button{margin-top:6px}
.hero-foot{left:5%;right:5%;bottom:28px;padding:14px 26px;border:1px solid var(--glass-edge-dark);border-radius:var(--r-pill);background:var(--glass-dark);-webkit-backdrop-filter:var(--blur-soft);backdrop-filter:var(--blur-soft);color:var(--on-dark);font:600 10px var(--font-body);letter-spacing:.22em;align-items:center}
.hero-foot a{padding:6px 0}

/* ---------- Sections ---------- */
.section{padding:120px 6%}
.intro{position:relative;padding-top:150px;padding-bottom:90px}
.intro:before{content:'';position:absolute;inset:60px 0 auto;height:min(300px,38vw);background:url(assets/brand/adm-monogramme-caramel.svg) center/contain no-repeat;opacity:.09;z-index:-1}
.intro>p:last-child{font-size:17px}
.section-heading>p{font-size:16px}


/* Univers : image + carte de verre en chevauchement */
.universe-grid{gap:32px}
.universe-card{display:flex;flex-direction:column;transition:transform var(--t-slow) var(--ease)}
.universe-card:hover{transform:translateY(-6px)}
.card-image{border-radius:var(--r-lg);margin-bottom:-64px;box-shadow:0 30px 60px -30px rgba(42,27,16,.55)}
.card-arrow{width:48px;height:48px;top:18px;bottom:auto;background:var(--glass);-webkit-backdrop-filter:var(--blur-soft);backdrop-filter:var(--blur-soft);border:1px solid var(--glass-edge);color:var(--choco)}
.card-body{position:relative;z-index:1;margin:0 16px;padding:24px 26px 22px;border-radius:var(--r-md);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-edge);box-shadow:var(--shadow-1)}
.card-body .eyebrow{font-size:10px;margin:0}
.universe-card h3{margin:10px 0 8px}
.universe-card p{font-size:15px;margin:0}

/* Visite (sombre) */
.visit-section,.visit-cinema{background:radial-gradient(60% 50% at 85% 0%,rgba(183,131,73,.22),transparent 70%),radial-gradient(50% 40% at 0% 100%,rgba(183,131,73,.14),transparent 70%),var(--espresso);color:var(--on-dark)}
.visit-cinema{padding:120px 0 56px}
.visit-section .eyebrow,.editorial .eyebrow,footer .eyebrow{color:var(--caramel)}
.visit-section em,.editorial em{color:#D9AE7A}
.visit-section .section-heading>p{color:var(--on-dark-muted)}
.immersion-cover{margin:0 5%;border-radius:32px;box-shadow:var(--shadow-dark);border:1px solid var(--glass-edge-dark)}
.immersion-cover-shade{background:linear-gradient(90deg,rgba(42,27,16,.62),rgba(42,27,16,.05) 80%),linear-gradient(0deg,rgba(42,27,16,.45),transparent 35%)}
.immersion-invitation{max-width:560px;padding:40px;border-radius:var(--r-lg);background:var(--glass-dark);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-edge-dark);box-shadow:var(--shadow-dark)}
.immersion-invitation>p{font-size:12px;color:var(--on-dark-muted);margin:24px 0 0}
.enter-room{background:var(--glass-strong);border:1px solid var(--glass-edge);color:var(--choco);font:600 14px var(--font-body);box-shadow:var(--shadow-1);transition:transform var(--t) var(--ease),background var(--t)}
.enter-room:hover{background:var(--cream);transform:translateX(6px)}
.enter-icon{border-color:var(--caramel);color:var(--caramel-ink)}
.immersion-cover-foot{left:auto;right:5%;font:600 9px var(--font-body);letter-spacing:.24em;color:var(--on-dark)}
.entry-rooms{padding:28px 5%;gap:16px}
.entry-rooms button{padding:12px 20px 12px 12px;border:1px solid var(--glass-edge-dark);border-radius:var(--r-md);background:rgba(252,247,236,.06);-webkit-backdrop-filter:var(--blur-soft);backdrop-filter:var(--blur-soft);color:var(--on-dark);transition:background var(--t),transform var(--t) var(--ease),border-color var(--t)}
.entry-rooms button:hover{background:rgba(252,247,236,.12);border-color:rgba(183,131,73,.6);transform:translateY(-3px)}
.entry-rooms img{border-radius:var(--r-sm)}
.entry-rooms button>span:nth-child(2){font:500 24px var(--font-display)}
.entry-rooms small{font:600 9px var(--font-body);letter-spacing:.2em;color:var(--caramel)}
.immersion-note{padding:0 5%;font-size:12px;color:var(--on-dark-muted)}

/* Visite plein écran : commandes en verre sombre */
#immersion,#immersion::backdrop{background:var(--espresso)}
.immersive-top button,.immersive-tools button,.immersive-room-tabs button{background:var(--glass-dark);border:1px solid rgba(252,247,236,.28);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);font:500 12px var(--font-body);color:var(--on-dark);transition:background var(--t-fast),color var(--t-fast)}
.immersive-top button:hover,.immersive-tools button:hover,.immersive-room-tabs button:hover,.immersive-room-tabs button[aria-pressed=true],.immersive-tools button[aria-pressed=true]{background:var(--cream);color:var(--choco);border-color:var(--cream)}
.immersive-stage .hotspot{background:rgba(42,27,16,.35);-webkit-backdrop-filter:var(--blur-soft);backdrop-filter:var(--blur-soft);border-color:rgba(252,247,236,.85);width:46px;height:46px}
.immersive-stage .hotspot:hover,.immersive-stage .hotspot[aria-pressed=true]{background:var(--cream);color:var(--choco)}
.room-identity .eyebrow{color:var(--caramel)}
.room-identity h3{font-size:42px}
.immersive-welcome span{font:600 10px var(--font-body);letter-spacing:.5em}
.immersive-welcome strong{font:italic 500 clamp(44px,6vw,92px) var(--font-display)}
.immersive-detail{border-radius:var(--r-lg);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-edge);box-shadow:var(--shadow-2)}
.immersive-detail p{font-size:15px;color:var(--muted)}
.immersive-detail #close-detail{width:44px;height:44px;border-radius:50%}
.immersive-detail #compose-from-tour{font:600 13px var(--font-body);border-bottom-color:var(--caramel);min-height:44px}

/* Visite photo : image nette une fois immobile, mini-carte de position */
#tour-world{will-change:auto}
.tour-minimap{position:absolute;left:4%;top:calc(max(28px,env(safe-area-inset-top)) + 86px);z-index:4;width:176px;padding:0;border-radius:14px;overflow:hidden;border:1px solid rgba(252,247,236,.55);background:var(--espresso);box-shadow:0 14px 34px rgba(0,0,0,.4);cursor:crosshair}
.tour-minimap[hidden]{display:none}
.tour-minimap img{display:block;width:100%;height:100%;object-fit:fill;opacity:.8;pointer-events:none}
.tour-minimap span{position:absolute;border:2px solid var(--cream);border-radius:4px;box-shadow:0 0 0 999px rgba(42,27,16,.42);pointer-events:none;transition:none}
#immersive-detail:not([hidden])~.tour-minimap{display:none}
@media(max-width:720px){.tour-minimap{width:112px;top:auto;left:auto;right:5%;bottom:calc(262px + env(safe-area-inset-bottom));border-radius:10px}}

/* Matières */
.material-photo img{border-radius:var(--r-lg);box-shadow:0 30px 60px -30px rgba(42,27,16,.5)}
.material-photo>span{left:20px;right:auto;bottom:20px;padding:10px 18px;border-radius:var(--r-pill);background:var(--glass-dark);-webkit-backdrop-filter:var(--blur-soft);backdrop-filter:var(--blur-soft);border:1px solid var(--glass-edge-dark);text-shadow:none;font:600 10px var(--font-body);letter-spacing:.2em}
.material-copy>p:not(.eyebrow){font-size:16px}
.material-pills span{font:500 13px var(--font-body);padding:9px 18px;border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:var(--blur-soft);backdrop-filter:var(--blur-soft);box-shadow:var(--shadow-1)}

/* Composition */
.composition{background:linear-gradient(180deg,transparent,rgba(241,231,214,.7) 30%,rgba(241,231,214,.7) 70%,transparent)}

/* Éditorial (sombre) */
.editorial{margin:0 5%;border-radius:32px;background:var(--espresso);box-shadow:var(--shadow-dark)}
.editorial>img{opacity:.6}
.editorial:after{background:linear-gradient(90deg,rgba(42,27,16,.7),transparent 75%)}
.editorial-copy{max-width:640px;padding:clamp(30px,4vw,52px);border-radius:var(--r-lg);background:var(--glass-dark);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-edge-dark);box-shadow:var(--shadow-dark)}
.editorial p:not(.eyebrow){font-size:16px;color:var(--on-dark-muted)}

/* Parcours */
.journey-grid{gap:24px}
.journey-grid article{padding:34px 32px 30px;border:1px solid var(--glass-edge);border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-1);transition:transform var(--t-slow) var(--ease),box-shadow var(--t-slow) var(--ease)}
.journey-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.journey-grid article>span{font:italic 500 52px/1 var(--font-display);color:var(--caramel)}
.journey-grid p{font-size:15px}

/* Rencontre + questions en accordéon de verre */
.showroom{background:none}
.showroom>div>p:not(.eyebrow){font-size:16px}
.questions{display:grid;gap:12px}
.questions details{padding:0;border:1px solid var(--glass-edge);border-radius:var(--r-md);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-1);transition:background var(--t)}
.questions details[open]{background:var(--glass-strong)}
.questions summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;min-height:44px;font:600 15px var(--font-body)}
.questions summary::-webkit-details-marker{display:none}
.questions summary:after{content:'+';flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);font:400 20px/1 var(--font-body);color:var(--caramel-ink);transition:transform var(--t) var(--ease)}
.questions details[open] summary:after{transform:rotate(45deg)}
.questions p{font-size:15px;margin:0;padding:0 24px 22px}

/* ---------- Pied de page ---------- */
footer{margin:80px 5% 24px;padding:44px 48px;border-radius:32px;color:var(--on-dark);font:500 12px var(--font-body);
  background:radial-gradient(50% 80% at 100% 0%,rgba(183,131,73,.25),transparent 70%),var(--espresso);box-shadow:var(--shadow-dark)}
footer .brand img{height:92px}
footer .brand>span{display:none}
footer p{font:italic 500 26px var(--font-display);color:var(--on-dark)}
footer small{font:500 12px var(--font-body);color:var(--on-dark-muted);font-style:normal}
footer>span{color:var(--on-dark-muted);font-size:12px}

/* ---------- Configurateur ---------- */
.am-config{border-radius:var(--r-lg);border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-2);color:var(--ink)}
.am-config-art{margin:12px 20px 0;border-radius:var(--r-md);overflow:hidden}
.am-config-controls{background:rgba(255,255,255,.42);border-left:1px solid var(--glass-edge)}
.am-config-eyebrow{font:600 11px var(--font-body);letter-spacing:.2em;color:var(--caramel-ink)}
.am-config-intro h3{font:500 34px/1.1 var(--font-display)}
.am-config-intro p,.am-config-note{font-size:14px!important;color:var(--muted)!important}
.am-config legend{font:600 11px var(--font-body);letter-spacing:.14em;color:var(--choco)}
.am-config-choice{font-size:13px}
.am-config-choice>span{min-height:44px;border-radius:var(--r-sm);border:1px solid var(--line);background:rgba(255,255,255,.6);color:var(--choco);font-weight:500}
.am-config-choice:hover>span{border-color:var(--caramel)}
.am-config-choice input:checked+span{background:var(--choco);border-color:var(--choco);color:var(--cream);box-shadow:0 10px 20px -12px rgba(42,27,16,.7)}
.am-config-choice input:focus-visible+span{outline:3px solid var(--caramel);outline-offset:3px}
.am-config-swatches .am-config-choice>span{font-size:11px}
.am-config-swatches i{width:28px;height:28px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 0 0 3px rgba(255,255,255,.7)}
.am-config-summary{font-size:13px;color:var(--muted);border-top-color:var(--line)}
.am-config-live i{background:var(--caramel);box-shadow:0 0 0 4px rgba(183,131,73,.2)}
.am-config-actions button{border-radius:var(--r-pill);border:1px solid var(--line);color:var(--choco);font:600 12px var(--font-body);min-height:44px;background:rgba(255,255,255,.5)}
.am-config-actions button:first-child{background:linear-gradient(135deg,#5C3018,var(--choco) 55%,var(--espresso));border-color:transparent;color:var(--cream);font-size:13px;padding:15px 22px}
.am-config-actions button:hover{background:rgba(255,255,255,.9)}
.am-config-actions button:first-child:hover{background:linear-gradient(135deg,#6A391D,#552B13 55%,var(--espresso))}
.am-config-actions button:last-child{background:none}
.am-config-status{font-size:13px!important;color:var(--muted)!important}

/* ---------- Repli sans flou (navigateurs anciens / économie d'énergie) ---------- */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  :root{--glass:rgba(252,247,236,.94);--glass-strong:#FCF7EC;--glass-dark:rgba(42,27,16,.9);--glass-dark-strong:#2A1B10}
}
@media(prefers-reduced-transparency:reduce){
  :root{--glass:rgba(252,247,236,.95);--glass-strong:#FCF7EC;--glass-dark:rgba(42,27,16,.92);--glass-dark-strong:#2A1B10}
}

/* ---------- Responsive ---------- */
@media(max-width:1050px){
  nav{gap:0}nav a{padding:12px 10px}
  .brand>span{font-size:11px;letter-spacing:.24em}
  .hero-copy{max-width:560px}
}
@media(max-width:1280px){header .brand>span{display:none}}
/* En dessous de 1100 px la navigation complète ne tient plus : monogramme + demande de devis. */
@media(max-width:1100px){header nav{display:none}}
@media(max-width:480px){.header-cta{padding:12px 16px;font-size:12px}.cta-extra{display:none}.cta-main{text-transform:capitalize}}
@media(max-width:720px){
  :root{--header-h:62px;--header-top:10px;--blur:saturate(150%) blur(14px)}
  header{width:calc(100% - 20px);padding:0 8px 0 16px;gap:8px}
  .brand{gap:10px}.brand img{height:28px}
  header .brand>span{display:none}
  .motion-toggle{font-size:10px;padding:6px 10px;max-width:92px;min-height:44px;line-height:1.2}
  h2{font-size:42px}
  .hero{display:grid;min-height:100svh;padding:calc(var(--header-h) + var(--header-top) + 24px) 12px 92px}
  .hero-art{height:auto;max-height:none;min-height:0}
  .hero-copy{padding:28px 24px;border-radius:24px}
  .hero-copy h1{font-size:50px}
  .hero-copy>p:not(.eyebrow){font-size:15px}
  .hero-copy .button{width:100%}
  .image-label{display:none}
  .hero-foot{left:12px;right:12px;bottom:16px;justify-content:center;padding:12px 18px}
  .section{padding:80px 16px}
  .intro{padding-top:110px}
  .universe-grid{gap:44px}
  .card-image{margin-bottom:-56px}
  .card-body{margin:0 12px;padding:20px}
  .visit-cinema{padding:80px 0 40px}.visit-cinema>.section-heading{padding:0 16px}
  .immersion-cover{margin:0 12px;border-radius:24px}
  .immersion-invitation{left:12px;right:12px;padding:26px 22px;top:auto;bottom:16px;transform:none}
  .immersion-cover-foot{display:none}
  .entry-rooms{padding:20px 12px}
  .editorial{margin:0 12px;border-radius:24px;padding:24px 12px}
  .editorial-copy{padding:28px 22px}
  .journey-grid article{padding:26px 22px}
  .questions summary{padding:18px 20px;font-size:14px}.questions p{padding:0 20px 20px}
  footer{margin:48px 12px 12px;padding:32px 24px;border-radius:24px}
  footer .brand img{height:72px}
  .am-config-art{margin:10px 12px 0}
}
@media(prefers-reduced-motion:reduce){
  .universe-card:hover,.journey-grid article:hover{transform:none}
}
.reduce-motion .universe-card:hover,.reduce-motion .journey-grid article:hover{transform:none}