:root{--cream:#f5f1e7;--paper:#fffdf8;--ink:#25281e;--muted:#727466;--green:#354735;--green2:#52694c;--gold:#d4a34e;--line:#e5dfd1;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--wide:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7}img{display:block;max-width:100%}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.fiction-strip{padding:.45rem 1rem;background:var(--green);color:#f8f4e8;text-align:center;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:.9rem max(1.5rem,calc((100% - var(--wide))/2));background:rgba(255,253,248,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--green);line-height:1.1}.brand img{width:44px;height:44px}.brand strong,.brand small{display:block}.brand strong{font-family:var(--serif);font-size:1.15rem}.brand small{margin-top:.25rem;color:var(--muted);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.site-header nav ul{display:flex;align-items:center;gap:.35rem;margin:0;padding:0;list-style:none}.site-header nav a{display:block;padding:.65rem .9rem;border-radius:99px;text-decoration:none;font-size:.88rem;font-weight:600;color:#55594d}.site-header nav a:hover,.site-header nav a[aria-current=page]{background:#eff0e6;color:var(--green)}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none}.menu-toggle i{display:block;width:17px;height:1px;margin:5px auto;background:var(--green)}main{overflow:hidden}.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:2rem;max-width:var(--wide);min-height:660px;margin:auto;padding:3.3rem 2rem 4rem}.hero-copy{position:relative;z-index:1;padding:2rem 0}.eyebrow{display:flex;align-items:center;gap:.65rem;margin:0 0 1.2rem;color:var(--green2);font-size:.73rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow>span{width:26px;height:2px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1.08}h1{margin-bottom:1.4rem;color:var(--green);font-size:clamp(3.3rem,7vw,6.2rem)}h1 em,h2 em{color:#b48a42;font-weight:500}h2{font-size:clamp(2.2rem,4.3vw,3.55rem)}.hero-lead{max-width:570px;color:#5d6054;font-size:1.12rem;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:1.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;gap:1.2rem;min-height:52px;padding:.85rem 1.4rem;border-radius:99px;background:var(--green);color:white;text-decoration:none;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#253426}.button span,.under-link span,.text-link span{font-size:1.1rem}.text-link,.under-link{color:var(--green);font-weight:700;text-decoration:none}.text-link:hover,.under-link:hover{text-decoration:underline;text-underline-offset:4px}.hero-art{position:relative;justify-self:end;width:min(100%,560px)}.hero-art img{width:100%;height:auto}.art-note{position:absolute;right:0;bottom:12%;padding:.8rem 1rem;border:1px solid #e8e1d2;border-radius:4px;background:var(--paper);color:var(--green);font-family:var(--serif);font-size:.9rem;line-height:1.45;transform:rotate(3deg)}.section{max-width:var(--wide);margin:auto;padding:6rem 2rem}.intro{display:grid;grid-template-columns:.55fr 1.45fr;gap:3rem;border-top:1px solid var(--line)}.section-kicker{color:#a78342;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.intro h2{margin-bottom:1.4rem}.intro>div:last-child>p:not(.section-kicker){max-width:690px;color:#65675d}.under-link{display:inline-block;margin-top:.8rem}.steps .section-heading{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:2rem;margin-bottom:3rem}.section-heading h2{margin:0}.section-heading>p{max-width:440px;margin:0;color:var(--muted)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-bottom:1.8rem}.steps-grid article{padding:1.8rem;border:1px solid var(--line);background:#fffefa}.steps-grid b{display:grid;width:43px;height:43px;place-items:center;border-radius:50%;background:#eff0e6;color:var(--green);font-size:.78rem}.steps-grid h3{margin:1.35rem 0 .45rem;font-family:var(--serif);font-size:1.45rem;font-weight:600;color:var(--green)}.steps-grid p{margin:0;color:var(--muted);font-size:.93rem}.notice{display:flex;align-items:flex-start;gap:1.3rem;max-width:var(--wide);margin:0 auto 5rem;padding:1.5rem 2rem;background:#eff0e6;color:#4d5947}.notice>span{color:#a78342;font-size:1.5rem}.notice p{margin:0;font-size:.91rem}.notice strong{color:var(--green)}.site-footer{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:.6rem 2rem;padding:2.6rem max(2rem,calc((100% - var(--wide))/2));background:#263629;color:#e7e9de}.footer-brand{font-family:var(--serif);font-size:1.3rem;text-decoration:none}.footer-brand em{color:#d9b66d}.site-footer>p{margin:0;color:#c2c8ba;font-size:.85rem}.site-footer nav{display:flex;gap:1rem;justify-self:end}.site-footer nav a{color:#e7e9de;font-size:.8rem}.site-footer small{grid-column:1/-1;color:#aeb6a9;font-size:.72rem}.page-hero{position:relative;max-width:var(--wide);min-height:390px;margin:auto;padding:5.5rem 2rem 3rem}.page-hero h1{font-size:clamp(3.1rem,6vw,5.3rem)}.page-hero .hero-lead{max-width:680px}.breadcrumb{margin-top:2.6rem;color:#929386;font-size:.78rem}.breadcrumb a{color:var(--green);text-decoration:none}.breadcrumb span{padding:0 .4rem}.content-split{display:grid;grid-template-columns:1.15fr .85fr;gap:5rem;align-items:center;padding-top:3rem}.content-copy h2{margin-bottom:1.5rem}.content-copy>p:not(.section-kicker){color:#65675d}.inline-note{margin-top:1.8rem;padding:1.2rem 1.4rem;border-left:3px solid var(--gold);background:#f4f1e8;color:#5d6054;font-size:.9rem}.ingredient-card{padding:2rem;border:1px solid var(--line);background:#fffefa}.ingredient-card>.eyebrow{margin-bottom:1rem}.ingredient-list{margin:0;padding:0;list-style:none}.ingredient-list li{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.ingredient-list li>span{color:#b08b47;font-family:var(--serif);font-size:1.1rem}.ingredient-list strong,.ingredient-list small{display:block}.ingredient-list strong{color:var(--green)}.ingredient-list small{color:var(--muted);font-size:.8rem}.quote-panel{max-width:850px;margin:1rem auto 4rem;padding:4rem 2rem;text-align:center}.quote-mark{color:#c49d54;font-family:var(--serif);font-size:5rem;line-height:.7}.quote-panel blockquote{margin:1rem auto;max-width:700px;color:var(--green);font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.35}.quote-panel p{color:var(--muted);font-size:.8rem}.next-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:var(--wide);margin:0 auto 5rem;padding:2.5rem;background:#eff0e6}.next-card h2{margin-bottom:.6rem;font-size:2.1rem;color:var(--green)}.next-card p:not(.eyebrow){margin:0;color:var(--muted)}.next-card .eyebrow{margin-bottom:.7rem}.recipe-hero{min-height:450px}.recipe-facts{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.recipe-facts span{padding:.5rem .85rem;border:1px solid var(--line);border-radius:99px;color:var(--green);font-size:.82rem}.recipe-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:5rem;padding-top:3rem}.recipe-aside{align-self:start;padding:1.8rem;background:#eff0e6}.recipe-aside h2,.method h2{margin-bottom:.5rem;color:var(--green);font-size:2.2rem}.recipe-aside>p:not(.section-kicker){color:var(--muted);font-size:.9rem}.check-list{margin:1.5rem 0;padding:0;list-style:none}.check-list li{position:relative;padding:.6rem 0 .6rem 1.6rem;border-bottom:1px solid #dfe2d5;font-size:.9rem}.check-list li::before{position:absolute;left:0;content:'✓';color:#a78342;font-weight:700}.method-step{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1.65rem 0;border-bottom:1px solid var(--line)}.method-step>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#eff0e6;color:var(--green);font-size:.78rem;font-weight:700}.method-step h3{margin:0 0 .35rem;color:var(--green);font-family:var(--serif);font-size:1.3rem}.method-step p{margin:0;color:#66685d;font-size:.94rem}.tip-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:var(--wide);margin:0 auto 3rem;padding:0 2rem}.tip-row>div{padding:1.6rem;border:1px solid var(--line)}.tip-icon{color:#b08b47}.tip-row h3{margin:.5rem 0;color:var(--green);font-family:var(--serif);font-size:1.25rem}.tip-row p{margin:0;color:var(--muted);font-size:.9rem}.beauce-hero{background:radial-gradient(ellipse at 90% 20%,#eeebd9 0,transparent 42%)}.beauce-content{padding-top:4rem}.landscape-card{padding:1rem;background:#f2f0e6}.landscape-card p{margin:.7rem .3rem .2rem;color:var(--muted);font-size:.76rem}.legal-content{max-width:900px;padding-top:2rem}.legal-alert{padding:1rem 1.3rem;background:#f7edcf;color:#66552f;font-size:.9rem}.legal-content article{padding:1.4rem 0;border-bottom:1px solid var(--line)}.legal-content h2{margin-bottom:.6rem;color:var(--green);font-size:1.55rem}.legal-content article p{margin:0;color:#66685d}.legal-content a{color:var(--green)}@media(max-width:850px){.site-header{padding:.8rem 1.25rem}.menu-toggle{display:block}.site-header nav ul{display:none;position:absolute;top:calc(100% + .35rem);right:1rem;left:1rem;align-items:stretch;padding:.7rem;border:1px solid var(--line);background:var(--paper);box-shadow:0 12px 30px #1823151c}.site-header nav ul.show{display:flex;flex-direction:column}.site-header nav a{border-radius:8px}.hero{min-height:auto;padding:4rem 1.5rem 3rem}.hero-art{width:100%}.intro,.content-split,.recipe-layout{gap:2.5rem}.page-hero{padding:4rem 1.5rem 2rem}.site-footer{padding-inline:1.5rem}}@media(max-width:620px){.fiction-strip{font-size:.62rem}.hero{grid-template-columns:1fr;gap:0;padding-top:2.3rem}.hero-copy{padding:1rem 0 0}.hero h1{font-size:clamp(3.4rem,16vw,5rem)}.hero-art{justify-self:center;width:min(100%,440px);margin-top:-1rem}.art-note{right:2%;bottom:8%}.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}.intro,.content-split,.recipe-layout{grid-template-columns:1fr}.section{padding:4rem 1.4rem}.intro{gap:1rem}.steps .section-heading{grid-template-columns:1fr;gap:1rem}.steps-grid{grid-template-columns:1fr}.steps-grid article{padding:1.3rem}.notice{margin:0 1.2rem 3rem;padding:1.2rem}.site-footer{grid-template-columns:1fr;gap:.6rem;padding:2rem 1.4rem}.site-footer nav{justify-self:start;margin:.5rem 0}.site-footer small{grid-column:auto;margin-top:.5rem}.page-hero{min-height:auto;padding:3.5rem 1.4rem 2rem}.page-hero h1{font-size:clamp(3rem,13vw,4.5rem)}.breadcrumb{margin-top:1.8rem}.ingredient-card{padding:1.4rem}.quote-panel{padding:3rem 1.4rem}.next-card{align-items:flex-start;flex-direction:column;margin-inline:1.2rem;padding:1.5rem}.recipe-aside{padding:1.4rem}.tip-row{grid-template-columns:1fr;padding:0 1.4rem}.legal-content{padding-top:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Signature visuelle et navigation éditoriale. */
.brand img{border:1px solid #e6decf;border-radius:50%;object-fit:cover;object-position:center;background:#f5f1e7}
.art-note small{color:#77786b;font-family:var(--sans);font-size:.68rem;font-weight:500}
.origin-section{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:5rem;border-top:1px solid var(--line)}
.origin-logo{position:relative;max-width:320px;padding:1.1rem;background:#f3eedf;transform:rotate(-2deg)}
.origin-logo img{width:100%;height:auto}
.origin-logo span{position:absolute;right:-1rem;bottom:-1rem;padding:.6rem .8rem;background:#e2c278;color:#37452f;font-family:var(--serif);font-size:.9rem;font-style:italic;transform:rotate(4deg)}
.origin-copy h2{margin-bottom:1.1rem}.origin-copy>p:not(.eyebrow){max-width:600px;color:#65675d}








.steps-grid article{border:0;border-left:1px solid var(--line);background:transparent}.steps-grid b{width:auto;height:auto;display:block;border-radius:0;background:none;color:#b58b42;font-family:var(--serif);font-size:1.75rem}
.steps-grid h3{margin-top:.7rem}
.recipe-hero{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:3rem;min-height:auto;padding-block:3.8rem}
.recipe-photo{margin:0}.recipe-photo img{width:100%;aspect-ratio:1.2/1;object-fit:cover;border-radius:48% 48% 8px 8px;box-shadow:0 22px 45px #26362921}
.recipe-photo figcaption,.landscape-card figcaption{margin-top:.8rem;color:#63665b;font-family:var(--serif);font-size:.9rem;font-style:italic}
.recipe-photo figcaption span,.landscape-card figcaption span{display:block;margin-top:.15rem;color:#898a7f;font-family:var(--sans);font-size:.7rem;font-style:normal}
.recipe-heading h1{font-size:clamp(3rem,5.2vw,5rem)}
.recipe-layout{align-items:start}
.recipe-aside{background:#f3efdf;border:0;border-radius:0 36px 0 0}
.recipe-aside h2{font-size:2.4rem}
.recipe-aside-note{padding:1rem 1.1rem;background:#e5e8db;color:#56604c;font-size:.86rem;line-height:1.6}
.recipe-aside-note strong{color:var(--green)}
.method-title{margin-bottom:1.4rem}.method-title h2{font-family:var(--serif);font-size:2.5rem;color:var(--green)}.method-title>p:last-child{max-width:520px;color:var(--muted)}
.method-step{position:relative;grid-template-columns:54px 1fr;padding:1.5rem 0;border-bottom:0}
.method-step::after{position:absolute;top:4.5rem;bottom:0;left:19px;width:1px;background:#ded6c5;content:''}
.method-step:last-of-type::after{display:none}
.method-step>span{z-index:1;width:40px;height:40px;border:1px solid #d8bd7e;border-radius:50%;background:var(--paper);color:#8b6c35}
.cook-note{display:flex;gap:1rem;margin-top:1.2rem;padding:1.2rem 1.4rem;background:#eff0e6;color:#4d5947}
.cook-note>span{color:#ac8845}.cook-note p{margin:0;font-size:.9rem}.cook-note strong{color:var(--green)}
.landscape-card{margin:0}.landscape-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.page-back{display:flex;align-items:center;gap:.5rem;width:min(var(--wide),100%);margin:0 auto;padding:.8rem 2rem;color:var(--green);font-size:.85rem;font-weight:700;text-decoration:none}
.page-back span{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line);border-radius:50%;transition:transform .18s}
.page-back:hover span{transform:translateX(-3px)}
.faq{padding-top:2rem}
.faq h2{margin-bottom:2rem}
.faq-list{max-width:850px;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{position:relative;padding:1.25rem 2.5rem 1.25rem 0;color:var(--green);font-family:var(--serif);font-size:1.2rem;font-weight:600;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{position:absolute;right:.3rem;content:'+';color:#ad8742;font-family:var(--sans);font-size:1.5rem;font-weight:400}
.faq-list details[open] summary::after{content:'−'}
.faq-list details p{max-width:740px;margin:0;padding:0 2rem 1.35rem 0;color:var(--muted);font-size:.95rem}
.faq-list a{color:var(--green);font-weight:700;text-underline-offset:3px}
@media(max-width:850px){.recipe-hero{grid-template-columns:1fr 1fr;gap:1.5rem}.origin-section{gap:2.5rem}}
@media(max-width:620px){.page-back{padding:.65rem 1.4rem}.faq{padding-top:1rem}.faq-list summary{font-size:1.08rem}.origin-section{grid-template-columns:1fr;gap:1.8rem}.origin-logo{width:min(75%,300px);justify-self:center}.steps-grid article{padding:1.2rem 0 1.2rem 1.1rem}.steps-grid article:first-child{border-left:0;padding-left:0}.recipe-hero{grid-template-columns:1fr;gap:1.8rem;padding-top:2.5rem}.recipe-photo{width:min(100%,440px);justify-self:center}.recipe-photo img{aspect-ratio:1/1}.recipe-heading h1{font-size:clamp(2.9rem,12vw,4rem)}.method-title h2{font-size:2rem}.method-step{grid-template-columns:45px 1fr;gap:.7rem}.method-step::after{left:18px}}

.restaurant-portrait img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 44px #2b38271f}
.restaurant-portrait .art-note{right:-1rem;bottom:6%;max-width:220px;padding:1rem 1.1rem;background:#fffdf8;box-shadow:0 8px 24px #25342624;font-size:.95rem}
@media(max-width:620px){.restaurant-portrait{width:min(100%,480px);margin:0 auto}.restaurant-portrait .art-note{right:.5rem;bottom:4%}}

