@font-face{font-family:"DM Serif Display";src:url(../fonts/dm-serif-display-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"DM Serif Display";src:url(../fonts/dm-serif-display-latin-400-italic.woff2) format("woff2");font-style:italic;font-display:swap}
@font-face{font-family:"DM Sans";src:url(../fonts/dm-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url(../fonts/dm-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Special Elite";src:url(../fonts/special-elite-latin-400-normal.woff2) format("woff2");font-display:swap}
:root{--paper:#FBF8F1;--ink:#1F1B17;--wood:#64503C;--tomato:#B8322A;--basil:#5E6B3A;--tape:#F3D9A4;--line:#E6DCC9;
--serif:"DM Serif Display",Georgia,serif;--sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--type:"Special Elite","Courier New",monospace;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper) url(../img/a/paper.webp) repeat;background-size:600px;color:var(--ink);font:17px/1.6 var(--sans);overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--tomato);outline-offset:3px}
.wrap{max-width:1160px;margin:0 auto;padding-inline:20px;position:relative}
.label{font-family:var(--type);font-size:14px;color:var(--tomato);letter-spacing:.02em}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02;margin:0;text-wrap:balance}
h2{font-size:clamp(36px,6vw,62px)}
h2 em,h1 em{color:var(--basil)}
.lead{color:var(--wood);max-width:58ch;margin:16px 0 0;font-size:18px}
section{padding-block:96px;position:relative}
@media (max-width:760px){section{padding-block:68px}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;background:var(--tomato);color:#fff;font:700 16px var(--sans);text-decoration:none;border:0;border-radius:2px;box-shadow:3px 3px 0 var(--ink);cursor:pointer}
.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.btn.line{background:transparent;color:var(--ink);border:2px solid var(--ink);box-shadow:none}
.btn.line:hover{background:var(--ink);color:var(--paper)}
.btn.sm{min-height:42px;padding:0 16px;font-size:15px}

/* polaroid */
.pol{background:#fff;padding:12px 12px 46px;box-shadow:0 10px 26px rgba(31,27,23,.18),0 1px 2px rgba(31,27,23,.2);position:relative;margin:0}
.pol img.ph{width:100%;aspect-ratio:4/5;object-fit:cover}
.pol figcaption{position:absolute;left:14px;right:14px;bottom:10px;font-family:var(--type);font-size:14px;color:var(--wood)}
.tape{position:absolute;width:120px;top:-18px;left:50%;transform:translateX(-50%) rotate(-3deg);z-index:2;pointer-events:none}
.r1{transform:rotate(-3deg)}.r2{transform:rotate(2.5deg)}.r3{transform:rotate(-1.5deg)}

/* nav */
.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(251,248,241,.94);backdrop-filter:blur(6px);border-bottom:1px dashed #cbbd9f}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:14px}
.bar img{width:92px;height:auto}
.nav{display:flex;gap:26px;font-family:var(--type);font-size:15px}
.nav a{text-decoration:none}
.nav a:hover{color:var(--tomato)}
@media (max-width:820px){.nav{display:none}}

/* hero */
.hero{padding-block:56px 80px}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}}
.hero h1{font-size:clamp(48px,8.4vw,98px);margin-top:12px}
.hero .lead{font-size:19px}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.proof{display:flex;gap:10px 26px;flex-wrap:wrap;margin-top:28px;font-family:var(--type);font-size:15px}
.proof b{font-family:var(--serif);font-weight:400;font-size:26px;color:var(--tomato);margin-right:4px}
.collage{position:relative;min-height:600px}
@media (max-width:860px){.collage{min-height:520px;max-width:460px;margin:10px auto 0;width:100%}}
.collage .p1{position:absolute;width:62%;left:4%;top:0}
.collage .p2{position:absolute;width:52%;right:0;top:34%}
.collage .stamp{position:absolute;width:170px;right:8%;top:-4%;transform:rotate(14deg);z-index:3;mix-blend-mode:multiply}
.collage .note{position:absolute;width:52%;left:-2%;bottom:-6%;transform:rotate(-4deg);z-index:3}
.collage .arrow{position:absolute;width:80px;left:40%;bottom:4%;transform:rotate(18deg);opacity:.85}
@media (max-width:860px){.collage .stamp{width:120px}}

/* ribbon */
.ribbon{background:var(--ink);color:var(--paper);font-family:var(--type);font-size:15px;padding-block:14px;overflow:hidden}
.ribbon .wrap{display:flex;gap:16px 34px;flex-wrap:wrap;justify-content:center}
.ribbon span::before{content:"✳ ";color:var(--tape)}

/* doors */
.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
@media (max-width:860px){.doors{grid-template-columns:1fr}}
.door{background:#fff;padding:26px 24px 24px;text-decoration:none;position:relative;box-shadow:0 8px 20px rgba(31,27,23,.1);display:flex;flex-direction:column;gap:10px}
.door .dimg{height:130px;display:flex;align-items:flex-end}
.door .dimg img{max-height:130px;width:auto}
.door h3{font-size:30px}
.door p{margin:0;color:var(--wood);font-size:15.5px}
.door .more{font-family:var(--type);color:var(--tomato);margin-top:auto}
.door:hover h3{color:var(--tomato)}

/* dough */
.dough{background:var(--ink);color:var(--paper)}
.dough .label{color:var(--tape)}
.dough h2 em{color:var(--tape)}
.dough .lead{color:#d9cfbf}
.dintro{display:grid;grid-template-columns:1.4fr .6fr;gap:48px;align-items:center}
.dintro .pol{max-width:300px;justify-self:end;color:var(--ink)}
@media (max-width:860px){.dintro{grid-template-columns:1fr}.dintro .pol{justify-self:start;max-width:260px}}
.days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:48px;counter-reset:d}
@media (max-width:860px){.days{grid-template-columns:1fr}}
.day{border-top:1px dashed #6d6255;padding-top:20px}
.day .n{font-family:var(--type);color:var(--tape);font-size:14px}
.day h3{font-size:34px;margin:4px 0 8px}
.day p{margin:0;color:#d9cfbf;font-size:16px}
.day img.dd{height:64px;width:auto;filter:invert(1) sepia(.3);opacity:.9;margin-bottom:14px}
.dough .stampbig{position:absolute;right:4%;top:60px;width:150px;transform:rotate(-10deg);opacity:.95}
@media (max-width:860px){.dough .stampbig{width:96px;top:30px}}

/* oven gallery */
.oven{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:44px;align-items:start}
@media (max-width:860px){.oven{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.oven{grid-template-columns:1fr}}
.oven>div:nth-child(2){margin-top:60px}
.oven .note{width:80%;margin:-6px auto 0;transform:rotate(-3deg)}

/* menu */
.mlist{list-style:none;margin:40px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 48px}
@media (max-width:760px){.mlist{grid-template-columns:1fr}}
.mlist li{padding:14px 0;border-bottom:1px dashed #cbbd9f;display:flex;flex-direction:column;gap:2px}
.mlist li b{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.15}
.mlist li span{color:var(--wood);font-size:15.5px}
.mlist li.hp{display:grid;grid-template-columns:76px 1fr;column-gap:14px;align-items:center}
.mlist li.hp img{grid-row:1/3;width:76px;height:76px;object-fit:cover;border-radius:50%;box-shadow:0 3px 8px rgba(31,27,23,.18)}
.mlist li.hp b{align-self:end}.mlist li.hp span{align-self:start}

.mpics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:46px 0 26px;align-items:start}
.mpics .pol:nth-child(2){margin-top:40px}
@media (max-width:760px){.mpics{grid-template-columns:1fr 1fr}.mpics .pol:nth-child(2){margin-top:0}}
@media (max-width:480px){.mpics{grid-template-columns:1fr;max-width:420px}}

.masonry{columns:4 220px;column-gap:14px;margin-top:40px}
.masonry img{width:100%;height:auto;margin:0 0 14px;break-inside:avoid;box-shadow:0 6px 16px rgba(31,27,23,.12);background:#eee}
@media (max-width:520px){.masonry{columns:2;column-gap:10px}.masonry img{margin-bottom:10px}}

/* packages */
.pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:44px;align-items:start}
@media (max-width:900px){.pk-grid{grid-template-columns:1fr}}
.pk{background:#fff;padding:14px 14px 22px;position:relative;box-shadow:0 10px 24px rgba(31,27,23,.12)}
.pk>img.ph{width:100%;aspect-ratio:4/3;object-fit:cover}
.pk .body{padding:16px 8px 0;display:flex;flex-direction:column;gap:10px}
.pk h3{font-size:34px}
.pk .price{font-family:var(--type);color:var(--tomato);font-size:16px}
.pk ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:15.5px}
.pk li{padding-left:22px;position:relative}
.pk li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;background:url(../img/a/doodle-basil.webp) center/contain no-repeat}
.pk.sig{transform:translateY(-14px)}
.pk.sig .badge{position:absolute;right:-14px;top:-30px;width:120px;transform:rotate(12deg);mix-blend-mode:multiply;z-index:3}
.pk-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px}
@media (max-width:900px){.pk-two{grid-template-columns:1fr}}
.pk.ask{padding:30px 22px 26px}.pk.ask p{margin:0;color:var(--wood);font-size:16px}.askimg{width:100%;aspect-ratio:4/3;object-fit:cover;margin:6px 0 4px}
.extras{margin-top:28px;font-family:var(--type);font-size:15px;color:var(--wood);border:1.5px dashed var(--wood);padding:16px 20px;background:rgba(255,255,255,.6)}

/* companies */
.biz{background:#F3EBDD}
.friday{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:44px}
@media (max-width:860px){.friday{grid-template-columns:1fr}}
.friday h3{font-size:clamp(44px,6vw,72px)}
.friday ul{margin:18px 0 22px;padding:0;list-style:none;display:grid;gap:8px}
.friday li{padding-left:24px;position:relative}
.friday li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;background:url(../img/a/doodle-slice.webp) center/contain no-repeat}
.fridraw{width:min(320px,70%);margin:0 auto;transform:rotate(-8deg)}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:56px}
@media (max-width:860px){.trio{grid-template-columns:1fr}}
.mini{background:#fff;padding:22px;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 16px rgba(31,27,23,.08)}
.mini h4{font-family:var(--serif);font-weight:400;font-size:28px;margin:0}
.mini p{margin:0;color:var(--wood);font-size:15.5px}
.mini .go{margin-top:auto;padding-top:8px}
.quote{margin-top:36px;background:var(--paper);border:2px solid var(--ink);padding:28px;display:grid;grid-template-columns:1fr 1.4fr;gap:28px;position:relative}
@media (max-width:860px){.quote{grid-template-columns:1fr}}
.quote h3{font-size:34px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:520px){.fields{grid-template-columns:1fr}}
label{display:flex;flex-direction:column;gap:6px;font-family:var(--type);font-size:14px}
input,select{font:16px var(--sans);min-height:48px;padding:0 12px;border:1.5px solid #cbbd9f;border-radius:2px;background:#fff;color:var(--ink)}
input:focus,select:focus{border-color:var(--ink);outline:none}
.full{grid-column:1/-1}
.fnote{font-size:13px;color:var(--wood);margin:8px 0 0}

/* night */
.night .wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:44px}
@media (max-width:860px){.night .wall{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.night .wall{grid-template-columns:1fr;max-width:420px}}
.night .wall .pol:nth-child(2){margin-top:46px}
@media (max-width:860px){.night .wall .pol:nth-child(2){margin-top:0}}
.night .wall .pol img.ph{aspect-ratio:4/5}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px;counter-reset:s}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}
.step{counter-increment:s}
.step::before{content:"0" counter(s);font-family:var(--type);color:var(--tomato);font-size:15px}
.step h4{font-family:var(--serif);font-weight:400;font-size:26px;margin:4px 0 6px}
.step p{margin:0;color:var(--wood);font-size:15.5px}

/* story + reviews */
.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
@media (max-width:860px){.story{grid-template-columns:1fr}}
.story .pol{max-width:420px}
.story p{max-width:56ch}
.score{display:flex;align-items:center;gap:16px;margin-top:26px}
.score .big{font-family:var(--serif);font-size:72px;color:var(--tomato);line-height:1}
.score span{font-family:var(--type);font-size:15px}
.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:6px;align-items:start}
.people .pol img.ph{aspect-ratio:4/5}
.people .pol:nth-child(2){margin-top:34px}
@media (max-width:760px){.people{grid-template-columns:1fr 1fr}.people .pol:nth-child(2){margin-top:0}}
.pol video.ph{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#222}
.pk.sig>img.ph{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.vrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:40px;align-items:start}
.vrow .pol:nth-child(even){margin-top:36px}
@media (max-width:860px){.vrow{grid-template-columns:1fr 1fr}.vrow .pol:nth-child(even){margin-top:0}}
.pol video.ph{aspect-ratio:4/5}
.uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px;padding:22px 0;border-top:1.5px dashed #cbbd9f;border-bottom:1.5px dashed #cbbd9f}
@media (max-width:860px){.uses{grid-template-columns:1fr}}
.uses h4{font-family:var(--serif);font-weight:400;font-size:24px;margin:0 0 6px}
.uses p{margin:0;color:var(--wood);font-size:15.5px}
.pk ul li:first-child:last-child{}
/* varied framing */
.shot{margin:0;background:#fff;padding:8px;box-shadow:0 8px 22px rgba(31,27,23,.14)}
.shot img{width:100%;aspect-ratio:4/5;object-fit:cover}
.ed3{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;margin-top:40px;align-items:end}
.ed3 .shot.tall img{aspect-ratio:3/4}
.ed2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:40px 0 24px;max-width:760px}
@media (max-width:760px){.ed3{grid-template-columns:1fr 1fr}.ed3 .shot.tall{grid-column:1/-1}.ed3 .shot.tall img{aspect-ratio:4/3}}
.dintro .shot{max-width:280px;justify-self:end;transform:rotate(2deg)}
@media (max-width:860px){.dintro .shot{justify-self:start}}
.clips{background:var(--ink);color:var(--paper)}
.clips .label{color:var(--tape)}.clips h2 em{color:var(--tape)}
.vrow{display:flex;gap:16px;margin-top:36px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}
.clip{margin:0;flex:0 0 calc((100% - 64px)/5);min-width:190px;scroll-snap-align:start}
@media (max-width:760px){.clip{flex-basis:58%}}
.clip video{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:14px;display:block;background:#2b2520}
.night .strip{display:flex;gap:6px;margin-top:40px;overflow-x:auto;scroll-snap-type:x mandatory}
.night .strip img{height:min(52vw,440px);width:auto;flex:none;scroll-snap-align:start;object-fit:cover}
.order{margin:0 0 26px}.obtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.visit .obtns .btn.line{color:var(--paper);border-color:var(--paper)}
.revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:56px}
@media (max-width:860px){.revs{grid-template-columns:1fr}}
.rev{background:#fff;padding:30px 24px 22px;position:relative;box-shadow:0 8px 20px rgba(31,27,23,.1)}
.rev .st{color:#C98A00;letter-spacing:4px}
.rev q{display:block;font-family:var(--serif);font-size:23px;line-height:1.2;margin:10px 0 14px;quotes:"“" "”"}
.rev small{font-family:var(--type);font-size:13.5px;color:var(--wood)}
.rev .tape{width:96px;top:-14px}

/* visit */
.visit{background:var(--ink);color:var(--paper)}
.visit .label{color:var(--tape)}
.visit h2 em{color:var(--tape)}
.visit .grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media (max-width:860px){.visit .grid{grid-template-columns:1fr}}
.visit .drawing{filter:invert(1) sepia(.25);opacity:.92}
.visit dl{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;margin:26px 0 30px}
.visit dt{font-family:var(--type);color:var(--tape);font-size:14px;padding-top:3px}
.visit dd{margin:0}
.visit .btn.line{color:var(--paper);border-color:var(--paper)}
.visit .btn.line:hover{background:var(--paper);color:var(--ink)}
.visit .btn{box-shadow:3px 3px 0 var(--tape)}
.edge{display:block;width:100%;height:28px;object-fit:cover;margin-top:-14px;position:relative;z-index:2}
footer{background:var(--ink);color:#cfc6b8;font-size:14px;padding-block:22px 36px;border-top:1px dashed #4a433b}
footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--ink);color:var(--paper);padding:10px 14px}.skip:focus{left:8px}
footer a{color:inherit}
.wa-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30}
@media (min-width:821px){.wa-float{display:none}}

/* ---- multi-page additions ---- */
.nav a[aria-current="page"]{color:var(--tomato);text-decoration:underline;text-underline-offset:6px}
@media (max-width:820px){
 .bar .wrap{height:auto;flex-wrap:wrap;padding-block:8px}
 .nav{display:flex;order:3;width:100%;gap:18px;overflow-x:auto;font-size:14px;padding:4px 0 2px;white-space:nowrap}
}
/* hero video */
.herov{position:relative;min-height:min(88vh,820px);padding:0;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink);color:var(--paper)}
.herov .hv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.herov .hv-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,14,.15) 0%,rgba(20,17,14,.35) 45%,rgba(20,17,14,.82) 100%)}
.hv-in{position:relative;z-index:1;padding-block:120px 64px}
.herov .label{color:var(--tape)}
.herov h1{font-size:clamp(46px,8vw,96px);margin-top:10px;max-width:12ch}
.herov h1 em{color:var(--tape)}
.herov .lead{color:#efe6d6;max-width:46ch}
.herov .btn.line{color:var(--paper);border-color:var(--paper)}
.herov .btn.line:hover{background:var(--paper);color:var(--ink)}
.herov .proof{color:#efe6d6}.herov .proof b{color:var(--tape)}
/* page header */
.phead{position:relative;overflow:hidden;padding-block:72px 28px}
.phead h1{font-size:clamp(42px,7vw,84px);max-width:16ch;margin-top:10px}
.phead .lead{max-width:56ch}
/* spinning pizza */
.spin{position:absolute;width:300px;height:auto;right:-60px;top:40px;border-radius:50%;animation:spin 40s linear infinite;filter:drop-shadow(0 18px 30px rgba(31,27,23,.35));pointer-events:none}
.spin.sm{width:240px;right:-50px;top:30px}
.dough .spin{right:-120px;top:auto;bottom:-200px;width:320px;opacity:.95}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:760px){.spin{width:170px;right:-50px}.spin.sm{width:150px;top:16px;right:-40px}.dough .spin{width:200px;bottom:-80px;right:-60px}}
@media (prefers-reduced-motion:reduce){.spin{animation:none}}
.phead .wrap{position:relative;z-index:1}
/* package items with thumbs */
.items{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}
.items li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:14px;line-height:1.3;padding:0}
.items li::before{display:none!important}
.items img{width:68px;height:68px;border-radius:50%;object-fit:cover;box-shadow:0 3px 8px rgba(31,27,23,.18)}
.items li.noimg span{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;border:1.5px dashed #cbbd9f;font-size:12px;padding:6px;margin-bottom:0}
.items li.noimg{justify-content:flex-start}
.pk .plus{margin:0;font-size:15px;color:var(--wood)}
.illus{font-size:13px;color:var(--wood);margin-top:22px}
.mlist sup{font-size:.55em;color:var(--wood);margin-left:2px}
/* order + follow */
.app{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;font:700 15px var(--sans);text-decoration:none;color:#fff}
.app svg{width:18px;height:18px}
.app.talabat{background:#FF5A00;text-transform:lowercase;letter-spacing:-.01em}
.app.deliveroo{background:#00CCBC;color:#fff}
.btn.ig svg{width:20px;height:20px}
.btn.ig{background:transparent;color:var(--paper);border:2px solid var(--paper);box-shadow:none}
.btn.ig:hover{background:var(--paper);color:var(--ink)}
/* people 4 */
.people.p4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:860px){.people.p4{grid-template-columns:1fr 1fr}}

/* ---- typo : mix Bricolage Grotesque + Young Serif (29/10) ---- */
@font-face{font-family:"Bricolage Grotesque";src:url(../fonts/bricolage-grotesque-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(../fonts/bricolage-grotesque-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(../fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Young Serif";src:url(../fonts/young-serif-latin-400-normal.woff2) format("woff2");font-display:swap}
:root{--serif:"Young Serif",Georgia,serif;--sans:"Bricolage Grotesque",system-ui,sans-serif;--type:"Bricolage Grotesque",system-ui,sans-serif}
body{font-family:var(--sans)}
h1,h2{font-family:var(--sans);font-weight:800;letter-spacing:-.035em;line-height:.98}
h1 em,h2 em{font-family:var(--serif);font-style:normal;font-weight:400;letter-spacing:-.01em}
h3,h4,.mlist li b,.uses h4,.rev q,.score .big,.proof b{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.label,.nav,.door .more,.day .n,.step::before,.pk .price,.extras,.visit dt,figcaption,.ribbon{font-family:var(--sans);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12.5px}
.nav{font-size:13px}
.pk .price{font-size:14px}
/* titres plus simples, moins gros (29/10) */
h2{font-size:clamp(30px,4.4vw,48px);letter-spacing:-.02em}
.herov h1{font-size:clamp(44px,7vw,84px)}
.phead h1{font-size:clamp(38px,5.6vw,64px)}
h1 em,h2 em{color:var(--basil)}
.herov h1 em,.dough h2 em,.clips h2 em{color:var(--tape)}
/* review fixes 29/10 */
@media (max-width:760px){.phead .spin.sm{width:120px;top:-20px;right:-34px}.phead .wrap{padding-right:70px}}
@media (max-width:820px){.nav{justify-content:space-between;overflow:visible}}
.clip{flex-basis:calc((100% - 48px)/4)}
/* Pizza Friday */
.pfband{background:#F3EBDD}
.pf-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
@media (max-width:860px){.pf-grid{grid-template-columns:1fr;gap:28px}}
.pf-img{margin:0;position:relative}
.pf-img img{width:100%;height:100%;object-fit:cover;border-radius:6px;box-shadow:0 12px 30px rgba(31,27,23,.18)}
.pf-grid .pf-img img{aspect-ratio:4/3}
.ill{font-size:12px;color:var(--wood);margin:6px 0 0;text-transform:none;letter-spacing:0;font-weight:400}
figcaption.ill{position:static}
.pf-points{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:12px}
.pf-points li{display:flex;flex-direction:column;font-size:15.5px;color:var(--wood);border-left:3px solid var(--tomato);padding-left:14px}
.pf-points b{font-family:var(--serif);font-weight:400;font-size:21px;color:var(--ink)}
.pfc{padding-top:30px}
.pf-gal{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;height:min(42vw,420px)}
.pf-gal .pf-img img{aspect-ratio:auto}
@media (max-width:760px){.pf-gal{grid-template-columns:1fr 1fr;height:auto}.pf-gal .big{grid-column:1/-1}.pf-gal .pf-img img{aspect-ratio:4/3}.pf-gal .big img{aspect-ratio:16/9}}
.pf-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
/* formules : mosaïque (29/10 soir) */
.pkxs{display:grid;gap:56px;margin-top:44px}
.pkx{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center;position:relative}
.pkx.rev{grid-template-columns:1fr 1.35fr}.pkx.rev .mos{order:2}
.pkx .badge{position:absolute;left:-18px;top:-34px;width:110px;transform:rotate(-10deg);mix-blend-mode:multiply;z-index:3}
.pkx.rev .badge{left:auto;right:-14px}
.mos{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;aspect-ratio:16/9}
.mt{margin:0;position:relative;overflow:hidden;border-radius:6px;background:#e9e0cf;min-height:0}
.mt.big{grid-row:1/3}
.mt img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.mt:hover img{transform:scale(1.04)}
.mt figcaption{position:absolute;left:8px;bottom:8px;background:var(--paper);color:var(--ink);padding:4px 8px;border-radius:3px;font-size:10.5px;line-height:1.2;max-width:calc(100% - 16px)}
.mt.big figcaption{font-size:12.5px;left:12px;bottom:12px}
.mt sup{color:var(--wood);font-size:1em;vertical-align:baseline;margin-left:1px}
.pkx-txt{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.pkx-txt h3{font-size:clamp(30px,3.4vw,40px);margin:0}
.pkx-txt .price{color:var(--tomato)}
.pkx-txt ul{margin:4px 0;padding:0;list-style:none;display:grid;gap:6px;font-size:16px}
.pkx-txt li{padding-left:22px;position:relative}
.pkx-txt li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;background:url(../img/a/doodle-basil.webp) center/contain no-repeat}
.pkx-txt p{margin:0;color:var(--wood)}
.pkx-txt .plus{font-size:15px}
.pk-one{grid-template-columns:1fr!important;max-width:760px;margin:56px auto 0}
.pk-one .pk.ask .body{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;align-items:start}
.pk-one .pk.ask .askimg{grid-column:2;grid-row:1/6;margin:0;height:100%}
@media (max-width:860px){
 .pkx,.pkx.rev{grid-template-columns:1fr;gap:20px}.pkx.rev .mos{order:0}
 .mos{grid-template-columns:1fr 1fr;grid-template-rows:auto;aspect-ratio:auto}
 .mt{aspect-ratio:4/3}.mt.big{grid-column:1/3;grid-row:auto}
 .pkx .badge,.pkx.rev .badge{width:84px;right:-6px;left:auto;top:-26px}
 .pk-one .pk.ask .body{display:flex}
}
/* header : liens groupés + bouton Order (29/10 soir) */
.bar .wrap{justify-content:space-between}
.navbox{display:flex;align-items:center;gap:30px}
.nav{gap:28px!important;justify-content:flex-end!important}
.nav a{padding:6px 0}
.ordbtn[aria-current]{box-shadow:none;transform:translate(2px,2px)}
@media (max-width:820px){
 .bar .wrap{flex-wrap:nowrap;height:64px;padding-block:0;gap:10px}
 .bar img{width:70px}
 .navbox{gap:8px}
 .nav{order:0;width:auto;gap:4px!important;padding:0;font-size:11.5px!important;letter-spacing:.04em}
 .nav a{padding:7px 9px;border-radius:999px;text-decoration:none!important}
 .nav a[aria-current="page"]{background:#efe5d2;color:var(--tomato)}
 .ordbtn{padding-inline:14px}
}
@media (max-width:370px){.nav a{padding:7px 6px}.bar img{width:60px}}
.mt img[src*="i-staff"]{object-position:50% 18%}
/* page Order */
.ophead{padding-bottom:10px}
.ow-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:10px}
.ow{background:#fff;padding:26px 24px;box-shadow:0 10px 24px rgba(31,27,23,.10);display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ow h3{font-size:28px;margin:0}.ow p{margin:0;color:var(--wood)}
.obtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
@media (max-width:760px){.ow-grid{grid-template-columns:1fr}}
.obuild{padding-top:56px}
.olist{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.oi{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:10px 12px;border-radius:10px;border:1.5px solid transparent;transition:background .2s,border-color .2s}
.oi.on{background:#fff;border-color:var(--tomato)}
.oi img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.oi-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.oi-t b{font-family:var(--serif);font-weight:400;font-size:19px;line-height:1.15}
.oi-t span{font-size:13.5px;color:var(--wood);line-height:1.35}
.oi sup{font-size:.6em;color:var(--wood)}
.qty{display:flex;align-items:center;gap:6px}
.qty button{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;font:700 18px/1 var(--sans);cursor:pointer;color:var(--ink)}
.qty .pl{background:var(--ink);color:var(--paper)}
.qty output{min-width:18px;text-align:center;font-weight:700}
@media (max-width:760px){.olist{grid-template-columns:1fr}.oi{grid-template-columns:52px 1fr auto;padding:8px 6px;gap:10px}.oi img{width:52px;height:52px}}
.onote{display:grid;gap:8px;max-width:560px;margin-top:28px}
.onote label{font-weight:700;font-size:14px}
.onote select,.onote textarea{font:16px var(--sans);padding:10px 12px;border:1.5px solid #cbbd9f;border-radius:8px;background:#fff;color:var(--ink)}
.obar{position:sticky;bottom:0;z-index:30;background:var(--ink);color:var(--paper);padding:12px 0;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.obar .wrap{display:flex;justify-content:space-between;align-items:center;gap:14px}
.obar span{font-weight:700}
.opick{padding-top:70px}
.opick .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media (max-width:760px){.opick .grid{grid-template-columns:1fr}}
@media (max-width:760px){.oi-t b{font-size:17px}.oi-t span{font-size:12.5px}.ow{padding:22px 18px}}
/* ================= v3 · 29/10 soir ================= */
.nightonly{display:none}html.sera .nightonly{display:inline}html.sera .dayonly{display:none}
/* A · garland */
.bar{overflow:visible}
.garland{position:absolute;left:0;right:0;top:100%;height:0;pointer-events:none;z-index:21}
.garland svg{position:absolute;left:0;top:-1px;overflow:visible}
.garland path{fill:none;stroke:#3b322a;stroke-width:1.4}
.bulb{position:absolute;width:12px;height:18px;margin-left:-6px;pointer-events:auto;cursor:pointer;transform-origin:50% 0;transform:rotate(var(--sw,0deg))}
.bulb::before{content:"";position:absolute;left:3px;top:0;width:6px;height:5px;background:#3b322a;border-radius:1px}
.bulb i{position:absolute;left:1px;top:4px;width:10px;height:13px;border-radius:50% 50% 50% 50%/60% 60% 45% 45%;background:radial-gradient(circle at 50% 40%,#FFF6D8 0%,#FFD978 45%,#F2B544 100%);box-shadow:0 0 6px 1px rgba(255,200,90,.55)}
.bulb.boot i{animation:bulbOn .5s both}
@keyframes bulbOn{0%{background:#cfc6b4;box-shadow:none}40%{background:#fff7dd;box-shadow:0 0 14px 4px rgba(255,210,110,.9)}100%{}}
html.sera .bulb i{box-shadow:0 0 10px 3px rgba(255,200,90,.85),0 0 34px 10px rgba(255,180,70,.28)}
@media (prefers-reduced-motion:reduce){.bulb{transform:none}}
/* B · La sera (night theme) */
html.sera-anim body,html.sera-anim .bar,html.sera-anim .door,html.sera-anim .rev,html.sera-anim .pk,html.sera-anim .ow{transition:background-color .8s,color .8s}
html.sera{--paper:#17120E;--ink:#F1E8D8;--wood:#CDB99A;--line:#3a3027;color-scheme:dark}
html.sera body{background-color:#17120E;background-blend-mode:multiply}
html.sera .bar{background:rgba(23,18,14,.9);border-bottom-color:#4a3e32}

html.sera .dough,html.sera .clips,html.sera .visit,html.sera .ribbon,html.sera .obar,html.sera .herov{background:#0D0A08;color:#F1E8D8}
html.sera .door,html.sera .rev,html.sera .pk,html.sera .ow,html.sera .mini,html.sera .oi.on,html.sera .ticket{background:#241C16;color:#F1E8D8;box-shadow:0 10px 26px rgba(0,0,0,.45)}
html.sera .ticket{background:#F4EEDF;color:#1F1B17}
html.sera .door img:not(.tape){filter:invert(1) sepia(.3)}
html.sera .pol,html.sera .shot{background:#EFE6D3;color:#1F1B17}
html.sera .pfband,html.sera .biz{background:#1E1712}
html.sera .quote{background:#1E1712;border-color:#F1E8D8}
html.sera input,html.sera select,html.sera textarea,html.sera .onote select,html.sera .onote textarea{background:#241C16;color:#F1E8D8;border-color:#5a4a3b}
html.sera .badge,html.sera .stamp{mix-blend-mode:normal;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
html.sera .mt figcaption{background:#F1E8D8;color:#1F1B17}
@media (max-width:820px){html.sera .nav a[aria-current="page"]{background:#3a2e24}}
html.sera h1 em,html.sera h2 em{color:#C9D08A}
html.sera .price,html.sera .label{color:#E7826F}
html.sera .btn{box-shadow:3px 3px 0 #000}
html.sera .btn.line{color:var(--ink);border-color:var(--ink)}
html.sera .masonry img{box-shadow:0 6px 16px rgba(0,0,0,.4)}
html.sera .qty .pl{background:#F1E8D8;color:#17120E}
html.sera .edge{filter:brightness(.15)}
/* C · rise : pinned photo sequence */
.rise-track{height:380vh;margin:34px 0 10px;position:relative}
.rise{position:sticky;top:90px;display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:48px;align-items:center}
.rise-frame{position:relative;aspect-ratio:418/520;border-radius:10px;overflow:hidden;background:#0D0A08;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.rf{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;will-change:opacity,transform}
.rf.on{opacity:1}
.rise-h{position:absolute;left:16px;top:14px;font:400 30px var(--serif);color:var(--tape);text-shadow:0 2px 12px rgba(0,0,0,.6)}
.rise-bar{height:3px;background:rgba(255,255,255,.15);border-radius:3px;overflow:hidden;margin-bottom:22px}
.rise-bar i{display:block;height:100%;background:var(--tape);transform-origin:0 50%;transform:scaleX(0)}
.rise-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.rs{opacity:.32;transition:opacity .35s,transform .35s;padding:8px 0 8px 18px;border-left:2px solid rgba(255,255,255,.12)}
.rs.done{opacity:.5}
.rs.on{opacity:1;border-left-color:var(--tape);transform:translateX(4px)}
.rs .n{font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--tape)}
.rs h3{margin:2px 0 0;font-size:24px}
.rs p{margin:2px 0 0;font-size:15px;color:#d8cdbb;max-height:0;overflow:hidden;transition:max-height .4s}
.rs.on p{max-height:80px}
.rise-ill{color:#9d9284;margin-top:14px}
@media (max-width:760px){
 .rise-track{height:300vh}
 .rise{top:76px;grid-template-columns:1fr;gap:14px}
 .rise-frame{aspect-ratio:4/3;max-height:46vh;width:100%}
 .rs{padding:4px 0 4px 12px}.rs h3{font-size:18px}.rs:not(.on) p{display:none}
 .rs:not(.on):not(.done){opacity:.28}
 .rise-steps{gap:0}
}
@media (prefers-reduced-motion:reduce){.rise-track{height:auto}.rise{position:static}}
/* D · comanda ticket */
.ogrid{display:grid;grid-template-columns:1fr 330px;gap:34px;align-items:start;margin-top:10px}
.tk-wrap{position:sticky;top:100px}
.ticket{position:relative;background:#fff;color:#1F1B17;padding:22px 20px 34px;font:14px/1.5 ui-monospace,Menlo,"Courier New",monospace;box-shadow:0 14px 30px rgba(31,27,23,.16);transform:rotate(.6deg)}
.ticket::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:12px;background:linear-gradient(-45deg,transparent 6px,#fff 0) 0 0/12px 12px repeat-x,linear-gradient(45deg,transparent 6px,#fff 0) 0 0/12px 12px repeat-x}
html.sera .ticket::after{background:linear-gradient(-45deg,transparent 6px,#F4EEDF 0) 0 0/12px 12px repeat-x,linear-gradient(45deg,transparent 6px,#F4EEDF 0) 0 0/12px 12px repeat-x}
.ticket.feed{animation:feed .35s ease-out}
@keyframes feed{0%{transform:rotate(.6deg) translateY(-6px)}100%{transform:rotate(.6deg) translateY(0)}}
.tk-head{text-align:center;display:flex;flex-direction:column;gap:2px}
.tk-head b{font:800 20px var(--sans);letter-spacing:.06em}
.tk-head span{font-size:12px;color:#64503C}.tk-head i{font-style:normal}
.tk-sep{border-top:2px dashed #1F1B17;margin:12px 0;opacity:.6}
.tk-lines{list-style:none;margin:0;padding:0;display:grid;gap:4px;min-height:44px}
.tk-empty{color:#8a7a66;text-align:center;font-size:13px;padding:8px 0}
.tk-l{display:grid;grid-template-columns:44px 1fr;gap:6px;text-transform:uppercase;font-size:13.5px}
.tk-l b{font-weight:700}
.tk-l.new{animation:print .45s steps(6) both}
.tk-l.bump span{animation:bump .4s}
@keyframes print{from{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes bump{50%{color:#B8322A;transform:scale(1.25)}}
.tk-row{display:flex;justify-content:space-between;text-transform:uppercase;font-size:13px}
.tk-note{margin-top:8px;font-size:12.5px;color:#64503C;white-space:pre-wrap}
.tk-send{width:100%;margin-top:16px;font-family:var(--sans)}
.tk-send[aria-disabled="true"]{opacity:.35;pointer-events:none;box-shadow:none}
.tk-foot{text-align:center;font-size:12px;margin:12px 0 0;color:#64503C}
.oi.flash{animation:flash 1.2s}
@keyframes flash{30%{background:#F3D9A4}}
.obar{display:none}
.obar .wrap a:first-child{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media (max-width:900px){.ogrid{grid-template-columns:1fr}.tk-wrap{position:static;max-width:420px;margin:10px auto 30px}.obar:not([hidden]){display:block}}
.roul{margin-top:8px}
/* E · roulette */
.roulette{position:fixed;inset:0;z-index:100;background:rgba(15,11,8,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.roulette[hidden]{display:none}
body.rl-open{overflow:hidden}
.rl-box{position:relative;background:var(--paper);color:var(--ink);width:min(440px,100%);padding:28px 24px 26px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.rl-x{position:absolute;right:10px;top:6px;border:0;background:none;font-size:30px;cursor:pointer;color:inherit}
.rl-stage{position:relative;width:220px;height:220px;margin:4px auto 14px}
.rl-wheel{width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 12px 22px rgba(0,0,0,.35))}
.rl-arrow{position:absolute;left:50%;top:-10px;margin-left:-11px;width:0;height:0;border:11px solid transparent;border-top:18px solid var(--tomato);z-index:2}
.rl-res{opacity:.35;transition:opacity .3s}.rl-res.show{opacity:1}
.rl-res.show .rl-name{animation:pop .4s}
@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
.rl-name{font-size:32px;margin:4px 0}
.rl-d{color:var(--wood);font-size:15px;min-height:2.6em;margin:0 0 14px}
.rl-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.mbtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
/* F · countdown */
.cd-wrap{align-items:center}
.cd-n{display:flex;gap:10px;margin:14px 0 18px}
.cd-n span{display:flex;flex-direction:column;align-items:center;background:var(--ink);color:var(--paper);border-radius:8px;min-width:74px;padding:10px 6px 8px}
.cd-n b{font:400 40px/1 var(--serif);font-variant-numeric:tabular-nums}
.cd-n i{font:700 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;font-style:normal;opacity:.75;margin-top:4px}
.cd-t{font-size:clamp(28px,2.8vw,38px);margin:6px 0 0}
.cd-today{font:400 30px var(--serif);color:var(--tomato);margin:12px 0}
@media (max-width:520px){.cd-n span{min-width:0;flex:1}.cd-n b{font-size:30px}}
/* menu add + gallery */
.mlist li{position:relative}
.madd{justify-self:end;align-self:center;font:700 12.5px var(--sans);letter-spacing:.04em;color:var(--tomato);text-decoration:none;border:1.5px solid currentColor;border-radius:999px;padding:4px 10px;white-space:nowrap}
.madd:hover{background:var(--tomato);color:#fff}
.masonry.cut img.more{display:none}
.gmore{display:flex;margin:6px auto 0}
/* footer */
.foot{background:#14100D;color:#d8cfc1;padding:56px 0 26px;font-size:15px;border-top:0}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}
.fgrid>div{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.fgrid a{color:#F1E8D8;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.fgrid a:hover{color:#F3D9A4}
.fgrid a svg{width:16px;height:16px}
.fgrid .label{color:#F3D9A4;margin-bottom:4px}
.fgrid .btn{color:#fff}
.fbrand img{width:110px;height:auto}
.fbrand p{margin:6px 0 0;max-width:30ch;color:#bdb2a2}
.fbot{display:flex;justify-content:space-between;gap:12px;margin-top:36px;padding-top:18px;border-top:1px dashed #3d342c;font-size:13px;color:#9d9284}
.lights{display:inline-flex;align-items:center;gap:8px;background:none;border:1.5px solid #5a4d40;color:#F1E8D8;border-radius:999px;padding:6px 12px;font:600 13px var(--sans);cursor:pointer;margin-top:6px}
.lights .ld{width:10px;height:13px;border-radius:50% 50% 50% 50%/60% 60% 45% 45%;background:#8d8270}
html.sera .lights .ld{background:#FFD978;box-shadow:0 0 10px 3px rgba(255,200,90,.7)}
@media (max-width:860px){.fgrid{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}
.ogrid .olist{grid-template-columns:1fr;gap:6px}
html.sera .pk li::before,html.sera .pkx-txt li::before{filter:invert(1) brightness(1.4)}
html.sera .tk-head span,html.sera .tk-foot,html.sera .tk-note{color:#64503C}
.friday .cd-t{font-size:clamp(28px,2.8vw,38px);line-height:1.05}
html.sera .edge{display:none}
.visit .order .btn{margin-bottom:4px}
html.sera .herov .label,html.sera .dough .label,html.sera .clips .label,html.sera .visit .label{color:#F3D9A4}
/* livraison (30/10) */
.omode{border:0;padding:0;margin:0 0 6px;display:flex;flex-wrap:wrap;gap:10px}
.omode legend{font-weight:700;font-size:14px;margin-bottom:8px;padding:0}
.omode label{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #cbbd9f;border-radius:999px;padding:9px 16px;cursor:pointer;font-size:15px;background:#fff}
.omode label:has(input:checked){border-color:var(--tomato);background:#fff3ef;color:var(--tomato);font-weight:700}
.omode input{accent-color:var(--tomato)}
.oaddr{display:grid;gap:8px;padding:14px;border:1.5px dashed #cbbd9f;border-radius:10px}
.oaddr[hidden]{display:none}
.oaddr input{font:16px var(--sans);padding:10px 12px;border:1.5px solid #cbbd9f;border-radius:8px;background:#fff;color:var(--ink);min-height:auto}
.oaddr .fnote{margin:0;font-size:13px;color:var(--wood)}
.tk-where{font-size:12.5px;text-transform:uppercase;margin-top:4px}
html.sera .omode label{background:#241C16;border-color:#5a4a3b}
html.sera .omode label:has(input:checked){background:#3a1f1a;color:#F1E8D8}
html.sera .oaddr input{background:#241C16;color:#F1E8D8;border-color:#5a4a3b}
html.sera .opick .drawing{filter:invert(1) sepia(.25)}
.omode input{min-height:0;height:auto;width:auto;padding:0;margin:0;border:0}
.omode label{flex-direction:row!important;padding:10px 18px}
html.sera .bar a>img[src="img/logo.webp"]{content:url(../img/logo-light.webp)}
/* 30/10 : traductions + correctifs survol */
small.tr{display:block;font:600 15px/1.3 var(--sans);letter-spacing:.06em;text-transform:lowercase;color:var(--wood);margin-top:8px;opacity:.85}
.dough small.tr,.clips small.tr,.night small.tr,.visit small.tr,.herov small.tr{color:#CDB99A}
html.sera small.tr{color:#B8A88E}
html.sera .btn.line:hover,html.sera .visit .btn.line:hover{background:var(--ink);color:#17120E;border-color:var(--ink)}
.app.deliveroo{color:#0E2A27}
/* 30/10 : la pizza se construit vue de dessus (inspi vidéo) */
.rise-frame{aspect-ratio:1/1;border-radius:50%;background:#14100D;box-shadow:0 30px 60px rgba(0,0,0,.55)}
.rf{border-radius:50%;transition:none}
.rise-h{left:50%;top:auto;bottom:-56px;transform:translateX(-50%);white-space:nowrap;text-align:center;width:auto;margin:0}
.rise{grid-template-columns:minmax(260px,460px) 1fr}
.rise-frame{overflow:visible}
@media (max-width:760px){.rise-frame{aspect-ratio:1/1;max-height:none;width:min(78vw,340px);margin:0 auto}.rise-h{bottom:-44px;font-size:24px}}
@media (max-width:760px){.rise{grid-template-columns:1fr;gap:56px}}
/* 30/10 : menu complet sur Order */
.oxh{font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--tomato);margin:22px 0 4px}
h3.oxh{font-size:22px;letter-spacing:0;text-transform:none;font-family:var(--serif);font-weight:400;color:var(--ink)}
.olist.ox{margin-top:4px;gap:0}
.oi.x{grid-template-columns:1fr auto;padding:8px 12px;border-bottom:1px dashed #ddd0b8;border-radius:0}
.oi.x .oi-t b{font-family:var(--sans);font-weight:600;font-size:16px}
.oi.x.on{border-radius:8px}
html.sera .oi.x{border-bottom-color:#3a3027}
.mxs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:34px 0 18px}
.mx{background:#fff;padding:22px 22px 18px;border-radius:10px;box-shadow:0 6px 16px rgba(31,27,23,.07)}
.mx h3{margin:0 0 8px;font-size:24px}
.mx ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:15.5px}
.mx li{padding-left:16px;position:relative}.mx li::before{content:"·";position:absolute;left:4px;color:var(--tomato);font-weight:700}
.mx p{margin:8px 0 0;font-size:13.5px;color:var(--wood)}
html.sera .mx{background:#241C16}
@media (max-width:760px){.mxs{grid-template-columns:1fr 1fr;gap:12px}.mx{padding:16px}}
@media (max-width:420px){.mxs{grid-template-columns:1fr}}
.ideas{padding-top:40px}
.ideas-g{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;gap:12px;margin-top:22px;height:min(46vw,520px)}
.ideas-g figure{margin:0;position:relative;overflow:hidden;border-radius:8px}
.ideas-g .big{grid-row:1/3}
.ideas-g img{width:100%;height:100%;object-fit:cover;display:block}
.ideas-g figcaption{position:absolute;left:10px;bottom:10px;background:var(--paper);color:var(--ink);padding:4px 9px;border-radius:3px;font-size:11px}
.ideas-g sup{color:var(--wood)}
html.sera .ideas-g figcaption{background:#F1E8D8;color:#1F1B17}
@media (max-width:760px){.ideas-g{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}.ideas-g .big{grid-column:1/3;grid-row:auto}.ideas-g figure{aspect-ratio:4/3}}
/* 30/10 nuit : stop-motion + ingrédients */
.rf{transition:none!important}
.rise-frame.pop{animation:stopm .32s steps(3) both}
@keyframes stopm{0%{transform:scale(.94) rotate(-2deg)}50%{transform:scale(1.04) rotate(1deg)}100%{transform:scale(1)}}
.rs{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;padding:8px 0 8px 14px}
.rs .ing{width:64px;height:64px;border-radius:50%;object-fit:cover;filter:grayscale(.85) brightness(.6);transition:filter .2s,transform .2s}
.rs.on .ing{filter:none;transform:scale(1.18);box-shadow:0 8px 22px rgba(0,0,0,.5)}
.rs.done .ing{filter:grayscale(.3) brightness(.85)}
.rs.on p{max-height:120px}
@media (max-width:760px){.rs{grid-template-columns:44px 1fr;gap:10px}.rs .ing{width:44px;height:44px}.rs.on .ing{transform:scale(1.1)}}
@media (prefers-reduced-motion:reduce){.rise-frame.pop{animation:none}}
.rise-ing{position:absolute;right:-26px;top:-18px;width:38%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:5px solid #F3D9A4;box-shadow:0 14px 30px rgba(0,0,0,.55);z-index:3}
.rise-ing.in{animation:ingpop .38s steps(4) both}
@keyframes ingpop{0%{transform:scale(.4) rotate(-20deg);opacity:0}60%{transform:scale(1.12) rotate(6deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@media (max-width:760px){.rise-ing{right:-8px;top:-10px;width:34%;border-width:4px}}
@media (prefers-reduced-motion:reduce){.rise-ing.in{animation:none}}
.pf-gal.pf-gal7{grid-template-columns:repeat(5,1fr);grid-template-rows:1fr 1fr;height:min(46vw,520px)}
.pf-gal7 .big{grid-column:span 2;grid-row:span 2}
.pf-gal7 .pf-img img{height:100%;aspect-ratio:auto}
@media (max-width:760px){.pf-gal.pf-gal7{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}.pf-gal7 .big{grid-column:1/-1;grid-row:auto}.pf-gal7 .pf-img img{aspect-ratio:4/3}}
.pf-gal7 .wide{grid-column:span 2}.pfc .ill{margin-top:14px!important}@media (max-width:760px){.pf-gal7 .wide{grid-column:1/-1}}
.pf-gal.pf-gal7{margin-bottom:10px}.pfc h2{margin-top:60px!important}
.pf-gal.pf-gal7.g4{grid-template-columns:repeat(4,1fr)}
.rise-track{height:380vh}@media (max-width:760px){.rise-track{height:420vh}}
.rise-ing[hidden]{display:none!important}
/* galerie cliquable */
.pf-gal7 figure,.ideas-g figure{cursor:zoom-in}
.pf-gal7 figure img,.ideas-g figure img{transition:transform .5s}
.pf-gal7 figure:hover img,.ideas-g figure:hover img{transform:scale(1.05)}
.pf-gal7 figure:focus-visible,.ideas-g figure:focus-visible{outline:3px solid var(--tomato);outline-offset:3px}
.pf-gal7 figure::after,.ideas-g figure::after{content:"⤢";position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;background:rgba(251,248,241,.9);color:#1F1B17;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;transition:opacity .2s}
.pf-gal7 figure:hover::after,.ideas-g figure:hover::after{opacity:1}
.lbx{position:fixed;inset:0;z-index:120;background:rgba(15,11,8,.92);display:flex;align-items:center;justify-content:center;padding:20px}
.lbx[hidden]{display:none}
.lbx figure{margin:0;max-width:min(1100px,90vw);text-align:center}
.lbx img{max-width:100%;max-height:78vh;border-radius:8px;display:block;margin:0 auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lbx img.in{animation:lbxin .3s ease-out}
@keyframes lbxin{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.lbx figcaption{color:#E9DFCC;font-size:14px;margin-top:12px}
.lbx button{position:absolute;border:0;background:rgba(251,248,241,.12);color:#FBF8F1;width:52px;height:52px;border-radius:50%;font-size:32px;line-height:1;cursor:pointer}
.lbx button:hover{background:rgba(251,248,241,.25)}
.lbx-x{top:16px;right:16px}.lbx-p{left:16px;top:50%;transform:translateY(-50%)}.lbx-n{right:16px;top:50%;transform:translateY(-50%)}
.lbx-dots{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:8px}
.lbx-dots i{width:8px;height:8px;border-radius:50%;background:rgba(251,248,241,.35)}.lbx-dots i.on{background:#F3D9A4}
@media (max-width:760px){.lbx button.lbx-p,.lbx button.lbx-n{width:40px;height:40px;font-size:26px;top:auto;bottom:40px;transform:none}.lbx-p{left:20px}.lbx-n{right:20px}}
@media (max-width:760px){.pf-gal.pf-gal7{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;height:auto;padding-bottom:6px}.pf-gal7 figure{flex:0 0 82%;scroll-snap-align:center;aspect-ratio:4/3}.pf-gal7 .pf-img img{height:100%;aspect-ratio:auto}}
.lbx figcaption{text-transform:none;letter-spacing:0;font-weight:400}
@media (max-width:760px){.pf-steps{grid-template-columns:1fr 1fr!important;gap:24px 18px}}
.pf-gal7::-webkit-scrollbar{height:4px}.pf-gal7::-webkit-scrollbar-thumb{background:#cbbd9f;border-radius:4px}
/* 30/10 : calligraphie italienne */
@font-face{font-family:"Pinyon Script";src:url(../fonts/pinyon-script-latin-400-normal.woff2) format("woff2");font-display:swap}
.itl,.itl em{font-family:"Pinyon Script",cursive!important;font-weight:400!important;letter-spacing:0!important;font-style:normal}
h2.itl,h2 .itl{font-size:clamp(46px,6.4vw,78px);line-height:1.15}
h1.itl{font-size:clamp(56px,8.4vw,108px);line-height:1.1}
.herov h1.itl{font-size:clamp(60px,9.4vw,124px)}
.itl small.tr{font-family:var(--sans)!important}
/* 30/10 : photos du reste du menu + roue en bas */
.mx-img{position:relative;display:grid;gap:4px;margin:-22px -22px 14px;border-radius:10px 10px 0 0;overflow:hidden;aspect-ratio:16/9}
.mx-img.n2{grid-template-columns:1fr 1fr}
.mx-img img{width:100%;height:100%;object-fit:cover;display:block}
.mx-img span{position:absolute;right:8px;bottom:6px;color:#fff;font-size:14px;text-shadow:0 1px 3px #000}
@media (max-width:760px){.mx-img{margin:-16px -16px 12px}}
.mroul{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:6px 0 22px;padding:20px 22px;border:2px dashed #cbbd9f;border-radius:12px}
.mroul p{margin:0;font:400 24px var(--serif)}
.oi.x.xi{grid-template-columns:52px 1fr auto}
.oi.x.xi img{width:52px;height:52px;border-radius:8px;object-fit:cover}
.herov h1:not(.itl){font-family:var(--sans)}
/* diaporama Pizza Friday */
.pfs{display:grid;grid-template-columns:1fr 150px;gap:12px}
.pfs-stage{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#1F1B17;box-shadow:0 14px 34px rgba(31,27,23,.18)}
.pfs-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .6s,transform 4.5s linear}
.pfs-i.on{opacity:1;transform:scale(1)}
.pfs-a{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(251,248,241,.9);color:#1F1B17;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.pfs-p{left:14px}.pfs-n{right:14px}
.pfs-c{position:absolute;left:14px;bottom:12px;background:rgba(20,16,13,.7);color:#FBF8F1;font:600 13px var(--sans);padding:4px 10px;border-radius:999px}
.pfs-th{display:flex;flex-direction:column;gap:10px}
.pfs-t{flex:1;padding:0;border:3px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:none;opacity:.55;transition:opacity .2s,border-color .2s;min-height:0}
.pfs-t img{width:100%;height:100%;object-fit:cover;display:block}
.pfs-t.on,.pfs-t:hover{opacity:1}.pfs-t.on{border-color:var(--tomato)}
@media (max-width:760px){.pfs{grid-template-columns:1fr}.pfs-stage{aspect-ratio:4/3}.pfs-th{flex-direction:row}.pfs-t{height:58px}.pfs-a{width:38px;height:38px;font-size:22px}}
.pfs{align-items:stretch}.pfs-t{position:relative}.pfs-t img{position:absolute;inset:0}@media (max-width:760px){.pfs-t{flex:1}}
/* 30/10 : menus déroulants */
.accs{display:grid;gap:10px;margin:22px 0}
details.acc{background:#fff;border-radius:12px;box-shadow:0 6px 16px rgba(31,27,23,.07);overflow:hidden}
details.acc>summary{list-style:none;display:flex;align-items:center;gap:16px;padding:12px 18px 12px 12px;cursor:pointer;user-select:none}
details.acc>summary::-webkit-details-marker{display:none}
details.acc>summary img{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:none}
.acc-t{font:400 26px var(--serif);flex:1}
.acc-n{font-size:14px;color:var(--wood)}
.acc-b{background:var(--tomato);color:#fff;font:700 13px var(--sans);min-width:24px;height:24px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px}
.acc-b[hidden]{display:none}
.acc-i{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--ink);position:relative;flex:none;transition:transform .25s,background .25s}
.acc-i::before,.acc-i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--ink);transform:translate(-50%,-50%)}
.acc-i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s}
details.acc[open] .acc-i{background:var(--ink)}
details.acc[open] .acc-i::before,details.acc[open] .acc-i::after{background:var(--paper)}
details.acc[open] .acc-i::after{transform:translate(-50%,-50%) rotate(0)}
details.acc>summary:hover .acc-t{color:var(--tomato)}
details.acc[open]>summary{border-bottom:1px dashed #ddd0b8}
details.acc>.olist,details.acc>ul.mlist,.acc-body{padding:10px 14px 14px}
details.acc .mlist{margin:0}
.acc-body .mx-img{margin:0 0 12px;border-radius:8px;aspect-ratio:21/9}
.mxl{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:16px}.mxl li{padding-left:16px;position:relative}.mxl li::before{content:"·";position:absolute;left:4px;color:var(--tomato);font-weight:700}
.acc-body p{margin:8px 0 0;font-size:13.5px;color:var(--wood)}
.mxs.accs{display:grid;grid-template-columns:1fr;gap:10px}
details.acc[open]>*:not(summary){animation:accin .3s ease-out}
@keyframes accin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
html.sera details.acc{background:#241C16}
html.sera details.acc[open]>summary{border-bottom-color:#3a3027}
html.sera .acc-i{border-color:#F1E8D8}html.sera .acc-i::before,html.sera .acc-i::after{background:#F1E8D8}
html.sera details.acc[open] .acc-i{background:#F1E8D8}html.sera details.acc[open] .acc-i::before,html.sera details.acc[open] .acc-i::after{background:#17120E}
@media (max-width:760px){details.acc>summary{gap:12px;padding:10px 12px 10px 10px}details.acc>summary img{width:52px;height:52px}.acc-t{font-size:22px}.acc-n{display:none}}
.acc-body .mx-img{aspect-ratio:auto;height:200px;max-width:640px}@media (max-width:760px){.acc-body .mx-img{height:150px}}
/* roue intégrée */
.spinbox{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;margin:34px 0;padding:36px 40px;border-radius:18px;background:#1F1B17;color:#FBF8F1;position:relative;overflow:hidden}
.spinbox::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 50%,rgba(243,217,164,.18),transparent 55%);pointer-events:none}
.sb-wheel-wrap{position:relative;width:min(300px,62vw);aspect-ratio:1}
.sb-wheel{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;cursor:pointer;box-shadow:0 0 0 8px #F3D9A4,0 24px 50px rgba(0,0,0,.5);animation:idle 18s linear infinite}
.spinbox.spinning .sb-wheel,.spinbox.done .sb-wheel{animation:none}
@keyframes idle{to{transform:rotate(360deg)}}
.sb-arrow{position:absolute;left:50%;top:-18px;margin-left:-14px;border:14px solid transparent;border-top:24px solid var(--tomato);z-index:2;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}
.sb-go{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;border:4px solid #FBF8F1;background:var(--tomato);color:#fff;font:800 20px var(--sans);letter-spacing:.06em;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.45);animation:pulse 1.6s ease-in-out infinite}
.sb-go:hover{background:#9f2a23}
.spinbox.spinning .sb-go{animation:none;opacity:.6}
.spinbox.done .sb-go{width:70px;height:70px;font-size:15px;opacity:.9;animation:none}
@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.08)}}
.sb-res .label{color:#F3D9A4}
.sb-name{font-size:clamp(34px,4.4vw,56px);margin:6px 0 8px;line-height:1.05}
.spinbox.done .sb-name{animation:pop .45s}
.sb-d{color:#D8CDBB;font-size:17px;margin:0 0 20px;max-width:42ch}
.sb-btns{display:flex;gap:12px;flex-wrap:wrap}.sb-btns[hidden]{display:none}
.spinbox .btn.line{color:#FBF8F1;border-color:#FBF8F1}
.spinbox .btn.line:hover{background:#FBF8F1;color:#1F1B17}
@media (max-width:760px){.spinbox{grid-template-columns:1fr;justify-items:center;text-align:center;padding:34px 20px 28px;gap:26px}.sb-btns{justify-content:center}.sb-d{margin-left:auto;margin-right:auto}}
@media (prefers-reduced-motion:reduce){.sb-wheel,.sb-go{animation:none}}
.ogrid .spinbox{margin:0 0 22px}
.mxl{gap:0}
.mxl li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0 9px 16px;border-bottom:1px dashed #e3d8c3}
.mxl li:last-child{border-bottom:0}
html.sera .mxl li{border-bottom-color:#3a3027}
/* photo du menu entière */
.acc-body .mx-img{height:auto!important;aspect-ratio:auto!important;max-width:560px;display:grid}
.acc-body .mx-img img{height:auto;aspect-ratio:4/3;object-fit:cover}
.acc-body .mx-img.n2{max-width:760px}
/* Events : 3 cartes visuelles */
.uses.uses-v{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
.uses-v .use{position:relative;min-height:420px;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:26px 24px;color:#FBF8F1;background:#1F1B17;box-shadow:0 12px 28px rgba(31,27,23,.18)}
.uses-v .use img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.uses-v .use:hover img{transform:scale(1.05)}
.uses-v .use::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,13,0) 35%,rgba(20,16,13,.6) 62%,rgba(20,16,13,.94) 100%)}
.uses-v .use h4,.uses-v .use p{position:relative;z-index:1;margin:0}
.uses-v .use h4{font:400 34px var(--serif);color:#FBF8F1;margin-bottom:8px}
.uses-v .use p{font-size:14.5px;line-height:1.5;color:#E9DFCC}
@media (max-width:860px){.uses.uses-v{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px}.uses-v .use{flex:0 0 82%;min-height:340px;scroll-snap-align:center}}
.gelf{display:grid;gap:6px;margin:4px 14px 14px;padding:14px;border-radius:10px;background:#F3EBDD}
.gelf label{font-weight:700;font-size:14px}
.gelf input{font:16px var(--sans);padding:10px 12px;border:1.5px solid #cbbd9f;border-radius:8px;background:#fff;min-height:auto}
.gelf p{margin:0;font-size:13px;color:var(--wood)}
html.sera .gelf{background:#1E1712}html.sera .gelf input{background:#241C16;color:#F1E8D8;border-color:#5a4a3b}

/* 30/10 : 7 photos d'invités, 4 + 3 centrées */
.people.p7{display:flex;flex-wrap:wrap;justify-content:center;gap:26px}
.people.p7 .pol{width:calc(25% - 20px)}
.people.p7 .pol:nth-child(2){margin-top:0}
.people.p7 .pol:nth-child(even){margin-top:24px}
@media (max-width:860px){.people.p7 .pol{width:calc(50% - 13px)}.people.p7 .pol:nth-child(even){margin-top:0}}

/* 31/10 : barre du haut plus haute, logo qui respire */
.bar .wrap{height:84px}
.bar a>img[src*="logo"]{height:60px;width:auto}
@media (max-width:820px){.bar .wrap{height:72px}.bar a>img[src*="logo"]{height:50px;width:auto}}
@media (max-width:370px){.bar a>img[src*="logo"]{height:44px}}

/* 31/10 : mode nuit, tous les textes lisibles */
html.sera{--tomato-txt:#F08A78}
html.sera .nav a[aria-current="page"]{color:var(--tomato-txt)}
html.sera .door .more,html.sera .more,html.sera a.more,html.sera .label{color:var(--tomato-txt)}
html.sera .pol figcaption,html.sera .shot figcaption{color:#5a4a3a}
html.sera .rs{opacity:.62}
html.sera .rs.done{opacity:.75}
html.sera .rs.on{opacity:1}
@media (max-width:820px){html.sera .rs:not(.on):not(.done){opacity:.6}}
html.sera option,html.sera select option{color:#1F1B17;background:#FBF8F1}
html.sera input::placeholder,html.sera textarea::placeholder{color:#a8988a;opacity:1}
html.sera .ill,html.sera small{color:#c9bba6}