:root{--bg:#141513;--fg:#f7f3e8;--mute:#b9b9ac;--border:#3a3b33;--card:#20211e;--kick:#ffd335;--price:#ffd335;--accent:#ffd335;--dk:#191a16;--pad:64px;--bc:'Barlow Condensed',sans-serif;--mp:'Manrope',sans-serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font:400 14px/1.6 var(--mp)}
img{display:block}a{color:inherit;text-decoration:none}
.kick{font:800 11px/normal var(--mp);color:var(--kick);text-transform:uppercase}
.btn{display:inline-flex;gap:24px;align-items:center;height:54px;padding:0 24px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--dk);font:800 14px/normal var(--mp);white-space:nowrap}
.btn img{width:19px;height:19px}
.btn.dk{background:#141513;border-color:#3a3b33;color:#f7f3e8}
.arr{position:relative;flex:none;width:19px;height:19px}.arr img{position:absolute;left:-.7px;top:-1px;width:21px;height:21px;max-width:none}
/* nav */
.nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;height:104px;padding:0 var(--pad);border-bottom:1px solid var(--border);background:rgba(20,21,19,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.logo{display:flex}.logo img{width:80px;height:80px;border-radius:16px;object-fit:cover;box-shadow:0 0 0 1px var(--border)}
.links{display:flex;gap:8px;padding:6px;border:1px solid var(--border);border-radius:999px}
.links a{display:inline-flex;align-items:center;padding:11px 20px;border-radius:999px;background:var(--bg);color:var(--mute);font:800 12px/normal var(--mp);text-transform:uppercase;transition:all .2s ease}
.links a:hover,.links a:focus-visible,.links a[aria-current=page]{background:var(--accent);color:var(--dk)}
.acts{display:flex;gap:16px;align-items:center}
.menu{display:none;background:none;border:0;cursor:pointer}.menu img{width:24px;height:24px}
.burger{display:none}
/* shared blocks */
.h1{font:900 clamp(64px,8.9vw,128px)/.96 var(--bc);text-transform:uppercase}
.h2{font:900 clamp(44px,5.3vw,76px)/.96 var(--bc);text-transform:uppercase}
.lead{font-size:17px;line-height:1.65;color:var(--mute)}.txt{font-size:15px;line-height:1.65;color:var(--mute)}
.yl{background:var(--accent);color:var(--dk)}.yl .kick{color:var(--dk)}.yl .txt{color:var(--dk)}
.avis{padding:0 var(--pad) 72px}.avis-card{display:flex;gap:56px;align-items:center;padding:48px;border:1px solid var(--border);border-radius:8px;background:var(--card);overflow:hidden}.avis-ico{flex:none;display:grid;place-items:center;width:144px;height:144px;border-radius:99px;background:var(--bg)}.avis-ico img{width:64px;height:64px}.avis-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.avis-tx h2{font:900 60px/.96 var(--bc);text-transform:uppercase}.avis-tx p:last-child{color:var(--mute);font-size:15px;line-height:1.65}
/* MENU */
.m-intro{display:flex;flex-direction:column;gap:24px;padding:64px var(--pad) 48px}
.m-row{display:flex;gap:48px;align-items:flex-end}.m-row h1{flex:none;width:860px;font:900 clamp(56px,7.5vw,108px)/.96 var(--bc);text-transform:uppercase}.m-row>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}
.cats{display:flex;flex-wrap:wrap;gap:12px;padding-top:12px}.cats a{padding:12px 20px;border:1px solid var(--border);border-radius:99px;background:var(--bg);font:800 12px/normal var(--mp)}.cats a:first-child,.cats a:hover{background:var(--accent);color:var(--dk)}
.cat{display:flex;flex-direction:column;gap:32px;padding:0 var(--pad) 72px}
.feat{display:flex;align-items:center;overflow:hidden;border-radius:8px}.feat-ph{flex:none;width:630px;height:460px}.feat-ph img{width:100%;height:100%;object-fit:contain}
.feat-d{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px;padding:40px}.feat-d h2{font:900 clamp(48px,5.3vw,76px)/.96 var(--bc);text-transform:uppercase}.feat-d p.txt{color:var(--dk)}
.feat-p{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #b49a30}.feat-p>div{display:flex;flex-direction:column;gap:6px}.feat-p span{font-size:14px}.feat-p b{font:900 56px/normal var(--bc)}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;padding-top:24px}.sec-h h2{flex:1;font:900 clamp(44px,4.4vw,64px)/.96 var(--bc);text-transform:uppercase}
.duo{display:flex;gap:24px}.pc{flex:1;min-width:0;display:flex;overflow:hidden;border-radius:8px;background:var(--card)}.pc-ph{flex:none;width:260px;height:360px;background:#fff}.pc-ph img{width:100%;height:100%;object-fit:contain}
.pc-d{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px;padding:28px}.pc-d h3{font:900 48px/.96 var(--bc);text-transform:uppercase}.pc-d p{font-size:13px;line-height:1.65;color:var(--mute)}.pc-d p.sub{font-size:12px}
.tar{display:flex;justify-content:space-between;align-items:center;color:var(--price)}.tar span{font:800 11px/normal var(--mp);text-transform:uppercase}.tar b{font:800 40px/normal var(--bc)}
.ph2{display:flex;justify-content:space-between;font:800 11px/normal var(--mp);text-transform:uppercase;color:var(--kick)}.pr2{display:flex;justify-content:space-between;font-size:12px}.pr2 b:first-child{font-weight:700;color:var(--fg)}.pr2 b:last-child{font-weight:800;color:var(--price)}
.sauces2{display:flex;gap:32px;align-items:center;padding:24px;border:1px solid var(--border);border-radius:8px}.sauces2 p{font-size:14px}
.quad{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.qc{display:flex;flex-direction:column;overflow:hidden;border-radius:8px;background:var(--card)}.qc-ph{height:230px;background:#fff}.qc-ph img{width:100%;height:100%;object-fit:contain}
.qc-d{display:flex;flex-direction:column;gap:16px;padding:24px}.qc-d h3{font:900 38px/.96 var(--bc);text-transform:uppercase}.qc-d p{font-size:13px;line-height:1.65;color:var(--mute)}.qc-d .tar span{font-size:10px;color:var(--fg)}.qc-d .tar b{font-size:32px}
.order{display:flex;justify-content:space-between;align-items:center;gap:48px;padding:64px var(--pad);border-top:1px solid var(--border)}.order>div:first-child{width:650px;display:flex;flex-direction:column;gap:16px}.order h2{font:900 clamp(44px,4.4vw,64px)/.96 var(--bc);text-transform:uppercase}.order>div:last-child{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.order small{font-size:12px;color:var(--mute)}
/* AVIS */
.a-intro{display:flex;gap:64px;align-items:center;padding:72px var(--pad)}.a-intro>div:first-child{flex:1;min-width:0;display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.a-vis{flex:none;display:flex;align-items:center;justify-content:center;width:507px;height:433px}.poster{display:flex;flex-direction:column;justify-content:center;gap:28px;width:480px;height:400px;padding:40px;border-radius:16px;background:var(--accent);color:var(--dk);transform:rotate(-4deg)}.poster b{font:900 80px/.96 var(--bc);text-transform:uppercase}.poster span:last-child{font:800 12px/normal var(--mp)}
.themes{display:flex;flex-direction:column;gap:32px;padding:0 var(--pad) 80px}.themes header{display:flex;flex-direction:column;gap:16px}.sujets{display:flex;gap:24px}.sujet{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px;padding:32px;border:1px solid var(--border);border-radius:8px}.sujet img{width:28px;height:28px}.sujet h3{font:900 44px/.96 var(--bc);text-transform:uppercase}
.cta{display:flex;gap:64px;align-items:center;padding:56px var(--pad)}.cta>div:first-child{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.cta>div:last-child{flex:none;width:340px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.cta small{font-size:12px;line-height:1.65}
.brand{display:flex;gap:72px;align-items:center;padding:72px var(--pad)}.brand figure{flex:none;width:440px;height:340px;border-radius:8px;background:var(--card);overflow:hidden}.brand figure img{width:100%;height:100%;object-fit:contain}.brand>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
/* CONTACT */
.c-intro{display:flex;gap:64px;align-items:center;padding:72px var(--pad)}.c-intro>div:first-child{flex:1;min-width:0;display:flex;flex-direction:column;gap:28px}
.c-card{flex:none;width:480px;display:flex;flex-direction:column;gap:26px;align-items:flex-start;padding:40px;border-radius:8px}.c-card .hd{display:flex;justify-content:space-between;align-items:center;width:100%}.c-card .hd img{width:28px;height:28px}.c-card h2{font:900 60px/.96 var(--bc);text-transform:uppercase}.c-card b.tel{font:900 55px/normal var(--bc)}.c-card p{font-size:14px;line-height:1.65}
.c-info{display:flex;gap:32px;padding:0 var(--pad) 80px}.c-box{flex:1;min-width:0;display:flex;flex-direction:column;gap:28px;align-items:flex-start;padding:40px;border-radius:8px}.c-box.f{background:var(--card)}.c-box.o{border:1px solid var(--border)}.c-box .hd{display:flex;justify-content:space-between;align-items:center;width:100%}.c-box .hd img{width:32px;height:32px}.c-box h2{font:900 clamp(44px,4.6vw,66px)/.96 var(--bc);text-transform:uppercase}.c-box strong{font:700 24px/normal var(--mp)}.c-box hr{width:100%;height:1px;border:0;background:#3a3b33}
.slot{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 0;border-bottom:1px solid var(--border)}.slot span{font-weight:700;font-size:16px}.slot b{font:800 20px/normal var(--mp);color:var(--price)}.slot b.off{color:var(--mute)}.c-box .note{font-size:13px;line-height:1.65;color:var(--mute)}
.steps2{display:flex;flex-direction:column;gap:32px;align-items:flex-start;padding:0 var(--pad) 80px}.parcours{display:flex;gap:40px;width:100%}.et{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px;padding-top:24px;border-top:1px solid var(--border)}.et i{font:800 40px/normal var(--bc);font-style:normal;color:var(--price)}.et h3{font:900 38px/.96 var(--bc);text-transform:uppercase}.et p{font-size:14px;line-height:1.65;color:var(--mute)}
.proj{display:flex;gap:64px;align-items:center;padding:56px var(--pad)}.proj>div:first-child{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.proj>div:last-child{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.proj b{font:800 20px/normal var(--mp)}
.online{display:flex;gap:40px;align-items:center;padding:64px var(--pad)}.online img{flex:none;width:120px;height:120px;border-radius:24px;object-fit:cover}.online>div:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.online h2{font:900 clamp(40px,4.2vw,60px)/.96 var(--bc);text-transform:uppercase}.online .h{display:flex;flex-direction:column;gap:12px;font:800 20px/normal var(--mp);color:var(--kick)}
/* footer */
footer.f{display:flex;flex-direction:column;gap:36px;padding:48px var(--pad) 24px;background:var(--accent);color:var(--dk)}footer .row{display:flex;justify-content:space-between;align-items:center}footer .fl{display:flex;flex-wrap:wrap;gap:32px;font:800 12px/normal var(--mp)}.soc{display:flex;flex-direction:column;gap:12px}.soc b{font:800 15px/normal var(--mp)}.soc span{font-size:11px}
footer .big{font:900 clamp(50px,13vw,187px)/.96 var(--bc);text-transform:uppercase}footer .leg{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid #b49a30;font-size:11px}footer .leg div{display:flex;gap:20px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:900px){:root{--pad:24px}
body{padding-top:84px}
.nav{position:fixed;top:max(10px,env(safe-area-inset-top));left:12px;right:12px;z-index:40;height:auto;min-height:64px;flex-wrap:wrap;padding:8px 8px 8px 10px;border:0;border-radius:999px;background:var(--accent);color:var(--dk);box-shadow:0 10px 28px rgba(0,0,0,.4);-webkit-backdrop-filter:none;backdrop-filter:none;transition:border-radius .25s ease}.nav.open{border-radius:28px}.nav .btn{display:none}.acts{gap:0}
.nav .logo img{width:48px;height:48px;border-radius:12px;box-shadow:none}
.burger{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#fff1a6;color:var(--dk);cursor:pointer;-webkit-tap-highlight-color:transparent}.burger:focus-visible{outline:3px solid var(--dk);outline-offset:2px}.burger path{transform-box:fill-box;transform-origin:center;transition:transform .25s ease,opacity .2s ease}.nav.open .b1{transform:translateY(5px) rotate(45deg)}.nav.open .b2{opacity:0}.nav.open .b3{transform:translateY(-5px) rotate(-45deg)}
.nav .links{display:none;position:static;order:3;flex:0 0 100%;flex-direction:column;justify-content:flex-start;gap:0;margin-top:8px;padding:12px 22px 14px;border:0;border-radius:20px;background:#fff1a6}.nav.open .links{display:flex;animation:mdrop .25s ease}@keyframes mdrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.nav .links a,.nav .links a:hover,.nav .links a:focus-visible,.nav .links a[aria-current=page]{flex:none;justify-content:flex-start;padding:9px 0;border-radius:0;background:none;color:var(--dk);font:900 40px/1.05 var(--bc);text-align:left;text-transform:uppercase}.nav .links a[aria-current=page]{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:6px}.nav .links a:active{opacity:.55}
html{scroll-padding-top:92px}
.m-intro{padding:40px 24px 32px}.m-row,.a-intro,.c-intro,.cta,.brand,.proj,.online,.order,.c-info,.duo,.sujets,.parcours,.sauces2{flex-direction:column;align-items:stretch}.m-row,.sauces2{gap:20px}.a-intro,.c-intro,.cta,.brand,.proj,.online,.order{gap:32px;padding:48px 24px}.m-row h1{width:auto;font-size:clamp(36px,10vw,64px);overflow-wrap:anywhere}
.feat{flex-direction:column;align-items:stretch}.feat-ph{width:100%;height:300px}.feat-d{padding:28px 24px}.feat-p b{font-size:44px}.sec-h{flex-direction:column;align-items:flex-start;gap:8px}
.pc{flex-direction:column}.pc-ph{width:100%;height:260px}.quad{grid-template-columns:1fr}.order>div:first-child,.cta>div:last-child,.c-card{width:auto}.a-vis{width:100%;height:auto;padding:24px 0}.poster{width:100%;height:auto;min-height:320px;padding:28px}.poster b{font-size:56px}
.avis{padding:0 24px 48px}.avis-card{flex-direction:column;align-items:flex-start;gap:28px;padding:28px 24px}.avis-ico{width:96px;height:96px}.avis-ico img{width:44px;height:44px}.avis-tx h2{font-size:40px}
.themes,.steps2,.c-info,.cat{padding-left:24px;padding-right:24px}.brand figure{display:none}.c-card h2{font-size:44px}.c-card b.tel{font-size:44px}.c-box{padding:28px 24px}.online{align-items:flex-start}
footer.f{padding:40px 24px 24px;gap:30px}footer .row{flex-direction:column;align-items:flex-start;gap:28px}footer .fl{gap:20px}}

@media(max-width:900px){.duo,.quad{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:24px;gap:14px;margin:0 -24px;padding:0 24px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.duo::-webkit-scrollbar,.quad::-webkit-scrollbar{display:none}.duo>article,.quad>article{flex:0 0 82%;min-width:0;scroll-snap-align:start}}

/* mobile : tout plus compact */
@media(max-width:900px){
body{font-size:13px}
.nav{min-height:52px;padding:6px 6px 6px 8px;left:10px;right:10px}.nav .logo img{width:38px;height:38px;border-radius:10px}.burger{width:38px;height:38px}.burger svg{width:18px;height:18px}
.nav .links{padding:6px 18px 8px;margin-top:6px;border-radius:18px}.nav .links a,.nav .links a:hover,.nav .links a:focus-visible,.nav .links a[aria-current=page]{font-size:30px;padding:6px 0}
body{padding-top:68px}.hero{padding-top:68px}html{scroll-padding-top:74px}
.btn{height:46px;padding:0 18px;gap:16px;font-size:13px}.kick{font-size:10px}
.hc{padding:22px 24px 22px;gap:14px}.hc>div:first-child{gap:14px}.hc h1{font-size:clamp(50px,14vw,84px)}.hc .sig{font-size:15px}.hc p.in{font-size:13px}
.vis{zoom:.82}
.band{height:46px}.band span{font-size:23px}
.stats{padding:22px 24px}.stats b{font-size:44px}
.carte{padding:40px 24px;gap:22px}.h2{font-size:clamp(34px,9.5vw,46px)}
.mos .ph{--ph:190px}.mos .bu .ph{--ph:190px}.sg .ph{height:220px}.four .ph{--ph:150px}
.cb{padding:18px;gap:12px}.cb h3{font-size:30px}.sg h3{font-size:32px}.sm h3{font-size:26px}.pr b{font-size:26px}.ch{padding:16px 18px}
.meth{padding:36px 24px}.st h3{font-size:24px}.st>i{font-size:96px}
.table{padding:36px 24px}.tm q{font-size:15px}
.avis-card{padding:22px 20px}.avis-ico{width:72px;height:72px}.avis-ico img{width:34px;height:34px}.avis-tx h2{font-size:32px}.avis-tx p:last-child{font-size:13px}
.deliv{padding:40px 24px}.deliv .lg{width:80px;height:80px}.dl p{font-size:13px}
footer.f{padding:30px 24px 20px}footer .big{font-size:clamp(40px,12vw,64px)}
/* pages internes */
.m-intro{padding:28px 24px 22px}.m-row h1{font-size:clamp(30px,8.5vw,50px)}
.feat-ph{height:220px}.feat-d{padding:20px}.feat-p b{font-size:34px}.pc-ph{height:200px}.pc-d h3{font-size:28px}
.a-intro,.c-intro,.cta,.brand,.proj,.online,.order{padding:34px 24px;gap:24px}
.poster{min-height:240px;padding:20px}.poster b{font-size:42px}
.c-card h2{font-size:34px}.c-card b.tel{font-size:34px}.c-box{padding:22px 20px}.c-box h2{font-size:36px}.c-box strong{font-size:19px}
.et h3{font-size:30px}.sujet h3{font-size:34px}.sujet{padding:22px}
}