/* The Missing Slice. Palette sampled from the campaign: asphalt, kraft, Domino's blue and red.
   Resting state (--p:1) is the complete design, so it holds without JS and with reduced motion. */
body[data-project=dominos]{--ms-asphalt:#23221f;--ms-black:#0d0d0c;--ms-blue:#0b5aa8;--ms-red:#e31837;--ms-kraft:#c9a578;--ms-kraft-ink:#123f7a;--ms-cream:#f5efe4;--ms-g:clamp(1rem,3.2vw,3.5rem);--ms-title-h:calc((100vw - 2*var(--ms-g))*.1035);background:var(--ms-asphalt)}
body[data-project=dominos] .site-header{background:var(--ms-asphalt);color:var(--ms-cream)}
body[data-project=dominos] .language-switch a{color:#b9b2a4}
body[data-project=dominos] .language-switch a[aria-current=page]{color:var(--ms-cream)}
.ms{--case-paper:var(--ms-asphalt);--case-ink:var(--ms-cream);--case-accent:#ffb4a8;--case-line:#ffffff2e;--case-muted:#c9c2b4;--case-gutter:var(--ms-g);padding:0;overflow:clip;font-family:'DM Sans',Arial,sans-serif;--p:1}
.ms a:focus-visible,.ms button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ms .mlp a:focus-visible,.ms .mlp button:focus-visible,.ms .ms3-open:focus-visible,.ms .ms3-qr:focus-visible{outline-color:var(--ms-blue)}
.ms-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Opening */
.ms .ms-open{padding:0;max-width:none;margin:0}
.ms-stage{position:relative}
.ms-frame{position:absolute;inset:0;overflow:hidden}
.ms-photo{position:absolute;left:0;top:0;width:100%;aspect-ratio:1800/866;background:url(data:image/webp;base64,UklGRjIBAABXRUJQVlA4ICYBAADQBgCdASokABEAPu1kp08ppSMiKqwBMB2JaACxHsu+CEAwV5IE0GDiLMyypQOU/IfBeTIy/VqPNAJJOgqPtwAA/s2uqsNZzIi1E9XTAJnQ17dyQBUFL/hphDyLn7gLKQHLcvc0lECBUe4ORZpmcyb3+VnCQKduQTWv5zv81qo39yXqsSG4aPPl9NZw8KJvei09aN6XUSK1gyUhFhltk0UdacUYW9QbPqQn/sx6Fdfl9ofcaswxsHVER6tkWFGkxNok2UCcO5Va25ls2alQd18bjhTF01PbyI5pUqdH8y5yTfaD7WplZ9vMb3hmTu6QG/5YJFQgKZjIEQO+RGsRA75S0he4gBvQJihSuT1p+yBDIwPfbCpbFtL4zGqEtOU1IDUjYUPDmAA=) 0 0/100% 100%}
.ms-photo-img{display:block;width:100%;height:100%;transition:opacity .45s}
/* Until the photo and the slice are both decoded: the blurred preview, and nothing that moves */
.ms-slow .ms-photo-img{opacity:0}
.ms-wait .ms-host,.ms-wait .ms-pull,.ms-hero.ms-wait .ms-lines{visibility:hidden}
.ms-wait .ms-host{opacity:0}
.ms-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ms-gapline{fill:none;stroke:#fff;stroke-width:5;stroke-dasharray:26 17}
/* Fits the title in the fold when it can, but never hides the printed name (photo y 612 of 866): that is the payoff */
.ms-hero{clip-path:inset(-400vh -400vw 0 -400vw);height:min(48.112vw,max(34.4vw,calc(100svh - 76px - var(--ms-title-h) - 2*clamp(.7rem,1.1vw,1.2rem))));min-height:min(300px,48.112vw);z-index:0}
.ms-hero .ms-gapline{opacity:var(--gap,1)}
@media(scripting:enabled){.ms-hero .ms-gapline{opacity:var(--gap,0)}}
.ms-host{transition:opacity .35s;position:absolute;left:0;top:0;width:1800px;height:866px;transform-origin:0 0;pointer-events:none;z-index:2}
.ms-cheese{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ms-cheese{filter:drop-shadow(0 4px 3px rgb(70 30 0/.5))}
.ms-cheese path{fill:#ffdc8e}
.ms-slice{position:absolute;inset:0;transform-origin:951px 490px;will-change:transform;filter:drop-shadow(0 3px 3px rgb(40 18 0/.45))}
.is-lifted .ms-slice{filter:drop-shadow(-14px 34px 22px rgb(40 18 0/.55))}
.is-held .ms-slice{filter:drop-shadow(-22px 52px 30px rgb(30 12 0/.55))}
.ms-contact{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:blur(5px)}
.ms-contact path{fill:none;stroke:#2a1000;stroke-opacity:.6;stroke-width:16;stroke-linejoin:round}
.ms-cover{position:absolute;left:0;top:0;width:1800px;height:866px;max-width:none;pointer-events:none}
.ms-slice img{position:absolute;display:block;max-width:none;pointer-events:auto;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
.is-held .ms-slice img{cursor:grabbing}
.ms-pull{transition:background .2s,opacity .3s;position:absolute;right:calc(var(--ms-g) + 1vw);bottom:clamp(1rem,4vw,3.5rem);z-index:3;display:inline-flex;align-items:center;gap:.9rem;min-height:48px;padding:.7rem 1.1rem .7rem 1.3rem;border:2px dashed #fff;border-radius:99px;background:var(--ms-red);color:#fff;font:700 clamp(1rem,1.25vw,1.2rem)/1 'DM Sans',Arial,sans-serif;cursor:pointer}
.ms-pull:hover{background:#b90f2a}
.ms-pull i{display:block;width:1.5em;height:0;border-top:2px dashed #fff;position:relative}
.ms-pull i::after{content:'';position:absolute;right:0;top:-5px;width:8px;height:8px;border:solid #fff;border-width:2px 2px 0 0;transform:rotate(45deg)}
.ms-hero[data-state=out] .ms-pull i{transform:scaleX(-1)}
.ms-title{position:relative;z-index:1;background:var(--ms-blue);color:#fff;padding:clamp(.7rem,1.1vw,1.2rem) var(--ms-g)}
.ms .ms-title .case-heading{display:block;margin:0}
.ms .ms-title h1{display:flex;align-items:flex-end;gap:calc((100vw - 2*var(--ms-g))*.0245);margin:0;max-width:none;color:#fff;font-size:1rem}
.ms .ms-title h1>span{display:block;flex:var(--w) 1 0;min-width:0;color:#fff}
.ms-word{display:block;width:100%;height:auto;overflow:visible}
.ms-wedge{fill:none;stroke:#fff;stroke-width:4;stroke-dasharray:7 4.5}
.ms-intro{position:relative;background:var(--ms-blue);color:#fff;padding:clamp(2rem,5vw,5rem) var(--ms-g) clamp(6rem,14vw,14rem);--case-accent:#fff;--case-ink:#fff;--case-muted:#dcebfa;--case-line:#ffffff55}
.ms .ms-intro .case-topline{margin-bottom:clamp(2rem,6vw,6rem);grid-template-columns:1fr 1fr auto;font-size:clamp(.875rem,1.1vw,1.125rem)}
.ms .ms-intro .case-topline a,.ms .ms-film figcaption a{display:inline-block;padding-block:.75rem;margin-block:-.75rem}
.ms .ms-intro .case-topline>span:nth-child(2){justify-self:center}
.ms .ms-intro .case-topline>span:last-child{display:block}
.ms .case-introduction{max-width:none;padding:0}
.ms .case-category{color:#fff;font-weight:700;margin-bottom:1.5rem}
.ms .case-introduction>p{font-weight:700;font-size:clamp(2.6rem,8.2vw,8.6rem);line-height:.98;letter-spacing:-.045em;text-wrap:balance}
.ms-s{display:block;opacity:calc(.28 + .72*var(--p,1))}
.ms-s+.ms-s{margin-top:.12em}
.ms .ms-s3{font-size:.42em;line-height:1.14;letter-spacing:-.03em;max-width:26em;margin-top:.8em}
.ms .case-watch{color:#fff;margin-top:2.5rem;border-color:#fff;font-size:clamp(1.0625rem,1.7vw,1.625rem);font-weight:700}
.ms .case-watch span{color:#fff;font-size:1.4em}
.ms .case-watch:hover{color:#fff;opacity:.8}
.ms .ms-intro .case-caption-line{margin-top:clamp(2rem,5vw,5rem)}

.ms-bite{position:absolute;top:-1px;width:clamp(150px,24vw,420px);height:auto;z-index:1;overflow:visible;pointer-events:none}
.ms-bite-line{fill:none;stroke:#fff;stroke-width:2.5;stroke-dasharray:11 8}
.ms-tag{display:inline-block;margin:0;padding:.2em .5em .24em;background:var(--ms-red);color:#fff;font:700 clamp(.95rem,1.5vw,1.45rem)/1.1 'DM Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em}

/* Context and idea: the board's asphalt with its window light */
.ms-why{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,6fr);gap:clamp(2rem,4vw,5rem);align-items:center;padding:clamp(11rem,20vw,22rem) var(--ms-g) clamp(4rem,9vw,9rem);color:var(--ms-cream);background:linear-gradient(112deg,transparent 12%,#fff1d40d 12% 30%,transparent 30% 41%,#fff1d40a 41% 49%,transparent 49%),var(--ms-asphalt)}
.ms-bite-a{left:58%}
.ms-ctx p{font-size:clamp(1.25rem,2.1vw,2.1rem);line-height:1.22;letter-spacing:-.02em;margin-top:1rem;max-width:26em;color:#d9d3c7}
.ms-idea{margin-top:clamp(2.5rem,5vw,5rem)}
.ms-idea p{font-weight:700;font-size:clamp(1.75rem,3.9vw,4.1rem);line-height:1.04;letter-spacing:-.035em;margin-top:1rem;text-wrap:pretty}
.ms-cut{position:relative;overflow:hidden}
.ms-cut img{position:absolute;max-width:none;height:auto}
.ms-cut>.ms-fit{inset:0;width:100%;height:100%;object-fit:cover}
.ms-why-pic{box-shadow:0 30px 60px #0009;margin-right:calc(var(--ms-g)*-1);transform-origin:100% 50%;transform:translateY(calc((1 - var(--p,1))*7rem)) rotate(calc(-2deg + (1 - var(--p,1))*5deg));will-change:transform}

/* Film */
.ms .ms-film{max-width:none;width:100%;margin:0;padding:clamp(3rem,7vw,7rem) 0 clamp(4rem,9vw,9rem);background:var(--ms-black)}
.ms .ms-film .original-film{max-width:none;margin:0 auto!important;width:calc(100% - 2*var(--ms-g));transform-origin:50% 40%;transform:scale(calc(.8 + .2*var(--p,1)))}
.ms .ms-film figcaption{color:#c9c2b4;border-color:#ffffff33}

/* Execution, phase by phase */
.ms-exec{position:relative;padding-inline:var(--ms-g)}
.ms-exec h3{font-weight:700;font-size:clamp(2.6rem,6.4vw,6.6rem);line-height:.95;letter-spacing:-.045em;margin:0}
.ms-exec h3+p{font-size:clamp(1.2rem,2vw,2rem);line-height:1.2;letter-spacing:-.02em;margin-top:clamp(.8rem,1.4vw,1.4rem);max-width:30em}
.ms-num{--r:0}
.ms-num .ms-word{height:clamp(7rem,17vw,18rem);width:auto}
.ms-f1{padding-block:clamp(10rem,19vw,20rem) clamp(5rem,9vw,9rem);color:var(--ms-kraft-ink);background:repeating-linear-gradient(90deg,#0000 0 5px,#8a5f2f14 5px 7px),var(--ms-kraft)}
.ms-bite-b{left:12%}
.ms-f1 .ms-f-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,4vw,5rem);align-items:center;margin-top:clamp(2rem,4vw,4rem)}
.ms-f1 .ms-num{margin-bottom:clamp(1rem,2vw,2rem)}
.ms-tweets{position:relative;width:min(100%,660px);justify-self:center;display:grid;grid-template-columns:186fr 223fr 182fr;align-items:center;gap:0;container-type:inline-size}
/* Real cards: 1em is 10 pixels of the original board, so they scale as one piece, in any column width */
.ms-tw{position:relative;display:flex;flex-direction:column;padding:.8em .6em 0;background:#fff;border-radius:.95em;box-shadow:0 22px 38px #3a220a66;will-change:transform;overflow:hidden;color:#2a2a2c;font-size:min(1.66vw,11.17px);font-size:calc(100cqw/59.1);line-height:1.2;letter-spacing:0;text-align:left;-webkit-text-size-adjust:none;text-size-adjust:none}
.ms-tw p{margin:0;font-size:inherit;line-height:inherit;letter-spacing:inherit;max-width:none}
.ms-tw2{padding-inline:.8em;padding-top:.7em;border-radius:1.05em;--tw-av:2.2em;--tw-gap:2.55em}
.ms-tw-head{display:flex;align-items:center;gap:.6em;flex:none}
.ms-tw-av{display:block;flex:none;width:var(--tw-av,2em);height:var(--tw-av,2em);border-radius:50%;object-fit:cover}
.ms-tw-who{display:flex;flex-direction:column;gap:.1em;min-width:0}
.ms-tw-who strong{font-weight:700;font-size:1.04em;line-height:1.1;color:#0d0d0f;white-space:nowrap}
.ms-tw-who span{font-size:.64em;line-height:1.1;color:#6f6f6f;white-space:nowrap}
.ms-tw-badge{position:absolute;left:var(--tw-bx,13.9em);top:var(--tw-by,.95em);width:1em;height:1em;fill:#0f90e3}
.ms-tw-check{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ms-tw p.ms-tw-text{display:flex;flex:1 1 auto;align-items:center;min-height:0;font-size:.84em;line-height:1.2;color:#2a2a2c}
.ms-at{color:#0b76c4}
.ms-tw-photo{display:block;flex:none;width:100%;height:auto;max-width:none}
.ms-tw-acts{display:flex;flex:none;align-items:center;height:3.3em;padding-inline:.25em}
.ms-tw-ico{display:block;flex:none;width:1.4em;height:1.4em;margin-right:var(--tw-gap,2em)}
.ms-tw-ico:nth-of-type(4){margin-right:0}
.ms-tw-ico svg{display:block;width:100%;height:100%;fill:none;stroke:#111;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}
.ms-tw-ico.is-on svg{fill:#7305fb;stroke:#7305fb}
.ms-tw time{margin-left:auto;font-size:.68em;color:#2a2a2c;white-space:nowrap}
/* Alice's card overlaps Brenda's right edge, so her icons close up to keep the whole date in view */
.ms-tw1{--tw-bx:13.9em;--tw-gap:1.7em}
.ms-tw1 time{margin-right:2.2em}
.ms-tw2{--tw-bx:13.8em;--tw-by:1.05em}
.ms-tw3{--tw-bx:14.5em;--tw-gap:1.9em}
.ms-tw1{transform:translateY(calc((1 - var(--p,1))*16rem)) rotate(calc(-3deg - (1 - var(--p,1))*9deg)) translateX(1%)}
.ms-tw2{z-index:1;transform:translateY(calc((1 - var(--p,1))*6rem)) rotate(calc(1deg + (1 - var(--p,1))*6deg)) scale(1.08)}
.ms-tw3{transform:translateY(calc((1 - var(--p,1))*24rem)) rotate(calc(4deg + (1 - var(--p,1))*11deg)) translateX(7%)}
.ms-f2{color:#fff;background:var(--ms-blue);padding:0}
.ms-f2-in{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(1.5rem,2.5vw,3rem);padding:clamp(3rem,5vw,5.5rem) var(--ms-g) clamp(1.5rem,2.5vw,2.5rem);overflow:clip}
.ms-bite-c{right:3%}
.ms-f2-text{display:flex;gap:clamp(1rem,2.5vw,3rem);align-items:flex-start}
.ms-f2 .ms-num .ms-word{height:clamp(6rem,min(13vw,22svh),14rem)}
.ms-f2 h3+p{max-width:25em}
.ms-ooh{width:min(100%,1220px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,362fr) minmax(0,492fr) minmax(0,342fr);gap:clamp(.5rem,1vw,1rem);align-items:center}
.ms-cut.ms-po{overflow:visible;will-change:transform;padding:clamp(5px,1.1vw,14px);background:#f4efe6;box-shadow:0 12px 26px #06183a59}
.ms-cut.ms-po img{position:static;display:block;width:100%;height:auto}
/* A strip of tape holds each print, as on the campaign board. */
.ms-cut.ms-po::after{content:"";position:absolute;left:36%;top:0;width:28%;height:clamp(16px,2.6vw,34px);translate:0 -46%;rotate:-2.5deg;background:linear-gradient(100deg,#efe6cfc4,#fbf6e6d9 45%,#e8dec6c4);box-shadow:0 1px 2px #0003}
.ms-po1{rotate:-3deg}.ms-po2{rotate:1.5deg}.ms-po3{rotate:2.5deg}
.ms-po2{z-index:1;transform:scale(calc(.74 + .26*var(--p,1)))}
.ms-po1{transform:translateX(calc((1 - var(--p,1))*36%)) rotate(calc((1 - var(--p,1))*-5deg))}
.ms-po3{transform:translateX(calc((1 - var(--p,1))*-36%)) rotate(calc((1 - var(--p,1))*5deg))}
.ms-f3{color:#17181a;background:var(--ms-cream);padding-block:clamp(10rem,19vw,20rem) clamp(4rem,8vw,8rem)}
.ms-bite-d{left:64%}
.ms-f3 .ms-bite-line{stroke:#fff}
.ms-f3-text{display:flex;gap:clamp(1rem,2.5vw,3rem);align-items:flex-start;color:var(--ms-blue)}
.ms-f3-text p{color:#17181a}
.ms-f3-pics{display:grid;grid-template-columns:minmax(0,7.4fr) minmax(0,5fr);gap:clamp(.75rem,1.5vw,1.5rem);align-items:start;margin-top:clamp(2.5rem,5vw,5rem)}
.ms-lap,.ms-boxlid{will-change:transform}
.ms-lap{transform:translateY(calc((1 - var(--p,1))*5rem))}
.ms-boxlid{transform:translateY(calc((1 - var(--p,1))*14rem));margin-top:clamp(1rem,6vw,6rem)}

/* The choice */
.ms-end{position:relative;background:var(--ms-asphalt);color:var(--ms-cream);padding-top:clamp(7rem,14vw,14rem)}
.ms-bite-e{left:50%;width:clamp(120px,17vw,300px);margin-left:calc(clamp(120px,17vw,300px)/-2)}
.ms-final{height:48.112vw}
.ms-gapfill{fill:var(--ms-blue);transition:opacity .2s}
.ms-gaptext{fill:#fff;font-family:'DM Sans',Arial,sans-serif;font-weight:700;letter-spacing:-.025em;transition:opacity .2s}
.ms-final .ms-gapline{transition:opacity .2s}
.is-covered .ms-gapfill,.is-covered .ms-gaptext,.is-covered .ms-gapline{opacity:0}
.ms-choice{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;justify-content:center;padding:clamp(1.5rem,3vw,3rem) var(--ms-g) clamp(3rem,6vw,6rem)}
.ms-choice button{min-height:52px;padding:.8rem 1.5rem;border:2px dashed #ffffff8c;border-radius:99px;background:transparent;color:#fff;font:700 clamp(1rem,1.5vw,1.45rem)/1.1 'DM Sans',Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.ms-choice button:hover{border-color:#fff}
.ms-choice button[aria-pressed=true]{background:var(--ms-blue);border:2px solid #fff}
.ms-note{flex-basis:100%;text-align:center;font-size:.875rem;line-height:1.4;color:#c9c2b4;margin:0}
@media(scripting:none){.ms-pull,.ms-choice{display:none}}
@media(scripting:enabled){.ms:not(.ms-on) .ms-pull,.ms:not(.ms-on) .ms-choice{visibility:hidden}}

/* The documents, whole */
.ms-docs{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1rem,2vw,2rem);align-items:start;padding:0 var(--ms-g) clamp(3rem,6vw,6rem)}
.ms .ms-docs .case-lead{width:100%;max-width:none;margin:0}
.ms .ms-docs figure{margin:0}
.ms .ms-docs img{width:100%;height:auto}
.ms .case-next-art{background:var(--ms-asphalt)}

/* Pin and motion only where JS can drive them */
@media(scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-width:900px) and (min-height:620px){
 .ms-f2{height:230vh}
 .ms-f2-in{position:sticky;top:0;height:100svh}
 .ms-ooh{width:min(100%,1220px,calc((100svh - 18rem)/.33))}
}
@media(min-width:1800px) and (min-height:1100px){
 .ms-ooh{width:min(100%,84.7vw)}
 .ms-f2 h3+p{font-size:clamp(2rem,1.6vw,2.6rem)}
}
@media(max-width:899px){
 .ms-why{grid-template-columns:1fr}
 .ms-f2-in{min-height:0}
 .ms-f1 .ms-f-grid{grid-template-columns:1fr}
 .ms-f3-pics{grid-template-columns:1fr}
 .ms-boxlid{margin-top:0;width:82%;margin-left:auto}
 .ms-docs{grid-template-columns:1fr}
}
@media(max-width:759px){
 body[data-project=dominos]{--ms-title-h:0px}
 .ms-pull{left:var(--ms-g);right:auto;bottom:.9rem}
 .ms .ms-title h1{display:block}
 .ms .ms-title h1>span+span{margin-top:.55rem}
 .ms-f2-text,.ms-f3-text{flex-direction:column}
 .ms-ooh{grid-template-columns:1fr 1fr;max-width:560px}
 .ms-po2{grid-column:1/-1;grid-row:1}
 .ms-po1{transform:rotate(-1deg)}.ms-po3{transform:rotate(1deg)}
 .ms-tw1{transform:translateY(calc((1 - var(--p,1))*7rem)) rotate(-3deg) translateX(1%)}
 .ms-tw3{transform:translateY(calc((1 - var(--p,1))*10rem)) rotate(4deg) translateX(5%)}
}
/* Crop to the pizza only on a phone held upright; held sideways there is width for the whole photo */
@media(max-width:759px) and (orientation:portrait){
 .ms-hero{height:calc(100svh - 75px - 212px);min-height:360px}
 .ms-hero .ms-photo{height:100%;width:auto;transform:translateX(-30.8%)}
 .ms-final{height:calc(100vw*1.1104)}
 .ms-final .ms-photo{width:230.77%;transform:translateX(-35.56%)}
}
@media(prefers-reduced-motion:reduce){
 .ms,.ms *{--p:1!important}
 .ms *{transition:none!important}
 .ms-tw,.ms-po,.ms-lap,.ms-boxlid,.ms-slice,.ms-why-pic{will-change:auto}
}
/* Two facts, two columns: no empty third column. */
@media(min-width:701px){.ms .original-facts{grid-template-columns:1fr 1fr}}
/*ms3-start*/
/* Phase 3: from the box to the web. One pinned shot: the lid opens on its hinge, the QR is scanned, a dashed line
   carries it to the laptop, and the landing page works live on its screen. Page scroll is the only timeline, so the
   visitor can always scroll on past. Without JS the two stills stay; with reduced motion, open box and usable page. */
.ms3-run,.ms3-stage{position:relative}
.ms3-on .ms-f3-pics{display:none}
@media(scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-height:500px){
 .ms-f3.ms3-on{padding-inline:0;padding-bottom:0}
 .ms3-on .ms3-run{height:520svh}
}
.ms3-live .ms3-stage{position:sticky;top:0;height:100svh;overflow:hidden;overflow:clip;touch-action:pan-y pinch-zoom}
.ms3-live .ms-f3-text{position:absolute;z-index:0;left:var(--ms-g);top:50%;width:min(43vw,720px);margin:0;will-change:transform,opacity}
.ms3-live .ms-num .ms-word{height:clamp(6rem,min(17vw,36svh),18rem)}
.ms3-live.ms3-tall .ms-f3-text{top:clamp(1rem,3vw,2rem);width:calc(100% - 2*var(--ms-g))}
.ms3-world{position:absolute;left:0;top:0;width:0;height:0;z-index:1;transform-origin:0 0;will-change:transform}
.ms3-world button{font-family:inherit}
.ms3-world :focus-visible{outline:3px solid var(--ms-blue);outline-offset:3px}

/* The box. Every face is positioned on its own (see faces() in the script) and painted in DOM order, back to front,
   so it renders the same in every engine and nothing depends on nested 3D contexts. */
.ms3-box{--h:calc(var(--S)*.085);--d:calc(var(--S)*.066);--tile:url(/assets/supplied-v19/missing-slice-kraft-card.jpg);position:absolute;left:calc(var(--S)/-2);top:calc(var(--S)/-2);width:var(--S);height:var(--S);cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.ms3-box.is-held{cursor:grabbing}
.ms3-b{position:absolute;inset:0}
.ms3-b>*{position:absolute;left:0;top:0;display:block;transform-origin:0 0;max-width:none}
.ms3-ground{width:var(--S);height:var(--S);background:#3a220a66;box-shadow:0 0 calc(var(--S)*.045) calc(var(--S)*.012) #3a220a59,0 calc(var(--S)*.05) calc(var(--S)*.11) calc(var(--S)*.02) #3a220a26;pointer-events:none}
.ms3-kraft{background:#bd8f62 var(--tile) 0 0/calc(var(--S)*.5) auto}
.ms3-floor{width:var(--S);height:var(--S);background:#bd9770;pointer-events:none}
.ms3-fdash{width:var(--S);height:var(--S);overflow:visible;pointer-events:none}
.ms3-fdash path{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:square;stroke-linejoin:round;stroke-dasharray:34 24}
.ms3-fshade{width:var(--S);height:var(--S);background:#1c0e04;opacity:.74;pointer-events:none}
.ms3-wall{background-color:#b78f64}
.ms3-wall::before{content:'';position:absolute;inset:0;background:var(--wall,linear-gradient(#0000,#0000))}
.ms3-wall::after{content:'';position:absolute;background:repeating-linear-gradient(var(--flute,90deg),#5b3d20 0 2px,#d9b78e 2px 5px)}
.ms3-wall.is-x{width:var(--S);height:var(--h)}
.ms3-wall.is-x::after{left:0;right:0;bottom:0;height:max(2px,calc(var(--S)*.004))}
.ms3-wall.is-y{width:var(--h);height:var(--S);--flute:0deg}
.ms3-wall.is-y::after{top:0;bottom:0;right:0;width:max(2px,calc(var(--S)*.004))}
.ms3-w-back{--wall:linear-gradient(#0000,#0000 60%,#26120433)}
.ms3-w-front{--wall:linear-gradient(#0000 40%,#26120433)}
.ms3-w-left{--wall:linear-gradient(90deg,#00000024,#0000)}
.ms3-w-right{--wall:linear-gradient(90deg,#00000038,#00000012)}
.ms3-hinge{width:calc(var(--S)*1.014);height:7px;background:#94724a}
.ms3-face{width:calc(var(--S)*1.014);height:calc(var(--S)*1.008);overflow:hidden}
.ms3-out{background:#c9915e}
.ms3-out .ms3-logo{position:absolute;left:27%;top:44%;width:46%;height:auto;max-width:none}
.ms3-out i,.ms3-in i{position:absolute;display:block;pointer-events:none}
.ms3-out .ms3-shade{inset:0;background:#26120a;opacity:0}
.ms3-sheen{left:-60%;top:-60%;width:220%;height:220%;background:linear-gradient(112deg,#fff6e000 34%,#fff6e04d 44%,#fff6e000 54%);will-change:transform}
.ms3-in{background:#c7a078}
.ms3-tex{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.ms3-in .ms3-shade{inset:0;background:linear-gradient(0deg,#1c0e04,#2d1808);opacity:.8}
.ms3-in .ms3-rimshade{inset:0;box-shadow:inset 0 0 calc(var(--S)*.05) #4a2c1266}
.ms3-in .ms3-sheen{background:linear-gradient(112deg,#fff4d800 20%,#fff4d82b 30%,#fff4d82b 42%,#fff4d800 50%,#fff4d800 56%,#fff4d81f 62%,#fff4d81f 68%,#fff4d800 74%)}
.ms3-skirt{background-color:#b78f64}
.ms3-skirt::after{content:'';position:absolute;background:repeating-linear-gradient(var(--flute,90deg),#5b3d20 0 2px,#d9b78e 2px 5px)}
.ms3-s-front{width:calc(var(--S)*1.014);height:var(--d);background-image:linear-gradient(#00000014,#0000 70%)}
.ms3-s-front::after{left:0;right:0;bottom:0;height:max(2px,calc(var(--S)*.004))}
.ms3-s-left,.ms3-s-right{width:var(--d);height:calc(var(--S)*1.008);--flute:0deg}
.ms3-s-left{background-image:linear-gradient(90deg,#00000022,#0000)}
.ms3-s-right{background-image:linear-gradient(90deg,#00000030,#00000010)}
.ms3-s-left::after,.ms3-s-right::after{top:0;bottom:0;right:0;width:max(2px,calc(var(--S)*.004))}

/* The QR, the link between the box and the web */
.ms3-qr{position:absolute;left:41.2%;top:45.2%;width:18%;height:18%;padding:0;margin:0;border:0;border-radius:calc(var(--S)*.008);background:none;cursor:pointer;touch-action:pan-y pinch-zoom;appearance:none;-webkit-appearance:none;color:#fff}
.ms3-qr>i{position:absolute;display:block;pointer-events:none}
.ms3-qr .ms3-c{width:18%;height:18%;border:solid var(--ms-red);border-width:0;opacity:var(--qa,0)}
.ms3-qr .ms3-c1{left:0;top:0;border-top-width:calc(var(--S)*.005);border-left-width:calc(var(--S)*.005)}
.ms3-qr .ms3-c2{right:0;top:0;border-top-width:calc(var(--S)*.005);border-right-width:calc(var(--S)*.005)}
.ms3-qr .ms3-c3{left:0;bottom:0;border-bottom-width:calc(var(--S)*.005);border-left-width:calc(var(--S)*.005)}
.ms3-qr .ms3-c4{right:0;bottom:0;border-bottom-width:calc(var(--S)*.005);border-right-width:calc(var(--S)*.005)}
.ms3-qr .ms3-scan{left:6%;right:6%;top:0;height:calc(var(--S)*.004);background:var(--ms-red);box-shadow:0 calc(var(--S)*-.016) calc(var(--S)*.016) #e3183755;opacity:0;will-change:transform}
.ms3-qr .ms3-ping{inset:0;border:calc(var(--S)*.004) solid var(--ms-red);border-radius:calc(var(--S)*.01);opacity:0}
.ms3-qr:hover{--qa:1!important}
.ms3-qr:hover .ms3-tag{background:#b90f2a}
.ms3-qr:focus-visible{outline:calc(var(--S)*.004) solid var(--ms-blue);outline-offset:calc(var(--S)*.006)}
.ms3-tag{position:absolute;left:108%;top:50%;transform:translateY(-50%);padding:.42em .8em .46em;border:max(1px,calc(var(--S)*.002)) dashed #fff;border-radius:99px;background:var(--ms-red);color:#fff;font:700 calc(var(--S)*.019)/1 'DM Sans',Arial,sans-serif;white-space:nowrap;opacity:var(--qa,0);transition:background .2s}

/* The line from the QR to the web */
.ms3-line{position:absolute;z-index:3;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none}
.ms3-hit{position:absolute;z-index:3;width:0;height:0;pointer-events:none}
.ms3-hit b{position:absolute;left:0;top:0;width:var(--hw);height:var(--hw);border:max(3px,calc(var(--hw)*.016)) solid var(--ms-red);border-radius:50%;opacity:0;will-change:transform,opacity}
.ms3-line path{fill:none;stroke:var(--ms-red);stroke-linecap:round}
.ms3-line .ms3-head path{stroke-dasharray:none;stroke-linejoin:round;fill:#f5efe4}

/* The device */
.ms3-dev{position:absolute;width:var(--lw);height:var(--lh);left:0;top:0;--bz:max(8px,calc(var(--lw)*.011));transform-origin:50% 100%}
.ms3-scr{position:absolute;inset:0;transform-origin:50% 100%}
.ms3-scr.is-flat{transform:none!important}
.ms3-scr-front,.ms3-scr-back{position:absolute;inset:0;border-radius:calc(var(--bz)*1.5) calc(var(--bz)*1.5) 0 0}
.ms3-scr-front{isolation:isolate;padding:var(--bz) var(--bz) calc(var(--bz)*1.3);background:#101012;box-shadow:0 0 0 1px #9c9ca0,0 calc(var(--lw)*.02) calc(var(--lw)*.05) #2a1a0a33}
.ms3-scr-back{z-index:9;visibility:hidden;background:linear-gradient(112deg,#dcdce0 0,#c6c6cb 30%,#e6e6e9 42%,#cdcdd2 58%,#b9b9bf 100%);box-shadow:inset 0 0 0 2px #a2a2a8,inset 0 0 calc(var(--lw)*.03) #8d8d9440;pointer-events:none}
.ms3-scr.is-back .ms3-scr-back{visibility:visible}
/* Shut, it is one clean slab: no bare base showing round the lid and no dark strip behind it. */
.ms3-dev:has(.ms3-scr.is-back) .ms3-rear{visibility:hidden}
.ms3-dev:has(.ms3-scr.is-back) .ms3-deck{background:none;box-shadow:none}
.ms3-dev:has(.ms3-scr.is-back) .ms3-deck::before{display:none}
.ms3-dev:has(.ms3-scr.is-back) .ms3-edge{left:.9%;right:.9%}
.ms3-dev:has(.ms3-scr.is-back) .ms3-edge i:first-child::after{display:none}
.ms3-rear{position:absolute;left:7%;width:86%;top:100%;height:calc(var(--lw)*.012);margin-top:calc(var(--lw)*-.012);background:linear-gradient(#55555a,#2a2a2d);border-radius:calc(var(--lw)*.006) calc(var(--lw)*.006) 0 0}
.ms3-edge{position:absolute;left:0;right:0;top:calc(100% - 1px);--tilt:2;--thin:1;display:flex;flex-direction:column;pointer-events:none;filter:drop-shadow(0 calc(var(--lw)*.014*var(--tilt)) calc(var(--lw)*.012) #2a1a0a4d)}
.ms3-edge i{position:relative;display:block}
.ms3-edge i:first-child{height:calc(var(--lw)*.011*var(--tilt)*var(--thin));background:linear-gradient(#d7d7dc,#b5b5bb);border-bottom:calc(var(--tilt)*1px) solid #66666c}
.ms3-edge i:first-child::after{content:'';position:absolute;left:46%;width:8%;bottom:0;height:70%;border-radius:calc(var(--lw)*.01) calc(var(--lw)*.01) 0 0;background:#7f7f86}
.ms3-edge i:last-child{height:calc(var(--lw)*.019*var(--tilt)*var(--thin));background:linear-gradient(#c3c3c8,#8d8d94);border-radius:0 0 calc(var(--lw)*.012) calc(var(--lw)*.012)/0 0 calc(var(--lw)*.012*var(--tilt)) calc(var(--lw)*.012*var(--tilt))}
.ms3-deck{position:absolute;left:-.8%;width:101.6%;top:100%;height:var(--lh);transform-origin:50% 0;background:linear-gradient(#cdcdd0,#b8b8bb);border-radius:0 0 calc(var(--bz)*1.6) calc(var(--bz)*1.6);box-shadow:0 calc(var(--lw)*.01) calc(var(--lw)*.03) #2a1a0a4d;pointer-events:none}
.ms3-deck::before{content:'';position:absolute;left:37%;width:26%;top:0;height:3%;background:#8e8e92;border-radius:0 0 8px 8px}
.ms3-keys{position:absolute;left:6%;right:6%;top:7%;height:52%;border-radius:.5%;background:repeating-linear-gradient(0deg,#d3d3d6 0 2%,#0000 2% 16.6%),repeating-linear-gradient(90deg,#1b1b1d 0 6.1%,#47474b 6.1% 6.67%)}
.ms3-pad{position:absolute;left:32%;width:36%;top:64%;height:32%;border-radius:2.5%;background:#c2c2c5;box-shadow:inset 0 0 0 1px #9a9a9e}
.ms3-deck.is-shut>:not(.ms3-edge){visibility:hidden}
.ms3-dev.is-phone .ms3-deck,.ms3-dev.is-phone .ms3-edge,.ms3-dev.is-phone .ms3-rear{display:none}
.ms3-dev.is-phone .ms3-bar>i{display:none}
.ms3-dev.is-phone .ms3-addr{margin-left:0;text-align:center}
.ms3-cursor circle{display:none}
.ms3-dev.is-phone .ms3-cursor path{display:none}
.ms3-dev.is-phone .ms3-cursor circle{display:block}
.ms3-dev.is-phone .ms3-cursor{width:30px}
.ms3-dev.is-phone{--bz:7px}
.ms3-dev.is-phone .ms3-scr-front{isolation:isolate;padding:var(--bz);border-radius:calc(var(--bz)*4)}
.ms3-dev.is-phone .ms3-scr-back{display:none}
.ms3-bw{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff;container-type:inline-size;--b:1;border-radius:2px}
.ms3-dev.is-phone .ms3-bw{border-radius:calc(var(--bz)*3)}
.ms3-off{position:absolute;inset:0;background:#0b0b0d;pointer-events:none;z-index:6}
.ms3-bar{flex:none;display:flex;align-items:center;gap:clamp(4px,.55cqw,8px);height:clamp(26px,3.6cqw,44px);padding-inline:clamp(10px,1.3cqw,18px);background:#dfe2e6;color:#50545a;font:400 clamp(11px,1.08cqw,14px)/1 'DM Sans',Arial,sans-serif}
.ms3-bar>i{display:block;flex:none;width:clamp(8px,.82cqw,11px);aspect-ratio:1;border-radius:50%}
.ms3-bar>i:nth-child(1){background:#e0443e}.ms3-bar>i:nth-child(2){background:#e6b13b}.ms3-bar>i:nth-child(3){background:#4aa756}
.ms3-addr{flex:1;min-width:0;margin-left:clamp(6px,1cqw,14px);padding:.42em .9em;border-radius:99px;background:#f4f5f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms3-thumb{position:absolute;right:3px;top:0;width:5px;border-radius:3px;background:#17181a66;z-index:4;pointer-events:none;opacity:clamp(0,calc((var(--b) - .9)*10),1)}
.ms3-cursor{position:absolute;left:0;top:0;width:clamp(16px,1.8cqw,26px);height:auto;z-index:5;pointer-events:none;opacity:0;will-change:transform;filter:drop-shadow(0 2px 3px #0005)}
.ms3-bw.is-user .ms3-cursor{visibility:hidden}

/* The landing itself */
.mlp{position:relative;flex:1;min-height:0;overflow:hidden;background:#f6f6f3;color:#34363a;font:400 max(12.5px,1.42cqw)/1.42 'DM Sans',Arial,sans-serif;letter-spacing:0;text-align:left;pointer-events:none;--rh:0px}
.ms3-ready .mlp{pointer-events:auto}
.mlp :focus-visible{outline:2px solid var(--ms-blue);outline-offset:2px}
.mlp p{margin:0;max-width:none}
/* The tip of the dashed slice ends above the words, as on the real landing */
.mlp p.mlp-copy{margin-top:2.4cqw}
.mlp-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:clamp(.8rem,2cqw,2rem);height:clamp(54px,7.4cqw,90px);padding-inline:clamp(14px,3.6cqw,48px);background:#fff;box-shadow:0 1px 0 #00000014;opacity:clamp(0,calc(var(--b)*5),1)}
.mlp-logos{display:flex;align-items:center;gap:clamp(.8rem,2.6cqw,2.4rem);flex:none}
.mlp-logos img{display:block;width:auto;max-width:none}
.mlp-logos img:first-child,.mlp-foot img:first-child{aspect-ratio:596/151}
.mlp-logos img:last-child,.mlp-foot img+img{aspect-ratio:365/219}
.mlp-logos img:first-child{height:clamp(19px,2.5cqw,30px)}
.mlp-logos img:last-child{height:clamp(30px,4.3cqw,52px)}
.mlp-links{display:flex;align-items:center;gap:clamp(.8rem,2.8cqw,2.6rem);margin-left:auto;font-weight:700;font-size:max(12.5px,1.34cqw);line-height:1}
.mlp-links a{position:relative;display:block;padding:.75em .1em;color:var(--ms-blue)}
.mlp-links a::after{content:'';position:absolute;left:0;right:0;bottom:.3em;height:2px;background:var(--ms-red);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s}
.mlp-links a:hover::after,.mlp-links a[aria-current=true]::after{transform:none}
.mlp-burger{flex:none;display:flex;flex-direction:column;justify-content:center;gap:clamp(3px,.34cqw,5px);width:44px;height:44px;margin:0 -8px 0 0;padding:0 9px;border:0;background:none;cursor:pointer}
.mlp-burger i{display:block;height:2px;background:var(--ms-red);transition:transform .2s,opacity .2s}
.mlp-burger:hover i:nth-child(2){transform:scaleX(.7)}
.mlp.is-compact .mlp-links{visibility:hidden}
.mlp-hero{display:grid;grid-template-columns:minmax(0,1fr) 44cqw;gap:1.5cqw;height:calc(62.5cqw - clamp(26px,3.6cqw,44px) - clamp(54px,7.4cqw,90px));padding:1.2cqw 3.6cqw 1.2cqw 3.6cqw;background:#f6f6f3;overflow:hidden}
.mlp-col{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5cqw;min-width:0}
.mlp-title{position:relative;width:34cqw;padding-top:5cqw}
.mlp-tt{position:relative;display:block;margin:0;color:var(--ms-red);opacity:clamp(0,calc((var(--b) - .12)*5),1);transform:translateY(calc((1 - clamp(0,calc((var(--b) - .12)*4),1))*1.2cqw))}
.mlp-tt .ms-word{display:block;width:100%;height:auto}
.mlp-tt .ms-word+.ms-word{width:43.3%;margin:3.2% auto 0}
.mlp-sl{position:absolute;left:50%;top:-.2cqw;width:21cqw;height:auto;margin-left:-10.5cqw;overflow:visible;pointer-events:none}
.mlp-sl path{fill:none;stroke:var(--ms-red);stroke-opacity:.62;stroke-width:5;stroke-linejoin:round;stroke-linecap:round}
.mlp-copy{position:relative;width:100%;max-width:38cqw;opacity:clamp(0,calc((var(--b) - .35)*4),1)}
.mlp-rest{display:block;margin-top:0;opacity:0;transition:opacity .45s}
.mlp.is-rev .mlp-rest{opacity:1}
.mlp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65em 1.8em .7em;border:0;border-radius:99px;background:var(--ms-blue);color:#fff;font:700 max(13px,1.4cqw)/1.1 'DM Sans',Arial,sans-serif;cursor:pointer;transition:background .2s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .2s;transform:translateY(calc(var(--rh)*-1));opacity:clamp(0,calc((var(--b) - .5)*4),1)}
.mlp.is-rev .mlp-btn{transform:none}
.mlp-btn:hover,.mlp-btn.is-sim{background:#084a8b;box-shadow:0 .3em .9em #0b5aa84d}
.mlp-btn.is-press{background:#063a6e;box-shadow:none;scale:.96}
.mlp-photo{position:relative;margin:0;align-self:center;opacity:clamp(0,calc((var(--b) - .25)*4),1);transform:translateY(calc((1 - clamp(0,calc((var(--b) - .25)*3),1))*2.4cqw))}
.mlp-photo img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:1;border-radius:2px;background:#bd9770}
.mlp-photo svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mlp-cut{fill:#fff0;stroke:#fff;stroke-width:9;stroke-dasharray:36 26;stroke-linecap:square;stroke-linejoin:round;transition:fill .25s,stroke-width .25s;pointer-events:all}
.mlp-photo:hover .mlp-cut,.mlp-photo.is-sim .mlp-cut{fill:#ffffff24;stroke-width:13}
.mlp-band{padding:6cqw 7cqw}
.mlp-about{min-height:44cqw;display:flex;flex-direction:column;justify-content:center;gap:2cqw;background:var(--ms-blue);color:#fff}
.mlp-about .mlp-hash{font-weight:700;font-size:max(13px,1.6cqw)}
.mlp-about .mlp-big{font-weight:700;font-size:max(1.5rem,5.8cqw);line-height:1.02;letter-spacing:-.03em;max-width:15em}
.mlp-about .mlp-sm{font-size:max(13px,1.7cqw);line-height:1.3;max-width:34em;color:#fff}
.mlp-pizzas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4cqw;align-items:center;background:#fff}
.mlp-pizzas figure{margin:0}
.mlp-pizzas figure img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:1434/1065;border-radius:2px}
.mlp-pizzas .mlp-big{color:var(--ms-red);font-weight:700;font-size:max(1.5rem,5.8cqw);line-height:1.02;letter-spacing:-.03em}
.mlp-pizzas .mlp-sm{margin-top:1.4cqw;color:var(--ms-blue);font-weight:700;font-size:max(14px,2.1cqw);line-height:1.15}
.mlp-don{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1cqw 4cqw;align-items:end;background:#f6f6f3}
.mlp-don .mlp-big{grid-column:1/-1;color:var(--ms-blue);font-weight:700;font-size:max(1.8rem,7.6cqw);line-height:1;letter-spacing:-.035em}
.mlp-don .mlp-sm{font-size:max(14px,2cqw);line-height:1.25;max-width:26em}
.mlp-go{min-height:48px;background:var(--ms-red);font-size:max(14px,1.7cqw);opacity:1;transform:none}
.mlp-go:hover,.mlp-go.is-sim{background:#b90f2a;box-shadow:0 .3em .9em #e3183740}
.mlp-foot{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 3cqw;padding:3cqw 7cqw;background:#fff;box-shadow:inset 0 1px 0 #00000014}
.mlp-foot p{margin-left:auto;font-size:max(12px,1.2cqw);line-height:1.3;color:#50545a;max-width:30em}
.mlp-foot img{display:block;width:auto;max-width:none;height:clamp(22px,3cqw,36px)}
.mlp-foot img+img{height:clamp(32px,4.4cqw,52px)}
@container (max-width:640px){
 .mlp{font-size:15px;line-height:1.4}
 .mlp-links{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:0;margin:0;padding:.35rem 14px .6rem;background:#fff;box-shadow:0 8px 16px #0000001f;font-size:15px;visibility:hidden}
 .mlp.is-menu .mlp-links{visibility:visible}
 .mlp-burger{margin-left:auto}
 .mlp-hero{display:block;height:auto;padding:1.25rem 16px 1.5rem}
 .mlp-col{gap:.9rem;display:flex}
 .mlp-title{width:82cqw;padding-top:11cqw}
 .mlp-sl{width:50cqw;margin-left:-25cqw}
 .mlp-copy{max-width:none}
 .mlp p.mlp-copy{margin-top:5.2cqw}
 .mlp-photo{margin-top:1.1rem;transform:translateY(calc(var(--rh)*-1));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
 .mlp.is-rev .mlp-photo{transform:none}
 .mlp-band{padding:2.2rem 16px}
 .mlp-about{min-height:0;gap:.8rem}
 .mlp-pizzas,.mlp-don{grid-template-columns:1fr;gap:.9rem}
 .mlp-don .mlp-big{grid-column:auto}
 .mlp-go{justify-self:start}
 .mlp-foot{padding:1.2rem 16px}
 .mlp-foot p{margin-left:0;flex-basis:100%}
}

/* The prompt, on the way in */
.ms3-open{position:absolute;z-index:2;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.8rem;min-height:48px;padding:.65rem 1.1rem .65rem 1.25rem;border:2px dashed #fff;border-radius:99px;background:var(--ms-red);color:#fff;font:700 clamp(1rem,1.25vw,1.2rem)/1 'DM Sans',Arial,sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s}
.ms3-open:hover{background:#b90f2a}
.ms3-open i{display:block;width:8px;height:8px;border:solid #fff;border-width:2px 0 0 2px;transform:translateY(2px) rotate(45deg)}
.ms3-open:focus-visible{outline:3px solid var(--ms-blue);outline-offset:3px}
.ms3-hint{position:absolute;z-index:2;margin:0;transform:translateX(-50%);font:400 .875rem/1 'DM Sans',Arial,sans-serif;color:#5a5448;white-space:nowrap;pointer-events:none}
@media(hover:none){.ms3-hint{display:none}}
.mlp [tabindex="-1"]:focus{outline:none}

/* Marching dashes, only once there is something to see and only where motion is welcome */
@media(prefers-reduced-motion:no-preference){
 @keyframes ms3-march{to{stroke-dashoffset:-62}}
 @keyframes ms3-march2{to{stroke-dashoffset:-22}}
 .ms3-in-view.ms3-ready .mlp-cut{animation:ms3-march 2.4s linear infinite}
 .ms3-in-view.ms3-ready .mlp-sl path{animation:ms3-march2 1.5s linear infinite}
}

/* Reduced motion and very short screens: everything laid out, nothing pinned */
.ms3-static .ms3-world{position:relative;width:auto;height:auto;display:grid;gap:clamp(2rem,5vw,4rem);margin-top:clamp(2rem,5vw,5rem);transform:none;will-change:auto}
.ms3-static .ms3-boxslot{position:relative;margin-inline:auto}
.ms3-static .ms3-box{cursor:default;position:absolute}
.ms3-static .ms3-line,.ms3-static .ms3-hit,.ms3-static .ms3-open,.ms3-static .ms3-hint,.ms3-static .ms3-cursor,.ms3-static .ms3-thumb,.ms3-static .ms3-off,.ms3-static .ms3-edge,.ms3-static .ms3-rear{display:none}
.ms3-static .ms3-dev{position:relative;left:auto;top:auto;width:100%;max-width:1180px;height:auto;margin-inline:auto;padding-bottom:calc(var(--bz)*2)}
.ms3-static .ms3-scr{position:relative;inset:auto;transform:none}
.ms3-static .ms3-scr-front{position:relative;height:var(--lh)}
.ms3-static .ms3-scr-back{display:none}
.ms3-static .ms3-deck{top:auto;bottom:0;height:calc(var(--bz)*2);background:linear-gradient(#cdcdd0,#a9a9ad)}
.ms3-static .ms3-deck>*{display:none}
.ms3-static .mlp{overflow:auto;overscroll-behavior:auto;pointer-events:auto;-webkit-overflow-scrolling:touch}
.ms3-static .ms3-qr{--qa:1}
.ms3-static .ms3-fshade,.ms3-static .ms3-in .ms3-shade{display:none}
/*ms3-end*/