:root{--cream:#f3ecdc;--black:#050505;--purple:#643176;--magenta:#a5153f;--pink:#e83f8e;--orange:#f59a16;--teal:#63bdae;--green:#0a675d;--text:#17120f;--muted:#6f655d;--line:rgba(23,18,15,.16);--shadow:0 26px 80px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{position:sticky;top:0;z-index:50;height:78px;background:var(--black);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 10px 30px rgba(0,0,0,.22)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-weight:800;font-size:8px;letter-spacing:.2em;line-height:1.05;color:#fff;border-left:3px solid var(--pink);border-right:3px solid var(--teal);padding:4px 5px}.brand strong{font-family:Playfair Display,serif;font-size:1.25rem}.brand small{display:block;color:#ddd;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}.nav-links{display:flex;align-items:center;gap:26px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.nav-links a{opacity:.9}.nav-links a:hover{color:var(--orange)}.menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:1.8rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800;color:var(--orange);margin:0 0 12px}.home-window{max-width:1360px;margin:0 auto;padding:0 24px 58px}.home-media{position:relative;background:#fff;box-shadow:var(--shadow);overflow:hidden}.home-media>img{width:100%;max-height:1120px;object-fit:cover;object-position:top}.video-panel{position:absolute;right:42px;top:42px;width:min(420px,38vw);background:rgba(5,5,5,.82);color:#fff;padding:30px;backdrop-filter:blur(6px)}.video-panel h1{font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,4.3rem);line-height:.98;margin:0 0 16px}.video-panel p{line-height:1.6}.video-placeholder{width:84px;height:84px;border-radius:50%;border:2px solid #fff;background:rgba(255,255,255,.12);color:#fff;font-size:2rem;cursor:pointer}.bot-card{margin:18px auto 0;max-width:960px;background:#fff;border-left:8px solid var(--teal);box-shadow:var(--shadow);padding:20px;display:flex;justify-content:space-between;gap:18px;align-items:center}.bot-card p{margin:.35rem 0 0;color:var(--muted)}.hero-actions,.action-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.btn{border:0;border-radius:0;padding:14px 24px;font-weight:800;letter-spacing:.03em;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;min-height:48px}.btn.primary{background:var(--orange);color:#fff}.btn.secondary{background:var(--purple);color:#fff}.btn.pay{background:#111;color:#fff}.btn.full{width:100%}.btn.mini{background:var(--teal);color:#fff;min-height:40px;padding:10px 18px}.section{max-width:1360px;margin:0 auto;padding:58px 24px;border-top:1px solid var(--line)}.section-head{max-width:900px;margin:0 auto 30px;text-align:center}.section h2{font-family:Playfair Display,serif;line-height:.98;margin:0 0 18px;font-size:clamp(2.2rem,4vw,5rem)}.section-head p:not(.eyebrow){color:var(--muted);line-height:1.65}.screen-card{margin:0;background:#fff;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.08);overflow:hidden}.menu-window{position:relative;background:#fff;box-shadow:var(--shadow)}.menu-window>img{width:100%}.menu-actions{position:absolute;inset:auto 24px 24px 24px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.menu-btn{background:var(--orange);color:#fff}.menu-btn.magenta{background:var(--magenta)}.menu-btn.teal{background:var(--green)}.reservation-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:26px;align-items:start}.design-reference{position:sticky;top:100px}.form-card{background:#fff;padding:30px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.08)}.form-card h3{font-family:Playfair Display,serif;font-size:2.1rem;margin:0 0 10px}.muted,.tiny{color:var(--muted);line-height:1.55}.tiny{font-size:.82rem}.two,.three{display:grid;gap:14px;margin:14px 0}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr 1fr 1fr}label{font-size:.86rem;font-weight:800;color:#28201b}input,select,textarea{width:100%;margin-top:7px;border:1px solid rgba(0,0,0,.24);background:#fbfbfb;color:#111;padding:13px 12px;font:inherit;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(99,189,174,.18)}.payment-box{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#f7edda;border-left:8px solid var(--orange);padding:16px;margin:18px 0}.payment-box.no-pay{border-left-color:var(--teal);background:#eaf7f4}.payment-box p{margin:4px 0 0;color:var(--muted);font-size:.92rem}.form-msg{min-height:22px;font-weight:800;color:var(--green)}.split{display:grid;grid-template-columns:1fr .62fr;gap:26px;align-items:start}.compact{position:sticky;top:100px}.delivery-links{display:flex;justify-content:center;gap:42px;flex-wrap:wrap;margin-top:28px}.delivery-logo{width:150px;height:150px;border-radius:28px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.75rem;box-shadow:var(--shadow)}.delivery-logo.uber{background:#06c167;color:#000}.delivery-logo.skip{background:#ff8b00;color:#fff}.contact-card{background:var(--orange);padding:34px;box-shadow:var(--shadow)}.contact-card h3{font-family:Playfair Display,serif;font-size:2.4rem;margin:0 0 16px}.contact-card p{line-height:1.55}.footer{background:var(--purple);color:#fff;padding:34px 28px;display:flex;justify-content:space-between;gap:22px;align-items:center}.footer nav{display:flex;gap:18px;flex-wrap:wrap}.footer p{margin:.25rem 0 0;opacity:.8}.floating-reserve{position:fixed;left:18px;right:auto;bottom:18px;background:var(--pink);color:#fff;font-weight:900;padding:14px 18px;box-shadow:0 14px 34px rgba(0,0,0,.22);z-index:40}.menu-dialog{border:0;box-shadow:var(--shadow);max-width:560px;padding:34px;background:#fff}.menu-dialog::backdrop{background:rgba(0,0,0,.55)}.menu-dialog h3{font-family:Playfair Display,serif;font-size:2.5rem;margin:0 0 12px}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:2rem;cursor:pointer}
@media(max-width:980px){.menu-toggle{display:block}.nav-links{position:absolute;left:0;right:0;top:78px;display:none;flex-direction:column;align-items:flex-start;background:#000;padding:20px 28px;gap:18px}.nav-links.open{display:flex}.reservation-grid,.split{grid-template-columns:1fr}.design-reference,.compact{position:relative;top:auto}.topbar{padding:0 18px}.two,.three{grid-template-columns:1fr}.payment-box{align-items:flex-start;flex-direction:column}.footer{flex-direction:column;align-items:flex-start}.video-panel{position:relative;right:auto;top:auto;width:auto;background:var(--purple)}.home-window{padding-left:14px;padding-right:14px}.menu-actions{position:relative;inset:auto;padding:20px}.bot-card{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.section{padding-left:14px;padding-right:14px}.form-card{padding:20px}.screen-card,.home-media{box-shadow:0 14px 36px rgba(0,0,0,.14)}.brand small{display:none}.delivery-logo{width:130px;height:130px;font-size:1.45rem}}
.nav-links a.active{color:var(--orange);opacity:1;font-weight:900}
.standalone{min-height:calc(100vh - 78px - 130px)}
.section.standalone{border-top:0}
.home-window.standalone{padding-top:28px}
/* Commerce v2 */
.commerce-hero{padding:72px 6vw 42px;background:linear-gradient(120deg,#f7efe2,#fff);display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}.commerce-hero img{width:100%;height:440px;object-fit:cover;border-radius:28px}.commerce-hero h1{font:700 clamp(2.6rem,5vw,5rem)/.98 'Playfair Display',serif;margin:.25em 0}.commerce-note{background:#4a174f;color:#fff;padding:14px 18px;border-radius:14px}.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:32px;padding:46px 5vw}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 14px 40px rgba(35,20,36,.09)}.product-card img{width:100%;height:260px;object-fit:cover}.product-copy{padding:22px}.product-copy h3{font:700 1.5rem 'Playfair Display',serif;margin:5px 0}.product-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.cart-panel{position:sticky;top:95px;align-self:start;background:#fff;border:1px solid #eadfce;border-radius:22px;padding:24px;box-shadow:0 14px 40px rgba(35,20,36,.08)}.cart-row{display:grid;grid-template-columns:54px 1fr auto auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #eee}.cart-row img{width:54px;height:54px;object-fit:cover;border-radius:10px}.cart-row small{display:block}.qty{display:flex;align-items:center;gap:8px}.qty button{width:28px;height:28px;border:0;border-radius:50%;cursor:pointer}.totals{margin:18px 0}.totals div{display:flex;justify-content:space-between;padding:6px 0}.totals .grand{font-size:1.15rem;border-top:1px solid #ddd;margin-top:8px;padding-top:12px}.checkout-form{display:grid;gap:10px}.checkout-form input,.checkout-form select,.checkout-form textarea{width:100%;padding:12px;border:1px solid #d9cdbd;border-radius:10px}.section-head{text-align:center;padding:42px 5vw 0}.section-head h2{font:700 clamp(2rem,4vw,3.5rem) 'Playfair Display',serif}.home-commerce{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:48px 6vw}.home-commerce article{min-height:360px;border-radius:26px;padding:36px;color:#fff;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.home-commerce article:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(25,10,27,.86))}.home-commerce article>*{position:relative}.home-commerce h2{font:700 2.2rem 'Playfair Display',serif}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:18px;border-radius:16px;background:#f7efe2}.metric strong{display:block;font-size:1.5rem}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.admin-tabs button{padding:10px 14px}.hidden{display:none!important}@media(max-width:900px){.commerce-hero,.catalog-layout,.home-commerce{grid-template-columns:1fr}.commerce-hero img{height:300px}.catalog-grid{grid-template-columns:1fr}.cart-panel{position:static}.report-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.report-grid{grid-template-columns:1fr}.commerce-hero{padding-top:38px}.catalog-layout{padding:25px 16px}.cart-row{grid-template-columns:46px 1fr auto}.cart-row>strong{grid-column:2/4}}

.menu-catalog-section{padding:58px 0 0}.menu-catalog-head{text-align:center;max-width:850px;margin:0 auto 28px}.menu-category{background:#fff;margin:0 0 24px;padding:26px;box-shadow:var(--shadow)}.menu-category h3{font:700 2rem 'Playfair Display',serif;margin:0 0 14px;color:var(--purple)}.menu-list article{display:grid;grid-template-columns:1fr auto;gap:24px;padding:17px 0;border-bottom:1px solid #eee}.menu-list article:last-child{border-bottom:0}.menu-list strong{font-size:1.05rem}.menu-list p{margin:6px 0 0;color:var(--muted);line-height:1.55}.menu-list span{font-weight:800;white-space:nowrap}.payment-demo-wrap{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:50px 20px;background:linear-gradient(135deg,#f7efe2,#fff)}.payment-demo-card{width:min(960px,100%);display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;box-shadow:var(--shadow)}.payment-demo-summary{padding:42px;background:var(--purple);color:#fff}.payment-demo-summary h1{font:700 3.2rem/1 'Playfair Display',serif}.payment-demo-summary .eyebrow{color:#ffbf6b}.deposit-total{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin:30px 0;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}.deposit-total strong{font-size:1.55rem}.card-form{padding:42px}.demo-badge{background:#fff0d6;border:1px solid #f0b14a;padding:12px;font-weight:800;margin-bottom:18px}.admin-access-section{border-top:0}.admin-access-card{background:var(--orange);padding:38px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:var(--shadow)}.admin-access-card h2{font-size:3rem}.admin-access-card p:not(.eyebrow){max-width:700px}.category-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.category-filter button{padding:10px 14px;border:1px solid #ddd;background:#fff;cursor:pointer;font-weight:700}.category-filter button.active{background:var(--purple);color:#fff}@media(max-width:760px){.payment-demo-card{grid-template-columns:1fr}.payment-demo-summary h1{font-size:2.4rem}.admin-access-card{align-items:flex-start;flex-direction:column}.menu-list article{grid-template-columns:1fr}.menu-list span{justify-self:start}}
.product-order-controls{display:flex;gap:12px;align-items:end}.product-order-controls label{max-width:92px}.product-order-controls input{margin-top:5px}.payment-order-lines{display:grid;gap:8px;margin-top:24px}.payment-order-lines div{display:flex;justify-content:space-between;gap:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.16)}.menu-guidance{padding:42px 0 0}.menu-guidance-card{max-width:820px;margin:0 auto;background:#fff;padding:34px;text-align:center;box-shadow:var(--shadow)}.menu-guidance-card h2{font-size:clamp(2rem,4vw,3.5rem)}@media(max-width:520px){.product-order-controls{align-items:stretch;flex-direction:column}.product-order-controls label{max-width:none}}
/* Administration dashboard */
.admin-page{background:#f6f0e7;color:#241528}.admin-shell{max-width:1500px;margin:0 auto;padding:48px 24px 90px}.admin-login{max-width:520px;margin:50px auto;padding:38px}.admin-login label{display:grid;gap:8px;margin:22px 0}.admin-login input,.admin-form input,.admin-form textarea,.admin-form select,.record-status,.report-filters input,.report-filters select{width:100%;padding:12px;border:1px solid #d6c8d6;border-radius:8px;background:#fff;font:inherit}.admin-heading,.panel-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.admin-tabs button{border:0;border-radius:999px;padding:11px 17px;background:#e6dce8;cursor:pointer;font-weight:700}.admin-tabs button.active{background:#5b174f;color:#fff}.admin-panel{display:none;background:#fff;border-radius:18px;padding:26px;box-shadow:0 14px 35px rgba(61,25,54,.08)}.admin-panel.active{display:block}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:900px}.table-wrap th,.table-wrap td{padding:12px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.mini-btn{border:1px solid #6e245e;background:#fff;color:#6e245e;border-radius:7px;padding:7px 10px;cursor:pointer}.danger,.mini-btn.danger{border-color:#a22b3d;color:#a22b3d}.catalog-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}.admin-product-card{display:grid;grid-template-columns:110px 1fr;gap:16px;border:1px solid #eadfea;border-radius:14px;padding:14px}.admin-product-card img{width:110px;height:110px;object-fit:cover;border-radius:10px;background:#eee}.admin-product-card h3{margin:4px 0}.admin-product-card p{font-size:.9rem;line-height:1.45}.admin-card-actions{display:flex;gap:8px;margin-top:12px}.admin-modal{position:fixed;inset:0;background:rgba(20,8,19,.72);z-index:9999;display:grid;place-items:center;padding:20px}.admin-modal.hidden{display:none}.admin-modal-card{position:relative;background:#fff;width:min(820px,100%);max-height:92vh;overflow:auto;border-radius:18px;padding:30px}.modal-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:2rem;cursor:pointer}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form label{display:grid;gap:7px;font-weight:700}.admin-form .full{grid-column:1/-1}.image-preview img{max-width:260px;max-height:190px;object-fit:cover;border-radius:12px}.form-actions{display:flex;gap:10px}.report-filters{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;align-items:end}.report-filters label{display:grid;gap:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.metric-grid article{background:#f6f0e7;border-radius:12px;padding:18px}.metric-grid strong{display:block;font-size:1.5rem;margin-top:6px}.hidden{display:none!important}@media(max-width:760px){.admin-heading,.panel-title{align-items:flex-start;flex-direction:column}.admin-form{grid-template-columns:1fr}.admin-form .full{grid-column:auto}.report-filters,.metric-grid{grid-template-columns:1fr 1fr}.admin-product-card{grid-template-columns:82px 1fr}.admin-product-card img{width:82px;height:82px}}
/* Designer edition 2026 */
.designer-page main{overflow:hidden}.designer-page h1,.designer-page h2{font-family:'Playfair Display',serif}.editorial-hero img,.event-hero img,.delivery-hero img{width:100%;height:min(72vw,780px);object-fit:cover}.editorial-split{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.editorial-split.reverse img{order:2}.editorial-split>img{width:100%;height:100%;object-fit:cover}.editorial-copy{padding:clamp(45px,8vw,120px);display:flex;flex-direction:column;justify-content:center}.editorial-copy h1,.editorial-copy h2,.editorial-title h1{font-size:clamp(3rem,6vw,7rem);line-height:.92;margin:0 0 32px}.color-note{padding:28px;font-size:1.05rem;line-height:1.75;margin:0 0 26px}.orange{background:var(--orange);color:#17120f}.burgundy{background:var(--magenta);color:#fff}.purple{background:var(--purple);color:#fff}.teal,.teal-panel{background:var(--teal);color:#10231f}.green{background:var(--green);color:#fff}.pink{background:var(--pink);color:#fff}.btn.ink{background:#090909;color:#fff}.btn.cream{background:var(--cream);color:#111}.btn.orange{background:var(--orange);color:#111}.btn.teal{background:var(--teal);color:#111}.photo-banner{min-height:700px;background-size:cover;background-position:center;display:flex;align-items:center;padding:7vw}.banner-card{max-width:600px;padding:clamp(35px,6vw,80px)}.banner-card h2{font-size:clamp(3rem,6vw,6rem);line-height:.95;margin:0 0 22px}.banner-card p{font-size:1.1rem;line-height:1.7}.editorial-title{text-align:center;padding:80px 24px 35px}.menu-editorial article{display:grid;grid-template-columns:1.05fr .95fr;min-height:580px}.menu-editorial article.reverse img{order:2}.menu-editorial img{width:100%;height:100%;object-fit:cover}.menu-editorial article>div{padding:clamp(45px,8vw,110px);display:flex;flex-direction:column;justify-content:center}.menu-editorial h2{font-size:clamp(3rem,6vw,6rem);margin:0 0 18px}.menu-editorial p{font-size:1.08rem;line-height:1.7}.stripe{height:32px;width:75%;margin:20px 0 26px}.reservation-designer{display:grid;grid-template-columns:.78fr 1.22fr;min-height:900px}.reservation-photo img{width:100%;height:100%;object-fit:cover}.reservation-content{padding:clamp(35px,6vw,90px);position:relative}.reservation-content:before{content:"";position:absolute;left:0;top:0;bottom:0;width:22px;background:var(--orange)}.reservation-content h1,.event-copy h1,.delivery-panel h1,.contact-top h1,.work-designer h1{font-size:clamp(3.5rem,7vw,7rem);line-height:.9;margin:0 0 30px}.designer-form{box-shadow:none;margin-top:25px}.event-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:clamp(50px,8vw,120px);align-items:start}.event-copy p{font-size:1.15rem;line-height:1.8}.delivery-panel{background:var(--purple);color:#fff;padding:clamp(55px,9vw,130px);text-align:center}.delivery-panel>p{font-size:1.2rem}.delivery-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:50px auto;max-width:1000px}.delivery-cards-two{grid-template-columns:repeat(2,minmax(220px,320px));justify-content:center;max-width:760px}.delivery-cards a{background:#fff;color:#111;padding:40px 20px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.brand-card{border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow)}.brand-logo{display:flex;align-items:center;justify-content:center;min-height:78px;padding:14px 20px;border-radius:18px;min-width:190px}.uber-eats .brand-logo{background:#000;color:#fff}.uber-word{font-weight:800;font-size:2rem;letter-spacing:-.04em}.eats-word{font-weight:800;font-size:2rem;letter-spacing:-.04em;color:#06c167;margin-left:10px}.skip-brand .brand-logo{background:#ff8000;color:#fff}.skip-word{font-weight:900;font-size:2rem;letter-spacing:-.03em}.delivery-cards span:last-child{font-size:1rem;color:#4b433f}.delivery-panel .hero-actions{justify-content:center}.about-intro,.about-story{padding:clamp(55px,8vw,110px)}.about-intro h1,.about-story h2{font-size:clamp(3.2rem,6vw,6.5rem);line-height:.95;max-width:950px}.about-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:50px}.about-grid img,.about-block{width:100%;min-height:420px}.about-grid img{height:100%;object-fit:cover}.about-block{padding:clamp(35px,6vw,80px);display:flex;align-items:center;font-family:'Playfair Display',serif;font-size:clamp(1.35rem,2.2vw,2.35rem);line-height:1.35}.about-closing{text-align:center;font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,4rem);max-width:1000px;margin:70px auto 0}.contact-designer{background:var(--orange)}.contact-top,.contact-bottom{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.contact-top img,.contact-bottom img{width:100%;height:100%;object-fit:cover}.contact-top>div,.contact-bottom>div{padding:clamp(45px,8vw,110px);display:flex;flex-direction:column;justify-content:center}.contact-top p,.contact-bottom p{font-size:1.1rem;line-height:1.8}.contact-bottom h2{font-size:2.5rem;margin:28px 0 8px}.btn.whatsapp{background:#1fac5b;color:#fff;align-self:flex-start}.work-designer{display:grid;grid-template-columns:1fr 1.1fr;min-height:750px}.work-designer>div{padding:clamp(50px,9vw,130px);display:flex;flex-direction:column;justify-content:center}.work-designer p{font-size:1.2rem;line-height:1.8}.work-designer img{width:100%;height:100%;object-fit:cover}.editorial-footer{border-top:12px solid var(--orange);padding:55px 5vw}.footer-brand{display:flex;gap:18px;align-items:center}.footer-social{display:flex;flex-direction:column;gap:8px}
@media(max-width:900px){.editorial-split,.menu-editorial article,.reservation-designer,.event-layout,.contact-top,.contact-bottom,.work-designer{grid-template-columns:1fr}.editorial-split.reverse img,.menu-editorial article.reverse img{order:0}.editorial-split>img,.menu-editorial img,.reservation-photo img,.work-designer img{height:430px}.photo-banner{min-height:620px}.delivery-cards{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.about-grid img,.about-block{min-height:320px}.event-layout{gap:25px}.contact-bottom img{min-height:420px}.editorial-footer{align-items:flex-start}}
@media(max-width:560px){.editorial-copy,.menu-editorial article>div,.reservation-content,.event-layout,.delivery-panel,.about-intro,.about-story,.contact-top>div,.contact-bottom>div,.work-designer>div{padding:42px 20px}.editorial-hero img,.event-hero img,.delivery-hero img{height:430px}.photo-banner{padding:20px}.banner-card{padding:30px 22px}.about-grid{margin-left:-20px;margin-right:-20px}.designer-form{padding:18px}.footer-social{flex-direction:row;flex-wrap:wrap}}

.delivery-panel .brand-card:hover{transform:translateY(-2px)}
.footer-social a{white-space:nowrap}
@media (max-width:900px){.delivery-cards-two{grid-template-columns:1fr;max-width:360px}.brand-logo{min-width:0;width:100%}}

/* Official delivery and social connections */
.social-link{display:inline-flex;align-items:center;gap:8px}.social-icon{width:22px;height:22px;flex:0 0 auto}.social-button{gap:10px}.social-button .social-icon{width:20px;height:20px}.brand-card{transition:transform .18s ease,box-shadow .18s ease}.brand-card:hover,.brand-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.2)}

/* Mobile floating reservation button: keep clear of the Jotform chatbot */
@media (max-width: 600px){
  .floating-reserve{
    left:14px;
    right:auto;
    bottom:calc(14px + env(safe-area-inset-bottom, 0px));
    z-index:35;
    padding:12px 16px;
    max-width:calc(100vw - 100px);
  }
}

/* Client structure refinements — August 2026 */
.topbar{height:74px;padding-inline:clamp(18px,3vw,42px)}
.brand{gap:9px;min-width:128px}.brand-mark{font-size:7px;padding:3px 4px;line-height:1}.brand strong{font-size:1.05rem}.brand small{font-size:.62rem}
.nav-links{gap:clamp(12px,1.55vw,24px);font-size:clamp(.62rem,.7vw,.78rem)}
.floating-reserve{display:none!important}

.home-video{position:relative;min-height:clamp(430px,66vw,820px);background:#111;overflow:hidden}.home-video video,.home-video-fallback,.home-video-fallback img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-video video:not([src]){display:none}.home-video-fallback:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18))}
.design-collage{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);min-height:700px;background:var(--cream);align-items:stretch}.design-collage.celebration-collage{grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);position:relative}.design-collage.celebration-collage .collage-media{order:2}.design-collage.home-order-collage{grid-template-columns:minmax(390px,.88fr) minmax(0,1.12fr)}
.collage-media{position:relative;min-height:620px;overflow:hidden}.collage-main{width:100%;height:100%;object-fit:cover}.collage-inset{position:absolute;width:44%;height:43%;object-fit:cover;right:-1px;bottom:8%;border:14px solid var(--cream);box-shadow:var(--shadow)}.fusion-collage .collage-inset{left:0;right:auto;bottom:12%;border-left:0}.celebration-collage .collage-inset{left:-9%;right:auto;bottom:10%;border-color:var(--cream)}.home-order-collage .collage-inset{left:-8%;right:auto;top:22%;bottom:auto}
.collage-copy{padding:clamp(55px,7vw,110px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.collage-copy h1,.collage-copy h2{font-size:clamp(3.5rem,6.4vw,7.1rem);line-height:.9;margin:0 0 30px}.celebration-collage .collage-copy{margin:7% -8% 7% 7%;box-shadow:var(--shadow)}.home-order-collage .collage-copy{z-index:3}.text-link{display:inline-flex;align-items:center;font-weight:800;text-decoration:underline;text-underline-offset:4px;margin-left:4px}
.event-hero img,.delivery-hero img{height:clamp(340px,42vw,610px);object-position:center}.event-layout{padding-top:clamp(45px,6vw,90px);padding-bottom:clamp(45px,6vw,90px)}
.delivery-panel{padding-top:clamp(50px,6vw,90px);padding-bottom:clamp(50px,6vw,90px)}.delivery-cards-two{margin-block:36px}.brand-logo{padding:0;overflow:hidden;background:transparent!important}.brand-logo img{width:100%;height:auto;max-height:84px;object-fit:contain}.delivery-cards a{padding:26px 20px}
.about-intro,.about-story{padding-top:clamp(48px,6vw,90px);padding-bottom:clamp(48px,6vw,90px)}.about-block{font-size:clamp(1.2rem,1.72vw,1.9rem);line-height:1.48}
.reservation-designer{grid-template-columns:minmax(310px,.68fr) minmax(0,1.32fr)}.reservation-photo img{object-position:center}.reservation-content{max-width:1040px;width:100%;margin-inline:auto}.designer-form label{font-size:.88rem;font-weight:700}.designer-form input,.designer-form select,.designer-form textarea{font-size:1rem}
.editorial-footer nav{row-gap:10px}
@media(max-width:1080px){.nav-links{gap:12px;font-size:.66rem}.brand{min-width:112px}.design-collage{grid-template-columns:1fr 1fr}.collage-copy h1,.collage-copy h2{font-size:clamp(3rem,5.8vw,5.5rem)}}
@media(max-width:900px){.design-collage,.design-collage.celebration-collage,.design-collage.home-order-collage{grid-template-columns:1fr}.design-collage.celebration-collage .collage-media{order:0}.collage-media{min-height:460px}.collage-copy{padding:54px 28px}.celebration-collage .collage-copy{margin:0}.collage-inset,.fusion-collage .collage-inset,.celebration-collage .collage-inset,.home-order-collage .collage-inset{width:42%;height:40%;left:auto;right:0;bottom:4%;top:auto;border:10px solid var(--cream)}.reservation-designer{grid-template-columns:1fr}.reservation-photo img{height:390px}.event-hero img,.delivery-hero img{height:380px}}
@media(max-width:560px){.topbar{height:68px}.brand strong{font-size:.95rem}.home-video{min-height:430px}.collage-media{min-height:390px}.collage-copy h1,.collage-copy h2{font-size:clamp(2.8rem,14vw,4.6rem)}.collage-inset,.fusion-collage .collage-inset,.celebration-collage .collage-inset,.home-order-collage .collage-inset{width:48%;height:35%;border-width:7px}.event-hero img,.delivery-hero img{height:310px}.delivery-cards a{padding:20px 15px}.about-block{font-size:1.15rem;line-height:1.5}.reservation-photo img{height:300px}}




/* Client-approved photography from Estructura Web_Sumaq.pptx */
.page-index .home-video-fallback img{object-position:center center}
.page-index .fusion-collage .collage-main{object-position:center center}
.page-index .fusion-collage .collage-inset{object-position:center center}
.page-index .celebration-collage .collage-main{object-position:center center}
.page-index .celebration-collage .collage-inset{object-position:center center}
.page-index .home-order-collage .collage-main{object-position:center center}
.page-menu .menu-editorial article:nth-child(1) img{object-position:center center}
.page-menu .menu-editorial article:nth-child(2) img{object-position:center center}
.page-menu .menu-editorial article:nth-child(3) img{object-position:center center}
.page-reservations .reservation-photo img{object-position:center center}
.page-private-events .event-hero img{object-position:center 45%}
.page-delivery .delivery-hero img{object-position:center center}
.page-about .about-grid img{object-position:center center}
.page-contact .contact-top img,.page-contact .contact-bottom img{object-position:center center}
.page-work-with-us .work-designer img{object-position:center center}

/* Exact client-approved large-slide compositions (August 2026).
   Small comparison thumbnails from the PowerPoint are intentionally not used. */
.reference-main {
  background: #f3eddf;
  padding: 0;
}
.reference-section {
  position: relative;
  width: min(100%, 1441px);
  margin: 0 auto;
  overflow: hidden;
  background: #f3eddf;
}
.reference-section > img {
  display: block;
  width: 100%;
  height: auto;
}
.reference-hotspot {
  position: absolute;
  z-index: 4;
  display: block;
  border-radius: 2px;
  background: transparent;
}
.reference-hotspot:focus-visible {
  outline: 4px solid #fff;
  box-shadow: 0 0 0 7px #111;
}
.reference-mobile-action { display: none; }
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* Hotspots correspond to the buttons printed in the approved large images. */
.home-fusion-link { left: 79%; top: 75%; width: 13%; height: 13%; }
.home-reservation-link { left: 53%; top: 55%; width: 18%; height: 12%; }
.home-order-link { left: 76%; top: 54%; width: 14%; height: 18%; }
.menu-main-link { left: 76%; top: 58%; width: 13%; height: 13%; }
.menu-desserts-link { left: 7%; top: 58%; width: 13%; height: 13%; }
.menu-cocktails-link { left: 78%; top: 58%; width: 13%; height: 13%; }
.delivery-uber-link { left: 22%; top: 54%; width: 16%; height: 25%; }
.delivery-skip-link { left: 42%; top: 54%; width: 16%; height: 25%; }
.delivery-accessible-actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 1.25rem 1rem 2rem;
  background: #5a2c70;
}
/* Functional Reservations follows the approved slide 9 proportions. */
.page-reservations .reservation-designer {
  max-width: 1441px;
  margin: 0 auto;
  grid-template-columns: minmax(300px, 34%) minmax(0, 66%);
  background: #f3eddf;
}
.page-reservations .reservation-photo {
  border-left: 72px solid #f99b15;
  min-height: 800px;
}
.page-reservations .reservation-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.page-reservations .reservation-content {
  padding: clamp(2rem, 5vw, 5rem) clamp(1.5rem, 5vw, 5rem);
  background: #f3eddf;
}
.page-reservations .reservation-content h1 {
  text-align: right;
  font-size: clamp(3rem, 5vw, 5.5rem);
  margin-bottom: 2rem;
}
.page-reservations .reservation-content .color-note.teal {
  text-align: right;
  padding: 1.4rem 2rem;
}
/* Functional Private Events follows the approved slide 10 composition. */
.page-private-events .event-hero {
  width: min(100%, 1441px);
  margin: 0 auto;
  height: auto;
}
.page-private-events .event-hero img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.page-private-events .event-layout {
  width: min(100%, 1441px);
  margin: 0 auto;
  grid-template-columns: 2fr 1fr;
  background: #f3eddf;
}
.page-private-events .event-copy {
  padding: clamp(3rem, 8vw, 8rem) clamp(2rem, 8vw, 7rem);
}
.page-private-events .event-copy h1 {
  font-size: clamp(3rem, 5vw, 5.5rem);
}
.page-private-events .designer-form {
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  padding: clamp(2rem, 4vw, 4rem);
}
.about-reference-main .about-reference + .about-reference { margin-top: 0; }

@media (max-width: 720px) {
  .reference-section {
    width: 100%;
  }
  .reference-hotspot { display: none; }
  .reference-mobile-action {
    display: flex;
    justify-content: center;
    padding: .8rem 1rem 1.4rem;
    background: #f3eddf;
  }
  .home-reference-main .reference-mobile-action:nth-of-type(2) { background: #f3eddf; }
  .delivery-accessible-actions { padding-bottom: 1.5rem; }
  .page-reservations .reservation-designer {
    grid-template-columns: 1fr;
  }
  .page-reservations .reservation-photo {
    border-left-width: 18px;
    min-height: 420px;
  }
  .page-reservations .reservation-content h1,
  .page-reservations .reservation-content .color-note.teal {
    text-align: left;
  }
  .page-private-events .event-layout {
    grid-template-columns: 1fr;
  }
}


/* Detailed client refinements — August 2026 */
.reference-hotspot{cursor:pointer;touch-action:manipulation}
.reference-hotspot::after{content:"";position:absolute;inset:-3px}
.home-fusion-link{left:83.2%;top:80%;width:11.7%;height:7.6%}
.home-reservation-link{left:30.2%;top:55.1%;width:19.2%;height:8.2%}
.home-order-link{left:3.2%;top:78%;width:9.5%;height:8.5%}
.menu-main-link{left:84.6%;top:65.7%;width:11.9%;height:7.7%}
.menu-desserts-link{left:5.0%;top:63.4%;width:11.8%;height:7.7%}
.menu-cocktails-link{left:83.1%;top:51.0%;width:12.1%;height:8.1%}

/* One shared footer throughout the site, matching the supplied reference. */
.footer-reference{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,3fr) minmax(180px,.8fr);gap:2.2rem;align-items:start;background:#5b2f70;color:#fff;border-top:0;padding:42px 6vw 34px;min-height:260px}
.footer-left{display:flex;align-items:center;gap:48px}.footer-logo-lockup{display:flex;flex-direction:column;align-items:center;font-family:Inter,sans-serif}.footer-logo-mark{font-size:1.35rem;line-height:.86;letter-spacing:.18em;border-left:5px solid #ec4d95;border-right:5px solid #55bdb0;padding:4px 12px 4px 14px}.footer-logo-lockup small{margin-top:8px;font-size:.65rem}.footer-follow{display:flex;flex-direction:column;gap:18px;color:#efe8f2}.footer-social-row{display:flex;gap:18px}.footer-social-row a{color:#fff;display:flex;align-items:center;justify-content:center}.footer-social-row .social-icon{width:42px;height:42px}.footer-rule{height:8px;background:#f89b19;margin-top:2px;width:100%}.footer-nav{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;padding-top:28px}.footer-nav a{color:#fff!important;font-size:.96rem;line-height:1.3;text-decoration:none}.footer-nav a:hover,.footer-nav a:focus-visible{text-decoration:underline}

/* Reservations: preserve all data fields while matching the supplied proportions. */
.page-reservations .reservation-designer{min-height:auto;align-items:stretch}
.page-reservations .reservation-photo{min-height:680px}
.page-reservations .reservation-content{padding:34px clamp(24px,4vw,64px) 44px}
.page-reservations .reservation-content:before{width:10px}
.page-reservations .reservation-content .eyebrow{display:none}
.page-reservations .reservation-content h1{font-size:clamp(2rem,3vw,3.35rem);margin:0 0 18px;text-align:right;font-weight:500}
.page-reservations .reservation-content .color-note.teal{padding:14px 22px;font-size:.96rem;line-height:1.3;margin-bottom:18px}
.reservation-reference-form{margin-top:0;padding:0;background:transparent}
.reservation-reference-form .two,.reservation-reference-form .three{gap:12px}
.reservation-reference-form label{font-size:.78rem}
.reservation-reference-form input,.reservation-reference-form select,.reservation-reference-form textarea{min-height:42px;border:1px solid #aaa;background:#fff}
.reservation-reference-form .payment-box{display:flex;align-items:center;gap:26px;border-left:10px solid #f89b19;background:#f6ead3;padding:20px;margin-top:18px}
.reservation-reference-form .payment-box.no-pay{border-left-color:#61beb3;background:#e5f4f2}
.reservation-reference-form .payment-box strong{font-size:1.15rem;color:#111}.reservation-reference-form .payment-box p{margin:5px 0 0;color:#6d625d}
.reservation-reference-form .btn.full{max-width:180px;margin:18px auto 0;display:block;padding:13px 22px}

/* Private Events typography and balanced 2/1 layout from reference. */
.page-private-events .event-layout{gap:0;grid-template-columns:1.6fr .84fr;padding:0}
.page-private-events .event-copy{padding:70px 72px;background:#f3eddf}
.page-private-events .event-copy .eyebrow{display:none}
.page-private-events .event-copy h1{font-size:clamp(2.35rem,4vw,4.3rem);font-weight:500;margin-bottom:24px}
.page-private-events .event-copy p{font-size:1rem;line-height:1.45;max-width:650px}
.page-private-events .designer-form{padding:28px 30px;background:#fff;margin:0}
.page-private-events .designer-form label{font-size:.73rem}
.page-private-events .designer-form input,.page-private-events .designer-form textarea{border:0;border-bottom:1px solid #222;border-radius:0;padding:10px 2px;background:transparent;min-height:38px}
.page-private-events .designer-form textarea{min-height:92px}
.page-private-events .designer-form .btn{width:auto;min-width:95px;border-radius:20px;padding:10px 18px}

/* Remove the obsolete DoorDash artwork and correct the embedded delivery copy. */
.delivery-reference{isolation:isolate}.delivery-copy-mask{position:absolute;z-index:3;left:10.8%;top:54.5%;width:57%;min-height:8%;display:flex;align-items:center;background:#5b2f70;color:#fff;font-size:clamp(.7rem,1.25vw,1.18rem);padding:.5rem 0}.delivery-doordash-mask{position:absolute;z-index:3;left:68%;top:73%;width:22%;height:14%;background:#5b2f70}

@media(max-width:900px){.footer-reference{grid-template-columns:1fr 1.5fr .8fr}.footer-left{gap:24px}.page-private-events .event-copy{padding:46px 30px}}
@media(max-width:720px){.footer-reference{grid-template-columns:1fr;gap:20px;padding:34px 28px}.footer-left{justify-content:flex-start}.footer-rule{order:2}.footer-nav{order:3;padding-top:0;display:grid!important;grid-template-columns:1fr 1fr!important}.footer-social-row .social-icon{width:36px;height:36px}.delivery-copy-mask,.delivery-doordash-mask{display:block}.delivery-copy-mask{font-size:2.1vw}.page-reservations .reservation-photo{min-height:340px}.page-reservations .reservation-content h1{text-align:left}.page-private-events .event-layout{grid-template-columns:1fr}.page-private-events .designer-form{padding:30px 24px}}
@media(max-width:480px){.footer-left{align-items:flex-start}.footer-follow{margin-top:10px}.footer-nav{grid-template-columns:1fr!important}.delivery-copy-mask{font-size:2.25vw}}

/* v13: clickable delivery logos only; clean Contact decorative image */
.delivery-accessible-actions{display:none!important}
.delivery-uber-link,.delivery-skip-link{cursor:pointer;z-index:6}
.page-contact .contact-bottom>img{object-fit:cover;object-position:center center;background:var(--orange)}

/* v14: full clickable areas for Home Order Now and Delivery platform logos */
.home-order-link{
  left:69.5%;
  top:49.5%;
  width:26.5%;
  height:25.5%;
  cursor:pointer;
  z-index:8;
}
.delivery-uber-link{
  left:20.5%;
  top:34.5%;
  width:18.5%;
  height:27%;
  cursor:pointer;
  z-index:8;
}
.delivery-skip-link{
  left:66.5%;
  top:34.5%;
  width:18.5%;
  height:27%;
  cursor:pointer;
  z-index:8;
}
.home-order-link::after,
.delivery-uber-link::after,
.delivery-skip-link::after{
  inset:0;
}
@media(max-width:720px){
  .home-order-link,
  .delivery-uber-link,
  .delivery-skip-link{
    display:block;
  }
}


/* v15: reliable full-logo click targets for Delivery */
.delivery-reference{position:relative;}
.delivery-reference .delivery-platform-link{
  position:absolute!important;
  display:block!important;
  z-index:20!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  border-radius:18px;
  background:transparent;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(255,255,255,.18);
}
.delivery-reference .delivery-platform-link .delivery-click-fill{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
}
.delivery-reference .delivery-uber-link{
  left:16.5%!important;
  top:29%!important;
  width:25%!important;
  height:38%!important;
}
.delivery-reference .delivery-skip-link{
  left:58.5%!important;
  top:29%!important;
  width:25%!important;
  height:38%!important;
}
.delivery-reference .delivery-platform-link:hover,
.delivery-reference .delivery-platform-link:focus-visible{
  outline:3px solid rgba(255,255,255,.92);
  outline-offset:3px;
}
@media(max-width:720px){
  .delivery-reference .delivery-platform-link{display:block!important;}
  .delivery-reference .delivery-uber-link{
    left:12%!important;
    top:27%!important;
    width:31%!important;
    height:43%!important;
  }
  .delivery-reference .delivery-skip-link{
    left:57%!important;
    top:27%!important;
    width:31%!important;
    height:43%!important;
  }
}

/* v16: align Delivery click targets exactly with the printed platform logos. */
.delivery-reference .delivery-uber-link{
  left:22.05%!important;
  top:71.25%!important;
  width:8.45%!important;
  height:15.25%!important;
  border-radius:14%!important;
}
.delivery-reference .delivery-skip-link{
  left:46.45%!important;
  top:71.25%!important;
  width:8.55%!important;
  height:15.25%!important;
  border-radius:14%!important;
}
.delivery-reference .delivery-platform-link:hover,
.delivery-reference .delivery-platform-link:focus,
.delivery-reference .delivery-platform-link:focus-visible{
  outline:none!important;
  box-shadow:none!important;
}
@media(max-width:720px){
  .delivery-reference .delivery-uber-link{
    left:22.05%!important;
    top:71.25%!important;
    width:8.45%!important;
    height:15.25%!important;
  }
  .delivery-reference .delivery-skip-link{
    left:46.45%!important;
    top:71.25%!important;
    width:8.55%!important;
    height:15.25%!important;
  }
}

/* v17: mobile uses the CTA buttons printed inside the approved artwork.
   Hide duplicate black actions and keep proportional hotspots active. */
@media (max-width:720px){
  .page-index .reference-mobile-action,
  .page-menu .reference-mobile-action{
    display:none!important;
    padding:0!important;
    margin:0!important;
  }

  .page-index .home-reference .reference-hotspot,
  .page-menu .menu-reference .reference-hotspot{
    display:block!important;
    z-index:25!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(255,255,255,.16);
  }

  .page-index .home-reference .reference-hotspot::after,
  .page-menu .menu-reference .reference-hotspot::after{
    content:"";
    position:absolute;
    inset:-6px;
    pointer-events:auto;
  }

  .page-index .home-reference .reference-hotspot:focus,
  .page-index .home-reference .reference-hotspot:focus-visible,
  .page-menu .menu-reference .reference-hotspot:focus,
  .page-menu .menu-reference .reference-hotspot:focus-visible{
    outline:none!important;
    box-shadow:none!important;
  }
}

/* Client design rebuild — August 2026 */
.topbar{height:92px;padding:8px 32px}.brand img{width:78px;height:76px;object-fit:contain}.nav-links a.active{color:var(--orange)}
.footer-logo-lockup img{width:145px;max-height:185px;object-fit:contain}.footer-left{align-items:flex-start}.footer-social-row .social-icon{width:34px;height:34px}
.modular-main{overflow:hidden}.home-hero-mod{min-height:calc(100vh - 92px);position:relative;background:#000}.home-hero-mod>img{width:100%;height:calc(100vh - 92px);min-height:640px;object-fit:cover}.hero-overlay{position:absolute;inset:0 0 0 auto;width:min(44%,590px);background:rgba(0,0,0,.76);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:5vw;text-align:center}.hero-overlay img{width:min(280px,70%);max-height:430px;object-fit:contain}.hero-overlay p{max-width:360px;line-height:1.7}
.feature-row,.menu-feature,.about-lead,.about-story{display:grid;grid-template-columns:1.12fr .88fr;min-height:620px}.feature-row.reverse,.menu-feature.reverse{grid-template-columns:.88fr 1.12fr}.feature-row.reverse .feature-photo,.menu-feature.reverse img{order:2}.feature-photo{position:relative;min-height:600px}.feature-photo>img:first-child,.menu-feature>img,.about-lead>img,.about-story>img{width:100%;height:100%;object-fit:cover}.feature-inset{position:absolute;width:36%;aspect-ratio:1/1;object-fit:cover;right:-5%;bottom:8%;border:12px solid currentColor}.feature-copy,.menu-feature>div,.about-lead>div,.about-story>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,7vw,110px);position:relative}.feature-copy h2,.menu-feature h1,.menu-feature h2,.about-lead h1,.about-story h2{font:500 clamp(2.6rem,5vw,5.8rem)/.96 'Playfair Display',serif;margin:.15em 0 .35em}.feature-copy p,.menu-feature p,.about-lead p,.about-story p{line-height:1.7;max-width:570px}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:800}.wine-block{background:#a1123e;color:#fff}.orange-block{background:#f89b19;color:#24160c}.teal-block{background:#61beb3;color:#14201d}.design-btn{display:inline-flex;width:max-content;padding:12px 20px;border:1px solid rgba(255,255,255,.7);font:500 1.2rem 'Playfair Display',serif;margin-top:18px}.design-btn.wine{background:#a1123e;color:#fff}.design-btn.orange{background:#f89b19;color:#fff}.text-link{font-weight:800;margin-top:24px}.button-pair{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.menu-feature{grid-template-columns:1.08fr .92fr}.menu-feature.reverse{grid-template-columns:.92fr 1.08fr}.menu-feature>img{min-height:580px}
.delivery-modular{background:#5b2f70;color:#fff}.delivery-hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:720px;align-items:stretch}.delivery-hero>img{width:100%;height:100%;object-fit:cover}.delivery-hero>div{display:flex;flex-direction:column;justify-content:center;padding:7vw}.delivery-hero h1{font:500 clamp(3rem,6vw,6rem) 'Playfair Display',serif;margin:.1em 0}.delivery-hero p{font-size:1.08rem;line-height:1.6}.delivery-options{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.delivery-options a{background:#fff;min-height:150px;padding:28px;display:flex;align-items:center;justify-content:center}.delivery-options img{max-width:180px;max-height:90px}
.about-gallery{display:grid;grid-template-columns:1fr 1fr 1fr}.about-gallery>img{width:100%;height:480px;object-fit:cover}.about-gallery>div{padding:60px;display:flex;flex-direction:column;justify-content:center}.about-gallery h2{font:500 3rem 'Playfair Display',serif}.about-story{grid-template-columns:1fr .85fr 1fr}
.contact-new{background:#f3eddf}.contact-hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:620px}.contact-hero>img{width:100%;height:100%;object-fit:cover}.contact-hero>div{background:#f89b19;padding:7vw;display:flex;flex-direction:column;justify-content:center}.contact-hero h1{font:500 clamp(3rem,6vw,6rem) 'Playfair Display',serif;margin:.1em 0}.contact-list p{display:flex;gap:15px;align-items:flex-start;line-height:1.5}.info-icon{width:30px;font-size:1.25rem}.contact-details{display:grid;grid-template-columns:.85fr 1.15fr}.hours-card{padding:6vw;background:#61beb3}.hours-card h2{font:500 clamp(2.5rem,4vw,4.5rem) 'Playfair Display',serif}.hours-card dl>div{display:flex;justify-content:space-between;gap:25px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.22)}.hours-card dt{font-weight:800}.hours-card dd{margin:0;text-align:right}.contact-details>img{width:100%;height:100%;min-height:620px;object-fit:cover}
/* reservations edge-to-edge stripe and mobile continuity */
.reservation-designer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important}.reservation-photo{border-left:72px solid #f89b19!important}.reservation-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.reservation-content{border:0!important}
/* compact pickup and accessible product modal */
.catalog-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-filter{position:sticky;top:92px;z-index:15;background:#f7efe2;padding:12px 0;display:flex;gap:8px;overflow-x:auto}.category-filter button{white-space:nowrap;border:1px solid #a1123e;background:#fff;color:#a1123e;padding:9px 14px;cursor:pointer}.category-filter button.active{background:#a1123e;color:#fff}.product-card{border-radius:0;cursor:pointer}.product-card img{height:170px}.product-copy{padding:14px}.product-copy>p,.product-order-controls{display:none}.product-copy h3{font-size:1.15rem}.product-meta{margin:10px 0 0}.product-detail-dialog{border:0;padding:0;max-width:760px;width:calc(100% - 30px);box-shadow:0 24px 80px rgba(0,0,0,.35)}.product-detail-dialog::backdrop{background:rgba(0,0,0,.66)}.product-modal-grid{display:grid;grid-template-columns:1fr 1fr}.product-modal-grid img{width:100%;height:100%;min-height:430px;object-fit:cover}.product-modal-copy{padding:34px;position:relative}.product-modal-copy h3{font:600 2.2rem 'Playfair Display',serif}.product-modal-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:2rem;cursor:pointer}.modal-order{display:flex;gap:12px;align-items:end;margin-top:24px}.modal-order label{max-width:90px}
@media(max-width:980px){.topbar{height:78px}.brand img{width:62px;height:62px}.nav-links{top:78px}.feature-row,.feature-row.reverse,.menu-feature,.menu-feature.reverse,.about-lead,.about-story,.delivery-hero,.contact-hero,.contact-details{grid-template-columns:1fr}.feature-row.reverse .feature-photo,.menu-feature.reverse img{order:0}.feature-photo,.menu-feature>img{min-height:440px}.feature-inset{right:4%;border-width:8px}.hero-overlay{width:55%}.about-gallery{grid-template-columns:1fr 1fr}.about-gallery>div{grid-column:1/-1}.about-story{grid-template-columns:1fr}.delivery-hero>img{height:480px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-filter{top:78px}.reservation-designer{grid-template-columns:1fr!important}.reservation-photo{border-left:18px solid #f89b19!important}}
@media(max-width:620px){.home-hero-mod,.home-hero-mod>img{min-height:680px;height:680px}.hero-overlay{inset:auto 0 0;width:100%;height:55%;padding:28px;background:linear-gradient(transparent,rgba(0,0,0,.94) 22%)}.hero-overlay img{width:145px;max-height:220px}.feature-row,.menu-feature,.about-lead,.about-story{min-height:auto}.feature-photo,.menu-feature>img{min-height:330px}.feature-copy,.menu-feature>div,.about-lead>div,.about-story>div{padding:44px 24px}.feature-copy h2,.menu-feature h1,.menu-feature h2,.about-lead h1,.about-story h2{font-size:2.75rem}.feature-inset{width:34%;bottom:5%}.about-gallery{grid-template-columns:1fr}.about-gallery>div{grid-column:auto}.about-gallery>img{height:330px}.delivery-hero>img{height:340px}.delivery-hero>div{padding:48px 24px}.delivery-options{grid-template-columns:1fr}.delivery-options a{min-height:120px}.contact-hero>img{height:340px}.contact-hero>div,.hours-card{padding:48px 24px}.contact-details>img{min-height:360px}.catalog-layout{padding:24px 14px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card img{height:120px}.product-copy{padding:10px}.product-copy h3{font-size:1rem}.product-meta small{display:none}.product-modal-grid{grid-template-columns:1fr}.product-modal-grid img{min-height:220px;height:220px}.product-modal-copy{padding:26px}.cart-panel{position:relative;top:auto}.footer-logo-lockup img{width:110px}}

/* Final visual fidelity pass — August 2026 */
:root{--sumaq-orange:#f89b19;--sumaq-wine:#a1123e;--sumaq-purple:#5b2f70;--sumaq-teal:#61beb3;--sumaq-cream:#f4edde}

/* Reservations: the orange rail is continuous from the first pixel to the end of the section. */
.page-reservations .reservation-designer{position:relative;border-left:clamp(42px,5vw,72px) solid var(--sumaq-orange)!important;background:var(--sumaq-cream)}
.page-reservations .reservation-photo{border-left:0!important;min-width:0}
.page-reservations .reservation-photo img{object-position:center center}
@media(max-width:980px){
  .page-reservations .reservation-designer{border-left:42px solid var(--sumaq-orange)!important}
  .page-reservations .reservation-photo{border-left:0!important;min-height:420px}
}
@media(max-width:620px){
  .page-reservations .reservation-designer{border-left:34px solid var(--sumaq-orange)!important}
  .page-reservations .reservation-photo{min-height:340px}
  .page-reservations .reservation-content{padding:38px 22px 42px}
}

/* About: exact alternating image/text rhythm from the supplied reference, using all six photos. */
.about-reference-page{background:var(--sumaq-cream);overflow:hidden}
.about-title-band{min-height:150px;display:flex;align-items:center;justify-content:center;padding:35px 24px;text-align:center}
.about-title-band h1,.about-divider h2{font:500 clamp(2rem,4vw,4.2rem)/1.08 'Playfair Display',serif;margin:0;color:#16110e}
.about-mosaic{display:grid;grid-template-columns:1fr 1fr}
.about-cell{min-height:430px}
.about-cell.image img{width:100%;height:100%;object-fit:cover}
.about-cell.copy{display:flex;align-items:center;justify-content:center;padding:clamp(40px,7vw,100px);color:#fff;text-align:center}
.about-cell.copy p{max-width:680px;font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.38;margin:0}
.about-cell.pink{background:#e83b91}.about-cell.purple{background:#5b2f70}.about-cell.wine{background:#a1123e}.about-cell.red{background:#c7143d}.about-cell.cyan{background:#13aeb9}.about-cell.green{background:#0e665d}
.about-divider{grid-column:1/-1;min-height:150px;display:flex;align-items:center;justify-content:center;padding:34px 24px;text-align:center;background:var(--sumaq-cream)}
.about-divider h2{font-size:clamp(1.65rem,3vw,3.25rem)}
.about-divider.closing{min-height:170px}
@media(max-width:760px){
  .about-mosaic{grid-template-columns:1fr}
  .about-cell{min-height:330px}
  .about-cell.copy{min-height:280px;padding:45px 28px}
  .about-divider{grid-column:auto;min-height:125px}
  .about-title-band{min-height:125px}
}

/* Contact: reproduce the orange editorial layout and use one consistent SVG icon family. */
.contact-reference-page{background:var(--sumaq-orange);color:#16110e}
.contact-top-reference{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(390px,1.18fr);gap:clamp(55px,9vw,150px);align-items:center;max-width:1240px;margin:0 auto;padding:clamp(70px,9vw,135px) clamp(28px,7vw,95px)}
.contact-top-image img{width:100%;max-width:440px;aspect-ratio:.72;object-fit:cover;margin:auto}
.contact-top-copy h1{font:500 clamp(4rem,8vw,8rem)/.95 'Playfair Display',serif;margin:0 0 55px}
.contact-reference-list{display:flex;flex-direction:column;gap:22px}
.contact-reference-item{display:flex;align-items:center;gap:24px;width:max-content;max-width:100%;font-weight:700;font-size:clamp(1rem,1.5vw,1.35rem)}
.contact-svg,.contact-label-icon{display:inline-flex;flex:0 0 auto;width:38px;height:38px}.contact-svg svg,.contact-label-icon svg{width:100%;height:100%}
.contact-highlight{display:inline-block;color:#fff;padding:6px 16px;line-height:1.1}.purple-highlight{background:var(--sumaq-purple)}.wine-highlight{background:var(--sumaq-wine)}
.contact-social-reference{display:flex;gap:22px;margin-left:62px;color:#106b60}.contact-social-reference a{display:inline-flex;width:40px;height:40px}.contact-social-reference svg{width:100%;height:100%}
.contact-bottom-reference{border-top:2px solid rgba(255,255,255,.75);display:grid;grid-template-columns:.72fr 1.05fr .9fr;gap:clamp(38px,6vw,90px);max-width:1300px;margin:0 auto;padding:clamp(70px,8vw,115px) clamp(28px,6vw,82px) clamp(90px,9vw,135px);align-items:start}
.contact-hours-reference h2,.contact-find-reference h2{width:max-content;display:flex;align-items:center;gap:11px;color:#fff;font:600 clamp(1.2rem,1.8vw,1.65rem)/1 Inter,sans-serif;padding:9px 18px;margin:0 0 28px}
.contact-hours-reference h2{background:var(--sumaq-teal)}.contact-find-reference h2{background:var(--sumaq-wine)}
.contact-label-icon{width:31px;height:31px}
.contact-hours-reference dl{margin:0}.contact-hours-reference dl>div{margin:0 0 22px}.contact-hours-reference dt{text-transform:uppercase;font-size:1.05rem}.contact-hours-reference dd{margin:2px 0 0;font-weight:700;font-size:1.05rem}
.contact-find-reference address{font-style:normal;font-weight:700;font-size:1.1rem;margin:0 0 28px}
.contact-map-link{display:block}.contact-map-link img{width:100%;aspect-ratio:1.28;object-fit:cover}
.contact-basket-reference img{width:100%;aspect-ratio:.72;object-fit:cover}
@media(max-width:900px){
  .contact-top-reference{grid-template-columns:.9fr 1.1fr;gap:45px}
  .contact-bottom-reference{grid-template-columns:1fr 1fr}.contact-basket-reference{grid-column:1/-1}.contact-basket-reference img{max-height:420px;aspect-ratio:auto}
}
@media(max-width:650px){
  .contact-top-reference,.contact-bottom-reference{grid-template-columns:1fr}
  .contact-top-reference{padding:52px 24px;gap:40px}.contact-top-image img{max-width:330px}.contact-top-copy h1{font-size:4.2rem;margin-bottom:35px}
  .contact-reference-item{gap:15px;width:100%;font-size:.93rem}.contact-highlight{overflow-wrap:anywhere}.contact-social-reference{margin-left:52px}
  .contact-bottom-reference{padding:55px 24px 75px;gap:45px}.contact-basket-reference{grid-column:auto}.contact-basket-reference img{max-height:430px}
}

/* Footer: preserve the client palette while matching the supplied proportions more closely. */
.footer-reference{position:relative;grid-template-columns:minmax(260px,.9fr) minmax(300px,2.1fr) minmax(190px,.7fr);gap:clamp(32px,5vw,80px);min-height:310px;padding:58px clamp(28px,6vw,88px) 48px;background:var(--sumaq-purple);align-items:start}
.footer-left{gap:42px;align-items:center}.footer-logo-lockup img{width:132px;max-height:190px}.footer-follow{padding-top:18px}.footer-follow>span{font-size:1rem}.footer-social-row{gap:16px}.footer-social-row .social-icon{width:36px;height:36px}
.footer-rule{height:8px;margin-top:8px;align-self:start;background:var(--sumaq-orange)}
.footer-nav{padding-top:8px;gap:7px!important}.footer-nav a{font-size:.95rem}
@media(max-width:900px){.footer-reference{grid-template-columns:1fr 1.35fr .8fr;gap:30px;padding:46px 34px}.footer-left{gap:25px}.footer-logo-lockup img{width:112px}}
@media(max-width:720px){.footer-reference{grid-template-columns:1fr;min-height:auto;padding:42px 26px 38px}.footer-left{justify-content:space-between;width:100%}.footer-rule{width:100%;height:7px}.footer-nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px 25px!important}.footer-logo-lockup img{width:105px}.footer-follow{padding-top:8px}}
@media(max-width:430px){.footer-left{gap:20px}.footer-nav{grid-template-columns:1fr!important}.footer-social-row .social-icon{width:34px;height:34px}}

/* Final client-requested refinements — August 4, 2026 */
/* Shared footer: proportions and spacing from the supplied reference on every page. */
.footer-reference{
  grid-template-columns:220px minmax(300px,1fr) 180px!important;
  min-height:245px!important;
  padding:34px clamp(28px,6vw,92px) 30px!important;
  gap:34px!important;
  align-items:start!important;
}
.footer-reference .footer-left{display:block!important}
.footer-reference .footer-logo-lockup img{width:72px!important;height:105px!important;object-fit:contain!important;object-position:top center!important}
.footer-reference .footer-follow{margin-top:8px!important;gap:8px!important;font-size:.72rem!important}
.footer-reference .footer-social-row{gap:12px!important}
.footer-reference .footer-social-row .social-icon{width:30px!important;height:30px!important}
.footer-reference .footer-rule{height:6px!important;margin-top:0!important;align-self:start!important}
.footer-reference .footer-nav{padding-top:16px!important;gap:4px!important}
.footer-reference .footer-nav a{font-size:.73rem!important;line-height:1.23!important}

/* Home corrected photography: no overlapping inset images, clean proportional crops. */
.page-index .feature-photo>img{object-fit:cover;object-position:center}
.page-index .feature-row:nth-of-type(2) .feature-photo>img{object-position:center center}
.page-index .feature-row:nth-of-type(3) .feature-photo>img{object-position:center center}
.page-index .feature-row:nth-of-type(4) .feature-photo>img{object-position:center center}
.page-index .feature-copy>p:not(.kicker){max-width:760px;line-height:1.48}

/* Reservations: every supporting panel reaches the right edge; fields stay centered. */
.page-reservations .reservation-content{padding-right:0!important}
.page-reservations .reservation-content>h1,
.page-reservations .reservation-content>.eyebrow{margin-right:clamp(24px,4vw,64px)!important}
.page-reservations .reservation-content .color-note.teal{width:100%!important;margin-right:0!important;padding-right:clamp(24px,4vw,64px)!important}
.page-reservations .reservation-reference-form{
  width:100%!important;
  background:#efe4cf!important;
  padding:24px clamp(24px,4vw,64px) 30px!important;
  margin-right:0!important;
}
.page-reservations .reservation-reference-form .payment-box{width:calc(100% + clamp(24px,4vw,64px))!important;margin-right:calc(-1 * clamp(24px,4vw,64px))!important;padding-right:clamp(24px,4vw,64px)!important}
.page-reservations .reservation-reference-form>.btn,
.page-reservations .reservation-reference-form>.form-msg{margin-left:auto!important;margin-right:auto!important}

/* Supplied delivery service badges. */
.page-delivery .delivery-options a{background:#5b2f70!important;border:0!important;overflow:hidden}
.page-delivery .delivery-options img{width:auto!important;height:62px!important;max-width:100%!important;object-fit:contain!important}

/* Contact: use the complete supplied Google Maps image, not a cropped decorative photo. */
.contact-map-link img{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important;background:#fff}

/* Pickup and Shop — mobile-first menu layout based on the supplied reference. */
.mobile-cart-dock{display:none}
@media(max-width:620px){
  body[data-commerce]{padding-bottom:76px}
  body[data-commerce] .commerce-hero{grid-template-columns:1fr!important}
  body[data-commerce] .commerce-hero img{max-height:250px!important}
  body[data-commerce] .section-head{padding-left:14px;padding-right:14px;margin-bottom:10px}
  body[data-commerce] .catalog-layout{display:block!important;padding:0 8px 20px!important}
  body[data-commerce] .catalog-grid{display:block!important}
  body[data-commerce] .category-filter{
    display:flex!important;position:sticky!important;top:68px!important;z-index:30!important;
    grid-column:auto!important;margin:0 -8px 8px!important;padding:8px!important;
    overflow-x:auto!important;white-space:nowrap!important;background:#fff!important;
    border-bottom:1px solid #ddd!important;scrollbar-width:none
  }
  body[data-commerce] .category-filter::-webkit-scrollbar{display:none}
  body[data-commerce] .category-filter button{display:inline-flex!important;flex:0 0 auto!important;border-radius:18px!important;padding:7px 14px!important;font-size:.72rem!important}
  body[data-commerce] .product-card{
    display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;
    min-height:118px!important;border:0!important;border-bottom:1px solid #ddd!important;
    box-shadow:none!important;border-radius:0!important;background:#fff!important;margin:0!important;
    align-items:stretch!important;overflow:hidden!important
  }
  body[data-commerce] .product-card>img{grid-column:2!important;grid-row:1!important;width:104px!important;height:116px!important;object-fit:cover!important;border-radius:0 0 14px 14px!important}
  body[data-commerce] .product-copy{grid-column:1!important;grid-row:1!important;padding:11px 10px 10px 0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
  body[data-commerce] .product-copy .eyebrow{display:none!important}
  body[data-commerce] .product-copy h3{font-family:Inter,sans-serif!important;font-size:.78rem!important;line-height:1.22!important;text-transform:uppercase!important;margin:0 0 15px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body[data-commerce] .product-copy .product-meta{order:-1!important;margin:0 0 8px!important}
  body[data-commerce] .product-copy .product-meta strong{font-size:.78rem!important;font-weight:500!important}
  body[data-commerce] .product-copy .product-meta strong:before{content:'⊕ ';color:#0797ce;font-weight:800}
  body[data-commerce] .cart-panel{display:none!important;position:fixed!important;inset:68px 0 0!important;z-index:70!important;overflow:auto!important;background:#fff!important;padding:20px!important}
  body[data-commerce].cart-open .cart-panel{display:block!important}
  body[data-commerce].cart-open{overflow:hidden!important}
  body[data-commerce] .mobile-cart-dock{
    display:block!important;position:fixed!important;z-index:80!important;left:10px!important;right:10px!important;bottom:10px!important;
    height:48px!important;border:0!important;border-radius:24px!important;background:#062534!important;color:#fff!important;
    font-weight:700!important;box-shadow:0 7px 24px rgba(0,0,0,.25)!important
  }
  body[data-commerce].cart-open .mobile-cart-dock{background:#a1123e!important}
  body[data-commerce] .product-detail-dialog{width:100%!important;max-width:none!important;max-height:100vh!important;height:100dvh!important;margin:0!important}
  body[data-commerce] .product-modal-grid{display:flex!important;flex-direction:column!important;height:100%!important}
  body[data-commerce] .product-modal-grid img{width:100%!important;height:44vh!important;min-height:260px!important;object-fit:cover!important}
  body[data-commerce] .product-modal-copy{flex:1!important;padding:18px 14px 86px!important;overflow:auto!important}
  body[data-commerce] .product-modal-copy h3{font-family:Inter,sans-serif!important;font-size:1rem!important;text-transform:uppercase!important;margin:8px 0 12px!important}
  body[data-commerce] .modal-order{position:fixed!important;left:0!important;right:0!important;bottom:0!important;background:#fff!important;padding:10px 12px!important;border-top:1px solid #ddd!important;z-index:2!important}
  body[data-commerce] .modal-order .btn{flex:1!important;border-radius:24px!important;background:#062534!important}
}
@media(max-width:760px){
  .footer-reference{grid-template-columns:90px 1fr 105px!important;min-height:170px!important;padding:20px 22px!important;gap:16px!important}
  .footer-reference .footer-logo-lockup img{width:48px!important;height:78px!important}
  .footer-reference .footer-follow{font-size:.6rem!important}
  .footer-reference .footer-social-row .social-icon{width:24px!important;height:24px!important}
  .footer-reference .footer-rule{height:4px!important}
  .footer-reference .footer-nav{padding-top:8px!important;gap:2px!important}
  .footer-reference .footer-nav a{font-size:.58rem!important}
  .page-reservations .reservation-content{padding-left:22px!important}
  .page-reservations .reservation-content .color-note.teal{margin-left:-22px!important;width:calc(100% + 22px)!important;padding-left:22px!important}
  .page-reservations .reservation-reference-form{margin-left:-22px!important;width:calc(100% + 22px)!important;padding-left:22px!important}
  .page-reservations .reservation-reference-form .payment-box{width:calc(100% + clamp(24px,4vw,64px))!important}
}

/* Final focused corrections — footer fidelity and Delivery platform sizing */
.footer-reference{
  display:grid!important;
  grid-template-columns:minmax(150px,220px) minmax(280px,1fr) minmax(180px,235px)!important;
  grid-template-rows:auto 1fr!important;
  min-height:220px!important;
  padding:34px clamp(30px,6vw,110px) 28px!important;
  gap:12px clamp(34px,5vw,80px)!important;
  align-items:start!important;
  background:#5b2f70!important;
}
.footer-reference .footer-left{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  min-height:155px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
}
.footer-reference .footer-logo-lockup img{
  width:72px!important;
  height:98px!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left top!important;
}
.footer-reference .footer-follow{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  font-size:1rem!important;
}
.footer-reference .footer-social-row{display:flex!important;align-items:center!important;gap:18px!important}
.footer-reference .footer-social-row .social-icon{width:32px!important;height:32px!important}
.footer-reference .footer-rule{
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  width:100%!important;
  height:6px!important;
  margin:8px 0 0!important;
  background:#f89b19!important;
}
.footer-reference .footer-nav{
  grid-column:3!important;
  grid-row:1 / span 2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
  padding:12px 0 0!important;
}
.footer-reference .footer-nav a{font-size:.9rem!important;line-height:1.15!important;white-space:nowrap!important}

.page-delivery .delivery-options{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(190px,250px))!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:34px!important;
  margin-top:42px!important;
}
.page-delivery .delivery-options a{
  min-height:185px!important;
  padding:26px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.18)!important;
}
.page-delivery .delivery-options img{
  width:138px!important;
  height:138px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
}

@media(max-width:760px){
  .footer-reference{
    grid-template-columns:90px minmax(110px,1fr) 128px!important;
    grid-template-rows:auto 1fr!important;
    min-height:260px!important;
    padding:28px 24px 26px!important;
    gap:14px 18px!important;
  }
  .footer-reference .footer-left{min-height:205px!important}
  .footer-reference .footer-logo-lockup img{width:58px!important;height:92px!important}
  .footer-reference .footer-follow{font-size:.9rem!important;gap:9px!important}
  .footer-reference .footer-social-row{gap:15px!important}
  .footer-reference .footer-social-row .social-icon{width:30px!important;height:30px!important}
  .footer-reference .footer-rule{height:5px!important;margin-top:5px!important}
  .footer-reference .footer-nav{padding-top:8px!important;gap:3px!important}
  .footer-reference .footer-nav a{font-size:.78rem!important;line-height:1.13!important}

  .page-delivery .delivery-hero>div{padding:42px 20px 48px!important}
  .page-delivery .delivery-options{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    margin-top:30px!important;
  }
  .page-delivery .delivery-options a{
    min-height:150px!important;
    padding:18px!important;
    border-radius:16px!important;
  }
  .page-delivery .delivery-options img{
    width:min(112px,30vw)!important;
    height:min(112px,30vw)!important;
  }
}
@media(max-width:390px){
  .footer-reference{grid-template-columns:76px minmax(82px,1fr) 116px!important;padding-left:16px!important;padding-right:16px!important;gap:12px!important}
  .footer-reference .footer-nav a{font-size:.72rem!important}
  .page-delivery .delivery-options{gap:12px!important}
  .page-delivery .delivery-options a{min-height:132px!important;padding:14px!important}
  .page-delivery .delivery-options img{width:min(98px,29vw)!important;height:min(98px,29vw)!important}
}

/* Final mobile checkout scroll correction — Pickup and Shop only. */
@media(max-width:620px){
  html:has(body[data-commerce].cart-open){overflow:hidden!important;height:100%!important}
  body[data-commerce].cart-open{
    overflow:hidden!important;
    height:100dvh!important;
    min-height:100dvh!important;
    touch-action:none!important;
  }
  body[data-commerce] .cart-panel{
    display:none!important;
    position:fixed!important;
    top:68px!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:calc(100dvh - 68px)!important;
    max-height:calc(100dvh - 68px)!important;
    overflow-x:hidden!important;
    overflow-y:scroll!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    padding:20px 18px 132px!important;
    box-sizing:border-box!important;
    z-index:70!important;
    background:#fff!important;
    border-radius:0!important;
  }
  body[data-commerce].cart-open .cart-panel{display:block!important}
  body[data-commerce] .cart-panel .checkout-form{
    padding-bottom:36px!important;
  }
  body[data-commerce] .cart-panel .checkout-form textarea{
    min-height:100px!important;
  }
  body[data-commerce] .mobile-cart-dock{
    bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
}


/* August 2026 final footer fidelity correction.
   Desktop layout: full-height logo at left, orange rule across top,
   social block below the rule, and the requested compact navigation at right. */
.footer-reference{
  display:grid!important;
  grid-template-columns:150px minmax(320px,1fr) 190px!important;
  grid-template-rows:18px 1fr!important;
  column-gap:36px!important;
  row-gap:22px!important;
  align-items:start!important;
  min-height:294px!important;
  padding:38px clamp(34px,5.5vw,96px) 34px!important;
  background:#5b2f70!important;
}
.footer-reference .footer-left{display:contents!important}
.footer-reference .footer-logo-lockup{
  grid-column:1!important;
  grid-row:1 / 3!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.footer-reference .footer-logo-lockup img{
  width:118px!important;
  height:100%!important;
  max-height:220px!important;
  object-fit:contain!important;
  object-position:center!important;
}
.footer-reference .footer-rule{
  grid-column:2 / 4!important;
  grid-row:1!important;
  width:100%!important;
  height:8px!important;
  margin:0!important;
  align-self:start!important;
  background:#f89b19!important;
}
.footer-reference .footer-follow{
  grid-column:2!important;
  grid-row:2!important;
  margin:34px 0 0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:20px!important;
  align-items:flex-start!important;
  font-size:1.05rem!important;
}
.footer-reference .footer-social-row{display:flex!important;gap:22px!important}
.footer-reference .footer-social-row .social-icon{width:48px!important;height:48px!important}
.footer-reference .footer-nav{
  grid-column:3!important;
  grid-row:2!important;
  margin:20px 0 0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:6px!important;
}
.footer-reference .footer-nav a{font-size:1rem!important;line-height:1.2!important}

@media(max-width:720px){
  .footer-reference{
    grid-template-columns:105px minmax(120px,1fr) 145px!important;
    grid-template-rows:8px auto!important;
    min-height:355px!important;
    column-gap:16px!important;
    row-gap:18px!important;
    padding:30px 18px 34px!important;
  }
  .footer-reference .footer-logo-lockup{grid-column:1!important;grid-row:1 / 3!important;align-items:flex-start!important;padding-top:12px!important}
  .footer-reference .footer-logo-lockup img{width:82px!important;height:145px!important;max-height:none!important}
  .footer-reference .footer-rule{grid-column:2 / 4!important;height:6px!important}
  .footer-reference .footer-follow{grid-column:1 / 3!important;grid-row:2!important;margin:190px 0 0 14px!important;gap:14px!important;font-size:1.15rem!important}
  .footer-reference .footer-social-row .social-icon{width:42px!important;height:42px!important}
  .footer-reference .footer-nav{grid-column:3!important;grid-row:2!important;margin:10px 0 0!important;gap:5px!important;display:flex!important}
  .footer-reference .footer-nav a{font-size:.93rem!important}
}
@media(max-width:430px){
  .footer-reference{
    grid-template-columns:88px minmax(90px,1fr) 128px!important;
    column-gap:10px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .footer-reference .footer-logo-lockup img{width:70px!important;height:130px!important}
  .footer-reference .footer-follow{margin-left:6px!important}
  .footer-reference .footer-nav a{font-size:.82rem!important}
}

/* Reservations and footer precision refinements — August 4, 2026 */
/* Keep one continuous orange rail through the photo and content. */
.page-reservations .reservation-content::before{display:none!important}
.page-reservations .reservation-content{padding-left:clamp(18px,2.2vw,34px)!important}
/* On desktop, only the teal statement extends flush to the viewport's right edge. */
@media(min-width:981px){
  .page-reservations .reservation-content .color-note.teal{
    width:calc(100% + clamp(0px,2.2vw,34px))!important;
    margin-right:calc(-1 * clamp(0px,2.2vw,34px))!important;
  }
}
/* Mobile: retain the same orange rail width above and below, with a small cream gap before teal. */
@media(max-width:980px){
  .page-reservations .reservation-designer{border-left-width:42px!important}
  .page-reservations .reservation-content{padding-left:18px!important;padding-top:38px!important}
  .page-reservations .reservation-content .color-note.teal{margin-left:0!important;margin-top:18px!important}
}
@media(max-width:600px){
  .page-reservations .reservation-designer{border-left-width:34px!important}
  .page-reservations .reservation-content{padding-left:16px!important}
  .page-reservations .reservation-content .color-note.teal{margin-top:16px!important}
}

/* Footer composition: logo spans the full content height; line sits above social and menu. */
.footer-reference{
  display:grid!important;
  grid-template-columns:150px minmax(280px,1fr) 230px!important;
  grid-template-rows:18px auto!important;
  column-gap:clamp(34px,5vw,78px)!important;
  row-gap:24px!important;
  min-height:285px!important;
  padding:38px clamp(34px,6vw,94px) 34px!important;
  align-items:start!important;
}
.footer-reference .footer-left{display:contents!important}
.footer-reference .footer-logo-lockup{
  grid-column:1!important;grid-row:1/3!important;
  align-self:stretch!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;
}
.footer-reference .footer-logo-lockup img{
  width:auto!important;height:210px!important;max-height:none!important;
  object-fit:contain!important;object-position:top center!important;
}
.footer-reference .footer-rule{
  grid-column:2/4!important;grid-row:1!important;
  width:100%!important;height:7px!important;margin:0!important;align-self:start!important;
}
.footer-reference .footer-follow{
  grid-column:2!important;grid-row:2!important;
  margin:0!important;padding-top:18px!important;align-self:start!important;
  font-size:1rem!important;gap:14px!important;
}
.footer-reference .footer-social-row{gap:18px!important}
.footer-reference .footer-social-row .social-icon{width:44px!important;height:44px!important}
.footer-reference .footer-nav{
  grid-column:3!important;grid-row:2!important;
  padding-top:14px!important;gap:7px!important;align-self:start!important;
}
.footer-reference .footer-nav a{font-size:1rem!important;line-height:1.28!important}

@media(max-width:760px){
  .footer-reference{
    grid-template-columns:92px minmax(120px,1fr) 126px!important;
    grid-template-rows:12px auto!important;
    column-gap:18px!important;row-gap:15px!important;
    min-height:225px!important;padding:24px 18px 24px!important;
  }
  .footer-reference .footer-logo-lockup img{height:165px!important;width:auto!important}
  .footer-reference .footer-rule{height:5px!important}
  .footer-reference .footer-follow{padding-top:12px!important;font-size:.78rem!important;gap:10px!important}
  .footer-reference .footer-social-row{gap:12px!important}
  .footer-reference .footer-social-row .social-icon{width:32px!important;height:32px!important}
  .footer-reference .footer-nav{padding-top:8px!important;gap:4px!important;display:flex!important;grid-template-columns:none!important}
  .footer-reference .footer-nav a{font-size:.76rem!important;line-height:1.22!important}
}
@media(max-width:430px){
  .footer-reference{grid-template-columns:78px minmax(105px,1fr) 112px!important;column-gap:13px!important;padding-left:14px!important;padding-right:14px!important}
  .footer-reference .footer-logo-lockup img{height:150px!important}
  .footer-reference .footer-nav a{font-size:.7rem!important}
}

/* CLIENT ROUND — PDF pages 1–11 + E41 product presentation — August 2026 */

/* HOME — keep future video area completely clean: no overlay content on the media. */
.page-index .home-video-stage{width:100%;background:#000;overflow:hidden}
.page-index .home-video-stage img{display:block;width:100%;height:clamp(520px,62vw,920px);object-fit:cover;object-position:center}
.page-index .home-heart-reference{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);background:#f4edde;min-height:650px;align-items:stretch}
.page-index .home-ref-photo img{width:100%;height:100%;min-height:650px;object-fit:cover;object-position:center}
.page-index .home-heart-copy{padding:clamp(54px,7vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.page-index .home-heart-copy h2{font:500 clamp(2.8rem,5.3vw,5.7rem)/.98 'Playfair Display',serif;margin:0 0 clamp(38px,5vw,70px);max-width:900px}
.page-index .home-orange-copy{background:#f89b19;color:#19120d;padding:clamp(22px,3vw,38px);font-size:clamp(1rem,1.3vw,1.28rem);line-height:1.48;width:100%;max-width:900px}
.page-index .home-heart-copy .design-btn{align-self:flex-end;margin-top:clamp(40px,5vw,70px)}
.page-index .home-photo-overlay-section{position:relative;min-height:clamp(560px,58vw,820px);overflow:hidden;background:#111}
.page-index .home-photo-overlay-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.page-index .home-overlay-card{position:absolute;z-index:2;padding:clamp(26px,4vw,58px);color:#fff;display:flex;flex-direction:column;justify-content:center}
.page-index .home-overlay-card h2{font:500 clamp(2.2rem,4vw,4.8rem)/1.02 'Playfair Display',serif;margin:0 0 16px}
.page-index .home-overlay-card p{font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.45;margin:0 0 28px}
.page-index .wine-overlay{left:0;top:34%;width:min(760px,56vw);background:#a1123e}
.page-index .wine-overlay .design-btn{align-self:flex-end;background:#f89b19;color:#fff}
.page-index .teal-overlay{right:0;top:34%;width:min(720px,50vw);background:#61beb3;color:#fff}
.page-index .home-two-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.page-index .home-two-actions .design-btn{min-width:140px;text-align:center}
@media(max-width:760px){
 .page-index .home-video-stage img{height:62vh;min-height:430px}
 .page-index .home-heart-reference{grid-template-columns:1fr;min-height:0}
 .page-index .home-ref-photo img{min-height:0;height:auto;aspect-ratio:1/1;object-fit:cover}
 .page-index .home-heart-copy{padding:44px 24px}
 .page-index .home-heart-copy h2{font-size:clamp(2.25rem,11vw,3.6rem);margin-bottom:28px}
 .page-index .home-heart-copy .design-btn{align-self:flex-start;margin-top:28px}
 .page-index .home-photo-overlay-section{min-height:570px}
 .page-index .wine-overlay,.page-index .teal-overlay{left:18px;right:18px;top:auto;bottom:28px;width:auto;padding:26px 22px}
 .page-index .home-overlay-card h2{font-size:2.35rem}
 .page-index .home-two-actions{justify-content:flex-start}
}

/* MENU — beige field + colour bars derived from logo; clean photo assets and consistent typography. */
.page-menu .menu-reference-final{background:#f4edde}
.page-menu .menu-ref-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:650px;padding:clamp(46px,5vw,78px);gap:clamp(48px,7vw,120px);align-items:center;background:#f4edde}
.page-menu .menu-ref-section.reverse .menu-ref-photo{order:2}
.page-menu .menu-ref-photo{height:min(62vw,720px);max-height:720px;min-height:520px;overflow:hidden}
.page-menu .menu-ref-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.page-menu .menu-ref-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.page-menu .menu-ref-section.reverse .menu-ref-copy{align-items:flex-end;text-align:right}
.page-menu .menu-ref-copy h1,.page-menu .menu-ref-copy h2{font:500 clamp(3rem,5vw,5.3rem)/1 'Playfair Display',serif;margin:0 0 26px}
.page-menu .menu-colour-strip{width:100%;padding:17px 22px;color:#fff;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.4;margin:0 0 36px}
.page-menu .purple-strip{background:#643176}.page-menu .wine-strip{background:#bd173f}.page-menu .teal-strip{background:#61beb3;color:#10231f}
.page-menu .pink-button{background:#e83f8e;color:#fff}.page-menu .green-button{background:#0a675d;color:#fff}
@media(max-width:760px){
 .page-menu .menu-ref-section{grid-template-columns:1fr;padding:24px 18px 44px;gap:28px;min-height:0}
 .page-menu .menu-ref-section.reverse .menu-ref-photo{order:0}
 .page-menu .menu-ref-photo{height:auto;min-height:0;aspect-ratio:1/1}
 .page-menu .menu-ref-copy,.page-menu .menu-ref-section.reverse .menu-ref-copy{align-items:flex-start;text-align:left;padding:0 10px}
 .page-menu .menu-ref-copy h1,.page-menu .menu-ref-copy h2{font-size:3.2rem}
 .page-menu .menu-colour-strip{margin-bottom:24px}
}

/* RESERVATIONS — clean high-res image, continuous orange rail, no contradictory messages. */
.page-reservations .reservation-content:before{display:none!important}

.page-reservations .reservation-photo img{object-fit:cover!important;object-position:center!important}
.page-reservations #paymentBox,.page-reservations #noPaymentBox{display:none!important}
.page-reservations .reservation-policy-final{margin:24px 0 18px;border-left:8px solid #f89b19;background:#f7edda;padding:20px 22px;display:flex;flex-direction:column;gap:7px;line-height:1.45}
.page-reservations .reservation-policy-final strong{font-size:1.05rem}
.page-reservations .reservation-content .color-note.teal{box-sizing:border-box!important}
@media(min-width:981px){
 .page-reservations .reservation-content{overflow:visible!important}
 .page-reservations .reservation-content .color-note.teal{width:calc(100% + clamp(24px,4vw,64px))!important;margin-right:calc(-1 * clamp(24px,4vw,64px))!important}
}
@media(max-width:980px){
 .page-reservations .reservation-designer{border-left-width:42px!important}
 .page-reservations .reservation-photo,.page-reservations .reservation-content{margin-left:0!important}
 .page-reservations .reservation-content{padding-left:18px!important}
 .page-reservations .reservation-content .color-note.teal{margin-left:10px!important;width:calc(100% - 10px)!important}
}
@media(max-width:600px){
 .page-reservations .reservation-designer{border-left-width:34px!important}
 .page-reservations .reservation-content .color-note.teal{margin-left:10px!important;width:calc(100% - 10px)!important}
}

/* PICKUP — approved neutral wording and direct transition into categories/products. */
body[data-commerce="pickup"] .pickup-clean-intro{display:block!important;padding:64px 6vw 34px!important;background:#f4edde!important}
body[data-commerce="pickup"] .pickup-intro-only{max-width:1100px}
body[data-commerce="pickup"] .pickup-clean-intro h1{font:500 clamp(2.8rem,5vw,5.4rem)/.98 'Playfair Display',serif;margin:.2em 0 .28em}
body[data-commerce="pickup"] .pickup-clean-intro>div>p:not(.eyebrow):not(.commerce-note){font-size:1.05rem;line-height:1.55}
body[data-commerce="pickup"] .commerce-note{border-radius:0!important;margin-top:24px!important;background:#5b2f70!important}
body[data-commerce="pickup"] .catalog-layout{padding-top:24px!important}

/* PRODUCT LIST + POPUP — square source files, consistent crops, E41-like rectangular modal presentation. */
body[data-commerce] .product-card>img{aspect-ratio:4/3!important;height:auto!important;object-fit:cover!important;object-position:center!important}
body[data-commerce] .product-detail-dialog{max-width:760px!important;width:min(760px,calc(100% - 32px))!important;max-height:calc(100dvh - 36px)!important;overflow:auto!important;border-radius:0!important}
body[data-commerce] .product-modal-e41{display:block!important;background:#fff!important}
body[data-commerce] .product-modal-image-wrap{position:relative;width:100%;aspect-ratio:16/8.6;overflow:hidden;background:#eee}
body[data-commerce] .product-modal-image-wrap>img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center!important}
body[data-commerce] .product-modal-image-wrap .product-modal-close{position:absolute!important;right:14px!important;top:14px!important;width:38px!important;height:38px!important;border-radius:50%!important;background:#fff!important;color:#111!important;box-shadow:0 2px 10px rgba(0,0,0,.15)!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;z-index:3!important}
body[data-commerce] .product-modal-copy{padding:24px 26px 20px!important;overflow:visible!important}
body[data-commerce] .product-title-price{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e5e5e5;padding-bottom:18px;margin-bottom:18px}
body[data-commerce] .product-title-price h3{font:700 1.35rem/1.2 Inter,sans-serif!important;text-transform:uppercase;margin:0!important;max-width:75%}
body[data-commerce] .product-title-price>strong{font-size:1.1rem;white-space:nowrap}
body[data-commerce] .product-modal-copy>p{line-height:1.5;margin:0 0 14px}
body[data-commerce] .product-modal-copy>.product-meta{margin:0 0 16px!important}
body[data-commerce] .modal-order{display:grid!important;grid-template-columns:130px 1fr;gap:14px;align-items:end;margin-top:16px!important;position:static!important;padding:0!important;border:0!important;background:transparent!important}
body[data-commerce] .modal-order label{max-width:none!important}
body[data-commerce] .modal-order .btn{background:#062534!important;color:#fff!important;border-radius:26px!important}
@media(max-width:620px){
 body[data-commerce] .product-card>img{aspect-ratio:1/1!important;width:104px!important;height:104px!important;border-radius:0 0 14px 14px!important}
 body[data-commerce] .product-card{min-height:106px!important;grid-template-columns:minmax(0,1fr) 104px!important}
 body[data-commerce] .product-detail-dialog{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important}
 body[data-commerce] .product-modal-e41{min-height:100%;display:flex!important;flex-direction:column!important}
 body[data-commerce] .product-modal-image-wrap{aspect-ratio:16/10!important;flex:0 0 auto!important}
 body[data-commerce] .product-modal-copy{padding:18px 16px 94px!important;overflow:auto!important;flex:1 1 auto!important}
 body[data-commerce] .product-title-price h3{font-size:1rem!important;max-width:70%}
 body[data-commerce] .modal-order{position:fixed!important;left:0!important;right:0!important;bottom:0!important;grid-template-columns:100px 1fr!important;background:#fff!important;padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;border-top:1px solid #ddd!important;z-index:4!important}
}

/* DELIVERY — latest client copy; official supplied logos remain untouched. */
.page-delivery .delivery-hero .kicker{display:none!important}

/* ABOUT — equal photo/colour geometry and text alignment follows photo side; quieter title sizes. */
.page-about .about-title-band{min-height:118px!important;padding:28px 24px!important}
.page-about .about-title-band h1{font-size:clamp(2rem,3vw,3.5rem)!important}
.page-about .about-cell{min-height:390px!important}
.page-about .about-cell.copy{padding:clamp(34px,5vw,72px)!important}
.page-about .about-cell.copy p{font-size:clamp(.96rem,1.16vw,1.15rem)!important;line-height:1.42!important;width:100%!important}
.page-about .copy-align-right{text-align:right!important;justify-content:flex-end!important}
.page-about .copy-align-left{text-align:left!important;justify-content:flex-start!important}
.page-about .about-divider{min-height:115px!important;padding:26px 24px!important}
.page-about .about-divider h2{font-size:clamp(1.55rem,2.3vw,2.65rem)!important}
.page-about .about-divider.closing{min-height:135px!important}
@media(max-width:760px){
 .page-about .about-cell{min-height:310px!important}
 .page-about .about-cell.copy{min-height:240px!important;text-align:left!important;justify-content:flex-start!important;padding:36px 26px!important}
 .page-about .about-title-band h1{font-size:2.25rem!important}
 .page-about .about-divider h2{font-size:1.65rem!important}
}

/* CONTACT — refine text scale/social alignment and remove the unwanted white line above the map section. */
.page-contact .contact-bottom-reference{border-top:0!important}
.page-contact .contact-top-copy h1{font-size:clamp(3.6rem,6.5vw,6.4rem)!important;margin-bottom:42px!important}
.page-contact .contact-reference-item{font-size:clamp(.95rem,1.25vw,1.15rem)!important}
.page-contact .contact-social-reference{margin-left:62px!important;align-items:center!important;gap:18px!important}
.page-contact .contact-social-reference a{width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.page-contact .contact-hours-reference dt,.page-contact .contact-hours-reference dd{font-size:.98rem!important}
.page-contact .contact-find-reference address{font-size:1.02rem!important}
@media(max-width:650px){
 .page-contact .contact-top-copy h1{font-size:3.5rem!important}
 .page-contact .contact-social-reference{margin-left:52px!important}
}


/* ==========================================================================\n   CLIENT FINAL VISIBLE-SLIDES ROUND — Aug 28, 2026\n   Scope: only the nine non-hidden slides of Estructura Web_Sumaq.pptx.\n   ========================================================================== */

/* HOME / Slide 1 — clean buttons and add the requested breathing room below
   the celebration image section. */
.page-index .design-btn{border:0!important;outline:0}
.page-index .home-celebration-reference{margin-bottom:24px!important}

/* HOME / Slide 2 — the take-home image is intentionally much shallower on
   desktop and the teal bar is smaller, matching the approved reference. */
@media(min-width:901px){
  .page-index .home-at-home-reference{min-height:clamp(320px,30vw,430px)!important}
  .page-index .home-at-home-reference .teal-overlay{
    top:30%!important;right:0!important;bottom:auto!important;
    width:min(560px,40vw)!important;padding:24px 30px!important
  }
  .page-index .home-at-home-reference .teal-overlay h2{
    font-size:clamp(1.65rem,2.25vw,2.35rem)!important;
    line-height:1!important;white-space:nowrap!important;margin-bottom:16px!important
  }
  .page-index .home-at-home-reference .home-two-actions{gap:10px!important}
  .page-index .home-at-home-reference .design-btn{
    min-width:112px!important;padding:10px 16px!important;font-size:1rem!important;margin-top:0!important
  }
}

/* FOOTER / Slide 3 — same official logo, cropped only to remove transparent
   canvas, so its visible mark and the social icons match the reference scale. */
.footer-reference{min-height:240px!important}
.footer-reference .footer-logo-lockup{overflow:visible!important}
.footer-reference .footer-logo-lockup img{
  width:auto!important;height:172px!important;max-height:none!important;
  object-fit:contain!important;object-position:center top!important
}
.footer-reference .footer-social-row .social-icon{width:36px!important;height:36px!important}
.footer-reference .footer-follow{font-size:.96rem!important}
@media(max-width:760px){
  .footer-reference .footer-logo-lockup img{height:142px!important;width:auto!important}
  .footer-reference .footer-social-row .social-icon{width:30px!important;height:30px!important}
  .footer-reference .footer-follow{font-size:.82rem!important}
}
@media(max-width:430px){
  .footer-reference .footer-logo-lockup img{height:132px!important}
  .footer-reference .footer-social-row .social-icon{width:28px!important;height:28px!important}
}

/* MENU / Slide 4 — content is updated in menu.html. Keep the visual hierarchy
   title -> colour phrase -> View here button and make every target explicit. */
.page-menu .menu-ref-copy .design-btn{border:0!important}

/* RESERVATIONS / Slide 5 — one physical orange rail spans the complete module.
   Removing the border implementation also removes the cream/beige sliver that
   could appear between the rail and the image. */
.page-reservations .reservation-designer{
  position:relative!important;border-left:0!important;
  padding-left:72px!important;background:var(--sumaq-cream)!important
}
.page-reservations .reservation-designer::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:72px;
  background:var(--sumaq-orange,#f89b19);z-index:2;pointer-events:none
}
.page-reservations .reservation-photo{border-left:0!important;overflow:hidden!important;background:transparent!important}
.page-reservations .reservation-photo img{
  width:calc(100% + 4px)!important;max-width:none!important;height:100%!important;
  margin-left:-2px!important;object-fit:cover!important
}
@media(max-width:980px){
  .page-reservations .reservation-designer{padding-left:42px!important;border-left:0!important}
  .page-reservations .reservation-designer::before{width:42px!important}
}
@media(max-width:600px){
  .page-reservations .reservation-designer{padding-left:34px!important;border-left:0!important}
  .page-reservations .reservation-designer::before{width:34px!important}
}

/* DELIVERY / Slide 6 — the source photo was replaced by the uncropped 2048px
   Drive original. Remove light cards/borders around the official app logos. */
.page-delivery .delivery-hero{background:#5b2f70!important}
.page-delivery .delivery-hero>img{display:block!important;background:#5b2f70!important}
.page-delivery .delivery-options a{
  background:transparent!important;border:0!important;box-shadow:none!important;
  border-radius:0!important;outline:0!important
}
.page-delivery .delivery-options a:focus-visible{outline:2px solid rgba(255,255,255,.75)!important;outline-offset:5px!important}

/* PICKUP / Slide 7 — intro remains text-only, and its purple location bar now
   reaches the viewport's right edge while preserving the approved text width. */
body[data-commerce="pickup"] .pickup-intro-only{max-width:none!important;width:100%!important}
body[data-commerce="pickup"] .pickup-intro-only>h1,
body[data-commerce="pickup"] .pickup-intro-only>p:not(.commerce-note){max-width:1100px!important}
body[data-commerce="pickup"] .pickup-intro-only>.commerce-note{
  width:calc(100% + 6vw)!important;margin-right:-6vw!important;
  padding-right:6vw!important;border-radius:0!important
}

/* PICKUP mobile / Slide 8 — square thumbnails have straight lower corners and
   the close control keeps its white circle without the browser's blue frame. */
@media(max-width:620px){
  body[data-commerce] .product-card>img{border-radius:0!important}
}
body[data-commerce] .product-modal-close{
  border:0!important;outline:0!important;-webkit-tap-highlight-color:transparent!important
}
body[data-commerce] .product-modal-close:focus,
body[data-commerce] .product-modal-close:focus-visible{
  border:0!important;outline:0!important;
  box-shadow:0 2px 10px rgba(0,0,0,.15)!important
}

/* ABOUT / Slide 9 — narrower rows and a deliberate 5/7 then 7/5 alternation
   reproduce the requested zig-zag instead of a rigid 50/50 wall. */
@media(min-width:761px){
  .page-about .about-mosaic{grid-template-columns:repeat(12,minmax(0,1fr))!important;background:var(--sumaq-cream)!important}
  .page-about .about-cell{min-height:300px!important}
  .page-about .about-cell.copy{padding:clamp(26px,3.6vw,52px)!important}
  .page-about .about-mosaic>:nth-child(1){grid-column:1/6!important}
  .page-about .about-mosaic>:nth-child(2){grid-column:6/13!important}
  .page-about .about-mosaic>:nth-child(3){grid-column:1/8!important}
  .page-about .about-mosaic>:nth-child(4){grid-column:8/13!important}
  .page-about .about-mosaic>:nth-child(5){grid-column:1/13!important}
  .page-about .about-mosaic>:nth-child(6){grid-column:1/6!important}
  .page-about .about-mosaic>:nth-child(7){grid-column:6/13!important}
  .page-about .about-mosaic>:nth-child(8){grid-column:1/8!important}
  .page-about .about-mosaic>:nth-child(9){grid-column:8/13!important}
  .page-about .about-mosaic>:nth-child(10){grid-column:1/6!important}
  .page-about .about-mosaic>:nth-child(11){grid-column:6/13!important}
  .page-about .about-mosaic>:nth-child(12){grid-column:1/8!important}
  .page-about .about-mosaic>:nth-child(13){grid-column:8/13!important}
  .page-about .about-mosaic>:nth-child(14){grid-column:1/13!important}
  .page-about .about-cell.copy p{font-size:clamp(.9rem,1.02vw,1.05rem)!important;line-height:1.38!important}
}
@media(max-width:760px){
  .page-about .about-mosaic{grid-template-columns:1fr!important}
  .page-about .about-mosaic>*{grid-column:1!important}
}


/* Official January 2026 menu sync + menu showcase */
.menu-showcase-panel{background:#f5eddd;padding:56px clamp(20px,5vw,76px);scroll-margin-top:96px}
.menu-showcase-panel:nth-of-type(even){background:#efe3ce}
.menu-showcase-heading{max-width:1180px;margin:0 auto 24px}
.menu-showcase-heading .eyebrow{color:#9f143c;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.menu-showcase-heading h2{font-family:"Playfair Display",serif;font-size:clamp(34px,4vw,54px);margin:6px 0 0;color:#1b1717}
.menu-showcase-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.menu-showcase-card{margin:0;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(40,26,30,.08)}
.menu-showcase-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.menu-showcase-card h3{margin:0;padding:14px 16px 17px;font:700 18px/1.2 Inter,sans-serif;color:#271d24}
.product-image-placeholder{width:100%;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#5b326d;color:#fff;letter-spacing:.18em;font-weight:800}
.product-image-placeholder small{font-weight:500;font-size:10px;letter-spacing:.12em;margin-top:3px}
.product-modal-image-wrap .product-image-placeholder{height:100%;aspect-ratio:auto;min-height:300px}
.cart-row .product-image-placeholder{width:70px;height:70px;min-height:0;aspect-ratio:1/1;font-size:10px;flex:none}
.product-option-note{font-weight:600;color:#553b48;margin-top:8px}
.product-option-note.compact{font-size:.88rem;line-height:1.35}
.variant-select-label{display:grid;gap:7px;font-weight:700;min-width:210px}
.variant-select-label select{min-height:48px;border:1px solid #cabec3;background:#fff;padding:0 12px;font:600 15px Inter,sans-serif;color:#241d20}
@media(max-width:850px){.menu-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-showcase-panel{padding:38px 16px}.menu-showcase-card h3{font-size:15px;padding:11px 12px 14px}.variant-select-label{min-width:0;width:100%}}


/* Product placeholders follow the exact geometry of real dish photos. */
body[data-commerce] .product-card>.product-image-placeholder{width:100%;aspect-ratio:4/3;min-height:0}
body[data-commerce] .product-modal-image-wrap>.product-image-placeholder{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important}
body[data-commerce] .cart-row>.product-image-placeholder{width:54px!important;height:54px!important;min-height:0!important;aspect-ratio:1/1!important;border-radius:10px!important}
.variant-select-label{margin:6px 0 16px}
@media(max-width:620px){
 body[data-commerce] .product-card>.product-image-placeholder{grid-column:2!important;grid-row:1!important;width:104px!important;height:104px!important;aspect-ratio:1/1!important}
 body[data-commerce] .product-modal-image-wrap>.product-image-placeholder{height:100%!important;min-height:0!important}
}
@media(max-width:520px){body[data-commerce] .cart-row>.product-image-placeholder{width:46px!important;height:46px!important}}

/* ================================================================
   CLIENT ADJUSTMENT ROUND — 2026-08-31
   Scope: Home spacing/photo, Menu->Pickup categories, compact footer,
   full-width colour bands, Reservations rail/mobile cleanup, About sizing.
   ================================================================ */

/* 1–2 HOME: consistent breathing space + fuller high-resolution take-home photo. */
.page-index .home-reference-final{background:var(--sumaq-cream,#f4edde)!important}
.page-index .home-reference-final>section{margin:0 0 22px!important}
.page-index .home-reference-final>section:last-child{margin-bottom:0!important}
.page-index .home-at-home-reference{background:var(--sumaq-cream,#f4edde)!important;overflow:hidden!important}
.page-index .home-at-home-reference>img{object-position:center center!important}
@media(min-width:901px){
  .page-index .home-at-home-reference{min-height:0!important;height:auto!important;aspect-ratio:2.22/1!important}
  .page-index .home-at-home-reference>img{object-fit:cover!important;object-position:center 48%!important}
}
@media(max-width:900px){
  .page-index .home-reference-final>section{margin-bottom:16px!important}
  .page-index .home-at-home-reference{min-height:0!important;aspect-ratio:1.52/1!important}
  .page-index .home-at-home-reference>img{object-fit:cover!important;object-position:center center!important}
}

/* 6 FOOTER: same logo/icon/font sizes, substantially less unused vertical space. */
.footer-reference{
  display:grid!important;
  grid-template-columns:190px 190px minmax(0,1fr)!important;
  grid-template-rows:7px auto!important;
  column-gap:30px!important;row-gap:10px!important;
  min-height:0!important;padding:20px clamp(28px,5vw,82px) 18px!important;
  align-items:start!important
}
.footer-reference .footer-left{display:contents!important}
.footer-reference .footer-logo-lockup{grid-column:1!important;grid-row:1/3!important;margin:0!important;padding:0!important;align-self:start!important}
.footer-reference .footer-rule{grid-column:2/4!important;grid-row:1!important;width:100%!important;height:7px!important;margin:0!important;align-self:start!important}
.footer-reference .footer-follow{grid-column:2!important;grid-row:2!important;margin:5px 0 0!important;padding:0!important;align-self:start!important}
.footer-reference .footer-nav{
  grid-column:3!important;grid-row:2!important;display:flex!important;flex-direction:row!important;
  flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;
  gap:9px 18px!important;margin:5px 0 0!important;padding:0!important;align-self:start!important
}
.footer-reference .footer-nav a{white-space:nowrap!important}
@media(max-width:760px){
  .footer-reference{grid-template-columns:112px minmax(0,1fr)!important;grid-template-rows:5px auto auto!important;column-gap:18px!important;row-gap:8px!important;padding:16px 18px 15px!important}
  .footer-reference .footer-logo-lockup{grid-column:1!important;grid-row:1/4!important}
  .footer-reference .footer-rule{grid-column:2!important;grid-row:1!important;height:5px!important}
  .footer-reference .footer-follow{grid-column:2!important;grid-row:2!important;margin:2px 0 0!important}
  .footer-reference .footer-nav{grid-column:2!important;grid-row:3!important;justify-content:flex-start!important;gap:6px 12px!important;margin:0!important}
}
@media(max-width:430px){
  .footer-reference{grid-template-columns:94px minmax(0,1fr)!important;padding:14px 14px 13px!important;column-gap:14px!important}
  .footer-reference .footer-nav{gap:5px 9px!important}
}

/* 7 MENU/RESERVATIONS: colour containers finish flush with the right edge. */
@media(min-width:761px){
  .page-menu .menu-ref-section:not(.reverse){padding-right:0!important}
  .page-menu .menu-ref-section:not(.reverse) .menu-ref-copy{padding-right:0!important}
  .page-menu .menu-ref-section:not(.reverse) .menu-colour-strip{width:100%!important;margin-right:0!important;border-radius:0!important}
  .page-menu .menu-ref-section.reverse .menu-colour-strip{border-radius:0!important}
}
@media(max-width:760px){
  .page-menu .menu-ref-section{padding-right:0!important}
  .page-menu .menu-ref-copy,.page-menu .menu-ref-section.reverse .menu-ref-copy{padding-right:0!important;width:100%!important}
  .page-menu .menu-colour-strip{width:calc(100% + 18px)!important;margin-right:-18px!important;border-radius:0!important}
}
.page-reservations .reservation-designer{max-width:none!important;width:100%!important;margin:0!important}
.page-reservations .reservation-content{max-width:none!important;width:100%!important;margin:0!important;padding-right:0!important}
.page-reservations .reservation-content .color-note.teal{width:100%!important;max-width:none!important;margin-right:0!important;border-radius:0!important}

/* 8 RESERVATIONS: orange rail consumes the former beige left gutter. */
.page-reservations .reservation-designer{padding-left:72px!important;border-left:0!important}
.page-reservations .reservation-designer::before{left:0!important;width:72px!important}
@media(max-width:980px){
  .page-reservations .reservation-designer{padding-left:42px!important}
  .page-reservations .reservation-designer::before{width:42px!important}
}
@media(max-width:600px){
  .page-reservations .reservation-designer{padding-left:34px!important}
  .page-reservations .reservation-designer::before{width:34px!important}
}

/* 9 RESERVATIONS mobile: remove the isolated beige tail above the footer. */
@media(max-width:760px){
  .page-reservations main{padding-bottom:0!important;margin-bottom:0!important;background:var(--sumaq-cream,#f4edde)!important}
  .page-reservations .reservation-designer{padding-bottom:0!important;margin-bottom:0!important}
  .page-reservations .reservation-content{padding-bottom:0!important;margin-bottom:0!important}
  .page-reservations .reservation-reference-form{margin-bottom:0!important}
}

/* 10–11 ABOUT: shallower consistent modules, undistorted photos, larger body copy,
   and principal/display titles at 75% of the previous scale. */
.page-about .about-title-band h1{font-size:clamp(1.5rem,2.25vw,2.625rem)!important}
.page-about .about-divider h2{font-size:clamp(1.16rem,1.725vw,1.99rem)!important}
@media(min-width:761px){
  .page-about .about-cell{min-height:0!important;height:clamp(220px,23vw,315px)!important;overflow:hidden!important}
  .page-about .about-cell.image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  .page-about .about-cell.copy{padding:clamp(22px,2.8vw,42px)!important}
  .page-about .about-cell.copy p{font-size:clamp(1.35rem,1.53vw,1.575rem)!important;line-height:1.34!important}
  .page-about .about-divider{min-height:86px!important;padding:18px 24px!important}
  .page-about .about-divider.closing{min-height:100px!important}
}
@media(max-width:760px){
  .page-about .about-title-band{min-height:88px!important;padding:20px 18px!important}
  .page-about .about-title-band h1{font-size:1.69rem!important}
  .page-about .about-cell.image{min-height:0!important;height:250px!important;overflow:hidden!important}
  .page-about .about-cell.image img{width:100%!important;height:100%!important;object-fit:cover!important}
  .page-about .about-cell.copy{min-height:0!important;height:auto!important;padding:28px 22px!important}
  .page-about .about-cell.copy p{font-size:1.35rem!important;line-height:1.36!important}
  .page-about .about-divider{min-height:82px!important;padding:18px!important}
  .page-about .about-divider h2{font-size:1.24rem!important}
  .page-about .about-divider.closing{min-height:92px!important}
}


/* ================================================================
   CLIENT ROUND — 2026-09-05
   Scope: Home crop fidelity, Desserts red strip left bleed,
   redirected Pickup filter navigation, and About text refinement.
   ================================================================ */

/* HOME — reproduce the original panoramic crop from the approved design.
   Keep the high-resolution source image; only the viewport/crop changes. */
@media(min-width:901px){
  .page-index .home-at-home-reference{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1441/501!important;
    overflow:hidden!important;
  }
  .page-index .home-at-home-reference>img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 22%!important;
  }
}
@media(max-width:900px){
  .page-index .home-at-home-reference>img{
    object-fit:cover!important;
    object-position:center 28%!important;
  }
}

/* MENU / DESSERTS — the red statement begins flush at the left viewport edge,
   while preserving its existing height, copy and right endpoint. */
@media(min-width:761px){
  .page-menu .menu-ref-dessert .wine-strip{
    position:relative!important;
    left:calc(-1 * clamp(46px,5vw,78px))!important;
    width:calc(100% + clamp(46px,5vw,78px))!important;
    margin-right:0!important;
    border-radius:0!important;
  }
}
@media(max-width:760px){
  .page-menu .menu-ref-dessert .wine-strip{
    position:relative!important;
    left:-28px!important;
    width:calc(100% + 28px)!important;
    margin-right:0!important;
    border-radius:0!important;
  }
}

/* ABOUT — slightly quieter white copy with more breathing room from the image.
   Mobile is deliberately restrained so the copy no longer becomes oversized. */
@media(min-width:761px){
  .page-about .about-cell.copy{
    padding:clamp(30px,3.7vw,56px) clamp(40px,4.6vw,70px)!important;
  }
  .page-about .about-cell.copy p{
    font-size:clamp(1.08rem,1.18vw,1.28rem)!important;
    line-height:1.42!important;
  }
}
@media(max-width:760px){
  .page-about .about-cell.copy{
    padding:30px 26px!important;
  }
  .page-about .about-cell.copy p{
    font-size:clamp(1rem,4.3vw,1.10rem)!important;
    line-height:1.42!important;
  }
}


/* ================================================================
   HOME AT-HOME DESIGN FIDELITY HOTFIX — 2026-09-05
   Final client reference: one compact "Order Now" CTA over the
   panoramic image. Keep the photograph visible on mobile instead of
   letting the teal card grow over the full image.
   ================================================================ */
.page-index .home-at-home-reference{
  position:relative!important;
  overflow:hidden!important;
}
.page-index .home-at-home-reference .teal-overlay{
  box-sizing:border-box!important;
  height:auto!important;
  max-height:none!important;
}
.page-index .home-at-home-reference .home-order-now{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:118px!important;
  margin:0!important;
  border:0!important;
}

/* Desktop/tablet landscape: retain the approved 1441:501 crop and the
   compact card aligned to the right, as in Mesa de trabajo 5-100. */
@media(min-width:901px){
  .page-index .home-at-home-reference .teal-overlay{
    left:auto!important;
    right:0!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:min(540px,34vw)!important;
    padding:22px 28px!important;
  }
  .page-index .home-at-home-reference .teal-overlay h2{
    margin:0 0 14px!important;
    font-size:clamp(1.55rem,2.05vw,2.2rem)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  .page-index .home-at-home-reference .home-order-now{
    float:right!important;
    padding:10px 18px!important;
    font-size:1rem!important;
  }
}

/* Mobile: the previous generic overlay rule made the teal panel nearly
   full-width and stacked two buttons, hiding the photograph. Use a small
   right-side card with one CTA and a controlled crop instead. */
@media(max-width:900px){
  .page-index .home-at-home-reference{
    min-height:0!important;
    height:clamp(245px,68vw,330px)!important;
    aspect-ratio:auto!important;
  }
  .page-index .home-at-home-reference>img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 28%!important;
  }
  .page-index .home-at-home-reference .teal-overlay{
    left:auto!important;
    right:12px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:min(62vw,300px)!important;
    padding:14px 15px!important;
  }
  .page-index .home-at-home-reference .teal-overlay h2{
    margin:0 0 12px!important;
    font-size:clamp(1.2rem,5.4vw,1.65rem)!important;
    line-height:1.08!important;
    white-space:normal!important;
  }
  .page-index .home-at-home-reference .home-order-now{
    padding:9px 15px!important;
    min-width:104px!important;
    font-size:.94rem!important;
  }
}
@media(max-width:430px){
  .page-index .home-at-home-reference{
    height:clamp(235px,72vw,305px)!important;
  }
  .page-index .home-at-home-reference>img{
    object-position:48% 28%!important;
  }
  .page-index .home-at-home-reference .teal-overlay{
    right:10px!important;
    width:min(58vw,245px)!important;
    padding:12px 13px!important;
  }
  .page-index .home-at-home-reference .teal-overlay h2{
    font-size:clamp(1.08rem,5.2vw,1.4rem)!important;
    margin-bottom:10px!important;
  }
  .page-index .home-at-home-reference .home-order-now{
    padding:8px 13px!important;
    min-width:98px!important;
    font-size:.9rem!important;
  }
}


/* ================================================================
   HOME HERO VIDEO — FINAL CLIENT ASSETS — 2026-09-05
   A single video element loads only the client edit appropriate to
   the viewport: 16:9 for desktop/tablet and 4:5 for mobile.
   No overlays, labels, buttons or native video controls.
   The previous hero image remains only as a poster/fallback.
   ================================================================ */
.page-index .home-video-stage{
  width:100%!important;
  background:#000!important;
  overflow:hidden!important;
  line-height:0!important;
}
.page-index .home-video-stage .home-hero-video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:900px){
  .page-index .home-video-stage .home-hero-video{
    aspect-ratio:4/5!important;
  }
}



/* ================================================================
   CLIENT ADJUSTMENTS — 2026-09-06
   1) Hero videos are intentionally silent: no sound affordance.
   2) Home "Order Now" uses the same CTA sizing/typography as other design buttons.
   3) Desktop Desserts title, red statement and View here CTA share one right edge.
   ================================================================ */
.page-index .home-at-home-reference .home-order-now{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-width:0!important;
  padding:12px 20px!important;
  border:0!important;
  border-radius:0!important;
  font:500 1.2rem 'Playfair Display',serif!important;
  margin-top:18px!important;
  float:none!important;
}

@media(min-width:761px){
  .page-menu .menu-ref-dessert .menu-ref-copy{
    width:100%!important;
    align-items:flex-end!important;
    text-align:right!important;
  }
  .page-menu .menu-ref-dessert .wine-strip{
    --dessert-left-bleed:clamp(46px,5vw,78px);
    box-sizing:border-box!important;
    position:relative!important;
    left:0!important;
    width:calc(100% + var(--dessert-left-bleed))!important;
    margin-left:calc(-1 * var(--dessert-left-bleed))!important;
    margin-right:0!important;
    border-radius:0!important;
  }
  .page-menu .menu-ref-dessert h2,
  .page-menu .menu-ref-dessert .design-btn{
    align-self:flex-end!important;
    margin-right:0!important;
  }
}


/* ===== Client adjustment 2026-09-13: menu-card viewer ===== */
.menu-card-trigger{font:inherit;cursor:pointer;border:0}
.menu-card-dialog{width:min(94vw,980px);max-width:980px;max-height:94vh;padding:0;border:0;border-radius:18px;background:#f6eee2;color:#17120f;box-shadow:0 24px 80px rgba(0,0,0,.38);overflow:hidden}
.menu-card-dialog::backdrop{background:rgba(20,14,23,.78);backdrop-filter:blur(3px)}
.menu-card-shell{display:flex;flex-direction:column;max-height:94vh}
.menu-card-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;background:#47265b;color:#fff}
.menu-card-header h2{margin:1px 0 0;font-family:"Playfair Display",serif;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1}
.menu-card-kicker{display:block;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.78}
.menu-card-close{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:transparent;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}
.menu-card-body{overflow:auto;padding:18px;background:#eee4d6;text-align:center}
.menu-card-body img{display:block;width:min(100%,760px);height:auto;margin:0 auto;box-shadow:0 8px 28px rgba(44,30,20,.16)}
.menu-card-actions{display:flex;justify-content:flex-end;gap:12px;padding:14px 18px;background:#f6eee2;border-top:1px solid rgba(52,35,25,.13)}
.menu-card-actions a,.menu-card-actions button{min-width:118px;padding:11px 18px;border-radius:3px;font-weight:700;text-decoration:none;text-align:center;cursor:pointer}
.menu-card-pdf{background:#c51546;color:#fff}
.menu-card-done{border:1px solid #47265b;background:transparent;color:#47265b}
.menu-card-pending{max-width:560px;margin:7vh auto;padding:34px 28px;background:#fff;border-radius:12px;box-shadow:0 8px 28px rgba(44,30,20,.1)}
.menu-card-pending strong{display:block;font-family:"Playfair Display",serif;font-size:clamp(1.7rem,5vw,2.4rem);color:#47265b;margin-bottom:10px}
.menu-card-pending p{margin:0;line-height:1.6;color:#493e38}
.menu-card-dialog .hidden{display:none!important}
@media(max-width:640px){
  .menu-card-dialog{width:100vw;max-width:none;max-height:100dvh;height:100dvh;border-radius:0;margin:0}
  .menu-card-shell{height:100dvh;max-height:100dvh}
  .menu-card-header{padding:14px 16px}
  .menu-card-body{padding:10px;flex:1}
  .menu-card-actions{padding:10px;justify-content:stretch}
  .menu-card-actions a,.menu-card-actions button{flex:1;min-width:0}
  .menu-card-pending{margin:10vh 10px}
}