:root{--red:#e43624;--cream:#fff3d9;--dark:#1e1c1a;--green:#6f8e4f;--gold:#f4aa25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--dark);font-family:Inter,sans-serif;overflow-x:hidden}header{height:78px;background:var(--cream);padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:2;width:100%;border-bottom:1px solid rgba(30,28,26,.25)}.logo{font:400 1.3rem/.7 Anton,sans-serif;letter-spacing:.01em;text-decoration:none;color:var(--dark);display:grid}.logo span{font-size:.85rem;color:var(--red);letter-spacing:.15em}nav{display:flex;gap:2rem}nav a,.order{font:.62rem "DM Mono",monospace;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;color:var(--dark)}.order{background:var(--red);color:var(--cream);padding:.7rem .8rem}.hero{background:var(--red);min-height:100vh;color:var(--cream);padding:20vh 7vw 8vw;position:relative;overflow:hidden}.hero>p,.tag{font:.62rem "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 2rem;position:relative;z-index:1}.hero h1,.about h2,.delivery h2,.contact h2{font:400 clamp(4rem,11vw,12rem)/.72 Anton,sans-serif;letter-spacing:-.025em;margin:0;position:relative;z-index:1}.hero h1 i{font:500 clamp(3.3rem,9vw,10rem) Lora,serif;color:var(--gold);letter-spacing:-.12em}.hero>a{color:var(--cream);font:700 1.05rem Anton,sans-serif;text-decoration:none;display:inline-block;margin-top:7vh;position:relative;z-index:1}.hero>a b{color:var(--gold);font:1.8rem Inter,sans-serif;margin-left:1rem}.pizza{width:min(50vw,620px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#f8bd42 0 39%,#d78023 40% 42%,#f5b737 43%);position:absolute;right:-8vw;bottom:-23vw;box-shadow:inset 0 0 0 15px #df8d27;transform:rotate(-20deg)}.pizza:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 40% 20%,var(--red) 0 6%,transparent 7%),radial-gradient(circle at 70% 37%,var(--red) 0 6%,transparent 7%),radial-gradient(circle at 36% 65%,var(--red) 0 6%,transparent 7%),radial-gradient(circle at 73% 72%,var(--red) 0 6%,transparent 7%),radial-gradient(circle at 52% 50%,#6e3f22 0 4%,transparent 5%)}.tomato{width:11vw;aspect-ratio:1;border-radius:50%;background:var(--gold);position:absolute;opacity:.7}.t1{right:45%;top:22%}.t2{right:15%;top:14%;width:4vw}.about{padding:13vw 8vw;display:grid;grid-template-columns:1fr .55fr;gap:8vw}.about h2,.delivery h2,.contact h2{font-size:clamp(3.7rem,6vw,7rem)}.about h2 em{font-family:Lora,serif;color:var(--red);font-weight:500}.about div:last-child{align-self:end;font-size:.95rem;line-height:1.7}.about div:last-child p+p{font:.75rem;color:#6f6a61}.delivery{padding:10vw 6vw;background:var(--green);color:var(--cream);display:grid;grid-template-columns:.65fr 1.2fr .65fr;gap:5vw;align-items:center}.wheel{height:18vw;max-height:260px;aspect-ratio:1;border:10px dotted var(--cream);border-radius:50%;position:relative;animation:roll 12s linear infinite}.wheel:before{content:"";position:absolute;inset:25%;border:3px solid var(--cream);border-radius:50%}.wheel span{position:absolute;left:46%;top:-8%;font-size:2rem}.wheel span:nth-child(2){left:-8%;top:46%}.wheel span:nth-child(3){left:92%;top:46%}.delivery h2{font-size:clamp(3.7rem,6.5vw,7.5rem)}.delivery div>p:last-child{line-height:1.7;font-size:.87rem;max-width:320px}.label{font:1.7rem/.9 Anton,sans-serif;letter-spacing:.02em;text-align:right;align-self:end}.label b{color:var(--gold);font-size:4rem}.gallery{padding:10vw 8vw;display:grid;grid-template-columns:1fr .7fr .9fr;gap:2vw;align-items:center}.gallery figure{margin:0;overflow:hidden}.gallery figure:first-child{margin-top:9vw}.gallery img{width:100%;height:30vw;object-fit:cover}.gallery p{font:400 clamp(2.7rem,5vw,5rem)/.82 Anton,sans-serif;letter-spacing:-.02em}.gallery p i{font:500 1.1em Lora,serif;color:var(--red)}.contact{background:var(--dark);color:var(--cream);padding:11vw 8vw;display:grid;grid-template-columns:1.2fr .8fr;gap:5vw}.contact h2 em{color:var(--gold);font-family:Lora,serif}.contact div:last-child{align-self:end}.contact a{display:block;color:var(--cream);text-decoration:none;font:.67rem "DM Mono",monospace;letter-spacing:.07em;margin-top:1rem;padding:1rem 0;border-bottom:1px solid #777;text-transform:uppercase}footer{padding:2rem 4vw;display:flex;justify-content:space-between;align-items:center;font:.6rem "DM Mono",monospace}footer>a:last-child{color:inherit;text-decoration:none;font-size:1.2rem}@keyframes roll{to{transform:rotate(360deg)}}@media(max-width:700px){header{height:65px;padding:0 6vw}nav{display:none}.order{font-size:.5rem}.hero{padding:24vh 7vw 6vw}.hero h1{font-size:5.1rem}.pizza{width:103vw;right:-43vw;bottom:-2vw}.tomato{width:20vw}.t1{right:16%;top:19%}.t2{width:10vw;right:72%;top:22%}.about{display:block;padding:18vw 7vw}.about h2{font-size:4.2rem}.about div:last-child{margin-top:5rem}.delivery{display:block;padding:18vw 7vw}.wheel{height:50vw;margin-bottom:13vw}.delivery h2{font-size:4.1rem}.label{text-align:left;margin-top:5rem}.gallery{padding:18vw 7vw;grid-template-columns:1fr 1fr;gap:4vw}.gallery img{height:58vw}.gallery p{grid-column:1/3;font-size:4rem}.contact{display:block;padding:18vw 7vw}.contact h2{font-size:4rem}.contact div:last-child{margin-top:15vw}footer{display:block;padding:7vw}footer p{margin:1rem 0}}