/* Full-scale photographic theater. All interactive content stays in document order. */
.restaurant-experience{position:relative;padding:104px max(24px,5vw) 80px;background:radial-gradient(ellipse at 50% 38%,#26232a,#081426 60%,#040c17);isolation:isolate;overflow:clip;scroll-margin-top:90px!important;--scene-accent:#ff845e}
.restaurant-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;max-width:1440px;margin:0 auto 36px}.restaurant-intro h2{font-size:clamp(48px,5.7vw,86px);line-height:.98}.restaurant-intro h2 em{font-style:normal;color:#ff985c}.restaurant-intro>.eyebrow{margin-bottom:18px}.restaurant-intro>p{max-width:370px;font-size:16px;line-height:1.8}.restaurant-intro>p strong{color:#fff0e1}
.restaurant-theater{position:relative;margin:auto;max-width:1440px;height:clamp(570px,47vw,760px);background:#07101a;isolation:isolate;overflow:hidden;border:1px solid #9d7b614d;border-radius:12px;box-shadow:0 40px 90px #0006;perspective:1600px;scroll-margin-top:100px;transition:border-color 1s,box-shadow 1s}
.theater-status{position:absolute;z-index:8;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 26px;background:linear-gradient(#030b14ef,#030b1400);color:#ffd2bd;font:600 11px/1.5 Inter,sans-serif;letter-spacing:.09em}.theater-status>span:first-child{display:flex;gap:10px;align-items:center}.theater-status i{width:6px;height:6px;flex:none;background:#ff7854;border-radius:50%;box-shadow:0 0 14px #ff6c4c}.theater-chapter{color:#e3dcd4;font-size:10px}
.restaurant-world{position:absolute;inset:-1%;transform-style:preserve-3d;transform:rotateY(var(--scene-x,0deg)) rotateX(var(--scene-y,0deg));transition:transform .5s ease-out}.room{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:opacity 1.8s ease,transform 3.4s cubic-bezier(.2,.6,.2,1),filter 2s;transform:scale(1.035);filter:brightness(.93)}.room-order{opacity:0;transform:scale(1.075);filter:brightness(1.08)}.room-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#040c17d9,transparent 33%,transparent 67%,#040c173b),radial-gradient(ellipse at center,#030b1445,transparent 35%);transition:opacity 1.8s;pointer-events:none}.room-aura{position:absolute;inset:0;z-index:3;opacity:0;background:radial-gradient(ellipse,#fff2c58c,transparent 64%);mix-blend-mode:screen;pointer-events:none}.room-scan{position:absolute;left:-8%;top:0;z-index:7;height:100%;width:2px;opacity:0;background:#fff0cf;box-shadow:0 0 20px 7px #ffb46799,0 0 110px 35px #ff782649;pointer-events:none}.room-grain{position:absolute;inset:0;opacity:.1;z-index:2;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 4px 5px);pointer-events:none;transition:opacity 1s}
#transformation-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}.restaurant-connections{position:absolute;inset:0;width:100%;height:100%;z-index:3;opacity:0;transition:opacity 1.8s;pointer-events:none;filter:drop-shadow(0 0 5px #ff854e)}.restaurant-connections path{stroke:#ffc08d88;stroke-width:1;fill:none;vector-effect:non-scaling-stroke;stroke-dasharray:1600;stroke-dashoffset:1600;transition:stroke-dashoffset 2.4s}.restaurant-connections .travel{stroke:#fff1c9;stroke-width:2;stroke-dasharray:3 150;animation:restaurantCurrent 8s linear infinite}
.scene-markers{position:absolute;inset:0;z-index:4;pointer-events:none}.scene-marker{position:absolute;display:flex;align-items:flex-start;gap:11px;width:260px;max-width:29%;padding:16px 18px;background:linear-gradient(120deg,#211714ed,#1d1613cc);border:1px solid #b2855e88;border-left:3px solid #cf8e59;box-shadow:0 12px 26px #0008;clip-path:polygon(0 2%,20% 0,22% 3%,65% 0,68% 4%,100% 0,98% 54%,100% 58%,98% 100%,55% 97%,52% 100%,0 97%);transition:transform 1.5s cubic-bezier(.18,.8,.2,1),background 1s,border 1s,opacity .5s;transform-origin:center}.scene-marker i{font:800 14px/1.3 Inter,sans-serif;color:#ffb17e;font-style:normal}.scene-marker span{display:block;font:800 clamp(15px,1.5vw,21px)/1.06 Display,sans-serif;color:#ffe4cc}.scene-marker small{display:block;margin-top:7px;color:#ddc5b6;font-size:12px;line-height:1.5}.marker-orders{top:20%;left:5%;transform:rotate(-7deg)}.marker-cost{top:19%;right:5%;transform:rotate(6deg)}.marker-cash{bottom:10%;right:7%;transform:rotate(-5deg)}.caption-after{display:none!important}
.scene-control{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,calc(100% - 40px));display:flex;align-items:center;flex-direction:column;gap:14px;text-align:center}.scene-invitation,.scene-hint{color:#fff5e9;text-shadow:0 2px 12px #000;font:600 10px/1.6 Inter,sans-serif;letter-spacing:.13em}.scene-invitation{padding:5px 12px;background:#081426bd;border-radius:30px}.scene-hint{font-size:11px;font-weight:400;letter-spacing:.03em;background:#081426ba;padding:4px 10px;border-radius:20px}
.implant-button{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;min-height:78px;width:100%;padding:20px 24px;border:1px solid #ffe1c0;border-radius:7px;background:linear-gradient(115deg,#ffc387,#ff832c 60%,#ff5a00);color:#081426;box-shadow:0 0 0 6px #ff93401c,0 12px 50px #0008,0 0 50px #ff742833,inset 0 1px #fff3de;cursor:pointer;font:800 16px/1.4 Inter,sans-serif;transition:transform .25s,box-shadow .25s,background .8s;overflow:hidden}.implant-button:hover{transform:translateY(-3px);box-shadow:0 0 0 9px #ff934022,0 15px 45px #0008,0 0 80px #ff65155c}.implant-button:disabled{cursor:progress;transform:none}.implant-icon{font-size:32px;line-height:1;flex:none}.implant-arrow{font-size:27px;flex:none}.implant-button:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent,#fff8,transparent);transform:translateX(-110%);animation:implantShine 7s infinite}
.transformation-progress{position:absolute;z-index:8;left:24px;right:24px;bottom:18px;display:flex;align-items:center;gap:20px;color:#ece2d7;font-size:10px;letter-spacing:.1em}.transformation-progress>div{height:2px;background:#ffffff38;flex:1}.transformation-progress i{display:block;width:0;height:100%;background:#ffbd85;box-shadow:0 0 15px #ff8544;transition:width 3.6s ease}
.restaurant-action{max-width:1440px;margin:24px auto 0;display:flex;justify-content:space-between;align-items:start;gap:40px}.restaurant-action #transform-description{font-size:17px;line-height:1.65;color:#e9e6e1;max-width:650px}.restaurant-disclaimer{max-width:420px;font-size:11px;line-height:1.6;color:#a4b1c1}
.cause-heading{max-width:1440px;margin:54px auto 24px}.cause-heading .eyebrow{margin-bottom:12px}.cause-heading h3{font:600 clamp(20px,2.3vw,30px)/1.3 Inter,sans-serif;letter-spacing:-.035em}.restaurant-reasons{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.restaurant-reasons article{padding:23px 0 0;border-top:1px solid #96715888;min-width:0;transition:border-color 1s}.reason-number{font:600 10px Inter,sans-serif;letter-spacing:.12em;color:#e6a37d}.restaurant-reasons h4{font:600 clamp(18px,1.7vw,23px)/1.3 Inter,sans-serif;letter-spacing:-.035em;margin:17px 0 13px;color:#fff1e5}.restaurant-reasons p{font-size:14px;line-height:1.8}.reason-result{display:block;color:#e8b397;font-size:12px;margin-top:20px;padding-left:12px;border-left:2px solid #a4775b;line-height:1.7}.scene-next{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1440px;margin:40px auto 0;padding:27px 32px;border:1px solid #ffad6740;background:linear-gradient(110deg,#ff813013,#13283a)}.scene-next[hidden]{display:none}.scene-next p{font-size:16px}.scene-next strong{color:#ffe3c7;font-weight:600}
.restaurant-experience[data-state=charging] .room-chaos{transform:scale(1.09);filter:brightness(.7) saturate(.6)}.restaurant-experience[data-state=charging] .scene-marker{transform:translateY(-15px) scale(.94);opacity:.25}.restaurant-experience[data-state=charging] .implant-icon{animation:restaurantRotate 1.2s linear infinite}.restaurant-experience[data-state=rebuilding] .room-order,.restaurant-experience[data-state=connected] .room-order{opacity:1;transform:scale(1.02)}.restaurant-experience[data-state=rebuilding] .room-chaos,.restaurant-experience[data-state=connected] .room-chaos{opacity:0;transform:scale(1)}.restaurant-experience[data-state=rebuilding] .room-scan{animation:roomScan 2.4s ease-in-out both}.restaurant-experience[data-state=rebuilding] .room-aura{animation:roomBloom 2.4s ease-out both}.restaurant-experience[data-state=rebuilding] .scene-marker,.restaurant-experience[data-state=connected] .scene-marker{transform:rotate(0);clip-path:none;border-radius:5px;border-color:#ffd3999c;background:linear-gradient(120deg,#10283dea,#081426df);box-shadow:0 8px 25px #0005,inset 0 1px #ffe4b92b}.restaurant-experience[data-state=rebuilding] .caption-before,.restaurant-experience[data-state=connected] .caption-before{display:none!important}.restaurant-experience[data-state=rebuilding] .caption-after,.restaurant-experience[data-state=connected] .caption-after{display:block!important}.restaurant-experience[data-state=rebuilding] .restaurant-connections,.restaurant-experience[data-state=connected] .restaurant-connections{opacity:.8}.restaurant-experience[data-state=rebuilding] .restaurant-connections path,.restaurant-experience[data-state=connected] .restaurant-connections path{stroke-dashoffset:0}.restaurant-experience[data-state=connected] .restaurant-theater{border-color:#ffb77588;box-shadow:0 40px 90px #0006,0 0 100px #ff8c2015}.restaurant-experience[data-state=connected] .room-grain{opacity:0}.restaurant-experience[data-state=connected] .room-shade{opacity:.8}.restaurant-experience[data-state=connected] .implant-button{background:#081426dd;color:#ffe5c3;border-color:#ffd59e77;box-shadow:0 5px 24px #0006;min-height:64px;font-size:14px}.restaurant-experience[data-state=connected] .implant-button:before{display:none}.restaurant-experience[data-state=connected] .scene-hint{display:none}.restaurant-experience[data-state=connected] .restaurant-reasons article{border-color:#ffac69}.restaurant-experience[data-state=connected] .reason-result{color:#ffbf87;border-color:#ff9e50}.restaurant-experience:not([data-state=chaos]) .transformation-progress i{width:100%}
@keyframes roomScan{0%{left:-5%;opacity:0}15%,85%{opacity:1}100%{left:105%;opacity:0}}@keyframes roomBloom{0%,100%{opacity:0}35%{opacity:1}}@keyframes restaurantCurrent{to{stroke-dashoffset:-610}}@keyframes implantShine{0%,70%,100%{transform:translateX(-110%)}90%{transform:translateX(110%)}}@keyframes restaurantRotate{to{transform:rotate(360deg)}}
/* Official screens never disappear while their replacement decodes. */
.image-feedback{position:absolute;inset:auto 20px 115px;text-align:center;color:#fff0da;background:#081426ef;padding:10px;z-index:5;font-size:13px}.image-feedback[hidden]{display:none}.solution-visual #solution-image{transition:transform .5s;object-fit:contain}.solution-visual .delivery-food{width:28%;right:0;bottom:125px}.real-dish{width:40%;left:57%;bottom:4%;transition:transform .65s,opacity .4s}.food-stage[data-phase="1"] .real-dish,.food-stage[data-phase="2"] .real-dish{opacity:0;transform:translate(12%,10%) scale(.8)}.food-stage[data-phase="3"] .real-dish{width:34%;left:66%;opacity:.85}.phase-monitor,.food-stage[data-phase="3"] .phase-monitor{inset:0 0 16% 0}.phase-monitor>span{min-height:44px}.phase-monitor.is-loading:after{content:'Preparando imagem…';position:absolute;left:20px;right:20px;bottom:20px;text-align:center;background:#081426ef;padding:10px;font-size:13px}.food-scan{pointer-events:none}
@media(max-width:1000px){.restaurant-intro{gap:25px}.restaurant-intro>p{max-width:300px;font-size:15px}.scene-marker{padding:12px;gap:8px}.scene-marker small{font-size:11px}.scene-marker span{font-size:18px}.restaurant-reasons{gap:22px}.restaurant-theater{height:570px}.restaurant-action{gap:25px}.restaurant-disclaimer{max-width:310px}.theater-chapter{display:none}}
@media(max-width:700px){.restaurant-experience{padding:64px 20px 58px;scroll-margin-top:76px!important}.restaurant-intro{display:block;margin-bottom:26px}.restaurant-intro h2{font-size:clamp(42px,10vw,65px)}.restaurant-intro>p{max-width:100%;margin-top:22px;font-size:15px}.restaurant-theater{height:550px;border-radius:8px;margin-inline:-6px;scroll-margin-top:88px}.room{object-position:50% center}.restaurant-world{inset:0}.theater-status{padding:16px 12px;font-size:9px;letter-spacing:.05em}.room-shade{background:linear-gradient(0deg,#040c17ed,transparent 36%,transparent 70%,#040c1760)}.scene-control{width:calc(100% - 26px);top:49%;gap:12px}.implant-button{gap:10px;padding:18px 13px;min-height:72px;font-size:14px}.implant-icon{font-size:25px}.implant-arrow{font-size:22px}.scene-invitation{font-size:8px;letter-spacing:.06em}.scene-hint{font-size:10px}.scene-marker{width:44%;max-width:none;padding:11px 9px;gap:7px}.scene-marker i{font-size:10px}.scene-marker span{font-size:16px;line-height:1.05}.scene-marker small{font-size:10px;line-height:1.5;margin-top:6px}.marker-orders{top:15%;left:4%;transform:rotate(-4deg)}.marker-cost{top:15%;right:4%;transform:rotate(4deg)}.marker-cash{bottom:11%;left:25%;right:auto;width:50%;transform:rotate(-4deg)}.transformation-progress{left:12px;right:12px;bottom:17px;font-size:8px;letter-spacing:.03em;gap:10px}.restaurant-action{display:block;margin-top:20px}.restaurant-action #transform-description{font-size:15px}.restaurant-disclaimer{max-width:none;font-size:10px;margin-top:12px}.cause-heading{margin-top:36px}.cause-heading h3{font-size:23px;line-height:1.4}.restaurant-reasons{grid-template-columns:1fr;gap:24px}.restaurant-reasons article{padding-top:19px}.restaurant-reasons h4{font-size:21px;margin-top:13px}.restaurant-reasons p{font-size:14px}.reason-result{margin-top:14px}.scene-next{flex-direction:column;align-items:stretch;padding:22px;gap:20px}.scene-next p{font-size:14px}.scene-next .button{font-size:11px}.food-stage-visual{min-height:370px}.solution-visual .delivery-food{width:28%;bottom:145px}.real-dish{width:36%;left:63%}}
.motion-paused .restaurant-world{transform:none!important}.motion-paused .restaurant-experience *{animation:none!important;transition:none!important}.motion-paused #transformation-particles{display:none}
@media(prefers-reduced-motion:reduce){.restaurant-experience *{animation:none!important;transition:none!important}.restaurant-world{transform:none!important}#transformation-particles{display:none}}