@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap");:root{--cream:#f4efe5;--paper:#fbf8f1;--red:#b42b22;--green:#315b42;--ink:#1d211d;--muted:#77756d;--line:#ded7ca;--gold:#b78b4a}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}button{font:inherit}main{min-height:100vh;padding-bottom:110px}header{height:78px;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px;border-bottom:1px solid rgba(29,33,29,.1)}.brand,header{display:flex;align-items:center}.brand{gap:10px}.brand b{font-size:17px;letter-spacing:.18em}.brand small{display:block;font-size:8px;letter-spacing:.22em;color:var(--muted)}.seal{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:white;font-family:serif;font-size:22px;font-style:italic}.bag{border:1px solid var(--ink);background:transparent;border-radius:999px;padding:8px 13px}.bag span{background:var(--ink);color:white;border-radius:50%;padding:2px 6px;margin-left:5px}.hero{max-width:1180px;margin:56px auto 34px;padding:0 24px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--red)}h1{font-size:clamp(42px,6vw,76px);line-height:.95;margin:10px 0 18px;max-width:760px;letter-spacing:-.05em}h1 em{font-family:Playfair Display,serif;color:var(--red);font-weight:600}.intro{max-width:590px;color:var(--muted);font-size:16px;line-height:1.6}.builder{max-width:1180px;margin:auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;grid-gap:42px;gap:42px}.visualCard{min-height:570px;border-radius:28px;background:#20251f;position:-webkit-sticky;position:sticky;top:20px;display:grid;place-items:center;overflow:hidden;box-shadow:0 20px 60px #463b2c22}.ovenGlow{position:absolute;width:80%;height:80%;background:radial-gradient(circle,#c4682933,transparent 66%)}.ovenGlow,.pizza{border-radius:50%}.pizza{width:min(78%,440px);aspect-ratio:1;position:relative;filter:drop-shadow(0 22px 18px #0008)}.cheese,.crust,.sauce{position:absolute;border-radius:50%}.crust{inset:0;background:radial-gradient(circle at 42% 35%,#efc883 0 61%,#d18c48 63%,#9b592c 68%,#5e321f 70%);box-shadow:inset 5px 3px 12px #fff4,inset -9px -8px 13px #55251299}.sauce{inset:11%;background:#a92e20}.cheese{inset:14%;background:radial-gradient(circle at 30% 25%,#fff1bf 0 7%,transparent 8%),radial-gradient(circle at 68% 62%,#f8e2a5 0 8%,transparent 9%),radial-gradient(circle at 55% 35%,#fff0c0 0 10%,transparent 11%),#c74628}.top{position:absolute;z-index:5;display:grid;place-items:center;translate:-50% -50%;font-style:normal;font-weight:700;text-shadow:0 1px 2px #0004}.pepperoni{color:#8d1f18;font-size:38px}.mushroom{color:#d8c3a0;font-size:38px}.olive{color:#282719;font-size:26px}.basil{color:#2c7040;font-size:32px}.onion{color:#8d456c;font-size:34px}.jalapeno{color:#4b7b35;font-size:31px}.mozzarella{color:#fff0c8;font-size:42px}.prosciutto{color:#d78478;font-size:38px}.caption{position:absolute;bottom:22px;left:24px;color:white;display:flex;flex-direction:column}.caption span{font-size:9px;letter-spacing:.2em;color:#d7cbb8}.caption b{font-size:13px;margin-top:3px}.step{display:flex;gap:14px;align-items:center;margin:8px 0 16px}.step>span{border:1px solid var(--gold);color:var(--gold);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:11px;font-weight:700}.step h2{font-size:21px;margin:0}.step p{font-size:12px;color:var(--muted);margin:3px 0 0}.sizes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.sizes button{border:1px solid var(--line);background:var(--paper);padding:18px 10px;border-radius:15px;cursor:pointer}.sizes button b,.sizes button small{display:block}.sizes button b{font-size:20px}.sizes button small{color:var(--muted);margin-top:3px}.sizes button.active{border:2px solid var(--red);color:var(--red);box-shadow:0 6px 20px #b42b2214}.toppingsTitle{margin-top:34px}.toppings{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.toppings button{display:grid;grid-template-columns:40px 1fr 26px;grid-gap:10px;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:11px;cursor:pointer}.toppings button.chosen{border-color:var(--green);background:#f1f4ed}.toppings b,.toppings small{display:block}.toppings b{font-size:13px}.toppings small{font-size:11px;color:var(--muted);margin-top:2px}.toppings i{font-style:normal;width:24px;height:24px;border-radius:50%;background:#ebe5da;display:grid;place-items:center}.chosen i,.toppings .chosen i{background:var(--green);color:white}.mini{font-size:28px;display:grid;place-items:center}.checkout{position:fixed;z-index:20;bottom:18px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 28px));padding:8px;background:#171b17;border-radius:18px;display:grid;grid-template-columns:118px 1fr;grid-gap:8px;gap:8px;box-shadow:0 14px 50px #0005}.qty{display:flex;align-items:center;justify-content:space-around;color:white}.qty button{border:0;background:#ffffff12;color:white;width:30px;height:30px;border-radius:50%;font-size:19px}.fire{border:0;border-radius:12px;background:var(--red);color:white;display:flex;justify-content:space-between;padding:16px 18px;font-weight:700;letter-spacing:.04em;cursor:pointer}.fire b{font-weight:600}@media(max-width:780px){header{height:68px}.hero{margin-top:38px}.builder{grid-template-columns:1fr;gap:28px}.visualCard{position:relative;top:0;min-height:390px}.pizza{width:min(75%,330px)}.controls{padding-bottom:10px}.toppings{grid-template-columns:1fr}.checkout{bottom:10px}h1{font-size:48px}}