.pxexp-story-block{--pxexp-accent:#ff7a1a;--pxexp-bg:#07090c;position:relative;width:100vw;margin-left:calc(50% - 50vw);background:#07090c;color:#fff;font-family:Inter,"Noto Sans Thai",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;isolation:isolate;overflow:clip}
.pxexp-story-block,.pxexp-story-block *{box-sizing:border-box}
.pxexp-story-track{position:relative;height:var(--pxexp-story-scroll-vh,520vh)}
.pxexp-story-stage{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;background:radial-gradient(circle at 68% 42%,#4b3020 0,#23160f 27%,#0d1116 58%,#07090c 100%);display:grid;grid-template-columns:minmax(260px,34vw) 1fr 150px;gap:18px;padding:clamp(24px,4vw,58px);align-items:stretch}
.pxexp-story-ambient{position:absolute;border-radius:999px;filter:blur(80px);pointer-events:none;opacity:.36}.pxexp-story-ambient--a{width:34vw;height:34vw;right:8%;top:12%;background:#ff7a1a}.pxexp-story-ambient--b{width:26vw;height:26vw;left:3%;bottom:-10%;background:#163e6b;opacity:.18}
.pxexp-story-copy{position:relative;z-index:12;align-self:end;max-width:520px;padding:26px 28px;background:linear-gradient(110deg,rgba(5,7,10,.90),rgba(5,7,10,.60));border-left:2px solid var(--pxexp-accent);box-shadow:0 26px 80px rgba(0,0,0,.35);backdrop-filter:blur(12px)}
.pxexp-story-brand{display:block;margin-bottom:8px;color:#fff;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pxexp-story-eyebrow{display:block;margin-bottom:14px;color:rgba(255,255,255,.72);font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.pxexp-story-copy h2{margin:0 0 14px;color:#fff!important;font-size:clamp(38px,5vw,74px);line-height:.92;letter-spacing:-.055em}.pxexp-story-copy p{margin:0 0 12px;color:rgba(255,255,255,.84);font-size:clamp(15px,1.15vw,19px);line-height:1.7}.pxexp-story-meta{margin-top:12px;color:#ffb36f;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.pxexp-story-ghost{display:inline-flex;margin-top:18px;align-items:center;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.18);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800;letter-spacing:.06em}
.pxexp-story-scene{position:relative;z-index:5;min-width:0;height:100%}
.pxexp-story-burger{position:absolute;left:50%;top:48%;width:clamp(330px,35vw,610px);height:clamp(430px,70vh,700px);transform:translate(-50%,-50%);transform-origin:center center;z-index:5;will-change:transform,opacity;overflow:visible}
.pxexp-story-piece{position:absolute;left:50%;transform:translateX(-50%);transform-origin:center center;filter:drop-shadow(0 18px 28px rgba(0,0,0,.44));will-change:transform,top,opacity}
.piece-top-bun{top:66px;width:78%;height:112px;border-radius:190px 190px 78px 78px/150px 150px 62px 62px;background:linear-gradient(180deg,#ffc867 0,#e88f2b 72%,#b45b1b 100%);box-shadow:inset 0 -12px 0 rgba(105,48,11,.28)}
.piece-top-bun:before{content:"";position:absolute;left:15%;top:18px;width:6px;height:4px;border-radius:50%;background:#fff5d9;box-shadow:34px 7px #fff5d9,80px 0 #fff5d9,126px 9px #fff5d9,178px 2px #fff5d9,228px 8px #fff5d9,278px 2px #fff5d9}
.piece-sauce{top:176px;width:67%;height:28px;background:linear-gradient(180deg,#ffd8ae,#cc7b3d);clip-path:polygon(0 28%,9% 0,18% 42%,27% 4%,36% 44%,45% 2%,54% 44%,63% 5%,72% 42%,81% 4%,90% 40%,100% 24%,96% 76%,83% 94%,69% 75%,56% 100%,43% 74%,28% 95%,14% 72%,0 82%)}
.piece-lettuce{top:204px;width:73%;height:32px;background:linear-gradient(180deg,#8de84b,#2e8c27);clip-path:polygon(0 48%,6% 17%,12% 40%,18% 10%,24% 38%,30% 8%,36% 43%,42% 10%,48% 38%,54% 8%,60% 42%,66% 14%,72% 41%,78% 10%,84% 38%,90% 16%,96% 42%,100% 28%,100% 100%,0 100%)}
.piece-tomato{top:242px;width:58%;height:38px;border-radius:999px;background:linear-gradient(180deg,#ff724e,#bf2e20)}.piece-tomato:after{content:"";position:absolute;inset:8px 12px;border:2px solid rgba(255,220,205,.34);border-radius:999px}
.piece-onion{top:287px;width:58%;height:26px;border-top:9px solid #e17cff;border-bottom:9px solid #a63cc2;border-radius:999px}
.piece-bacon{top:317px;width:64%;height:25px;background:linear-gradient(90deg,#713013,#d75b27 16%,#753215 33%,#d35b27 49%,#713013 67%,#d65c27 83%,#713013);clip-path:polygon(0 19%,5% 49%,10% 17%,15% 52%,20% 15%,25% 46%,30% 18%,35% 54%,40% 14%,45% 48%,50% 18%,55% 53%,60% 15%,65% 49%,70% 18%,75% 54%,80% 15%,85% 48%,90% 20%,95% 53%,100% 22%,100% 82%,95% 94%,88% 76%,82% 91%,75% 73%,68% 94%,60% 74%,53% 92%,46% 73%,39% 94%,32% 74%,25% 91%,18% 73%,10% 93%,0 80%)}
.piece-cheese{top:350px;width:61%;height:50px;background:linear-gradient(180deg,#ffdf58,#e8a015);clip-path:polygon(0 0,100% 0,100% 76%,73% 76%,58% 100%,43% 76%,0 76%)}
.piece-patty{top:392px;width:67%;height:90px;border-radius:999px / 65px;background:radial-gradient(circle at 50% 24%,#704026,#32170e 74%);box-shadow:inset 0 8px 18px rgba(255,255,255,.06)}
.piece-bottom-bun{top:468px;width:72%;height:72px;border-radius:45px 45px 130px 130px/30px 30px 82px 82px;background:linear-gradient(180deg,#d68c3c,#914e1e);box-shadow:inset 0 8px 0 rgba(255,220,160,.34)}
.pxexp-story-box-back,.pxexp-story-box-front,.pxexp-story-box-lid{position:absolute;left:50%;opacity:0;will-change:transform,opacity}
.pxexp-story-box-back{top:64%;width:clamp(300px,34vw,520px);height:clamp(150px,18vw,250px);transform:translate(-50%,38%);z-index:3;background:linear-gradient(145deg,#ff7b1c,#b9410b);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);display:grid;place-items:start center;padding-top:34px;color:#16110c;font-size:clamp(12px,1.4vw,20px);font-weight:900;letter-spacing:.08em;text-align:center}
.pxexp-story-box-front{top:70%;width:clamp(300px,34vw,520px);height:clamp(96px,11vw,160px);transform:translate(-50%,38%);z-index:8;background:linear-gradient(160deg,#171717,#050505);border-top:2px solid #ff6d13;box-shadow:0 24px 46px rgba(0,0,0,.54);display:flex;flex-direction:column;align-items:center;justify-content:center}.pxexp-story-box-front strong{font-size:clamp(24px,2.5vw,40px);letter-spacing:-.035em}.pxexp-story-box-front span{margin-top:8px;color:#ff7a1a;font-size:10px;font-weight:800;letter-spacing:.18em}
.pxexp-story-box-lid{top:58%;width:clamp(292px,33vw,506px);height:clamp(80px,9vw,134px);transform:translate(-50%,60%) perspective(800px) rotateX(-84deg);transform-origin:50% 100%;z-index:9;background:linear-gradient(160deg,#252525,#0a0a0a);border:2px solid #ff6d13;display:grid;place-items:center;box-shadow:0 18px 38px rgba(0,0,0,.35)}.pxexp-story-box-lid strong{font-size:clamp(20px,2vw,32px)}
.pxexp-story-labels{position:absolute;inset:0;z-index:10;pointer-events:none}.pxexp-story-label{position:absolute;max-width:190px;padding:9px 11px;border:1px solid rgba(255,255,255,.09);background:rgba(6,8,11,.68);backdrop-filter:blur(10px);opacity:0}.pxexp-story-label strong{display:block;font-size:13px}.pxexp-story-label span{display:block;margin-top:3px;color:rgba(255,255,255,.58);font-size:11px}.label-left{left:1%}.label-right{right:1%}[data-story-label="lettuce"]{top:19%}[data-story-label="tomato"]{top:29%}[data-story-label="onion"]{top:39%}[data-story-label="bacon"]{top:49%}[data-story-label="cheese"]{top:59%}[data-story-label="patty"]{top:69%}[data-story-label="sauce"]{top:79%}
.pxexp-story-rail{position:relative;z-index:12;align-self:center;display:grid;justify-items:end;gap:15px}.pxexp-story-step{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;display:flex;align-items:center;gap:9px;opacity:.4;transition:opacity .2s ease,transform .18s ease}.pxexp-story-step b{width:30px;height:30px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;font-size:10px}.pxexp-story-step span{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.pxexp-story-step.is-active{opacity:1}.pxexp-story-step.is-active b{background:#ff7a1a;color:#111;border-color:transparent}.pxexp-story-rail-progress{width:2px;height:150px;background:rgba(255,255,255,.12);overflow:hidden}.pxexp-story-rail-progress i{display:block;width:100%;height:0;background:linear-gradient(#ff7a1a,#ffb974)}
.pxexp-story-core-products{width:min(1360px,calc(100% - 40px));margin:0 auto;padding:76px 0 96px;color:inherit}.pxexp-story-core-products__head{max-width:820px;margin-bottom:28px}.pxexp-story-core-products__head>span{font-size:11px;font-weight:900;letter-spacing:.22em;color:#ff9a4e}.pxexp-story-core-products__head h2{margin:8px 0 12px;color:#fff!important;font-size:clamp(34px,4vw,58px);line-height:1}.pxexp-story-core-products__head p{margin:0;color:rgba(255,255,255,.66);line-height:1.7}.pxexp-story-core-products .pxth-clean-product-block{color:#111;background:#fff;padding:20px}.pxexp-story-core-products__preview-note{display:grid;gap:6px;padding:22px;background:#11161d;border:1px solid rgba(255,255,255,.1)}.pxexp-story-core-products__preview-note span{color:rgba(255,255,255,.65)}
html[data-edit="1"] .pxexp-story-block{pointer-events:auto}.pxexp-story-block .pxexp-story-settings{display:none!important}
@media(max-width:1050px){.pxexp-story-stage{grid-template-columns:minmax(240px,34vw) 1fr 110px;padding:30px}.pxexp-story-copy{padding:20px}.pxexp-story-burger{width:clamp(300px,42vw,500px)}}
@media(max-width:760px){.pxexp-story-stage{grid-template-columns:1fr;padding:14px;align-items:end}.pxexp-story-scene{position:absolute;inset:0}.pxexp-story-burger{left:50%;top:37%;width:min(86vw,420px);height:490px}.pxexp-story-copy{z-index:14;max-width:none;padding:16px 16px 14px}.pxexp-story-copy h2{font-size:34px}.pxexp-story-copy p{display:none}.pxexp-story-rail{display:none}.pxexp-story-label{display:none}.pxexp-story-box-back{top:55%;width:min(82vw,390px)}.pxexp-story-box-front{top:65%;width:min(82vw,390px)}.pxexp-story-box-lid{top:50%;width:min(79vw,378px)}}

.pxexp-story-step:hover,.pxexp-story-step:focus-visible{opacity:.82;transform:translateX(-3px);outline:none}.pxexp-story-step:focus-visible b{box-shadow:0 0 0 3px rgba(255,122,26,.24)}

/* DEV7.3.11 — editable Parts Assembly scene */
.pxexp-story-piece.has-asset{height:auto!important;background:none!important;border:0!important;clip-path:none!important;box-shadow:none!important}
.pxexp-story-piece.has-asset:before,.pxexp-story-piece.has-asset:after{display:none!important}
.pxexp-story-piece.has-asset img{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none;user-select:none}
.pxexp-story-piece.piece-custom:not(.has-asset){height:42px;border-radius:999px;background:linear-gradient(180deg,#f4a55d,#a6531e);box-shadow:inset 0 -7px 0 rgba(0,0,0,.18)}
.pxexp-story-label{transition:none!important}