/* Menyns tre vyer: hemsidan, A4-affischen och Instagram. Tokens som på affischerna. */
:root{--ljusgron:#C3D59E;--morkgron:#2B4633;--rubrik:'Gloock',Georgia,serif;--maskin:'Courier Prime','Courier New',monospace;--under:'Fraunces',Georgia,serif;--brod:'Newsreader',Georgia,serif}

/* Hemsidan */
.mv{margin-top:clamp(36px,6vw,60px);padding-top:clamp(20px,3vw,28px);border-top:1.5px solid currentColor}
.mv-rubrik{font:400 clamp(40px,7vw,64px)/1 var(--rubrik);letter-spacing:-.03em;margin:0 0 clamp(16px,3vw,24px)}
.mv-dag{margin-bottom:clamp(20px,3vw,28px)}
.mv-etikett{font:italic 440 clamp(20px,2.6vw,24px)/1.2 var(--under);margin:0 0 8px}
.mv-ratt{display:grid;grid-template-columns:62px 1fr auto;gap:0 16px;align-items:baseline;padding:8px 0;border-top:1px solid color-mix(in srgb,currentColor 35%,transparent)}
.mv-k{font:700 13px var(--maskin);letter-spacing:.12em;text-transform:uppercase}
.mv-namn{font:400 clamp(19px,2.4vw,23px)/1.2 var(--rubrik);letter-spacing:-.01em}
.mv-pris{font:500 18px var(--brod);white-space:nowrap}
.mv-till{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline;font:17px var(--brod)}
.mv-till i{font-style:normal;opacity:.8}
.mv-notis{font:italic 440 19px/1.3 var(--under);margin:16px 0 0}

/* A4-affisch, samma proportioner som dagens lunch 5 oktober */
.aff{width:100%;max-width:820px;aspect-ratio:210/297;padding:7% 6.5% 6.5%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;background:var(--ljusgron);color:var(--morkgron);container-type:inline-size;margin:0 auto 24px;box-shadow:0 12px 24px -14px rgba(0,0,0,.45)}
.aff-topp{display:flex;justify-content:space-between;align-items:center}
.aff-topp img{height:9cqi}
.aff-dat{font:700 3.2cqi var(--maskin);letter-spacing:.14em}
.aff-lunch{font:400 22cqi/.85 var(--rubrik);letter-spacing:-.03em;margin-top:5cqi}
.aff-ratter{margin-top:5cqi;border-bottom:1.5px solid var(--morkgron)}
.aff-ratt{display:grid;grid-template-columns:13cqi 1fr auto;gap:0 3cqi;align-items:baseline;padding:2.6cqi 0;border-top:1.5px solid var(--morkgron)}
.aff-k{font:700 3.2cqi var(--maskin);letter-spacing:.12em}
.aff-ratt b{font:400 6cqi/1.08 var(--rubrik);letter-spacing:-.02em}
.aff-p{font:500 4.6cqi var(--brod);white-space:nowrap}
.aff-sallad{font:italic 440 5cqi/1.2 var(--under);margin:4.5cqi 0 0}
.aff-et{font:700 3.2cqi var(--maskin);letter-spacing:.12em;margin-top:6cqi}
.aff-till{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqi 8cqi;margin-top:2.4cqi;font:4.5cqi/1.25 var(--brod)}
.aff-till div{display:flex;align-items:baseline;gap:1.5cqi}
.aff-till i{flex:1;border-bottom:2px dotted color-mix(in srgb,var(--morkgron) 55%,transparent);transform:translateY(-.6cqi)}

/* Instagram, 1080 × 1350 */
.ig{width:1080px;height:1350px;padding:90px 84px;box-sizing:border-box;display:flex;flex-direction:column;background:var(--ljusgron);color:var(--morkgron)}
.ig-topp{display:flex;justify-content:space-between;align-items:center;font:700 34px var(--maskin);letter-spacing:.14em}
.ig-topp img{height:96px}
.ig-lunch{font:400 250px/.85 var(--rubrik);letter-spacing:-.03em;margin-top:70px}
.ig-ratter{margin-top:70px;border-bottom:2px solid var(--morkgron)}
.ig-ratt{display:grid;grid-template-columns:150px 1fr auto;gap:0 36px;align-items:baseline;padding:32px 0;border-top:2px solid var(--morkgron)}
.ig-k{font:700 34px var(--maskin);letter-spacing:.12em}
.ig-ratt b{font:400 62px/1.08 var(--rubrik);letter-spacing:-.02em}
.ig-p{font:500 48px var(--brod);white-space:nowrap}
.ig-fot{margin:auto 0 0;font:italic 440 44px/1.25 var(--under)}