/* Additional motion layers share the original typography and layout. */
html.motion-ready{overflow-x:clip}
.hero-camera{width:100%;height:100%;transform-origin:66% 52%;animation:pizza-camera-float 12s ease-in-out infinite alternate;will-change:transform}
.hero-camera img{transform:translate3d(var(--camera-x,0px),var(--camera-y,0px),0);transition:transform 1.5s var(--ease)}
.hero-glow{position:absolute;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:.75}
.hero-glow>span:first-child{position:absolute;inset:-15%;background:radial-gradient(ellipse at 88% 29%,#e8712136,transparent 36%);animation:oven-light 7s ease-in-out infinite alternate}
.hero-glow>span:last-child{position:absolute;inset:0;background:radial-gradient(ellipse at var(--light-x,65%) var(--light-y,45%),#ffc58214,transparent 38%);transition:background-position 1s}
.hero h1>span{animation:hero-title-unfold 1.45s var(--ease) both;transform-origin:0 100%}
.hero h1>span+span{animation-delay:.43s}
.hero .title-dot{display:inline-block;animation:signature-dot 3.5s 1.6s ease-in-out infinite}
.brand-ring{animation:brand-draw 1.8s .15s var(--ease) both}
.hero-intro i{animation:coal-pulse 3s ease-in-out infinite}
.ticker em{animation:star-turn 18s linear infinite}
.story-image{transform:translate3d(0,calc(var(--scene-drift,0px) * -.38),0) rotate(calc(-3deg + var(--scene-turn,0deg)));will-change:transform}
.story-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#fff3 48%,transparent 70%);transform:translateX(-140%)}
.story-visual:hover .story-image:after{animation:photo-light 1.1s var(--ease) both}
.story .giant-q{transform:translate3d(0,calc(var(--scene-drift,0px) * -.85),0);will-change:transform}
.story .seal{transform:rotate(var(--seal-turn,13deg));will-change:transform}
.manifesto-art{transform:translate3d(0,var(--scene-drift,0px),0) scale(1.12);will-change:transform}
.manifesto:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 70%,#c354251a,transparent 55%);animation:oven-light 9s ease-in-out infinite alternate}
.manifesto-inner{position:relative;z-index:1}
.motion-ready .heading-motion .motion-word{display:inline-block;vertical-align:bottom;overflow:clip;padding:.14em .025em;margin:-.14em -.025em}
.motion-ready .heading-motion .motion-word>span{display:block;transform:translate3d(0,120%,0) rotate(5deg);transform-origin:0 100%;opacity:0;transition:transform 1s var(--ease),opacity .75s var(--ease);transition-delay:var(--word-delay,0ms)}
.motion-ready .heading-motion.motion-visible .motion-word>span{transform:none;opacity:1}
.motion-ready .motion-arrival{opacity:0;translate:0 38px;transition:opacity .85s var(--ease),translate 1s var(--ease);transition-delay:var(--arrival-delay,0ms)}
.motion-ready .motion-arrival.motion-visible{opacity:1;translate:0 0}
.motion-ready .instagram-line{border-top-color:transparent;position:relative}
.motion-ready .instagram-line:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:#211e182b;transform:scaleX(0);transform-origin:left;transition:transform 1.3s var(--ease)}
.motion-ready .instagram-line.motion-visible:before{transform:scaleX(1)}
.magnetic{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .6s var(--ease),transform .4s var(--ease),background .35s,color .35s}
.pill:before{content:'';position:absolute;inset:-100% -35%;pointer-events:none;background:linear-gradient(110deg,transparent 36%,#ffffff30 48%,transparent 60%);transform:translateX(-100%) skewX(-15deg)}
.pill:hover:before,.pill:focus-visible:before{animation:button-light .85s var(--ease)}
.pizza-photo{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:50% 60%;transition:transform .55s var(--ease),box-shadow .55s var(--ease);will-change:transform}
.pizza-photo:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,30%),#fff5,transparent 62%);mix-blend-mode:soft-light;transition:opacity .5s}
.pizza-card:hover .pizza-photo:after{opacity:1}
.pizza-card:hover .pizza-photo{box-shadow:0 12px 24px #43301e15}
.pizza-card:hover .pizza-name{color:var(--red)}
.pizza-name{transition:color .35s}
.story-tabs .selected:after{animation:tab-line .45s var(--ease);transform-origin:left}
.mobile-nav a,.mobile-nav button,.mobile-nav>span{opacity:0;translate:0 20px;transition:opacity .5s var(--ease),translate .65s var(--ease)}
.nav-open .mobile-nav a,.nav-open .mobile-nav button,.nav-open .mobile-nav>span{opacity:1;translate:0 0}
.mobile-nav>:nth-child(1){transition-delay:.1s}.mobile-nav>:nth-child(2){transition-delay:.16s}.mobile-nav>:nth-child(3){transition-delay:.22s}.mobile-nav>:nth-child(4){transition-delay:.28s}.mobile-nav>:nth-child(5){transition-delay:.34s}.mobile-nav>:nth-child(6){transition-delay:.4s}
@keyframes pizza-camera-float{from{transform:scale(1.045) translate3d(-3px,0,0) rotate(-.25deg)}to{transform:scale(1.08) translate3d(3px,-7px,0) rotate(.25deg)}}
@keyframes oven-light{0%,100%{opacity:.4;transform:scale(.97)}40%{opacity:.8}70%{opacity:.55;transform:scale(1.06)}}
@keyframes hero-title-unfold{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(42px) rotate(3deg)}to{opacity:1;clip-path:inset(-15% -5% -25% -5%);transform:none}}
@keyframes signature-dot{0%,100%{transform:translateY(0);color:var(--red)}50%{transform:translateY(-4px);color:#e16b45}}
@keyframes brand-draw{from{opacity:0;clip-path:inset(0 0 100% 0);rotate:-45deg}to{opacity:1;clip-path:inset(0);rotate:0deg}}
@keyframes coal-pulse{0%,100%{box-shadow:0 0 8px #e37a3266}50%{box-shadow:0 0 17px 4px #e37a3255}}
@keyframes star-turn{to{rotate:360deg}}
@keyframes photo-light{to{transform:translateX(140%)}}
@keyframes button-light{to{transform:translateX(100%) skewX(-15deg)}}
@keyframes tab-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.motion-suspended .hero-camera,.motion-suspended .hero-glow span,.motion-suspended .title-dot,.motion-suspended .hero-intro i,.motion-suspended .ticker>div,.motion-suspended .ticker em,.motion-suspended .manifesto:after{animation-play-state:paused}
.hero.motion-offscreen .hero-camera,.hero.motion-offscreen .hero-glow span,.hero.motion-offscreen .title-dot,.hero.motion-offscreen .hero-intro i,.ticker.motion-offscreen>div,.ticker.motion-offscreen em,.manifesto.motion-offscreen:after{animation-play-state:paused}
@media(hover:none),(pointer:coarse){.hero-camera{animation-duration:16s}.pizza-photo{transform:none;will-change:auto}.magnetic{translate:0 0}.pizza-photo:after{display:none}}
@media(max-width:650px){.hero-glow{opacity:.45}.story-image{transform:translate3d(0,calc(var(--scene-drift,0px) * -.18),0) rotate(calc(-3deg + var(--scene-turn,0deg) * .5))}.manifesto-art{transform:translate3d(0,calc(var(--scene-drift,0px) * .5),0) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.hero-camera,.hero-camera img,.story-image,.story .giant-q,.story .seal,.manifesto-art,.pizza-photo{transform:none!important;will-change:auto}.hero-glow{display:none}.hero h1>span{clip-path:none!important;opacity:1}.motion-ready .heading-motion .motion-word{overflow:visible}.motion-ready .heading-motion .motion-word>span,.motion-ready .motion-arrival{opacity:1;transform:none;translate:0 0}.magnetic{translate:0 0}.motion-ready .instagram-line:before{transform:scaleX(1)}.mobile-nav a,.mobile-nav button,.mobile-nav>span{translate:0 0}}