.cinema{width:100%;max-width:480px;margin:0;justify-self:center;position:relative;isolation:isolate}.cinema svg{display:block;width:100%;height:auto;overflow:visible}.cinema figcaption{font-weight:700;font-size:15px;text-align:center;margin-top:10px}.cinema-replay{display:block;margin:12px auto 0;padding:9px 16px;min-height:44px;border:1px solid currentColor;border-radius:30px;background:#fff0;color:var(--blue);font:inherit;font-size:12px;cursor:pointer}.cinema-replay:hover{background:#fff}.cinema-replay:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.cinema svg *{transform-box:fill-box;transform-origin:center}.quiet-signature{font-size:160px;text-align:center;color:var(--blue)}@media(prefers-reduced-motion:no-preference){.cinema.is-playing .box-food{animation:food-drop 1.5s both}.cinema.is-playing .box-lid{animation:lid-close 3.8s both;transform-origin:bottom}.cinema.is-playing .box-base{animation:base-in .8s both}.cinema.is-playing .bread-top{animation:bread-top 3.5s both}.cinema.is-playing .filling-green{animation:green-layer 3.5s both}.cinema.is-playing .filling-cheese{animation:cheese-layer 3.5s both}.cinema.is-playing .rider{animation:ride-in 3.6s both}.cinema.is-playing .speed{animation:speed-lines 3.6s both}.cinema.is-playing .town{animation:town-in 1.1s both}.cinema.is-playing .pizza-turn{animation:pizza-turn 1.8s both}.cinema.is-playing .pizza-cut{animation:cut-in 2s both}.cinema.is-playing .pizza-slice{animation:slice-out 3.7s both}.cinema.is-playing .night-sky{animation:night 3.8s both}.cinema.is-playing .sun{animation:sunset 3.8s both}.cinema .moon{opacity:0}.cinema.is-playing .moon{animation:moonrise 3.8s both}.cinema.is-playing .dispense{animation:dispense 3.8s both}.cinema.is-playing .map-fold{animation:unfold 1.8s both}.cinema.is-playing .map-pin{animation:pin-drop 2.5s both}.cinema.is-playing .stamp{animation:stamp-in .6s both}.cinema.is-playing .stamp-two{animation-delay:.6s}.cinema.is-playing .stamp-three{animation-delay:1.2s}.cinema.is-playing .flour{stroke-dasharray:1100;animation:flour-draw 3.8s both}.motion-ready .product-detail>img{animation:product-camera 1.1s both}.motion-ready .document-heading h1{animation:heading-ink .65s both}.motion-ready .quiet-signature{animation:signature-turn 1.1s both}.home-fullscreen.motion-ready .hero-copy{animation:hero-card-in .85s both}.home-fullscreen.motion-ready .hero-copy .button{animation:cta-stamp 1.1s both}@keyframes base-in{from{transform:translateY(55px) scale(.8);opacity:0}to{transform:none;opacity:1}}@keyframes food-drop{0%,25%{transform:translateY(-115px) rotate(-15deg);opacity:0}75%,100%{transform:none;opacity:1}}@keyframes lid-close{0%,45%{transform:translateY(-75px) rotate(-12deg);opacity:0}60%{opacity:1;transform:translateY(-65px) rotate(-7deg)}100%{opacity:1;transform:translateY(20px) scaleY(.39)}}@keyframes bread-top{0%,20%{transform:translateY(-100px) rotate(-8deg)}65%,100%{transform:none}}@keyframes green-layer{0%,30%{transform:translateY(-20px) rotate(5deg)}70%,100%{transform:none}}@keyframes cheese-layer{0%,25%{transform:translateY(-60px) rotate(-5deg)}70%,100%{transform:none}}@keyframes ride-in{0%{transform:translateX(-160px);opacity:0}20%{opacity:1}75%{transform:translateX(32px) rotate(-3deg)}100%{transform:translateX(24px)}}@keyframes speed-lines{0%,100%{opacity:0}30%,65%{opacity:1}}@keyframes town-in{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes pizza-turn{from{transform:rotate(-65deg) scale(.75)}to{transform:none}}@keyframes cut-in{0%,80%{opacity:0}100%{opacity:1}}@keyframes slice-out{0%,50%{opacity:0;transform:none}55%{opacity:1;transform:none}100%{opacity:1;transform:translate(27px,-20px)}}@keyframes night{0%,30%{fill:#b9e8c8}100%{fill:#21166b}}@keyframes sunset{0%,30%{opacity:1;transform:none}65%,100%{opacity:0;transform:translateY(60px)}}@keyframes moonrise{0%,55%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:none}}@keyframes dispense{0%,65%{transform:scaleY(.1);opacity:0}100%{transform:translateY(13px);opacity:1}}@keyframes unfold{from{transform:scaleX(.15);opacity:0}to{transform:none;opacity:1}}@keyframes pin-drop{0%,35%{opacity:0;transform:translateY(-90px)}65%{opacity:1;transform:translateY(8px)}80%{transform:translateY(-10px)}100%{opacity:1;transform:none}}@keyframes stamp-in{from{opacity:0;transform:scale(2) rotate(-25deg)}to{opacity:1;transform:none}}@keyframes flour-draw{from{stroke-dashoffset:1100}to{stroke-dashoffset:0}}@keyframes product-camera{from{transform:scale(.94) rotate(-2deg)}to{transform:none}}@keyframes heading-ink{from{opacity:.4;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes signature-turn{from{transform:rotate(-90deg) scale(.7)}to{transform:none}}@keyframes hero-card-in{from{transform:translateY(20px) rotate(-2deg);opacity:.4}to{transform:none;opacity:1}}@keyframes cta-stamp{0%,50%{transform:scale(.95)}75%{transform:scale(1.05)}100%{transform:none}}}@media(max-width:680px){.cinema{max-width:330px}.cinema figcaption{font-size:13px}.page-banner:has(.cinema){gap:18px}.quiet-signature{font-size:90px}}@media(prefers-reduced-motion:reduce){.cinema-replay{display:none}.cinema *{animation:none!important}.cinema .moon{display:none}}