:root{--papier:#f1e4c6;--papier2:#e7d4a9;--encre:#1f1410;--rouge:#8c1c1c;--prune:#5a1b3a;--filet:#6b4d33}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papier) url(papier.jpg);color:var(--encre);font:18px/1.65 Lora,Georgia,serif}
h1,h2,h3{font-family:Oswald,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;margin:0 0 .5em}
h3{font-size:1.15rem;color:var(--rouge)}
a{color:var(--rouge)}
a:focus-visible,label:focus-visible{outline:3px solid var(--prune);outline-offset:3px}
.cadre{max-width:1150px;margin:0 auto;padding:0 20px}
.machine{font-family:"Special Elite","Courier New",monospace;font-size:.95rem}
/* manchette */
.mast{padding:22px 0 14px;border-bottom:1px solid var(--filet)}
.mast .cadre{display:grid;grid-template-columns:170px 1fr 170px;gap:20px;align-items:center}
.boite{border:3px double var(--encre);padding:8px 10px;text-align:center;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:.8rem;line-height:1.35;letter-spacing:.04em}
.titre{text-align:center}
.titre a{display:block;font:900 clamp(1.7rem,4.6vw,3.4rem)/1 "Playfair Display",Georgia,serif;text-transform:uppercase;color:var(--encre);text-decoration:none}
.titre p{margin:.4em 0 0;font-style:italic}
/* barre de menu */
.barre{position:sticky;top:0;z-index:9;background:var(--papier2);border-top:4px double var(--encre);border-bottom:4px double var(--encre)}
.barre .cadre{display:flex;align-items:center;gap:18px;min-height:76px;flex-wrap:wrap}
.logo img{height:64px;width:auto;display:block}
nav{margin-left:auto}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px 20px;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--encre);font:500 1rem Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em;padding:6px 2px;border-bottom:3px solid transparent}
nav a:hover,nav a[aria-current]{border-bottom-color:var(--rouge);color:var(--rouge)}
#burger,.burger{display:none}
/* rows */
.banniere img{width:100%;height:auto;display:block;border-bottom:4px double var(--encre)}
.raw{position:relative;isolation:isolate;padding:72px 0;border-bottom:4px double var(--encre);background-color:#c9b58a;background-image:var(--bg);background-size:cover;background-position:center}
.raw::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(241,228,198,.35)}
.raw.sombre{background-color:#2a1912;color:#f6ead2}
.raw.sombre::before{background:linear-gradient(90deg,rgba(22,12,8,.9),rgba(22,12,8,.4))}
.raw.droite .encart{margin-left:auto}
.encart{background:rgba(247,237,210,.95);color:var(--encre);border:3px double var(--encre);padding:30px 34px;max-width:580px;box-shadow:8px 8px 0 rgba(31,20,16,.4)}
.encart h1,.encart h2{font-size:clamp(1.5rem,3vw,2.2rem);color:var(--rouge);padding-bottom:.35em;border-bottom:1px solid var(--filet)}
.encart p{margin:0 0 .9em}
.encart ul{padding-left:1.2em;margin:0 0 1em}
.deux .encart{max-width:none}
.une{font-size:clamp(2.4rem,7.5vw,5.6rem);font-weight:700;color:#f6ead2;text-shadow:3px 3px 0 rgba(0,0,0,.45);max-width:900px;margin:.1em 0 .3em}
.lead{font-size:1.2rem;max-width:620px}
.hero{padding:96px 0 60px;min-height:320px;display:flex;align-items:flex-end}
.hero .cadre{width:100%}
.hero h1{font-size:clamp(2.2rem,6.5vw,4.6rem);font-weight:700;color:#f6ead2;text-shadow:3px 3px 0 rgba(0,0,0,.45);margin:0 0 .2em}
.hero p{font-style:italic;font-size:1.25rem;margin:0}
.deux{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.deux.centre{align-items:center}
.accroche{font-size:1.12rem}
.bouton{display:inline-block;background:var(--rouge);color:#fff;text-decoration:none;padding:11px 26px;font:500 1rem Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--encre)}
.bouton:hover{background:var(--prune)}
.cadre-iframe{padding:12px}
iframe{display:block;max-width:100%}
/* pages intérieures */
.corps{padding:48px 0;border-bottom:1px solid var(--filet)}
.corps:nth-of-type(even){background:rgba(231,212,169,.5)}
.corps h2{font-size:clamp(1.5rem,3vw,2.1rem);color:var(--rouge)}
figure{margin:0;background:#f8f0dc;border:1px solid var(--filet);padding:10px;min-height:120px;box-shadow:4px 5px 10px rgba(31,20,16,.3);transform:rotate(-1deg)}
figure:nth-child(even){transform:rotate(1deg)}
figure img{width:100%;height:auto;display:block;filter:sepia(.3)}
figcaption{font-size:.85rem;font-style:italic;padding-top:6px}
.atelier{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:start;padding:24px 0;border-bottom:1px dotted var(--filet)}
.atelier:last-child{border:0}
.liste li{margin-bottom:.5em}
.note{border-left:5px solid var(--rouge);padding:4px 18px;font-style:italic;background:rgba(247,237,210,.8)}
.bulletin{border:3px double var(--encre);padding:20px 26px;background:#f8f0dc}
.bulletin p{margin:.2em 0;border-bottom:1px dotted var(--filet)}
footer{background:var(--prune);color:#f3e6d0;padding:34px 0}
footer a{color:#fff}
footer .cadre{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}
@media(max-width:820px){
.mast .boite{display:none}.mast .cadre{grid-template-columns:1fr}
.deux,.atelier{grid-template-columns:1fr}
.burger{display:block;margin-left:auto;padding:8px 14px;border:2px solid var(--encre);font:500 1rem Oswald,sans-serif;text-transform:uppercase;cursor:pointer}
nav{width:100%;display:none;margin:0 0 12px}
nav ul{flex-direction:column}
#burger:checked~nav{display:block}
.logo img{height:52px}
.raw{padding:44px 0}.encart{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}