/* Scroll-led product storytelling, adapted to No:75's existing storefront. */
.kaixa-hero .featured-photo-frame{animation:no75-float 7s ease-in-out infinite;will-change:transform;touch-action:pan-y;cursor:grab}.kaixa-hero .featured-photo-frame:active{cursor:grabbing}.featured-photo-frame img{user-select:none;-webkit-user-drag:none}.kaixa-hero .featured-brush{animation:no75-aura 7s ease-in-out infinite}.featured-stamp{animation:no75-seal 7s ease-in-out infinite}.hero-topline>span{letter-spacing:2px}.featured-layout{min-height:600px}.kaixa-hero .hero-copy{animation:no75-arrive .85s ease both}.kaixa-hero h1{font-size:clamp(44px,4.8vw,82px)}
@keyframes no75-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(1deg)}}
@keyframes no75-aura{50%{transform:scale(1.06);opacity:.4}}
@keyframes no75-seal{50%{transform:translateY(-8px) rotate(17deg)}}
@keyframes no75-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.making-story{height:260vh;position:relative;background:#18191c;--making-progress:0;--dish-turn:-18deg;--dish-scale:.84;--heat:0}
.making-sticky{position:sticky;top:84px;height:calc(100svh - 84px);min-height:560px;max-height:1050px;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:auto 1fr auto;column-gap:5vw;padding:48px max(5.5vw,24px) 26px;isolation:isolate}
.making-heading{position:relative;z-index:2;grid-column:1;grid-row:1}.making-heading h2{font-size:clamp(42px,5vw,80px);line-height:1.06;letter-spacing:-2px;margin:18px 0;font-weight:750;color:#f6f0ea}.making-heading h2 em{font:italic 1.08em Georgia,serif;color:#e5a6b2}.making-heading>p{color:#b6aca8;font-size:13px;line-height:1.8;max-width:330px}
.making-scene{grid-column:2;grid-row:1/3;position:relative;display:grid;place-items:center;align-self:center;aspect-ratio:1;max-height:65vh;width:100%;min-width:0;perspective:900px}.making-dish{width:80%;aspect-ratio:1;border-radius:50%;transform:rotate(var(--dish-turn)) scale(var(--dish-scale));box-shadow:0 26px 60px #0009;z-index:2;transition:filter .4s;will-change:transform}.making-dish img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.making-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid #bd8a9433}.ring-two{width:90%;height:90%;border-style:dashed;transform:rotate(var(--dish-turn))}.making-glow{position:absolute;inset:10%;background:#ad3d24;filter:blur(55px);opacity:var(--heat);z-index:-1;transition:opacity .3s}.making-scene-word{position:absolute;bottom:0;left:8%;font-size:clamp(50px,8vw,118px);font-weight:900;letter-spacing:-5px;color:#ffffff06;white-space:nowrap;z-index:-1}.ingredient-label{position:absolute;z-index:3;border:1px solid #ffffff22;border-radius:30px;background:#252428e8;padding:10px 17px;font-size:12px;color:#f1d7db;box-shadow:0 8px 20px #0003}.ingredient-one{top:6%;left:4%}.ingredient-two{right:-2%;top:42%}.ingredient-three{bottom:8%;left:4%}.making-story[data-step="0"] .ingredient-one,.making-story[data-step="1"] .ingredient-two,.making-story[data-step="2"] .ingredient-three{background:#833347;border-color:#c66a7d;color:white}
.making-caption{grid-column:1;grid-row:2;align-self:end;position:relative;z-index:3;padding:22px 0 34px;max-width:410px}.making-caption>span{color:#d08e9c;font-size:11px;letter-spacing:2px}.making-caption h3{font-size:clamp(24px,2.5vw,37px);line-height:1.2;letter-spacing:-.9px;margin:15px 0;color:#f5edeb}.making-caption p{font-size:14px;line-height:1.8;color:#bdb0ae;min-height:54px;margin:0 0 20px}.making-caption a{color:#edb4c0;text-decoration:none;font-size:13px;font-weight:650}.making-caption a span{margin-left:22px}.making-steps{grid-row:3;grid-column:1/3;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff18;gap:12px;padding-top:20px;position:relative;z-index:4}.making-steps button{background:none;border:0;text-align:left;padding:10px 0;color:#a79c9c;font-size:13px;cursor:pointer}.making-steps b{font-size:11px;color:#8e6a75;margin-right:18px}.making-steps button[aria-pressed="true"]{color:#ffeef2}.making-steps button[aria-pressed="true"] b{color:#e9a7b7}.making-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff08}.making-progress>span{display:block;width:100%;height:100%;background:#bb596f;transform-origin:left;transform:scaleX(var(--making-progress))}
.motion-order-bar{display:none}.motion-reveal{transition:opacity .65s ease,transform .65s ease}.motion-reveal.pending{opacity:0;transform:translateY(24px)}
@media(max-width:700px){.featured-layout{min-height:0}.kaixa-hero h1{font-size:clamp(40px,10.3vw,64px)}.making-story{height:240vh}.making-sticky{top:72px;height:calc(100svh - 72px);min-height:600px;padding:25px 22px 18px;grid-template-columns:1fr;grid-template-rows:auto minmax(220px,1fr) auto auto;gap:10px}.making-heading{grid-row:1}.making-heading h2{font-size:35px;letter-spacing:-1px;margin:10px 0 0}.making-heading h2 br{display:none}.making-heading>p{font-size:11px;line-height:1.6;margin:10px 0 0}.making-heading .section-kicker{font-size:8px}.making-scene{grid-column:1;grid-row:2;width:100%;max-width:340px;max-height:35vh;justify-self:center}.making-dish{width:70%}.making-ring{width:87%;height:100%}.ring-two{width:76%;height:87%}.ingredient-label{padding:8px 10px;font-size:10px}.ingredient-one{left:3%;top:5%}.ingredient-two{right:0}.ingredient-three{bottom:3%;left:3%}.making-scene-word{font-size:60px;letter-spacing:-3px;bottom:-5px}.making-caption{grid-column:1;grid-row:3;max-width:none;padding:6px 0 8px}.making-caption>span{font-size:9px}.making-caption h3{font-size:23px;margin:8px 0}.making-caption p{font-size:12px;line-height:1.6;min-height:39px;margin-bottom:10px}.making-caption a{font-size:11px}.making-steps{grid-column:1;grid-row:4;padding-top:10px;gap:7px}.making-steps button{font-size:11px;padding:7px 0}.making-steps b{display:block;margin:0 0 5px;font-size:9px}.motion-order-bar{display:flex;position:fixed;z-index:35;left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:12px;background:#953649;color:#fff3f4;text-decoration:none;border:1px solid #d0778b50;box-shadow:0 8px 28px #0005;border-radius:18px;min-height:56px;padding:14px 20px}.motion-order-bar>span{font-size:11px;color:#eac6ce}.motion-order-bar strong{font-size:13px}.motion-order-bar strong span{margin-left:14px}.motion-order-bar[hidden]{display:none}body{padding-bottom:82px}}
@media(max-width:700px) and (max-height:700px){.making-sticky{min-height:500px}.making-heading>p{display:none}.making-heading h2{font-size:28px}.making-scene{max-height:27vh}.making-caption h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.kaixa-hero .featured-photo-frame,.kaixa-hero .featured-brush,.featured-stamp,.kaixa-hero .hero-copy{animation:none;will-change:auto}.making-story{height:auto}.making-sticky{position:relative;top:auto;height:auto;min-height:0;max-height:none}.making-scene{min-height:250px}.making-caption{align-self:center}.making-dish{transform:none;will-change:auto}.motion-reveal,.motion-reveal.pending{transition:none;opacity:1;transform:none}}
/* Leave the chapter controls above the fixed ordering bar. */
.kaixa-hero .featured-photo-frame,.kaixa-hero .featured-photo-frame:active{cursor:default}
.making-sticky{padding-bottom:90px}.making-caption{padding-bottom:18px}
@media(max-width:700px){.making-sticky{padding-bottom:94px;min-height:0;grid-template-rows:auto minmax(140px,1fr) auto auto}.making-caption{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.making-sticky{padding-bottom:30px}}

.making-product-order{border:0;background:none;color:#edb4c0;text-align:left;padding:8px 0;font:600 13px inherit;cursor:pointer}.making-product-order:disabled{opacity:.55;cursor:not-allowed}.making-product-order span:last-child{margin-left:14px}

/* Independent ingredient layers assemble as the page is scrolled. */
.making-story{height:340vh;--dough-in:1;--cheese-in:0;--meat-in:0;--butter-in:0;--finished-in:0;--dough-y:0px;--cheese-y:-180px;--meat-y:-180px;--butter-y:-180px;--dough-r:0deg;--cheese-r:-20deg;--meat-r:24deg;--butter-r:-20deg}
.pide-assembly{position:absolute;inset:5%;z-index:2;transform:rotate(-9deg);opacity:calc(1 - var(--finished-in));filter:drop-shadow(0 25px 24px #0008)}
.pide-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform,opacity;pointer-events:none}
.dough-layer{opacity:var(--dough-in);transform:translateY(var(--dough-y)) rotate(var(--dough-r))}
.cheese-layer{opacity:var(--cheese-in);transform:translateY(var(--cheese-y)) rotate(var(--cheese-r));filter:drop-shadow(0 3px 3px #0003)}
.meat-layer{opacity:var(--meat-in);transform:translateY(var(--meat-y)) rotate(var(--meat-r));filter:drop-shadow(0 4px 3px #0004)}
.butter-layer{opacity:var(--butter-in);transform:translateY(var(--butter-y)) rotate(var(--butter-r));filter:drop-shadow(0 5px 4px #0005)}
.making-dish{opacity:var(--finished-in);z-index:3}.making-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.making-steps b{margin-right:10px}.making-product-order{font-family:inherit;font-size:13px;font-weight:600}
.making-story[data-step="0"] .ingredient-one,.making-story[data-step="1"] .ingredient-two,.making-story[data-step="2"] .ingredient-three{background:#252428e8;border-color:#ffffff22}
.making-story[data-step="1"] .ingredient-two,.making-story[data-step="2"] .ingredient-one,.making-story[data-step="3"] .ingredient-three{background:#833347;border-color:#c66a7d}
@media(max-width:700px){.making-story{height:300vh}.pide-assembly{inset:4%}.making-steps{gap:4px}.making-steps button{font-size:10px}.making-steps b{margin-right:0}}
@media(prefers-reduced-motion:reduce){.making-story{height:auto}.pide-assembly{display:none}.making-dish{opacity:1}.pide-layer{will-change:auto}}
.making-sticky{min-height:0}
@media(min-width:701px) and (max-height:750px){.making-sticky{padding-top:20px;padding-bottom:90px}.making-heading h2{font-size:40px;margin:10px 0}.making-heading>p{font-size:11px;margin:6px 0}.making-caption{padding:8px 0}.making-caption h3{font-size:24px;margin:10px 0}.making-caption p{font-size:12px;min-height:38px;margin-bottom:8px}.making-steps{padding-top:10px}.making-steps button{padding:6px 0;font-size:11px}.making-steps b{margin-right:5px}.making-scene{max-height:48vh}}
.making-sticky{min-height:0}
@media(min-width:701px) and (max-height:750px){.making-sticky{padding-top:20px;padding-bottom:90px}.making-heading h2{font-size:40px;margin:10px 0}.making-heading>p{font-size:11px;margin:6px 0}.making-caption{padding:8px 0}.making-caption h3{font-size:24px;margin:10px 0}.making-caption p{font-size:12px;min-height:38px;margin-bottom:8px}.making-steps{padding-top:10px}.making-steps button{padding:6px 0;font-size:11px}.making-steps b{margin-right:5px}.making-scene{max-height:48vh}}

/* Photo-matched ingredient compositing: every topping uses the original photograph. */
.making-scene{--camera:perspective(1000px) rotateX(calc(5deg * (1 - var(--finished-in)))) rotateZ(calc(-3deg + var(--making-progress) * 3deg)) scale(calc(.96 + var(--finished-in) * .02));max-height:70vh}
.pide-assembly,.making-dish{position:absolute;inset:3%;width:auto;height:auto;aspect-ratio:1;transform:var(--camera);border-radius:24px;box-shadow:0 26px 65px #0007;filter:none}
.pide-assembly{opacity:1;z-index:2;background:#252328}.making-dish{opacity:var(--finished-in);z-index:3;pointer-events:none;box-shadow:none}.making-dish img,.pide-layer{border-radius:24px;object-fit:cover}
.pide-layer{filter:none;transition:none}.dough-layer{opacity:1;transform:none}
.cheese-layer{mask:url('/assets/pide-mask-cheese-v2.svg') center/100% 100% no-repeat;transform:translate(calc((1 - var(--cheese-in)) * 70px),var(--cheese-y)) rotate(var(--cheese-r));filter:drop-shadow(0 5px 4px #0003)}
.meat-layer{mask:url('/assets/pide-mask-meat-v2.svg') center/100% 100% no-repeat;transform:translate(calc((1 - var(--meat-in)) * -70px),var(--meat-y)) rotate(var(--meat-r));filter:drop-shadow(0 5px 4px #0003)}
.butter-layer{mask:url('/assets/pide-mask-butter-v2.svg') center/100% 100% no-repeat;transform:translateY(var(--butter-y)) rotate(var(--butter-r));filter:drop-shadow(0 4px 3px #0003)}
.making-ring,.making-scene-word{display:none}.making-glow{inset:12%;filter:blur(65px);background:#b36c36}.ingredient-label{background:#232126ed;backdrop-filter:blur(12px)}.ingredient-one{left:0;top:8%}.ingredient-two{right:-1%;top:45%}.ingredient-three{bottom:5%;left:2%}
.making-caption h3{animation:photo-caption-in .5s ease}.making-heading>p{max-width:370px}
@keyframes photo-caption-in{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:700px){.making-scene{max-height:35vh}.pide-assembly,.making-dish{inset:2%;border-radius:18px}.making-dish img,.pide-layer{border-radius:18px}.ingredient-label{font-size:9px;padding:7px 9px}.ingredient-one{left:-4%;top:4%}.ingredient-two{right:-4%}.ingredient-three{left:-3%;bottom:1%}}
@media(prefers-reduced-motion:reduce){.making-dish{opacity:1;transform:none}.making-caption h3{animation:none}}

.making-scene{width:min(100%,54svh);max-height:none;justify-self:center}.pide-assembly,.making-dish{height:auto;bottom:auto;width:94%}
@media(max-width:700px){.making-scene{width:min(100%,28svh);max-width:340px;max-height:none}.pide-assembly,.making-dish{width:96%;height:auto;bottom:auto}.making-heading h2{font-size:clamp(26px,5vw,35px)}}

/* Extended scroll runway and slower ingredient settling. */
.making-story{height:580vh}
@media(max-width:700px){.making-story{height:500vh}}
@media(prefers-reduced-motion:reduce){.making-story{height:auto}}

/* The large preparation animation is the opening screen. */
.making-sticky{grid-template-columns:minmax(240px,.7fr) minmax(0,1.5fr);column-gap:3vw;padding-left:4vw;padding-right:4vw;padding-top:30px;padding-bottom:84px}
.making-heading h2{font-size:clamp(32px,3.7vw,60px);letter-spacing:-1.5px}.making-heading>p{font-size:12px;line-height:1.6}
.making-scene{width:100%;height:100%;max-height:none;max-width:none;aspect-ratio:auto;min-height:0;align-self:stretch;container-type:size}
.pide-assembly,.making-dish{inset:auto;left:50%;top:50%;translate:-50% -50%;width:min(98cqw,98cqh);height:auto;aspect-ratio:1;border-radius:26px}
.ingredient-one{left:2%;top:8%}.ingredient-two{right:0;top:42%}.ingredient-three{left:4%;bottom:7%}
.making-caption h3{font-size:clamp(23px,2.5vw,34px)}.making-caption{padding-bottom:12px}.making-caption p{font-size:13px;min-height:0}.making-steps{padding-top:12px}
@media(max-width:700px){.making-sticky{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto;padding:16px 18px 84px;gap:8px}.making-heading h2{font-size:28px;line-height:1.1;margin:8px 0 0;letter-spacing:-.7px}.making-heading>p{display:none}.making-heading .section-kicker{font-size:8px}.making-scene{width:100%;height:100%;max-width:none;max-height:none;min-height:0}.pide-assembly,.making-dish{width:min(98cqw,98cqh);border-radius:18px}.making-caption{padding:0}.making-caption h3{font-size:20px;margin:5px 0}.making-caption p{display:none}.making-caption>span{font-size:8px}.making-product-order{font-size:12px;padding:5px 0}.making-steps{padding-top:8px}.making-steps button{padding:4px 0}.ingredient-one{top:3%;left:0}.ingredient-two{right:0}.ingredient-three{bottom:3%;left:0}}
@media(prefers-reduced-motion:reduce){.making-scene{height:65svh;min-height:250px}.making-sticky{padding-bottom:30px}}
/* Opening scene: large photographic stage with compact overlay copy. */
.making-sticky{display:block;position:sticky}
.making-heading{position:absolute;left:4vw;top:30px;max-width:31%;z-index:5}
.making-scene{position:absolute;left:35%;right:0;top:14px;bottom:100px;width:auto;height:auto;container-type:size}
.making-caption{position:absolute;left:4vw;bottom:145px;max-width:30%;z-index:5}
.making-steps{position:absolute;left:4vw;right:4vw;bottom:84px}
@media(max-width:700px){.making-scene{inset:0;left:0;right:0;width:100%;height:100%}.pide-assembly,.making-dish{width:min(96cqw,86cqh)}.making-heading{left:18px;right:18px;top:18px;max-width:none;padding-bottom:24px;background:linear-gradient(#18191c,transparent)}.making-heading h2{font-size:25px}.making-caption{left:18px;right:18px;bottom:137px;max-width:none;padding:18px 10px 5px;background:linear-gradient(transparent,#18191ce8 45%);border-radius:12px}.making-caption h3{font-size:19px}.making-steps{left:18px;right:18px;bottom:83px;background:#18191cf0;padding-top:10px}.ingredient-label{display:none}}
@media(prefers-reduced-motion:reduce){.making-sticky{height:calc(100svh - 84px);min-height:500px}.making-scene{min-height:0}}

/* Empty board stays still; the actual bread base lands first. */
.board-layer{opacity:1;transform:none;z-index:0}.dough-layer{z-index:1;mask:url('/assets/pide-mask-dough-v3.svg') center/100% 100% no-repeat;opacity:var(--dough-in);transform:translateY(var(--dough-y)) rotate(var(--dough-r)) scale(calc(.93 + var(--dough-in) * .07));filter:drop-shadow(0 10px 9px #0004)}
.cheese-layer{z-index:2;mask-image:url('/assets/pide-mask-cheese-v3.svg')}.meat-layer{z-index:3}.butter-layer{z-index:4}
@media(prefers-reduced-motion:reduce){.dough-layer{transform:none;opacity:1}}
/* Explicit width prevents the centered absolute grid item shrinking to zero. */
.making-scene{left:35%;right:auto;width:65%;justify-self:stretch}
@media(max-width:700px){.making-scene{left:0;right:0;width:100%}}