:root{--glass-line:rgba(255,247,226,.30);--glass-shadow:0 18px 50px rgba(36,29,20,.13);--glass-cream:rgba(249,242,224,.68);--glass-dark:rgba(38,36,29,.68)}
body{background:radial-gradient(ellipse at 12% 10%,#e5d5b9 0,transparent 40%),radial-gradient(ellipse at 85% 35%,#b1bda36b 0,transparent 42%),radial-gradient(ellipse at 20% 80%,#cbb29e70 0,transparent 40%),#e9e1d0;background-attachment:fixed}
.nav-bar{background:linear-gradient(120deg,#33372fe0,#3d3029c7)!important;border:1px solid #fff2d937!important;box-shadow:0 12px 40px #1c211f24,inset 0 1px #ffffff17;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.hero{background:radial-gradient(ellipse at 78% 40%,#7e715b52,transparent 50%),linear-gradient(120deg,#262b26f5,#45372cec)!important;border-bottom:1px solid var(--glass-line)}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 55%,#f6e3b70b 55.1%,transparent 75%);z-index:0}
.hero-ghost{opacity:.35}.button{border:1px solid #a99d8666;box-shadow:inset 0 1px #fff8e75c,0 8px 20px #2c2c2310;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .3s,background .3s,box-shadow .3s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #2c2c2320,inset 0 1px #fff8e75c}.hero .button:not(.primary){background:#fff8e70b!important;border-color:#efe0b74d!important}.hero .button.primary{background:linear-gradient(130deg,#fff4dac9,#e6d0a8cf)!important;backdrop-filter:blur(18px)}
.section{background:linear-gradient(135deg,#faf5e85c,#e3dbc957);border-top:1px solid #fff8e540}.brand-strip{background:#f1e8d456;border-color:#fff4d447;backdrop-filter:blur(14px)}
.section.tea-section{background:radial-gradient(ellipse at 50% 55%,#91806a99,#5b6155da 75%);border-block:1px solid #fff2d341;color:#fff1d7}
.section.moments-home{background:radial-gradient(ellipse at 50% 70%,#5c6b5766,transparent 70%),#2d382ddd;border-color:#fff2d330}
.section.places-section,.section.sweet-collection{background:linear-gradient(120deg,#eee4cf62,#e8d9ce62)}
.menu-folder,.place-card,.room-card,.sweet-card,.enquiry,.partner-contact,.location-map,.values>article,.category-dialog,.menu-search-results{background:linear-gradient(135deg,#fff9ecb8,#f2e8d67d)!important;border:1px solid #fffbecba!important;box-shadow:var(--glass-shadow),inset 0 1px 0 #ffffffb0;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}
.menu-folder{border-radius:22px!important}.menu-folder:before{background:#ddcfb295;border-color:#fff9e7a0;backdrop-filter:blur(14px)}.place-card,.room-card,.sweet-card{border-radius:26px;overflow:hidden}.place-card:hover,.room-card:hover,.sweet-card:hover{box-shadow:0 24px 60px #2e35242a,inset 0 1px #fff}
.crave-place{background:linear-gradient(130deg,#f1ded8b0,#f3dedb77)!important}.room-card>img{transition:transform .8s ease}.room-card:hover>img{transform:scale(1.035)}
.drawer{background:linear-gradient(135deg,#f7eed987,#e0d5bd59);border-color:#fff8e8a0;box-shadow:var(--glass-shadow),inset 0 1px #fff9e7b0;backdrop-filter:blur(18px)}.drawer details{background:linear-gradient(130deg,#fff8e0bf,#e8dcc098)!important;border:1px solid #fff9e795;box-shadow:0 8px 20px #41382213,inset 0 1px #fff9ed}.drawer-label{background:#d6c6a9a8;border-color:#fff7e57d}
input,textarea,select{background:#fffaf06e!important;border-color:#b7a98b6b!important;backdrop-filter:blur(8px)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 4px #af986a24;outline-color:#9f7f4d}
.cta{background:linear-gradient(125deg,#3c4739ed,#42533cbb)!important;border:1px solid #fff4d633!important;box-shadow:0 24px 65px #27372322,inset 0 1px #fff5df24;backdrop-filter:blur(24px);overflow:hidden}.cta:before{content:'';position:absolute;width:400px;height:400px;right:-80px;top:-200px;background:radial-gradient(circle,#dfc99225,transparent 70%);pointer-events:none}
footer{background:linear-gradient(125deg,#242e25f5,#323529ed)!important;border-top:1px solid #fff4d32c;backdrop-filter:blur(20px)}footer p,footer a{color:#d9d8c6}footer h3{color:#f7ecd2}.footer-bottom{border-color:#f5e4be26}
.socials a,.circle-btn{background:#fff7df33;backdrop-filter:blur(14px);box-shadow:inset 0 1px #fff7e36b,0 6px 16px #25341f0b}.places-menu{background:#3c4238eb;backdrop-filter:blur(20px);border-color:#fff4d438}.places-menu a{color:#f2e5c9}
#dish-dialog{background:linear-gradient(135deg,#fff9e9ed,#ece3cfdb);border:1px solid #fffaeabf;box-shadow:0 30px 100px #14251f40;backdrop-filter:blur(24px)}dialog::backdrop{background:#14241d77;backdrop-filter:blur(10px)}.category-head{border-color:#a4987c57}
/* Independent complete ingredients, each normalised only by its transparent margin. */
.assembly-art{isolation:isolate}.assembly-art:before{content:'';position:absolute;inset:10% 0 2%;border-radius:45% 45% 30% 30%;background:radial-gradient(ellipse,#f7e6c812,transparent 70%);border:1px solid #f4e4b616;transform:perspective(1000px) rotateY(-8deg);pointer-events:none}
.burger-art{top:138px;right:7%;width:45%;height:650px;max-height:none}.burger-assembly{width:min(100%,475px);aspect-ratio:.80;margin:0}
.burger-assembly .food-piece{position:absolute;inset:auto;left:var(--left,6%);top:var(--top);width:var(--w,88%);height:var(--h);aspect-ratio:auto;clip-path:none!important;background-repeat:no-repeat;background-color:transparent;filter:drop-shadow(0 9px 6px #140b0830);z-index:calc(var(--i) + 2);transform-origin:50% 65%}
.burger-bottom{--top:77%;--h:20%;--left:6%;--w:88%}.burger-patty{--top:64%;--h:20%;--left:6%;--w:88%}.burger-cheese{--top:58%;--h:16%;--left:4%;--w:92%}.burger-onion{--top:52%;--h:12%;--left:7%;--w:86%}.burger-lettuce{--top:44%;--h:16%;--left:2%;--w:96%}.burger-tomato{--top:39%;--h:13%;--left:7%;--w:86%}.burger-top{--top:15%;--h:29%;--left:5%;--w:90%}
.ingredient-stage{mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;transform-origin:50% 64%}
.burger-crumbs{position:absolute;left:80%;top:44%;z-index:12;pointer-events:none}.burger-crumbs i{display:block;position:absolute;width:5px;height:4px;background:#b1773c;border-radius:30%;box-shadow:inset 1px 1px #ebbd7980,1px 2px 3px #180c0738;opacity:0}.burger-crumbs i:nth-child(2n){background:#6b4028;width:4px;height:6px}.burger-crumbs i:nth-child(1){--dx:28px;--dy:95px}.burger-crumbs i:nth-child(2){--dx:62px;--dy:130px}.burger-crumbs i:nth-child(3){--dx:-20px;--dy:150px}.burger-crumbs i:nth-child(4){--dx:45px;--dy:170px}.burger-crumbs i:nth-child(5){--dx:12px;--dy:210px}.burger-crumbs i:nth-child(6){--dx:75px;--dy:190px}.burger-crumbs i:nth-child(7){--dx:-6px;--dy:240px}.crumb-pop i{animation:burger-crumb-fall .85s ease-in both}
@keyframes burger-crumb-fall{0%{opacity:0;transform:translate(0,0)rotate(0)}14%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),var(--dy))rotate(160deg)}}
/* Rebuilt wings: one intact food mound and a generous separate sauce bowl. */
.wings-art{top:175px;right:4%;width:49%;height:550px}.wings-assembly{width:min(100%,640px);aspect-ratio:1.24;margin:0}
.wings-assembly .new-wings-plate{position:absolute;left:0;top:27%;width:100%;height:83%;background:url('/assets/whole-ceramic-plate.png') center/contain no-repeat;clip-path:none;z-index:1;filter:drop-shadow(0 17px 18px #0e171b40)}
.wings-assembly .food-piece{position:absolute;aspect-ratio:auto;clip-path:none;background-repeat:no-repeat;filter:drop-shadow(0 8px 6px #110c082e)}.wings-assembly .new-wings-food{left:5%;top:14%;width:77%;height:58%;z-index:2}.wings-assembly .new-wings-sauce{left:59%;top:39%;width:34%;height:29%;z-index:3}
/* A complete featured photograph on mobile, with the full track still in frame. */
.conveyor-section{background:radial-gradient(ellipse at 50% 60%,#d6e0cb75,transparent 65%),linear-gradient(130deg,#f1e9d6a6,#c9d3bf55)!important;overflow:hidden}.belt-stage.original-belt{height:610px;width:100%;max-width:1460px;margin:10px auto 0;overflow:visible;perspective:1200px}.original-belt>.track{display:none}.original-track-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.original-belt .belt-plate{position:absolute;left:0;top:0;display:block;padding:7px;border:1px solid #fff6d887;border-radius:21px;background:linear-gradient(135deg,#fcf8e9ce,#d6dcc5b8);box-shadow:0 15px 22px #243d2530,inset 0 1px #fffef2,0 5px 0 #68775f77;transform-style:preserve-3d;overflow:visible;transition:opacity .3s,box-shadow .3s;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.original-belt .belt-plate:before{content:'';position:absolute;inset:6px;border-radius:15px;border:1px solid #f8f2da99;transform:translateZ(4px);pointer-events:none}.original-belt .belt-plate:after{content:'';position:absolute;inset:7px 7px 53px;border-radius:13px;background:linear-gradient(130deg,#fff4cc1a,transparent 48%,#fff4cc08);pointer-events:none}.original-belt .belt-plate img{display:block!important;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px;border:0;padding:0;box-shadow:0 3px 8px #26352730;filter:none;background:#242b22;transform:translateZ(8px)}
.original-belt .belt-plate>span{position:static!important;display:flex!important;align-items:center;justify-content:center;width:100%;height:43px;max-width:none;margin:0;padding:4px 0 0;border:0;border-radius:0;background:none;box-shadow:none;color:#2b3428;font-size:10px;line-height:1.3;white-space:normal;opacity:1;transform:translateZ(10px);text-align:center}
.conveyor-pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin:0 auto 28px;position:relative;z-index:20}.conveyor-pagination p{margin:0;min-width:210px;text-align:center}.conveyor-pagination strong{display:block;font-size:14px;font-weight:500;color:#34442f}.conveyor-pagination span{display:block;font-size:10px;letter-spacing:.16em;margin-top:5px;color:#6b775f}.conveyor-pagination button{width:44px;height:44px;border-color:#8c9b7a80;color:#354b30;background:#fff9e06b}
/* Textured 3D mesh box and pizza, with an automatically reframed open view. */
.pizza-scene{top:165px;right:2%;width:50%;height:550px;perspective:none}.box-model-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.mesh-box-ready .pizza-box{position:absolute;inset:0;width:100%;height:100%;transform:none!important;z-index:4;cursor:grab;outline-offset:-20px}.mesh-box-ready .pizza-box:active{cursor:grabbing}.mesh-box-ready .pizza-box>.box-bottom,.mesh-box-ready .pizza-box>.box-lid,.mesh-box-ready .box-stage-shadow{opacity:0;pointer-events:none}.mesh-box-ready .pizza-hint{bottom:-10px!important;z-index:5;padding:7px 13px;background:#f7e1b50c;border:1px solid #f7e1b524;border-radius:30px}
/* Real photographs in moving glass frames. */
.moment-preview,.gallery-card{border-color:#fff4d8a6!important;box-shadow:0 24px 45px #0a19144d,inset 0 1px #fff8dc9c!important;background:#eef2db65!important;backdrop-filter:blur(16px)}.moments-mosaic .moment-preview{transform:translateY(var(--fan-lift,var(--my))) rotate(var(--fan-angle,var(--mr))) rotateY(var(--fan-y,0deg));transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,.8,.26,1),box-shadow .4s}.moments-mosaic .moment-preview:hover,.moments-mosaic .moment-preview:focus-visible{transform:translateY(-25px) rotate(0deg) rotateY(0deg) translateZ(55px)}
.gallery-card{transition:transform .85s cubic-bezier(.22,.8,.26,1),opacity .8s,filter .8s!important}.gallery-card[data-position="0"]{box-shadow:0 35px 65px #18321d45,0 0 0 1px #fff7dea0!important}.gallery-meta{padding:20px 24px;border:1px solid #fff7e4a0;border-radius:22px;background:#fff9e659;backdrop-filter:blur(18px)}
.house-hero .scene-content{padding-right:30%;z-index:4}.house-hero .scene-content h1{font-size:clamp(58px,6.1vw,88px)}.house-hero .scene-media{transform-origin:50% 55%;will-change:transform}.memory-porthole{position:absolute;right:5%;top:24%;width:27%;height:50%;max-height:440px;perspective:1200px;transform-style:preserve-3d;z-index:3;pointer-events:none}.memory-pane{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:9px solid #f5e8cb80;border-radius:26px;box-shadow:0 30px 65px #092b1e55;backdrop-filter:blur(15px);transition:transform .4s ease-out}.memory-pane:nth-child(1){transform:translateX(-12%) rotate(-12deg) translateZ(-60px);opacity:.7}.memory-pane:nth-child(2){transform:translateY(-3%) rotate(5deg) translateZ(20px)}.memory-pane:nth-child(3){width:67%;height:49%;inset:auto -8% -4% auto;transform:rotate(12deg) translateZ(65px);border-width:6px;border-radius:20px}
@supports not ((backdrop-filter:blur(1px))){.nav-bar{background:#30392f!important}.menu-folder,.place-card,.room-card,.sweet-card,.enquiry,.drawer{background:#f0e7d3!important}}
@media(max-width:1100px){.burger-art{right:3%;width:47%;top:180px;height:600px}.burger-assembly{width:min(100%,430px)}.wings-art{top:210px;right:1%;width:50%;height:510px}.pizza-scene{top:200px;height:520px}.memory-porthole{width:28%;right:4%;height:44%;top:30%}.belt-stage.original-belt{height:540px}.house-hero .scene-content h1{font-size:70px}}
@media(max-width:768px){.nav-bar{backdrop-filter:blur(18px)}.burger-art{top:250px;width:49%;right:0;height:540px}.burger-assembly{width:min(100%,380px)}.wings-art{top:265px;width:50%}.house-hero .scene-content{padding-right:0}.memory-porthole{display:none}.house-hero .scene-content h1{font-size:64px}.original-belt .belt-plate>span{font-size:12px}.pizza-scene{top:235px}}
@media(max-width:900px){.belt-stage.original-belt{height:425px;max-width:100%;overflow:hidden;margin-top:22px}.original-belt .belt-plate{padding:9px;border-radius:26px;box-shadow:0 22px 28px #203b2730,inset 0 1px #fffaec,0 7px 0 #697d5b60}.original-belt .belt-plate img{border-radius:18px}.original-belt .belt-plate>span{height:53px;font-size:14px;line-height:1.35;padding:8px 4px 0}.original-belt .belt-plate:after{inset:9px 9px 62px;border-radius:18px}.conveyor-pagination{gap:17px;margin-top:0;margin-bottom:26px}.conveyor-pagination p{min-width:190px}.conveyor-pagination strong{font-size:13px}.conveyor-section .wrap p{font-size:14px}.conveyor-section .wrap p br{display:none}}
@media(max-width:640px){body[data-page=home] .hero{min-height:1030px}.burger-art{top:485px;right:6%;width:88%;height:465px}.burger-assembly{width:min(100%,345px)}.assembly-art:before{inset:6% 0 0}.wings-art{top:455px;right:2%;width:96%;height:390px}.wings-assembly{width:min(100%,430px)}.hero.menu-hero{min-height:950px!important}.pizza-scene{top:545px;right:0;width:100%;height:480px}.contact-hero{min-height:1150px!important}body[data-page=contact] .contact-hero{min-height:1150px!important}.house-hero .scene-content h1{font-size:55px}.house-hero .scene-content{padding-right:0}.gallery-meta{padding:16px;gap:14px}.menu-folder,.place-card,.room-card,.sweet-card,.enquiry{backdrop-filter:blur(12px)}.category-dialog{background:#f6eedde8!important}.moment-preview{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.burger-crumbs{display:none}.memory-pane,.moment-preview,.gallery-card,.button{transition:none!important}.house-hero .scene-media{transform:none!important}.ingredient-stage{mask-image:none!important;-webkit-mask-image:none!important}}
.assembly-art:before{background:linear-gradient(130deg,#ffffff12,#fff4dc04);border-color:#fff6dc2e;box-shadow:inset 0 1px #fff7dd22,0 20px 60px #10281e16;backdrop-filter:blur(14px) saturate(110%)}
.pizza-scene:before{content:'';position:absolute;inset:3% 2% 2%;border:1px solid #fff5db24;border-radius:38px;background:linear-gradient(130deg,#ffffff09,#fff5dd03);box-shadow:inset 0 1px #fff4d718;pointer-events:none}
.memory-porthole{right:7%}
@media(max-width:1100px){.memory-porthole{right:7%}}
@media(max-width:640px){.conveyor-pagination{width:100%;padding:0 72px 0 18px;gap:14px;box-sizing:border-box}.conveyor-pagination p{min-width:0;flex:1}.conveyor-pagination strong{font-size:12px;line-height:1.3}.conveyor-pagination button{flex:0 0 44px}}
.crave-brand,.partner-badge{background:#fff6e6c2;border:1px solid #fff8df9c;backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffffa6,0 10px 25px #162a1e18}
