/* ═══ AMME — Accueil ═══ */

/* Hero */
.hero{position:relative;height:100vh;min-height:750px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url('https://amme-restaurant.fr/wp-content/uploads/2026/04/amme_restaurant_1-scaled.jpg') center 40%/cover no-repeat;transform:scale(1.08);transition:transform 12s cubic-bezier(0.16,1,0.3,1)}
.hero-bg.ready{transform:scale(1)}
.hero-grad{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(26,23,20,0.4),rgba(26,23,20,0.78) 65%,rgba(26,23,20,0.95))}
.hero-c{position:relative;z-index:2;text-align:center}
.hero-bar{width:1px;height:48px;background:var(--gold);margin:0 auto 2.5rem;transform:scaleY(0);transform-origin:top;transition:transform 1s cubic-bezier(0.77,0,0.175,1) 0.6s}
.hero-bar.vis{transform:scaleY(1)}
.hero-title{font-family:var(--font-serif);font-weight:300;font-size:clamp(3.8rem,11vw,8.5rem);letter-spacing:0.38em;text-transform:uppercase;text-indent:0.38em;color:var(--white);line-height:0.95;clip-path:inset(100% 0 0 0);transition:clip-path 1.2s cubic-bezier(0.77,0,0.175,1) 0.8s}
.hero-title.vis{clip-path:inset(0)}
.hero-sub{font-family:var(--font-sans);font-weight:300;font-size:clamp(0.62rem,1.1vw,0.75rem);letter-spacing:0.38em;text-transform:uppercase;color:var(--white);margin-top:1.2rem;clip-path:inset(100% 0 0 0);transition:clip-path 1s cubic-bezier(0.77,0,0.175,1) 1.2s}
.hero-sub.vis{clip-path:inset(0)}
.hero-scroll{position:absolute;bottom:2.8rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0.7rem;z-index:2;clip-path:inset(100% 0 0 0);transition:clip-path 0.8s ease 2s}
.hero-scroll.vis{clip-path:inset(0)}
.hero-scroll:hover .scroll-bar{height:50px}
.hero-scroll span{font-family:var(--font-sans);font-size:0.55rem;letter-spacing:0.35em;text-transform:uppercase;color:var(--taupe)}
.scroll-bar{width:1px;height:36px;background:var(--taupe);transition:height 0.5s ease;position:relative;overflow:hidden}
.scroll-bar::after{content:'';position:absolute;top:-100%;left:0;width:1px;height:100%;background:var(--gold);animation:scrollDrop 2.4s ease-in-out infinite}
@keyframes scrollDrop{0%{top:-100%}50%{top:100%}100%{top:100%}}

/* Concept */
.concept-wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:0;align-items:center}
.concept-text{padding-right:6rem}
.concept-img{position:relative}
.concept-img-main{width:100%;aspect-ratio:4/5;object-fit:cover;filter:brightness(0.95) contrast(1.02)}
.concept-img-accent{position:absolute;bottom:-4rem;left:-5rem;width:45%;aspect-ratio:1;object-fit:cover;border:6px solid var(--cream);filter:brightness(0.92)}

/* Quote Band */
.q-band{position:relative;padding:8rem 3rem;overflow:hidden;background:var(--earth-deep);display:flex;align-items:center;justify-content:center;text-align:center}
.q-band-bg{position:absolute;inset:-10%;background:url('https://amme-restaurant.fr/wp-content/uploads/2026/04/amme-restaurant_plat-scaled.jpg') center/cover no-repeat;opacity:0.15}
.q-text{position:relative;z-index:2;font-family:var(--font-serif);font-weight:300;font-style:italic;font-size:clamp(1.15rem,2.5vw,1.7rem);color:var(--white);letter-spacing:0.03em;max-width:680px;line-height:1.75}
.q-author{margin-top:2rem;font-family:var(--font-sans);font-weight:300;font-size:0.62rem;letter-spacing:0.35em;text-transform:uppercase;color:var(--taupe);font-style:normal}

/* Menus */
.s-dark{background:var(--noir-warm);color:var(--white)}
.menu-intro{text-align:center;max-width:600px;margin:0 auto 5rem}
.menu-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.menu-col{padding:4rem 2.5rem;text-align:center;border-right:1px solid rgba(254,252,248,0.08);transition:background 0.6s}
.menu-col:last-child{border-right:none}
.menu-col:hover{background:rgba(254,252,248,0.025)}
.menu-num{font-family:var(--font-serif);font-weight:300;font-size:4.5rem;line-height:1;color:var(--gold)}
.menu-word{font-family:var(--font-sans);font-weight:200;font-size:0.6rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--taupe);margin-top:0.3rem;margin-bottom:2rem}
.menu-sep{width:24px;height:1px;background:var(--gold-pale);margin:0 auto 2rem}
.menu-price{font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:0.95rem;color:var(--taupe);opacity:0.6}
.menu-footer{text-align:center;margin-top:5rem;font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:1rem;color:var(--taupe);line-height:1.8;max-width:550px;margin-left:auto;margin-right:auto;opacity:0.65}

/* Chef */
.chef-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:0;align-items:center}
.chef-img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:brightness(0.92) contrast(1.03)}
.chef-text{padding-left:6rem}
.chef-placeholder{font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:0.95rem;color:var(--taupe-dim);opacity:0.6}

/* Contact */
.contact-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:start}
.ci-block{margin-bottom:2.8rem}
.ci-label{font-family:var(--font-sans);font-weight:400;font-size:0.6rem;letter-spacing:0.35em;text-transform:uppercase;color:var(--taupe-dim);margin-bottom:0.8rem}
.ci-val{font-family:var(--font-serif);font-weight:400;font-size:1.1rem;line-height:1.7;color:var(--earth)}
.ci-val a{color:var(--earth);background-image:linear-gradient(var(--gold-pale),var(--gold-pale));background-position:0 100%;background-size:100% 1px;background-repeat:no-repeat;transition:background-size 0.4s}
.ci-val a:hover{background-size:100% 2px}
.map-wrap{width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--chalk)}
.map-wrap iframe{width:100%;height:100%;border:none;filter:grayscale(0.7) contrast(1.05) brightness(1.02)}

@media(max-width:900px){
  .concept-wrap{grid-template-columns:1fr;gap:3rem}
  .concept-text{padding-right:0}
  .concept-img-accent{position:relative;bottom:auto;left:auto;width:60%;margin-top:1rem}
  .menu-cols{grid-template-columns:1fr;max-width:340px;margin:0 auto}
  .menu-col{border-right:none;border-bottom:1px solid rgba(254,252,248,0.06);padding:2.5rem 1.5rem}
  .menu-col:last-child{border-bottom:none}
  .chef-wrap{grid-template-columns:1fr}
  .chef-text{padding-left:0;padding-top:3rem}
  .contact-wrap{grid-template-columns:1fr;gap:3rem}
}

/* ─── HERO LOCKUP (FIX B) ─── */
.hero-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}
.hero-mark__seal{
  width:clamp(80px,12vw,140px);height:auto;display:block;
  filter:brightness(0) invert(1) opacity(0.92);
  clip-path:inset(100% 0 0 0);transition:clip-path 1s cubic-bezier(0.77,0,0.175,1) 0.4s
}
.hero-mark__seal.vis{clip-path:inset(0)}
.hero-mark__name{
  font-family:var(--font-display);font-size:clamp(4rem,12vw,9rem);font-weight:500;
  color:var(--amme-cream);letter-spacing:0.3em;text-indent:0.3em;margin:0;line-height:1;
  clip-path:inset(100% 0 0 0);transition:clip-path 1.2s cubic-bezier(0.77,0,0.175,1) 0.7s
}
.hero-mark__name.vis{clip-path:inset(0)}
.hero-mark__sub{
  font-family:var(--font-meta);font-size:clamp(0.65rem,1vw,0.8rem);
  letter-spacing:0.4em;text-transform:uppercase;color:rgba(240,232,212,0.75);margin:0;
  clip-path:inset(100% 0 0 0);transition:clip-path 1s cubic-bezier(0.77,0,0.175,1) 1.1s
}
.hero-mark__sub.vis{clip-path:inset(0)}
@media(max-width:768px){
  .hero-mark{gap:14px}
  .hero-mark__name{letter-spacing:0.2em;text-indent:0.2em}
}