﻿:root{--ink:oklch(16% .025 55);--paper:oklch(94% .025 85);--red:oklch(59% .18 31);--yellow:oklch(78% .16 82);--cream:oklch(96% .018 85);--ease:cubic-bezier(.16,1,.3,1);--display:'Melodrama',Georgia,serif;--body:'Cabinet Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.loader{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:var(--ink);color:var(--cream);transition:clip-path .9s var(--ease)}.loader span{display:grid;place-items:center;width:8rem;aspect-ratio:1;border:1px solid;border-radius:50%;font:3rem var(--display);animation:pulse 1.3s var(--ease) infinite alternate}.loader.done{clip-path:inset(0 0 100%);pointer-events:none}@keyframes pulse{to{transform:rotate(9deg) scale(1.08)}}.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;padding:1.3rem 4vw;display:flex;justify-content:space-between;align-items:center;color:var(--cream)}.brand{display:flex;gap:.65rem;align-items:center;font:1.35rem/.75 var(--display)}.brand i{display:grid;place-items:center;width:2.3rem;aspect-ratio:1;border:1px solid;border-radius:50%;font:700 .72rem var(--body);font-style:normal}.site-header nav{display:flex;align-items:center;gap:1.4rem;font-size:.85rem;font-weight:700}.theme{border:1px solid #ffffff80;background:#0002;color:inherit;border-radius:50%;width:2.25rem;aspect-ratio:1;cursor:pointer}.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:99px;padding:.85rem 1.2rem;background:var(--ink);color:var(--cream);font-size:.88rem;font-weight:800;transition:transform .35s var(--ease),background .35s var(--ease)}.pill:hover{transform:translateY(-4px)}.pill--light{background:var(--cream);color:var(--ink);border-color:var(--cream)}.pill--stroke{background:transparent;color:var(--cream);border-color:#ffffff88}.hero{height:330vh;background:var(--ink)}.hero-sticky{position:sticky;top:0;height:100vh;overflow:hidden;color:var(--cream);background:radial-gradient(circle at 50% 45%,#633 0,#211 34%,var(--ink) 72%)}.hero-process{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58;mix-blend-mode:screen;filter:saturate(1.18) contrast(1.05)}.hero-sticky::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,oklch(16% .025 55 / .94),transparent 72%),linear-gradient(0deg,oklch(16% .025 55 / .68),transparent 45%);pointer-events:none}.hero-copy{position:absolute;z-index:2;top:20%;left:7vw}.kicker{margin:0 0:1rem;color:inherit;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1,.section-head h2,.journey h2,.order h2,.coupon h2,.oven h2{margin:.9rem 0;font:clamp(4.5rem,11vw,12rem)/.78 var(--display);letter-spacing:-.065em}.hero h1 em{color:var(--yellow);font-style:normal}.lede{max-width:19rem;font-size:1.1rem}.hero-pizza-wrap{position:absolute;left:50%;top:50%;width:min(55vw,680px);aspect-ratio:1;transform:translate(-50%,-50%)}.hero-pizza{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 3rem 8rem #0008;will-change:transform}.counter{position:absolute;right:-1rem;top:50%;font-size:.8rem;font-weight:800;letter-spacing:.1em}.hero-flavor{position:absolute;right:7vw;bottom:15%;max-width:16rem}.hero-flavor p:last-child{margin:0;font:1.25rem/1.05 var(--display)}.scroll-note{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.scroll-note span{display:block;text-align:center;margin-top:.4rem}.journey{height:380vh;background:#e8d8bc}.journey-sticky{position:sticky;top:0;display:grid;grid-template-columns:1fr 1fr;height:100vh;align-items:center;padding:8vw;overflow:hidden}.journey-copy{z-index:2;max-width:30rem}.journey h2,.oven h2{font-size:clamp(3.5rem,7vw,7rem)}.journey-copy p:not(.kicker){max-width:25rem;line-height:1.5}.journey-copy small{font-weight:800;letter-spacing:.12em}.journey-pizza{position:absolute;width:min(55vw,700px);right:4vw;top:50%;transform:translateY(-50%);border-radius:50%;box-shadow:1rem 1rem 0 #b82e2430}.flavor-section,.menu-section{padding:10vw 7vw}.section-head{max-width:48rem}.section-head h2{font-size:clamp(3.8rem,8vw,8rem)}.section-head>p:last-child{max-width:33rem;line-height:1.5}.flavor-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:4rem}.flavor-card{position:relative;min-height:28rem;overflow:hidden;border:2px solid var(--ink);box-shadow:.5rem .5rem 0 var(--ink);color:var(--ink);padding:1.25rem;transform:rotate(var(--tilt));transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.flavor-card:hover{transform:translateY(-.8rem) rotate(0);box-shadow:1rem 1rem 0 var(--ink)}.flavor-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .6s var(--ease)}.flavor-card:hover img{transform:scale(1.1)}.flavor-card>*:not(img){position:relative;z-index:1}.flavor-card b{font-size:.7rem;letter-spacing:.12em}.flavor-card h3{margin:7rem 0 .5rem;font:2.4rem/.85 var(--display)}.flavor-card p{font-size:.85rem;max-width:15ch}.flavor-card .pill{position:absolute;bottom:1.2rem;left:1.2rem;background:var(--ink);color:var(--cream);border-color:var(--ink)}.menu-section{background:var(--ink);color:var(--cream)}.menu-builder{margin-top:3rem;border:1px solid #fff4;padding:1rem;background:#ffffff0a}.menu-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.menu-controls label{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.menu-controls input,.menu-controls select{display:block;width:100%;margin-top:.4rem;padding:.8rem;border:1px solid #fff5;background:transparent;color:var(--cream)}.menu-controls option{color:var(--ink)}.menu-items{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:.8rem}.menu-item{padding:1.25rem;border:1px solid #fff4}.menu-item h3{margin:0;font:1.75rem var(--display)}.menu-item p{min-height:3rem;font-size:.9rem;color:#fff9}.menu-item button{border:0;background:var(--yellow);padding:.7rem .9rem;font-weight:800;cursor:pointer}.oven{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:10vw 7vw;background:var(--red);color:var(--cream)}.oven>div{max-width:36rem}.oven>div>p:last-child{max-width:28rem;line-height:1.5}.oven img{width:100%;border-radius:50%;box-shadow:1rem 1rem 0 #67170f}.order{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;padding:10vw 7vw;background:var(--ink);color:var(--cream)}.order h2{font-size:clamp(4rem,8vw,8rem)}.order-copy>p:not(.kicker){max-width:25rem;line-height:1.5}.order-actions{display:flex;gap:.7rem;flex-wrap:wrap}.order-info{display:grid;gap:1rem;align-content:center}.order-info p{margin:0;padding:1.2rem;border-top:1px solid #fff4}.order-info b,.order-info a{display:block}.order-info b{margin-bottom:.4rem;color:var(--yellow);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.order-info a{text-decoration:underline;text-underline-offset:.2em}.coupon{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:10vw 7vw;min-height:100vh;background:var(--yellow)}.coupon h2{font-size:clamp(3.5rem,7vw,7rem)}.wheel{position:relative;width:min(38vw,480px);aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:conic-gradient(var(--red) 0 25%,var(--yellow) 25% 50%,#b82e24 50% 75%,var(--cream) 75%);transition:transform .2s linear}.wheel span{position:absolute;font-weight:800;font-size:.68rem;letter-spacing:.1em}.wheel span:nth-child(1){top:14%;left:37%}.wheel span:nth-child(2){right:4%;top:46%;transform:rotate(90deg)}.wheel span:nth-child(3){bottom:13%;left:35%;transform:rotate(180deg)}.wheel span:nth-child(4){left:3%;top:42%;transform:rotate(-90deg)}.wheel i{position:absolute;inset:36%;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--paper);font:1.4rem var(--display);font-style:normal}.coupon-code{display:inline-block;margin:1rem 0;padding:.8rem 1rem;border:1px dashed var(--ink);font-size:.8rem;font-weight:800;letter-spacing:.1em}.assistant{position:fixed;right:1.2rem;bottom:1.2rem;z-index:15}.assistant-toggle{display:grid;width:3.4rem;aspect-ratio:1;place-items:center;margin-left:auto;border:0;border-radius:50%;background:var(--yellow);color:var(--ink);font:1.5rem var(--display);box-shadow:.35rem .35rem 0 var(--ink);cursor:pointer}.assistant-box{width:min(20rem,calc(100vw - 2.4rem));margin-bottom:.8rem;padding:1.2rem;border:2px solid var(--ink);background:var(--paper);box-shadow:.5rem .5rem 0 var(--ink)}.assistant-box p{font-size:.9rem;line-height:1.4}.assistant-options{display:flex;gap:.4rem;flex-wrap:wrap;margin:1rem 0}.assistant-options button{border:1px solid var(--ink);background:transparent;padding:.45rem .55rem;cursor:pointer;font-size:.75rem}.assistant-box>a{font-weight:800;text-decoration:underline}.marquee{overflow:hidden;border-bottom:1px solid #fff4;padding:.9rem 0;white-space:nowrap}.marquee span{display:inline-block;animation:marquee 18s linear infinite;font-size:.8rem;font-weight:800;letter-spacing:.12em}.footer-base{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:3rem 7vw;color:#fff8;font-size:.8rem}.footer-base p{margin:0}.footer-base>a{text-decoration:underline}@keyframes marquee{to{transform:translateX(-100%)}}.dark{--paper:#1b1511;--ink:#f2eadc}.dark .flavor-section{background:#1b1511}.dark .flavor-card{border-color:var(--paper);box-shadow:.5rem .5rem 0 var(--paper)}.dark .flavor-card:hover{box-shadow:1rem 1rem 0 var(--paper)}.dark .wheel i{background:#1b1511}.dark .assistant-box{background:#1b1511;border-color:var(--paper)}@media(max-width:760px){.site-header{padding:1rem 5vw}.site-header nav>a:not(.pill){display:none}.site-header nav{gap:.6rem}.hero{height:220vh}.hero-copy{top:17%;left:6vw}.hero h1{font-size:5.2rem}.hero-pizza-wrap{width:88vw;top:58%}.hero-flavor{right:auto;left:6vw;bottom:12%;max-width:13rem}.journey{height:270vh}.journey-sticky{display:block;padding:7rem 6vw}.journey-copy{max-width:20rem}.journey-pizza{width:84vw;right:8vw;top:62%}.flavor-section,.menu-section,.oven,.order,.coupon{padding:5rem 6vw}.flavor-cards{display:flex;overflow:auto;padding:.5rem .2rem 1.2rem;margin-right:-6vw}.flavor-card{min-width:77vw}.menu-controls,.menu-items,.oven,.order,.coupon{grid-template-columns:1fr}.oven,.order,.coupon{gap:2.5rem}.oven img{order:-1}.wheel{width:78vw;margin:auto}.footer-base{padding:2rem 6vw;align-items:start;flex-direction:column}.cursor{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loader{display:none}}
.hero-pizza-wrap,.hero-flavor,.scroll-note{z-index:2}

/* Cardápio digital e vitrine de sabores */
.footer-base{color:var(--cream)}.footer-base .made-by{color:var(--yellow);font-weight:800;text-decoration:none}.footer-base .made-by:hover{text-decoration:underline;text-underline-offset:.25em}.pizza-rail{display:grid;grid-template-columns:minmax(14rem,.7fr) minmax(0,2fr);gap:2rem;align-items:end;margin-top:7rem;padding-top:1.2rem;border-top:1px solid color-mix(in oklch,var(--ink) 26%,transparent)}
.pizza-rail__intro h3{margin:.5rem 0 1rem;font:clamp(2rem,3vw,3.5rem)/.9 var(--display);letter-spacing:-.045em}.pizza-rail__intro>p:last-child{max-width:18rem;line-height:1.45}
.pizza-rail__items{display:grid;grid-template-columns:repeat(4,minmax(11rem,1fr));gap:.8rem;overflow-x:auto;padding:.5rem .4rem 1.25rem}.pizza-rail__card{position:relative;min-width:12rem;aspect-ratio:.74;overflow:hidden;border:1px solid var(--ink);background:var(--pizza-tone);box-shadow:.38rem .38rem 0 var(--ink);isolation:isolate}.pizza-rail__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .6s var(--ease)}.pizza-rail__card::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,oklch(17% .02 48 / .88));z-index:-1}.pizza-rail__card:hover img{transform:scale(1.09) rotate(3deg)}.pizza-rail__card>div{position:absolute;inset:auto 1rem 1rem;color:var(--cream)}.pizza-rail__card span,.menu-item span{font-size:.62rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.pizza-rail__card h3{margin:.45rem 0 .8rem;font:1.65rem/.85 var(--display)}.pizza-rail__card button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;border:0;background:transparent;color:inherit;padding:0;font:800 .72rem var(--body);letter-spacing:.04em;cursor:pointer;text-align:left}.pizza-rail__card button b{font-size:1rem;transition:transform .3s var(--ease)}.pizza-rail__card button:hover b{transform:translateX(.3rem)}
.menu-section .section-head>p:last-child{max-width:31rem;line-height:1.45}.menu-builder{border-color:#fff5;background:oklch(23% .025 52)}.menu-builder__top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;margin-bottom:1rem;border:1px solid #fff4;background:#0002}.menu-builder__top p{margin:0 0 .25rem;color:var(--yellow);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.menu-builder__top output{font:1.4rem/.95 var(--display)}.menu-builder__top .pill:disabled{cursor:not-allowed;opacity:.4;transform:none}.menu-items{grid-template-columns:repeat(2,1fr)}.menu-item{position:relative;display:grid;grid-template-columns:6.2rem 1fr;gap:1rem;min-height:10rem;padding:0;overflow:hidden;border-color:#fff4;transition:border-color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease)}.menu-item:hover,.menu-item.is-selected{border-color:var(--yellow);background:#fff1;transform:translateY(-.2rem)}.menu-item img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.8}.menu-item>div{padding:1.1rem 1.1rem 1rem 0}.menu-item h3{margin:.35rem 0 .45rem}.menu-item p{min-height:auto;margin:.3rem 0 .85rem}.menu-item button{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:1px solid #fff5;color:var(--cream);padding:.55rem .7rem;font-size:.7rem;transition:background .3s var(--ease),color .3s var(--ease);cursor:pointer}.menu-item button:hover,.menu-item.is-selected button{background:var(--yellow);color:var(--ink)}.menu-item button b{font-size:1.15rem;line-height:.7}
@media(max-width:760px){.pizza-rail{grid-template-columns:1fr;gap:1.4rem;margin-top:4.5rem}.pizza-rail__items{grid-template-columns:repeat(4,72vw);margin-right:-6vw}.pizza-rail__card{min-width:72vw}.menu-builder__top{align-items:flex-start;flex-direction:column}.menu-builder__top .pill{width:100%}.menu-items{grid-template-columns:1fr}.menu-item{grid-template-columns:5.5rem 1fr;min-height:9rem}}


