:root{--ink:#202824;--cream:#f5f2eb;--gold:#b99553;--muted:#777a70}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.demo{background:#ddd7c8;color:#464c42;text-align:center;padding:10px 18px;font-size:10px;letter-spacing:1.7px}.demo span{letter-spacing:.3px;margin-left:20px}header{height:112px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#17221e;color:#fff}.brand{display:flex;align-items:center;gap:15px;font-size:22px;line-height:1.1}.brand strong{display:block;font-size:23px;font-weight:500;letter-spacing:2px}.brand small{display:block;margin-top:10px;font-size:9px;letter-spacing:3px;color:#d0b680}.mark{font-size:51px;color:var(--gold)}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav a{padding:10px 0}nav a.active{color:#d8bd87}.navcontact{border-bottom:1px solid #a88c55}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{min-height:660px;height:calc(100svh - 145px);max-height:900px;background:linear-gradient(90deg,rgba(12,24,20,.85),rgba(12,24,20,.42) 48%,transparent),url('assets/accueil.png') center/cover;position:relative;color:white;display:flex;align-items:center;padding:70px 9%}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:28px;font-weight:600}h1,h2,h3,.quote{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(46px,5.5vw,84px);line-height:1.06;max-width:740px;margin:0 0 26px;letter-spacing:-2px}h1 em{color:#dbc391;font-weight:400}p{font-size:16px;line-height:1.9}.hero p{color:#e1e2d9;max-width:420px;font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center;margin-top:35px}.btn{border:1px solid var(--gold);background:var(--gold);padding:17px 25px;font-size:11px;letter-spacing:1px;display:inline-flex;align-items:center;gap:26px;color:#17221e}.btn:hover{background:#d2b47e}.textlink{font-size:12px;border-bottom:1px solid #989d8f;padding:10px 0}.hero-bottom{position:absolute;bottom:32px;left:9%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#dadad1}.intro{padding:95px 9%;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;border-bottom:1px solid #ddd8cc}.intro h2{font-size:39px;line-height:1.2;margin:0}.intro p{margin:0;max-width:680px;color:#62695f}.section{padding:85px 9%}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px;gap:30px}h2{font-size:46px;margin:0 0 12px}h3{font-size:26px;margin:18px 0 12px}.section-head p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.foodpic{background-image:url('assets/assiettes.png');background-size:300% 100%;height:380px;transition:filter .3s}.foodpic.two{background-position:50%}.foodpic.three{background-position:100%}.tile{border:0;background:none;padding:0;text-align:left;color:inherit;width:100%}.tile:hover .foodpic{filter:brightness(1.1)}.tile .meta{font-size:9px;letter-spacing:2px;color:#787b6c;margin-top:23px}.tile p{color:#6c7267;font-size:14px;margin-top:0}.dark{background:#1d2c25;color:#f6f3ea}.quote{font-size:clamp(30px,3.3vw,49px);line-height:1.4;max-width:900px;margin:25px auto;text-align:center}.signature{text-align:center;color:var(--gold);font-size:12px;letter-spacing:2px}.pagetop{padding:75px 9% 50px}.pagetop h1{font-size:65px;max-width:900px}.pagetop p{max-width:680px;color:#697064}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split .foodpic{height:600px;background-size:300% 100%}.split h2{font-size:40px}.split p{color:#687064}.number{font-family:Georgia,serif;color:var(--gold);font-size:40px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filters button{background:none;border:1px solid #c9c8bc;padding:11px 18px;color:var(--ink);font-size:12px}.filters button.selected{background:var(--ink);color:white;border-color:var(--ink)}.journal{border-top:1px solid #cfcdbf}.article{display:grid;grid-template-columns:80px 1fr 30px;gap:25px;align-items:center;padding:35px 0;border-bottom:1px solid #cfcdbf;background:none;border-left:0;border-right:0;border-top:0;color:inherit;text-align:left;width:100%}.article h3{margin:0 0 8px}.article small{color:#7b8072;font-size:10px;letter-spacing:1px}.article p{margin:0;color:#73796b;font-size:14px}.contactbox{padding:45px;background:#eae6dc}.contactbox label{display:block;font-size:12px;margin-bottom:9px}.contactbox input,.contactbox textarea{width:100%;border:1px solid #c9c8bb;background:#f8f6f0;padding:14px;font:inherit;margin-bottom:22px}.contactbox textarea{min-height:140px;resize:vertical}.note{font-size:12px;color:#767b6b;line-height:1.7}footer{padding:55px 9% 25px;background:#15221c;color:#f0eee5;display:grid;grid-template-columns:1fr 1fr;gap:25px}footer .brand{font-family:Georgia,serif}footer p{font-size:12px;margin:0;text-align:right;color:#b2b9aa}footer div{display:flex;gap:25px;font-size:12px}footer small{font-size:10px;color:#8f9b8d;text-align:right}dialog{border:0;background:var(--cream);color:var(--ink);padding:55px;max-width:740px;width:90%;max-height:85vh;overflow:auto}dialog::backdrop{background:#091910b8}dialog h2{font-size:36px}dialog .foodpic{height:290px}.close{position:absolute;right:15px;top:8px;border:0;background:none;font-size:32px}.detailtext{white-space:pre-line;line-height:1.9}.contactresult{padding:15px;border-left:3px solid var(--gold);line-height:1.7}.mini-note{font-size:10px;opacity:.6;margin-top:15px}@media(min-width:1600px){.hero{background-position:center 60%}}@media(max-width:900px){header{padding:0 6%;height:95px}nav{gap:20px}.hero{min-height:600px;padding:70px 7%}.intro{gap:35px;padding:60px 7%}.section,.pagetop{padding:60px 7%}.grid{gap:18px}.foodpic{height:280px}.split{gap:35px}.split .foodpic{height:480px}h2{font-size:38px}}@media(max-width:650px){.demo span{display:block;margin:5px 0 0;font-size:9px}.demo{font-size:9px}header{height:90px}.brand{font-size:18px}.brand strong{font-size:18px}.mark{font-size:38px}.menu{display:block}nav{display:none;position:absolute;top:146px;left:0;right:0;background:#17221e;padding:24px 8%;z-index:5;flex-direction:column;align-items:stretch;gap:10px}nav.open{display:flex}.hero{height:690px;min-height:0;background-position:62% center;background-image:linear-gradient(90deg,rgba(12,24,20,.86),rgba(12,24,20,.3)),url('assets/accueil.png');padding:45px 7% 85px}h1{font-size:53px}.hero p{max-width:300px}.hero-bottom{left:7%;font-size:8px}.hero-bottom span:last-child{display:none}.intro,.split{grid-template-columns:1fr;gap:28px}.intro h2{font-size:34px}.section-head{align-items:start;flex-direction:column;gap:10px}.grid{grid-template-columns:1fr;gap:35px}.foodpic{height:440px}.pagetop h1{font-size:48px}.split .foodpic{height:420px}.section{padding:50px 7%}.contactbox{padding:25px}.article{grid-template-columns:40px 1fr 15px;gap:15px}.article h3{font-size:23px}.article p{display:none}.number{font-size:28px}footer{grid-template-columns:1fr;gap:18px}footer p,footer small{text-align:left}dialog{padding:40px 25px}.quote{font-size:29px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.tile{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.tile .foodpic{width:100%;flex-shrink:0}