@import "https://fonts.googleapis.com/css2?family=Inter:wght@700;800;900&family=Oswald:wght@600;700&display=swap";:root{color:#f5f1e9;font-synthesis:none;text-rendering:optimizelegibility;--yellow:#ffcd18;--orange:#ff4b00;background:#050504;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{min-width:320px;margin:0;overflow:hidden}button{font:inherit}.screen{isolation:isolate;background:radial-gradient(circle at 65%,#972a0042,#0000 31%),linear-gradient(125deg,#050504,#0d0b08 58%,#030302);width:100%;height:100svh;min-height:560px;position:relative;overflow:hidden}.screen:before{content:"";z-index:-1;opacity:.16;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 66%,#000,#0000 72%);mask-image:radial-gradient(circle at 66%,#000,#0000 72%)}.grain{z-index:20;pointer-events:none;opacity:.07;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.brand{z-index:8;letter-spacing:.08em;align-items:center;gap:11px;font-family:Oswald,Impact,sans-serif;font-size:18px;display:flex;position:absolute;top:30px;left:36px}.brand span{aspect-ratio:1;border:1px solid var(--yellow);width:34px;color:var(--yellow);border-radius:50%;place-items:center;font-size:10px;display:grid;transform:rotate(-9deg)}.copy{z-index:7;position:absolute;top:50%;left:max(36px,50vw - 720px);transform:translateY(-48%)}.copy p{color:var(--yellow);letter-spacing:.23em;margin:0 0 25px;font-size:9px;font-weight:900}h1{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-family:Oswald,Impact,sans-serif;font-size:clamp(78px,8.5vw,150px);line-height:.8}h1 strong{color:#0000;-webkit-text-stroke:2px var(--orange);filter:drop-shadow(0 0 36px #ff4b0024)}.stage{position:absolute;inset:0 -25% 0 38%;overflow:visible}.stage:before{content:"";z-index:0;aspect-ratio:1;filter:blur(45px);background:#ff490017;border-radius:50%;width:min(48vw,720px);position:absolute;top:52%;left:53%;transform:translate(-50%,-50%)}.orbit{z-index:1;aspect-ratio:1;border:1px dashed #ffffff1a;border-radius:50%;width:min(59vw,850px);animation:65s linear infinite orbit;position:absolute;top:52%;left:53%;transform:translate(-50%,-50%)}@keyframes orbit{to{transform:translate(-50%,-50%)rotate(360deg)}}.pizza-canvas{z-index:3;filter:saturate(1.22)contrast(1.08)brightness(1.04);animation:.72s cubic-bezier(.2,.75,.2,1) both pizza-reveal;position:absolute;inset:-4%}.pizza-canvas canvas{background:0 0!important}@keyframes pizza-reveal{0%{opacity:0;filter:saturate(1.5)contrast(1.16)brightness(1.3)blur(8px);transform:scale(1.12)rotate(2deg)}to{opacity:1;transform:scale(1)}}.oil-glow{z-index:2;aspect-ratio:1;filter:blur(18px);mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 38% 35%,#ffe58040 0 1.5%,#0000 4%),radial-gradient(circle at 62% 60%,#ff650047,#0000 43%);border-radius:50%;width:72%;animation:3.4s ease-in-out infinite alternate oil-pulse;position:absolute;top:48%;left:45%;transform:translate(-50%,-50%)}@keyframes oil-pulse{to{opacity:.62;transform:translate(-50%,-50%)scale(1.08)}}.juice-flare{z-index:6;pointer-events:none;opacity:.42;filter:blur(.4px);background:linear-gradient(90deg,#0000,#fff3c6,#ff7214,#0000);width:180px;height:2px;position:absolute;top:13%;right:7%;transform:rotate(-24deg);box-shadow:0 0 25px #ff79168c}.pizza-switcher{z-index:25;align-items:center;gap:13px;display:flex;position:absolute;bottom:34px;left:25%;transform:translate(-50%)}.pizza-switcher button{cursor:pointer;background:0 0;border:1px solid #ffffff7a;border-radius:50%;width:8px;height:8px;padding:0;transition:width .25s,background .25s,border-color .25s,box-shadow .25s}.pizza-switcher button:hover{border-color:var(--yellow)}.pizza-switcher button.is-active{border-color:var(--yellow);background:var(--yellow);border-radius:999px;width:27px;box-shadow:0 0 22px #ffcd187a}.start-experience{z-index:30;border:1px solid var(--yellow);color:#161207;background:var(--yellow);cursor:pointer;letter-spacing:.14em;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-size:9px;font-weight:900;display:flex;position:absolute;bottom:28px;right:28px;box-shadow:0 14px 45px #ffcd182e}@media (width<=1100px){.stage{inset:0 0 0 34%}.pizza-canvas{inset:0}.orbit{width:78vw;left:50%}.stage:before,.oil-glow{left:50%}}@media (width<=760px){.brand{top:20px;left:18px}.copy{top:118px;left:18px;transform:none}.copy p{margin-bottom:17px;font-size:7px}h1{font-size:clamp(61px,21.5vw,90px)}.stage{inset:30% 0 5%;overflow:visible}.pizza-canvas{inset:0}.orbit{width:105vw;top:52%;left:50%}.stage:before{width:85vw;left:50%}.pizza-switcher{bottom:20px;left:50%}.juice-flare{top:45%;right:-8%}.start-experience{bottom:16px;right:16px}}@media (height<=670px) and (width>=761px){h1{font-size:clamp(72px,7.5vw,108px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}