/* One continuous scroll stage; the rail exists before the 3D asset is ready. */
.pizza-cinema{--pizza-progress:0;--pizza-stretch:0;--pizza-sauce:0;--pizza-cheese:0;--pizza-finish:0;--pizza-arrival:1;--pizza-intro:1;--pizza-detail:0;--pizza-finale:0;--pizza-light:0;--pizza-top:82px;position:relative;overflow-x:clip;background:#ece5d7;color:var(--ink,#253e6a);padding:30px 0 22px;isolation:isolate}
.pizza-cinema-rail{position:relative;max-width:1920px;margin:auto}
.pizza-cinema-stage{position:relative;min-height:650px;isolation:isolate;background:radial-gradient(ellipse at 62% 36%,#fffcf4 0,#f3edde 40%,#e7ddcb 100%)}
.pizza-scroll-enabled .pizza-cinema-rail{height:480vh;height:480svh}
.pizza-scroll-enabled .pizza-cinema-stage{position:sticky;top:var(--pizza-top);height:calc(100vh - var(--pizza-top) - 14px);height:calc(100svh - var(--pizza-top) - 14px);min-height:0;max-height:1000px}
.pizza-cinema-heading{position:absolute;top:5%;left:6%;z-index:2;pointer-events:none;opacity:var(--pizza-intro);transform:translateY(calc((1 - var(--pizza-intro))*-36px))}
.pizza-cinema-eyebrow{font:600 9px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#886237}
.pizza-cinema-heading h2{margin:20px 0 0;font:500 clamp(70px,10.5vw,155px)/.87 var(--serif);letter-spacing:-.065em;color:var(--ink)}
.pizza-cinema-heading h2 em{font-weight:500;color:#ad623e}
.pizza-cinema-art{position:absolute;inset:0;min-width:0;isolation:isolate;z-index:1;pointer-events:none}
.pizza-cinema-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 45%,#e4a94b30,transparent 55%);opacity:calc(.35 + var(--pizza-light)*.6);transform:translateX(calc(var(--pizza-progress)*-9%))}
.pizza-cinema-poster{position:absolute;left:21%;top:4%;width:84%;height:82%;object-fit:contain;mix-blend-mode:multiply;opacity:var(--pizza-finish);transform:translateY(calc((1 - var(--pizza-arrival))*40px)) rotate(calc((var(--pizza-progress) - .5)*16deg)) scale(calc(.92 + var(--pizza-detail)*.12));transition:opacity .2s}
.pizza-cinema-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .2s}
.pizza-cinema-ready.pizza-cinema-foreground .pizza-cinema-art{z-index:4}.pizza-cinema-ready .pizza-cinema-canvas{opacity:1}.pizza-cinema-ready .pizza-cinema-poster{opacity:0;visibility:hidden}
.pizza-cinema-words{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:var(--pizza-detail)}
.pizza-cinema-word{position:absolute;font:italic 500 clamp(80px,15vw,215px)/1 var(--serif);letter-spacing:-.07em;white-space:nowrap;color:#a36f3b1f}
.pizza-cinema-word-first{top:5%;right:-2%;transform:translateX(calc((.5 - var(--pizza-progress))*45%)) rotate(-6deg)}
.pizza-cinema-word-last{bottom:13%;left:-3%;transform:translateX(calc((var(--pizza-progress) - .5)*35%)) rotate(-6deg)}
.pizza-cinema-story{position:absolute;left:6%;bottom:92px;z-index:3;width:29%;max-width:365px;text-shadow:0 2px 18px #f3edde,0 0 5px #f3edde}
.pizza-cinema-act{font:500 9px/1.5 var(--sans);letter-spacing:.14em;color:#596778}.pizza-cinema-act span{color:#9e5e3a}
.pizza-cinema-story h3{margin:12px 0;font:500 clamp(30px,3.8vw,54px)/1.04 var(--serif);letter-spacing:-.045em;min-height:2.08em;color:var(--ink)}
.pizza-cinema-story h3 em{font-weight:500;color:#9e5e3a}
.pizza-cinema-story>p[data-pizza-description]{max-width:290px;min-height:3.5em;font:400 11px/1.75 var(--sans);color:#48576b;text-wrap:pretty}
.pizza-cinema-link{display:inline-flex;align-items:center;gap:22px;margin-top:12px;padding:6px 0;border-bottom:1px solid #253e6a80;font:600 11px/1.5 var(--sans);color:var(--ink)}.pizza-cinema-link>span{font-size:18px}.pizza-cinema-link:hover{color:#9e5e3a}
.pizza-cinema-navigation{position:absolute;left:6%;right:6%;bottom:8px;z-index:6}
.pizza-cinema-hint{text-align:right;margin-bottom:9px;font:500 10px/1.5 var(--sans);color:#47566b}.pizza-cinema-hint>span{margin-right:9px}
.pizza-cinema-progress{height:1px;background:#253e6a30;overflow:hidden}.pizza-cinema-progress>span{display:block;width:100%;height:100%;background:#a1613b;transform:scaleX(var(--pizza-progress));transform-origin:left}
.pizza-cinema-views{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pizza-cinema-views a{display:block;position:relative;min-height:44px;padding:13px 0 8px;color:#526077;font:500 10px/1.5 var(--sans)}
.pizza-cinema-views a span{margin-right:10px;font-size:8px;color:#8d603c}.pizza-cinema-views a[aria-current="step"]{color:var(--ink)}
.pizza-cinema a:focus-visible,.pizza-cinema summary:focus-visible{outline:2px solid #9e5e3a;outline-offset:5px}
.pizza-cinema-marker{position:absolute;width:1px;height:1px;pointer-events:none;scroll-margin-top:var(--pizza-top)}.pizza-cinema-marker-first{top:0}.pizza-cinema-marker-middle{top:50%}.pizza-cinema-marker-last{bottom:0}
.pizza-cinema-credit{max-width:1180px;margin:18px auto 0;padding:0 6%;font:400 9px/1.7 var(--sans);color:#526075;text-align:right}.pizza-cinema-credit summary{cursor:pointer;list-style:none}.pizza-cinema-credit summary::-webkit-details-marker{display:none}.pizza-cinema-credit summary::after{content:" +"}.pizza-cinema-credit[open] summary::after{content:" −"}.pizza-cinema-credit p{max-width:450px;margin:8px 0 0 auto}.pizza-cinema-credit a{text-decoration:underline;text-underline-offset:3px}
.pizza-cinema-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.pizza-cinema-calm .pizza-cinema-heading{opacity:1;transform:none}.pizza-cinema-calm .pizza-cinema-words{display:none}.pizza-cinema-calm .pizza-cinema-glow{transform:none}.pizza-cinema-calm .pizza-cinema-poster{transform:none}.pizza-cinema-calm .pizza-cinema-navigation{display:none}
@media(max-width:1000px) and (min-width:701px){.pizza-cinema-heading h2{font-size:clamp(70px,11vw,108px)}.pizza-cinema-story{width:32%}.pizza-cinema-story h3{font-size:39px}}
@media(max-width:700px){
 .pizza-cinema{--pizza-top:76px;padding:20px 0 18px}.pizza-cinema-stage{min-height:650px}.pizza-scroll-enabled .pizza-cinema-stage{max-height:none}.pizza-scroll-enabled .pizza-cinema-rail{height:480vh;height:480svh}
 .pizza-cinema-heading{top:4%;left:6%}.pizza-cinema-eyebrow{font-size:8px}.pizza-cinema-heading h2{font-size:clamp(66px,21vw,100px);margin-top:15px;line-height:.88}
 .pizza-cinema-poster{left:-13%;top:16%;width:133%;height:62%}.pizza-cinema-word{font-size:clamp(85px,27vw,130px)}.pizza-cinema-word-first{top:21%;right:-15%}.pizza-cinema-word-last{bottom:27%;left:-15%}
 .pizza-cinema-story{bottom:77px;left:6%;width:88%;max-width:none}.pizza-cinema-act{font-size:8px}.pizza-cinema-story h3{font-size:clamp(29px,8.3vw,38px);margin:8px 0;min-height:0}.pizza-cinema-story h3 br{display:none}.pizza-cinema-story h3 em::before{content:" "}.pizza-cinema-story>p[data-pizza-description]{font-size:10px;max-width:295px;min-height:0;line-height:1.6}.pizza-cinema-link{font-size:10px;gap:18px;margin-top:6px;padding:5px 0}
 .pizza-cinema-navigation{bottom:3px;left:6%;right:6%}.pizza-cinema-hint{font-size:9px;text-align:left;margin-bottom:5px}.pizza-cinema-views{gap:8px}.pizza-cinema-views a{font-size:9px;padding:10px 0 7px}.pizza-cinema-views a span{font-size:7px;margin-right:5px}.pizza-cinema-credit{font-size:8px;margin-top:15px}
}
@media(max-height:650px){
 .pizza-cinema{--pizza-top:72px}.pizza-cinema-heading{top:5%}.pizza-cinema-heading h2{font-size:clamp(52px,10vw,88px);margin-top:12px}.pizza-cinema-story{bottom:73px}.pizza-cinema-story h3{font-size:clamp(25px,3.6vw,36px);margin:6px 0}.pizza-cinema-story>p[data-pizza-description]{font-size:10px;min-height:0}.pizza-cinema-link{font-size:10px;margin-top:5px}.pizza-cinema-navigation{bottom:1px}.pizza-cinema-hint{font-size:9px;margin-bottom:5px}.pizza-cinema-views a{min-height:42px;padding:10px 0 7px}
}
@media(max-height:500px){
 .pizza-cinema{--pizza-top:64px}.pizza-cinema-heading h2{font-size:clamp(38px,8vw,63px);margin-top:8px}.pizza-cinema-eyebrow{font-size:7px}.pizza-cinema-story{bottom:61px;max-width:300px}.pizza-cinema-act{display:none}.pizza-cinema-story h3{font-size:clamp(23px,3.5vw,31px);min-height:0}.pizza-cinema-story>p[data-pizza-description]{display:none}.pizza-cinema-link{margin-top:3px;font-size:9px}.pizza-cinema-navigation{bottom:0}.pizza-cinema-hint{display:none}.pizza-cinema-views a{font-size:9px}.pizza-cinema-word{font-size:85px}
}
@media(prefers-reduced-motion:reduce){.pizza-cinema-canvas,.pizza-cinema-poster{transition:none}}

/* A dough-first fallback keeps the story coherent while WebGL loads. */
.pizza-cinema-dough-poster{position:absolute;left:65%;top:48%;width:clamp(95px,14vw,200px);aspect-ratio:1.08;border-radius:46% 50% 44% 47%;background:radial-gradient(ellipse at 35% 25%,#fff9e8 0,#eee0c3 42%,#d3b990 80%,#a98a61 100%);box-shadow:inset -9px -13px 28px #a68a5c30,inset 5px 7px 14px #fff9e8b0,0 24px 22px -15px #63432050;opacity:calc(1 - var(--pizza-finish));transform:translate(-50%,-50%) scale(calc(1 + var(--pizza-stretch)*1.5),calc(1 - var(--pizza-stretch)*.58));pointer-events:none}
.pizza-cinema-dough-poster::after{content:"";position:absolute;inset:14%;border-radius:48%;background:radial-gradient(ellipse at 35% 30%,#ce5940,#a83225);opacity:var(--pizza-sauce)}
.pizza-cinema-dough-poster::before{content:"";position:absolute;inset:18%;z-index:1;background:radial-gradient(ellipse at 28% 32%,#fff3d5 0 10%,transparent 12%),radial-gradient(ellipse at 68% 30%,#fff3d5 0 12%,transparent 14%),radial-gradient(ellipse at 55% 71%,#fff3d5 0 13%,transparent 15%),radial-gradient(ellipse at 22% 68%,#fff3d5 0 9%,transparent 11%),radial-gradient(ellipse at 79% 62%,#fff3d5 0 9%,transparent 11%);opacity:var(--pizza-cheese)}
.pizza-cinema-ready .pizza-cinema-dough-poster{display:none}
@media(max-width:700px){.pizza-cinema-heading h2{font-size:clamp(58px,17vw,86px)}.pizza-cinema-dough-poster{left:50%;top:44%;width:clamp(90px,25vw,140px)}}
@media(max-height:500px){.pizza-cinema-dough-poster{width:100px}.pizza-cinema-heading h2{font-size:clamp(38px,7vw,58px)}}