@font-face{font-family:Caveat;src:url(/masterpizza/assets/fonts/caveat-700.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Barlow;src:url(/masterpizza/assets/fonts/barlow-400.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/masterpizza/assets/fonts/barlow-600.woff)format("woff");font-weight:600;font-display:swap}@font-face{font-family:Barlow;src:url(/masterpizza/assets/fonts/barlow-700.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/masterpizza/assets/fonts/barlow_condensed-700.woff)format("woff");font-weight:700;font-display:swap}:root{--slate:#1e2622;--slate-raised:#26302b;--night:#121714;--chalk:#f3eee3;--chalk-soft:#d8d2c5;--chalk-muted:#bdb6a8;--line:#4f5a54;--yellow:#f5d06a;--tomato:#ff8a6b;--on-accent:#1e2622;--wood:#c99560;--wood-dark:#8c5e34;--hand:"Caveat","Comic Sans MS",cursive;--text:"Barlow",system-ui,sans-serif;--num:"Barlow Condensed","Barlow",sans-serif;--wrap:min(1120px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body.mp{background:var(--slate) url(/masterpizza/assets/lavagna_texture.webp) repeat;color:var(--chalk);font:400 17px/1.65 var(--text);-webkit-font-smoothing:antialiased;background-size:400px;margin:0}.mp img{max-width:100%;height:auto;display:block}.mp a{color:var(--yellow)}.mp :focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:6px}.mp-wrap{width:var(--wrap);margin-inline:auto}.mp-skip{position:absolute;left:-9999px}.mp-skip:focus{background:var(--yellow);color:var(--on-accent);z-index:10;padding:8px 14px;top:16px;left:16px}.mp-header{z-index:5;backdrop-filter:blur(6px);border-bottom:5px solid var(--wood-dark);background:#121714eb;position:sticky;top:0}.mp-header .mp-wrap{align-items:center;gap:22px;min-height:68px;display:flex}.mp-brand{font:700 30px/1 var(--hand);align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex;color:var(--chalk)!important}.mp-brand img{border-radius:10px;width:40px;height:40px}.mp-nav{gap:20px;font-size:15px;font-weight:600;display:flex}.mp-nav a{color:var(--chalk-soft);text-decoration:none}.mp-nav a:hover{color:var(--yellow)}.mp-lang{color:var(--chalk-muted);font-size:14px}.mp-button{background:var(--tomato);font:700 17px/1 var(--num);letter-spacing:.02em;border-radius:12px;align-items:center;gap:8px;padding:14px 22px;text-decoration:none;display:inline-flex;color:var(--on-accent)!important}.mp-button:hover{filter:brightness(1.06)}.mp-button.small{padding:10px 16px;font-size:15px}.mp-button.ghost{border:2px solid var(--chalk-muted);background:0 0;color:var(--chalk)!important}.mp-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding-block:64px 40px;display:grid}.mp-hero h1{font:700 clamp(46px,6.2vw,80px)/1.02 var(--hand);margin:0 0 18px}.mp-hero p.lead{color:var(--chalk-soft);max-width:560px;margin:0 0 28px;font-size:20px}.mp-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mp-note{color:var(--chalk-muted);font-size:14px}.mp-hero-visual{justify-self:center;max-width:360px;position:relative}.mp-hero-visual .shot{border:8px solid var(--wood-dark);border-radius:22px;box-shadow:0 30px 60px #00000073}.mp-hero-visual .maestro{width:120px;position:absolute;bottom:-26px;left:-58px}.mp-section{border-top:2px dashed var(--line);padding-block:56px}.mp-section h2{font:700 clamp(36px,4vw,50px)/1.1 var(--hand);margin:0 0 10px}.mp-section .intro{color:var(--chalk-soft);max-width:680px;margin:0 0 32px}.mp-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.mp-card{background:var(--slate-raised);border:2px solid var(--line);border-radius:14px;padding:22px}.mp-card h3{font:700 30px/1.1 var(--hand);color:var(--yellow);margin:0 0 8px}.mp-card p{color:var(--chalk-soft);margin:0;font-size:16px}.mp-shots{scroll-snap-type:x mandatory;grid-auto-columns:minmax(170px,230px);grid-auto-flow:column;gap:18px;padding-bottom:12px;display:grid;overflow-x:auto}.mp-shots img{border:2px solid var(--line);scroll-snap-align:start;border-radius:16px}.mp-grid{grid-template-columns:220px minmax(0,1fr);gap:56px;display:grid}.mp-toc{flex-direction:column;align-self:start;gap:8px;font-size:15px;display:flex;position:sticky;top:100px}.mp-toc p{font:700 14px/1 var(--num);letter-spacing:.12em;color:var(--yellow);margin:0 0 6px}.mp-toc a{color:var(--chalk-soft);text-decoration:none}.mp-toc a:hover{color:var(--yellow)}.mp-prose{max-width:760px}.mp-prose h2{font:700 40px/1.1 var(--hand);margin:44px 0 12px}.mp-prose h2:first-child{margin-top:0}.mp-prose h3{font:600 20px/1.3 var(--text);color:var(--yellow);margin:28px 0 8px}.mp-prose p,.mp-prose li{color:var(--chalk-soft)}.mp-prose strong{color:var(--chalk)}.mp-prose li{margin-bottom:6px}.mp-prose a{text-underline-offset:3px}.mp-updated{font:700 15px/1 var(--num);letter-spacing:.06em;color:var(--chalk-muted)}.mp-divider{border:0;border-top:2px dashed var(--line);margin:56px 0}.mp-tip{background:var(--slate-raised);border:2px dashed var(--line);border-radius:14px;align-items:center;gap:14px;margin:24px 0;padding:14px 18px;display:flex}.mp-tip img{flex:none;width:46px}.mp-tip p{font:700 23px/1.25 var(--hand);color:var(--chalk);margin:0}.mp-page-head{padding-block:56px 24px}.mp-page-head h1{font:700 clamp(44px,5.5vw,70px)/1.05 var(--hand);margin:0 0 10px}.mp-page-head p{color:var(--chalk-soft);margin:0}.mp-footer{background:var(--night);border-top:5px solid var(--wood-dark);color:var(--chalk-muted);margin-top:40px;padding-block:30px;font-size:15px}.mp-footer .mp-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;display:flex}.mp-footer nav{flex-wrap:wrap;gap:18px;display:flex}.mp-footer a{color:var(--chalk-soft)}@media (width<=900px){.mp-nav{display:none}.mp-hero{grid-template-columns:1fr;gap:36px;padding-top:36px}.mp-hero-visual{max-width:300px}.mp-hero-visual .maestro{width:90px;left:-30px}.mp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-grid{grid-template-columns:1fr;gap:20px}.mp-toc{border-bottom:2px dashed var(--line);flex-flow:wrap;gap:6px 16px;padding-bottom:14px;position:static}.mp-toc p{width:100%}}@media (width<=560px){:root{--wrap:calc(100% - 32px)}.mp-brand{font-size:26px}.mp-header .mp-button{display:none}.mp-cards{grid-template-columns:1fr}body.mp{font-size:16px}}
