:root{--gold:#d2ab67;--gold-ink:#80602d;--navy:#393c60;--ink:#0e1317;--body:#696969;--light:#eeeeee;--maxw:1200px;--head:'Oswald',sans-serif;--text:'Mulish',sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--text);color:var(--body);font-size:16px;line-height:1.7;background:#fff;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:var(--head);color:var(--ink);margin:0 0 .4em;line-height:1.2;font-weight:600}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.eyebrow{font-family:var(--head);letter-spacing:2px;color:var(--gold-ink);text-transform:uppercase;font-weight:600;font-size:14px;display:inline-block;margin-bottom:10px}
.section{padding:90px 0}
.section-title{font-size:40px;margin-bottom:18px}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:14px;padding:14px 26px;border-radius:6px;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .25s ease,background .25s ease,color .25s ease;min-height:44px}
.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.btn-light{background:#fff;color:var(--gold-ink);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.btn-light:hover{background:var(--gold);color:var(--ink);transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.22)}
.btn-light:active{transform:translateY(0) scale(.97)}
.btn-gold{background:linear-gradient(135deg,#e6c48a 0%,var(--gold) 55%,#bd9550 100%);color:var(--ink);box-shadow:0 6px 18px rgba(210,171,103,.35)}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(210,171,103,.5);background:linear-gradient(135deg,#eed09a 0%,#d8b274 55%,#b88f47 100%)}
.btn-gold:active{transform:translateY(0) scale(.97);box-shadow:0 5px 14px rgba(210,171,103,.4)}
/* shine sweep across solid gold buttons */
.btn-gold::before{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-22deg);transition:left .65s ease;pointer-events:none;z-index:0}
.btn-gold:hover::before{left:150%}
.btn-outline{background:transparent;border:2px solid var(--gold);color:var(--gold-ink)}
.btn-outline:hover{background:var(--gold);color:var(--ink);transform:translateY(-2px);box-shadow:0 10px 22px rgba(210,171,103,.3)}
.btn-outline:active{transform:translateY(0) scale(.97)}
/* click ripple element (injected by JS) */
.ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.35;transform:scale(0);animation:ripple .6s ease-out;pointer-events:none;z-index:0}
@keyframes ripple{to{transform:scale(2.6);opacity:0}}

/* SITE-WIDE WHATSAPP CLICK-TO-CHAT */
.wa-float{position:fixed;right:24px;bottom:24px;z-index:950;isolation:isolate;width:64px;height:64px;border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#2ee66b 0%,#25d366 48%,#18b852 100%);box-shadow:0 6px 12px rgba(14,58,31,.18),0 14px 32px rgba(15,94,49,.36);transition:transform .25s cubic-bezier(.4,0,.2,1),background .2s ease,box-shadow .25s ease}
.wa-float::before{content:"";position:absolute;inset:-7px;z-index:-1;border:2px solid rgba(37,211,102,.36);border-radius:inherit;animation:waPulse 2.8s ease-out infinite}
.wa-float:hover{color:#fff;background:linear-gradient(145deg,#35eb72 0%,#25d366 48%,#16aa4a 100%);transform:translateY(-4px) scale(1.045);box-shadow:0 8px 15px rgba(14,58,31,.2),0 18px 38px rgba(15,94,49,.44)}
.wa-float:active{transform:translateY(-1px) scale(.97)}
.wa-float:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px rgba(37,211,102,.42),0 16px 34px rgba(15,94,49,.4)}
.wa-float__icon{width:37px;height:37px;display:block;fill:currentColor;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}
.wa-float__label{position:absolute;right:calc(100% + 13px);top:50%;transform:translate(8px,-50%);padding:8px 13px;border:1px solid rgba(37,211,102,.2);border-radius:999px;background:#fff;color:#147a38;box-shadow:0 8px 24px rgba(14,19,23,.16);font-family:var(--text);font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s}
.wa-float:hover .wa-float__label,.wa-float:focus-visible .wa-float__label{opacity:1;visibility:visible;transform:translate(0,-50%)}
@keyframes waPulse{0%,55%{opacity:.72;transform:scale(.86)}85%,100%{opacity:0;transform:scale(1.18)}}

.text-center{text-align:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
section[id]{scroll-margin-top:110px}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}
.site-header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:1000;box-shadow:0 2px 14px rgba(0,0,0,.06);transition:box-shadow .3s ease}
.site-header::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4,var(--gold),#bd9550);z-index:2}
.site-header.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.1)}
.site-header.scrolled .header-inner{height:72px}
.header-inner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;height:90px;transition:height .3s ease}
.logo{display:inline-flex;align-items:center;transition:transform .25s ease}
.logo:hover{transform:translateY(-2px) scale(1.02)}
.logo img{max-height:52px;transition:max-height .3s ease}
.site-header.scrolled .logo img{max-height:44px}
.main-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:24px;align-items:center}
.main-nav a{position:relative;white-space:nowrap;font-family:var(--head);text-transform:uppercase;font-size:13.5px;letter-spacing:.5px;color:var(--ink);font-weight:500;padding:6px 0;transition:color .2s ease}
.main-nav a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left center;transition:transform .3s ease}
.main-nav a:hover,.main-nav a:focus-visible{color:var(--gold-ink)}
.main-nav a:hover::after,.main-nav a:focus-visible::after{transform:scaleX(1)}
.main-nav .has-sub>a{padding-right:14px}
.main-nav .has-sub>a::before{content:"\25BE";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:9px;color:var(--gold);transition:transform .3s ease}
.main-nav .has-sub:hover>a::before{transform:translateY(-50%) rotate(180deg)}
.has-sub{position:relative}
.has-sub>ul{display:flex;position:absolute;top:calc(100% + 8px);left:0;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.14);min-width:200px;padding:8px 0;flex-direction:column;gap:0;border-radius:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s}
.has-sub:hover>ul,.has-sub:focus-within>ul{opacity:1;visibility:visible;transform:translateY(0)}
.has-sub>ul a{display:block;padding:10px 20px;font-size:12.5px;transition:background .2s ease,color .2s ease}
.has-sub>ul a:hover{background:rgba(210,171,103,.12);color:var(--gold-ink)}
.header-cta{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:16px}
.header-cta .btn{flex:0 0 auto;white-space:nowrap}
.header-halal-logo{display:block;flex:0 0 auto;width:auto;height:46px;object-fit:contain;transition:height .3s ease}
.site-header.scrolled .header-halal-logo{height:37px}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;border:none;background:transparent;cursor:pointer}
.nav-toggle span{display:block;height:2px;width:26px;background:var(--ink);transition:.3s}
.nav-toggle:hover span{background:var(--gold)}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1120px){
  .nav-toggle{display:flex}
  .header-cta .btn{display:none}
  .header-halal-logo{height:32px}
  .site-header.scrolled .header-halal-logo{height:26px}
}

/* HERO */
.hero{position:relative;height:88vh;min-height:600px;overflow:hidden;margin-top:90px}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,19,23,.30),rgba(14,19,23,.58))}
.hero-slide.active{opacity:1}
.hero-card{position:relative;z-index:2;max-width:760px;width:90%;padding:58px 48px 54px;border-radius:12px;text-align:center;overflow:hidden;background:linear-gradient(160deg,rgba(210,171,103,.97),rgba(184,143,74,.97));border:1px solid rgba(255,255,255,.22);box-shadow:0 30px 60px rgba(0,0,0,.42)}
.hero-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#bd9550,#f3dca8,#bd9550);z-index:3}
.hero-card::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.14),transparent 55%);pointer-events:none}
.hero-card>*{position:relative;z-index:1;opacity:0}
.hero-slide.active .hero-card>*{animation:heroIn .7s ease both}
.hero-slide.active .hero-card>.hero-eyebrow{animation-delay:.05s}
.hero-slide.active .hero-card>h2{animation-delay:.16s}
.hero-slide.active .hero-card>p{animation-delay:.28s}
.hero-slide.active .hero-card>.hero-cta{animation-delay:.40s}
@keyframes heroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hero-eyebrow{display:inline-block;font-family:var(--head);text-transform:uppercase;letter-spacing:2.5px;font-weight:600;font-size:12.5px;color:var(--navy);background:rgba(255,255,255,.20);padding:6px 14px;border-radius:30px;margin-bottom:18px}
.hero-card h2{color:var(--ink);font-size:clamp(30px,5vw,54px);font-weight:600;line-height:1.1;margin-bottom:16px;text-shadow:none}
.hero-card p{color:var(--ink);font-size:clamp(15px,1.5vw,18px);line-height:1.6;margin:0 auto 28px;max-width:560px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.hero-cta .btn{min-width:148px}
.btn-ghost{background:transparent;border:2px solid rgba(255,255,255,.78);color:#fff}
.btn-ghost:hover{background:#fff;color:var(--navy);transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.25)}
.hero-card .btn-ghost{color:var(--ink);border-color:var(--navy)}
.btn-ghost:active{transform:translateY(0) scale(.97)}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:52px;height:52px;border-radius:50%;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid rgba(210,171,103,.85);color:#fff;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.hero-arrow:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-50%) scale(1.08)}
.hero-arrow:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hero-prev{left:22px}.hero-next{right:22px}
.hero-dots{position:absolute;left:0;bottom:84px;width:100%;display:flex;justify-content:center;gap:10px;z-index:5}
.hero-dots button{width:11px;height:11px;padding:0;border:none;border-radius:30px;background:rgba(255,255,255,.5);cursor:pointer;transition:width .3s ease,background .3s ease}
.hero-dots button.active{width:30px;background:var(--gold)}
.hero-dots button:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* HERO TRUST STRIP */
.hero-trust{position:relative;z-index:6;margin-top:-52px}
.hero-trust__inner{background:#fff;border-radius:16px;box-shadow:0 22px 50px rgba(14,19,23,.14);padding:34px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.hero-trust__item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px;padding:0 6px}
.hero-trust__item+.hero-trust__item{border-left:1px solid rgba(14,19,23,.07)}
.hero-trust__item:hover strong{color:var(--gold)}
.hero-trust__ic{flex:0 0 auto;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(210,171,103,.35);transition:transform .25s ease,box-shadow .25s ease}
.hero-trust__ic svg{width:27px;height:27px;display:block}
.hero-trust__item:hover .hero-trust__ic{transform:scale(1.1);box-shadow:0 12px 24px rgba(210,171,103,.45)}
.hero-trust__item strong{display:block;font-family:var(--head);text-transform:uppercase;letter-spacing:.4px;color:var(--ink);font-size:15px;font-weight:600;line-height:1.2;transition:color .25s ease}
.hero-trust__item span{font-size:12.5px;color:var(--body);line-height:1.4}
/* FOOD CATEGORY */
.food-cat{background:linear-gradient(180deg,#34375a,var(--navy) 60%);color:#fff;text-align:center;position:relative;overflow:hidden}
.food-cat::before{content:"";position:absolute;top:-120px;right:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(210,171,103,.16),transparent 70%);pointer-events:none}
.food-cat>.container>.eyebrow,.quote-sec .eyebrow,.oc-navy .eyebrow,.gal-sec--navy .eyebrow{color:var(--gold)}
.food-cat .section-title{color:#fff;position:relative}
.cat-carousel{position:relative;margin-top:44px}
.cat-track-wrap{overflow:hidden;padding:16px 8px 22px;margin:-16px -8px 0}
.cat-track{display:flex;align-items:stretch;gap:26px;transition:transform .5s ease}
.cat-card{position:relative;display:flex;flex:0 0 calc(33.333% - 18px);flex-direction:column;height:100%;background:#fff;border-radius:12px;overflow:hidden;color:var(--body);text-align:left;box-shadow:0 18px 40px rgba(0,0,0,.28);transition:transform .4s cubic-bezier(.2,.7,.3,1),box-shadow .4s ease}
.cat-track .cat-card{height:auto}
.cat-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4);transform:scaleX(0);transform-origin:left center;transition:transform .4s ease;z-index:3}
.cat-card:hover{transform:translateY(-10px);box-shadow:0 30px 55px rgba(0,0,0,.4)}
.cat-card:hover::before{transform:scaleX(1)}
.cat-media{position:relative;flex:0 0 auto;overflow:hidden}
.cat-media img{display:block;height:220px;width:100%;object-fit:cover;transition:transform .6s ease}
.cat-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,19,23,.5),transparent 55%);opacity:.45;transition:opacity .4s ease;pointer-events:none}
.cat-card:hover .cat-media img{transform:scale(1.08)}
.cat-card:hover .cat-media::after{opacity:.85}
.cat-card .cat-body{display:flex;flex:1 1 auto;flex-direction:column;padding:28px 24px;position:relative}
.cat-card .eyebrow{font-size:12px;margin-bottom:6px}
.cat-card h4{font-size:22px;text-transform:uppercase}
.cat-card p{flex:1 1 auto;font-size:14.5px;margin:10px 0 20px}
.cat-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:46px;height:46px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid rgba(210,171,103,.7);color:#fff;transition:transform .25s ease,background .25s ease,border-color .25s ease}
.cat-arrow:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-50%) scale(1.08)}
.cat-arrow:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.cat-prev{left:-18px}.cat-next{right:-18px}
.cat-dots{display:flex;justify-content:center;gap:10px;margin-top:26px}
.cat-dots button{width:11px;height:11px;padding:0;border-radius:30px;border:none;background:rgba(255,255,255,.4);cursor:pointer;transition:width .3s ease,background .3s ease}
.cat-dots button.active{width:30px;background:var(--gold)}
.cat-dots button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-img{position:relative}
.about-img img{position:relative;z-index:2;border-radius:14px;width:100%;max-height:480px;object-fit:cover;box-shadow:0 26px 50px rgba(14,19,23,.18);transition:transform .6s ease}
.about-img::before{content:"";position:absolute;top:26px;left:26px;width:100%;height:100%;border:3px solid var(--gold);border-radius:18px;z-index:1;pointer-events:none;transition:top .5s ease,left .5s ease}
.about-img:hover img{transform:scale(1.04)}
.about-img:hover::before{top:18px;left:18px}
.about-badge{position:absolute;left:22px;bottom:22px;z-index:3;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 18px 36px rgba(14,19,23,.2);display:flex;align-items:center;gap:12px;animation:aboutFloat 4s ease-in-out infinite}
.about-badge__ic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(210,171,103,.4)}
.halal-logo{width:100%;height:100%;padding:4px;object-fit:contain;display:block}
.about-badge__body{display:flex;flex-direction:column;line-height:1.2}
.about-badge__body b{font-family:var(--head);color:var(--ink);font-size:16px;font-weight:600}
.about-badge__body span{font-size:12px;color:var(--body);margin-top:2px}
@keyframes aboutFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.about-text{transition-delay:.15s}
.about-list{list-style:none;padding:0;margin:22px 0 30px}
.about-list li{position:relative;padding-left:38px;margin-bottom:14px;transition:opacity .5s ease,transform .5s ease}
.about-list li:nth-child(1){transition-delay:.35s}
.about-list li:nth-child(2){transition-delay:.45s}
.about-list li:nth-child(3){transition-delay:.55s}
.about-list li:nth-child(4){transition-delay:.65s}
.about-list li:nth-child(5){transition-delay:.75s}
.about-list li::before{content:"\2713";position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;line-height:1}
/* FEEDBACK / GOOGLE REVIEWS */
.feedback{background:linear-gradient(180deg,#fff,var(--light));text-align:center}
.stars-g{color:#fbbc04;letter-spacing:2px;line-height:1}
.reviews-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 36px;margin:34px auto 0;background:#fff;border:1px solid #eceef2;border-radius:16px;padding:24px 30px;box-shadow:0 14px 34px rgba(14,19,23,.07);max-width:900px}
.reviews-google{display:flex;align-items:center;gap:12px}
.g-logo{width:36px;height:36px;flex:0 0 auto}
.reviews-google b{display:block;font-family:var(--head);color:var(--ink);font-size:17px;text-align:left;line-height:1.2}
.reviews-google span{display:block;font-size:12px;color:#62666c;margin-top:2px}
.reviews-score{display:flex;flex-direction:column;align-items:center;gap:3px}
.rs-num{font-family:var(--head);color:var(--ink);font-size:38px;font-weight:600;line-height:1}
.reviews-score .stars-g{font-size:18px}
.rs-cap{font-size:12px;color:#62666c}
.rs-cta{margin-left:auto}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px;text-align:left}
.review-card{background:#fff;border:1px solid #eceef2;border-radius:14px;padding:26px;box-shadow:0 8px 22px rgba(14,19,23,.05);transition:transform .35s ease,box-shadow .35s ease,opacity .55s ease}
.review-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(14,19,23,.12);transition-delay:0s!important}
.review-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.review-av{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--c);color:#fff;font-family:var(--head);font-weight:600;font-size:18px;display:flex;align-items:center;justify-content:center}
.review-id strong{display:block;color:var(--ink);font-family:var(--head);font-size:15px;font-weight:600;line-height:1.2}
.review-id span{display:block;font-size:12px;color:#62666c;margin-top:2px}
.review-card .stars-g{font-size:15px;margin-bottom:10px}
.review-card p{font-size:14px;line-height:1.65;color:#3c4043;margin:0}
.review-src{display:flex;align-items:center;gap:7px;margin-top:16px;font-family:var(--head);font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:#62666c}
.g-dots{display:inline-flex;gap:2px}
.g-dots i{width:6px;height:6px;border-radius:50%;display:block}
/* VENUES */
.venues{text-align:center}
.section-lede{max-width:680px;margin:6px auto 0;font-size:16px;line-height:1.65;color:var(--body)}
.venue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
.venue-card{position:relative;height:380px;border-radius:16px;overflow:hidden;display:flex;align-items:flex-end;color:#fff;text-align:left;box-shadow:0 14px 30px rgba(14,19,23,.1);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,opacity .6s ease}
.venue-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:0}
.venue-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,19,23,.96) 0%,rgba(14,19,23,.62) 32%,rgba(14,19,23,.18) 60%,transparent 80%);opacity:.9;z-index:1;transition:opacity .3s ease}
.venue-card__note{position:absolute;top:14px;left:14px;z-index:2;padding:6px 9px;background:rgba(14,19,23,.82);border:1px solid rgba(255,255,255,.25);color:#fff;font-family:var(--head);font-size:10px;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.7px}
.venue-card .vc-body{position:relative;z-index:2;padding:28px;width:100%}
.venue-card h2{color:#fff;font-family:var(--head);font-size:22px;font-weight:600;line-height:1.2;margin-bottom:8px;text-transform:capitalize;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.venue-card p{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.86);margin:0;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.venue-more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:var(--head);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}
.venue-arrow{display:inline-block;transition:transform .25s cubic-bezier(.4,0,.2,1)}
.venue-card:nth-child(1){transition-delay:.05s}
.venue-card:nth-child(2){transition-delay:.12s}
.venue-card:nth-child(3){transition-delay:.19s}
.venue-card:nth-child(4){transition-delay:.26s}
.venue-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(14,19,23,.22);transition-delay:0s!important}
.venue-card:hover .venue-img{transform:scale(1.09)}
.venue-card:hover::after{opacity:1}
.venue-card:hover .venue-arrow{transform:translateX(4px)}
.venue-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.venues-cta{margin-top:48px}

/* MENU TABS */
.menu-sec{text-align:center}
.menu-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:36px 0 44px}
.menu-tabs button{font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:13.5px;padding:11px 22px;border:1.5px solid #e6e6e6;background:#fff;color:var(--ink);border-radius:999px;cursor:pointer;min-height:44px;transition:color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}
.menu-tabs button:hover{color:var(--gold-ink);border-color:rgba(210,171,103,.6)}
.menu-tabs button.active{background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);border-color:transparent;color:var(--ink);box-shadow:0 8px 18px rgba(210,171,103,.32)}
.menu-tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.menu-panel{display:none}
.menu-panel.active{display:block}
.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}
.menu-item{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #ececec;border-radius:14px;padding:22px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(14,19,23,.05);transition:transform .25s cubic-bezier(.4,0,.2,1)}
.menu-item::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4);opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1)}
.menu-item:hover{transform:translateY(-4px)}
.menu-item:hover::before{opacity:1}
.menu-item>div:first-child{flex:1;min-width:0}
.menu-item h4{font-size:16px;text-transform:uppercase;margin-bottom:6px;line-height:1.2}
.menu-item p{font-size:13px;line-height:1.5;margin:0}
.menu-item .price{display:inline-flex;align-items:baseline;font-family:var(--head);color:var(--gold-ink);font-size:24px;font-weight:600;white-space:nowrap;background:rgba(210,171,103,.1);border:1px solid rgba(210,171,103,.22);border-radius:10px;padding:7px 13px}
.menu-item .price::after{content:"/set";font-size:11px;color:var(--body);font-family:var(--text);font-weight:400;margin-left:3px}
.menu-panel[data-panel="1"] .price::after,.menu-panel[data-panel="2"] .price::after{content:"/pax"}
.menu-panel.active .menu-item{animation:menuIn .42s cubic-bezier(.4,0,.2,1) backwards}
.menu-panel.active .menu-item:nth-child(1){animation-delay:.03s}
.menu-panel.active .menu-item:nth-child(2){animation-delay:.08s}
.menu-panel.active .menu-item:nth-child(3){animation-delay:.13s}
.menu-panel.active .menu-item:nth-child(4){animation-delay:.18s}
.menu-panel.active .menu-item:nth-child(5){animation-delay:.23s}
.menu-panel.active .menu-item:nth-child(6){animation-delay:.28s}
@keyframes menuIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.menu-more{margin-top:48px}
/* WHY */
.why{text-align:center}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.why-card{position:relative;overflow:hidden;padding:44px 30px 40px;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(14,19,23,.07);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .5s ease}
.why-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4);transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.why-card:nth-child(2){transition-delay:.1s}
.why-card:nth-child(3){transition-delay:.2s}
.why-card:hover{transform:translateY(-6px);transition-delay:0s!important}
.why-card:hover::before{transform:scaleX(1)}
.why-card .ic{width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;box-shadow:0 10px 22px rgba(210,171,103,.32);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.why-card .ic svg{width:33px;height:33px;display:block}
.why-card:hover .ic{transform:scale(1.07)}
.why-card h4{font-size:20px;text-transform:uppercase;margin-bottom:10px;letter-spacing:.3px}
.why-card p{font-size:14.5px;line-height:1.65;margin:0}
/* WEDDING */
.wedding{background:var(--navy);text-align:center}
.wedding .section-title{color:#fff}
.wedding .eyebrow{color:var(--gold)}
.wedding .section-lede{color:rgba(255,255,255,.72)}
.wed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}
.wed-card{position:relative;height:400px;border-radius:16px;overflow:hidden;display:flex;align-items:flex-end;color:#fff;text-align:left;box-shadow:0 16px 34px rgba(0,0,0,.22);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,opacity .6s ease}
.wed-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:0}
.wed-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,19,23,.95) 0%,rgba(14,19,23,.6) 34%,rgba(14,19,23,.12) 62%,transparent 80%);opacity:.92;z-index:1;transition:opacity .3s ease}
.wed-body{position:relative;z-index:2;padding:30px;width:100%}
.wed-tag{display:inline-block;font-family:var(--head);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);background:linear-gradient(135deg,#f0d6a4,var(--gold));padding:5px 12px;border-radius:999px;margin-bottom:12px}
.wed-card h4{color:#fff;font-family:var(--head);font-size:26px;font-weight:600;line-height:1.15;margin-bottom:8px;text-transform:capitalize;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.wed-card p{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.86);margin:0 0 18px;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.wed-card:nth-child(1){transition-delay:.05s}
.wed-card:nth-child(2){transition-delay:.12s}
.wed-card:nth-child(3){transition-delay:.19s}
.wed-card:hover{transform:translateY(-6px);box-shadow:0 28px 50px rgba(0,0,0,.36);transition-delay:0s!important}
.wed-card:hover .wed-img{transform:scale(1.09)}
.wed-card:hover::after{opacity:1}
/* FAQ + QUOTE */
.quote-sec{background:var(--navy);color:#fff}
.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.quote-sec .section-title{color:#fff}
.faq-item{border-bottom:1px solid rgba(255,255,255,.18)}
.faq-q{width:100%;text-align:left;background:none;border:none;color:#fff;font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-size:16px;padding:20px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-q .pm{color:var(--gold);font-size:22px}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;color:#cfd0dc;font-size:14.5px}
.faq-a .inner{padding:0 0 20px}
.faq-a .inner p{margin:0}
.faq-a .inner ul{margin:0;padding-left:20px}
.faq-a .inner li+li{margin-top:8px}
.faq-a strong{color:#fff}
.faq-item.open .faq-a{max-height:1200px}
.quote-contact{margin-bottom:26px}
.quote-contact a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.quote-contact .lbl{color:var(--gold);font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-size:13px}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.quote-form .form-field{display:flex;flex-direction:column;gap:7px;min-width:0;color:#fff;font-size:14px;font-weight:700}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;min-width:0;padding:13px 15px;border:1px solid #c6c8d4;background:#fff;color:var(--ink);caret-color:var(--ink);border-radius:6px;font-family:var(--text);font-size:16px;font-weight:400;line-height:1.5;color-scheme:light}
.quote-form textarea{resize:vertical;min-height:120px}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:3px solid var(--gold);outline-offset:2px;border-color:var(--ink)}
.quote-form input:-webkit-autofill,.quote-form textarea:-webkit-autofill,.quote-form select:-webkit-autofill{-webkit-text-fill-color:#0e1317;caret-color:#0e1317;box-shadow:0 0 0 1000px #fff inset}
.quote-form .form-note{margin:0;color:#fff;font-size:13px}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:#626775;opacity:1}
.quote-form select option{color:var(--ink);background:#fff}
.quote-form .full{grid-column:1/-1}
.quote-form .btn{justify-self:start;color:var(--ink)}
.quote-form .btn:disabled{cursor:wait;opacity:.72}
.quote-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.quote-turnstile{grid-column:1/-1;height:0;overflow:hidden}
.quote-form-status{min-height:1.4em;margin:0;color:#fff;font-size:14px;scroll-margin-top:130px}
.quote-form-status:empty{display:none}
.quote-form-status.is-success{color:#a9e6b4}
.quote-form-status.is-error{color:#ffd0d0}
/* GALLERY */
.gallery-sec{text-align:center}
.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:44px}
.g-tile{position:relative;display:block;overflow:hidden;border-radius:12px;aspect-ratio:1/1;background:linear-gradient(110deg,#ece3d0 8%,#f6efe0 18%,#ece3d0 33%);background-size:200% 100%;animation:gShimmer 1.4s linear infinite;box-shadow:0 6px 16px rgba(14,19,23,.08);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,opacity .6s ease}
.g-tile:has(img.loaded){animation:none}
@keyframes gShimmer{to{background-position:-200% 0}}
.g-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s ease}
.g-tile img.loaded{opacity:1}
.g-tile:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(14,19,23,.2);transition-delay:0s!important}
.g-tile:hover img{transform:scale(1.08)}
.g-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,19,23,.55),transparent 60%);opacity:0;transition:opacity .25s ease;z-index:1}
.g-tile:hover::after{opacity:1}
.g-tile::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(255,255,255,.94) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a2a2a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M15 3h6v6'/><path d='M9 21H3v-6'/><path d='M21 3l-7 7'/><path d='M3 21l7-7'/></svg>") center/20px no-repeat;opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .25s cubic-bezier(.4,0,.2,1);z-index:2}
.g-tile:hover::before,.g-tile:focus-visible::before{opacity:1;transform:scale(1)}
.g-tile:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
/* Lightbox */
.g-lightbox{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(14,19,23,.92);opacity:0;transition:opacity .3s ease}
.g-lightbox.visible{opacity:1}
.g-lightbox[hidden]{display:none}
.g-stage{position:relative;max-width:92vw;max-height:88vh;display:flex;align-items:center;justify-content:center}
.g-lb-img{max-width:92vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.5);transform-origin:center center;background:#0e1313;outline:none}
.g-cap{position:fixed;left:0;right:0;bottom:26px;text-align:center;color:rgba(255,255,255,.82);font-size:13px;padding:0 20px}
.g-counter{position:fixed;top:20px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.75);font-family:var(--head);letter-spacing:1.5px;font-size:13px}
.g-close,.g-nav{position:fixed;border:none;color:#fff;background:rgba(255,255,255,.12);width:46px;height:46px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s cubic-bezier(.4,0,.2,1)}
.g-close:hover,.g-nav:hover{background:var(--gold)}
.g-close:focus-visible,.g-nav:focus-visible{outline:2px solid #fff;outline-offset:3px}
.g-close{top:20px;right:20px}
.g-close:hover{transform:scale(1.08)}
.g-prev{left:20px;top:50%;transform:translateY(-50%)}
.g-next{right:20px;top:50%;transform:translateY(-50%)}
.g-prev:hover{transform:translateY(-50%) scale(1.08)}
.g-next:hover{transform:translateY(-50%) scale(1.08)}
/* FOOTER */
.site-footer{background:#23253d;color:#b9bace;padding:70px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px}
.site-footer h4{color:#fff;font-size:18px;text-transform:uppercase;margin-bottom:22px}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer ul li{margin-bottom:11px}
.site-footer a:hover{color:var(--gold)}
.footer-logo img{max-height:60px;margin-bottom:18px}
.footer-social{display:flex;gap:12px;margin-top:22px}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;transition:background .25s,color .25s}
.footer-social a:hover{background:var(--gold);color:#fff}
.footer-social svg{width:18px;height:18px;display:block}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:55px;padding:22px 0;text-align:center;font-size:13px}

/* mobile drawer base (hidden on desktop) */
.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.3s;z-index:999}
.nav-overlay.show{opacity:1;visibility:visible}
@media(max-width:1024px){
  .cat-card{flex:0 0 calc(50% - 13px)}
  .cat-arrow{display:none}
  .venue-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:repeat(4,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .reviews-grid{grid-template-columns:repeat(2,1fr)}
  .menu-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .nav-toggle{display:flex}
  .header-cta .btn{display:none}
  .section{padding:60px 0}
  .section-title{font-size:30px}
  .about-grid,.quote-grid{grid-template-columns:1fr;gap:34px}
  .about-img::before{top:16px;left:16px;width:calc(100% - 16px);height:calc(100% - 16px);border-radius:14px}
  .about-img:hover::before{top:14px;left:14px}
  .about-badge{padding:10px 14px}
  .about-badge__ic{width:38px;height:38px}
  .why-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:repeat(3,1fr)}
  .wed-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:10px;scrollbar-width:none}
  .wed-grid::-webkit-scrollbar{display:none}
  .wed-card{flex:0 0 82%;scroll-snap-align:start}
  .hero-card h2{font-size:clamp(28px,5.5vw,40px)}
  .hero{height:auto;min-height:540px}
  .hero-trust{margin-top:-40px}
  .hero-dots{bottom:70px}
  .hero-trust__inner{grid-template-columns:repeat(2,1fr);gap:24px 22px;padding:28px 24px}
  .hero-trust__item+.hero-trust__item{border-left:none}
}
@media(max-width:600px){
  .cat-card{flex:0 0 100%}
  .venue-grid,.gallery-grid{grid-template-columns:1fr 1fr}
  .venue-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:10px;scrollbar-width:none}
  .venue-grid::-webkit-scrollbar{display:none}
  .venue-card{flex:0 0 80%;scroll-snap-align:start}
  .footer-grid{grid-template-columns:1fr}
  .quote-form{grid-template-columns:1fr}
  .hero-card{padding:40px 20px}
  .hero-card h2{font-size:clamp(26px,7vw,32px)}
  .hero-card p{font-size:15px}
  .hero-cta .btn{min-width:0;flex:1 1 auto}
  .hero-arrow{width:42px;height:42px;font-size:16px}
  .hero-prev{left:10px}.hero-next{right:10px}
  .hero-dots{bottom:60px}
  .hero-trust{margin-top:-32px}
  .hero-trust__inner{grid-template-columns:1fr 1fr;gap:22px 16px;padding:24px 16px}
  .hero-trust__ic{width:48px;height:48px}
  .hero-trust__ic svg{width:22px;height:22px}
  .hero-trust__item strong{font-size:14px}
  .menu-grid{grid-template-columns:1fr}
  .menu-tabs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;gap:10px;padding-bottom:8px;scrollbar-width:none}
  .menu-tabs::-webkit-scrollbar{display:none}
  .menu-tabs button{flex:0 0 auto;scroll-snap-align:start;padding:10px 18px;font-size:12px}
  .why-card{padding:34px 22px 30px}
  .why-card .ic{width:64px;height:64px}
  .why-card .ic svg{width:28px;height:28px}
  .reviews-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:10px;scrollbar-width:none}
  .reviews-grid::-webkit-scrollbar{display:none}
  .review-card{flex:0 0 86%;scroll-snap-align:start}
  .rs-cta{margin-left:0}
}
@media(max-width:360px){.section-title{font-size:25px}.container{padding:0 15px}}
body.no-scroll{overflow:hidden}

/* about-img img styles consolidated in the ABOUT block above */
.hero{height:88vh;min-height:560px}
/* reduced motion: disable transforms / sweeps / ripple */
@media (prefers-reduced-motion:reduce){
  .btn,.btn-gold,.btn-light,.btn-outline,.btn-ghost,.btn-gold::before,.main-nav a,.main-nav a::after,.logo,.logo img,.header-inner,.site-header,.has-sub>ul,.has-sub>ul a,.hero-slide,.hero-arrow,.hero-dots button,.reveal,.hero-trust__ic,.hero-trust__item strong,.cat-card,.cat-card::before,.cat-media img,.cat-media::after,.cat-arrow,.cat-dots button,.about-img img,.about-img::before,.about-badge,.about-list li,.review-card,.venue-card,.venue-img,.venue-card::after,.venue-arrow,.menu-tabs button,.menu-item,.menu-item::before,.menu-item .price,.why-card,.why-card::before,.why-card .ic,.wed-card,.wed-img,.wed-card::after{transition:none!important}
  .btn-gold:hover,.btn-light:hover,.btn-outline:hover,.btn-ghost:hover,.logo:hover,.hero-trust__item:hover .hero-trust__ic,.cat-card:hover,.cat-card:hover::before,.cat-arrow:hover,.about-img:hover img,.review-card:hover,.venue-card:hover,.venue-card:hover .venue-img,.venue-card:hover .venue-arrow,.menu-item:hover,.why-card:hover,.why-card:hover .ic,.why-card:hover::before,.wed-card:hover,.wed-card:hover .wed-img{transform:none}
  .menu-panel.active .menu-item{animation:none!important}
  .g-tile{animation:none!important}
  .g-tile,.g-tile img,.g-tile::before,.g-close,.g-nav,.g-lb-img{transition:none!important}
  .g-tile:hover,.g-tile:hover img,.g-tile:hover::before,.g-tile:focus-visible::before,.g-close:hover,.g-prev:hover,.g-next:hover{transform:none}
  .btn-gold::before,.ripple{display:none}
  .hero-slide .hero-card>*{opacity:1!important;transform:none!important;animation:none!important}
  .reveal{opacity:1!important;transform:none!important}
  .about-badge{animation:none!important}
  .about-img:hover::before{top:26px!important;left:26px!important}
}

/* ===== ABOUT PAGE ===== */
/* page banner */
.page-banner{position:relative;margin-top:90px;background-color:var(--navy);background-size:cover;background-position:center;overflow:hidden}
.page-banner__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,19,23,.55) 0%,rgba(57,60,96,.82) 100%);z-index:1}
.page-banner__inner{position:relative;z-index:2;min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:86px 20px}
.breadcrumb{display:inline-flex;align-items:center;gap:10px;font-family:var(--head);text-transform:uppercase;letter-spacing:1.5px;font-size:12.5px;color:rgba(255,255,255,.8)}
.breadcrumb a{color:rgba(255,255,255,.8);transition:color .2s ease}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb i{color:var(--gold);font-style:normal;font-size:14px;line-height:1}
.breadcrumb span[aria-current]{color:#fff}
.page-banner h1{color:#fff;font-size:clamp(38px,6vw,62px);font-weight:600;margin:14px 0 0;letter-spacing:.5px;text-shadow:0 2px 20px rgba(0,0,0,.32)}
.page-banner__rule{display:block;width:66px;height:3px;margin:18px auto 16px;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4)}
.page-banner__sub{margin:0;color:rgba(255,255,255,.85);font-size:15px;letter-spacing:.3px}
/* centered section heads */
.about-head{text-align:center;max-width:760px;margin:0 auto 54px}
.about-head .section-lede{margin-top:8px}
/* story (flipped: text left, image right) */
.about-grid--rev .story-title{font-size:28px;margin-bottom:18px}
.about-grid--rev .about-text p{font-size:15px;line-height:1.75;margin:0 0 16px}
.about-grid--rev .about-text p:last-child{margin-bottom:0}
/* cuisines & capabilities */
.cuisine-pill:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
.cuisine-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:54px}
.cuisine-pill{font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:13.5px;color:var(--navy);background:#fff;border:1.5px solid rgba(210,171,103,.45);padding:11px 22px;border-radius:999px;box-shadow:0 6px 16px rgba(210,171,103,.10);transition:background .25s ease,color .25s ease,transform .25s ease,border-color .25s ease,box-shadow .25s ease;cursor:pointer;display:inline-flex;align-items:center;min-height:44px}
.cuisine-pill:hover{background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);color:var(--ink);border-color:transparent;transform:translateY(-3px);box-shadow:0 12px 24px rgba(210,171,103,.32)}
.caps-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}
.caps-text h3{font-size:26px;margin-bottom:16px}
.caps-text p{font-size:15px;line-height:1.75;margin:0 0 16px}
.caps-text p:last-child{margin-bottom:0}
.kitchen-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#3a3d63,#2c2f50);color:#fff;border-radius:18px;padding:40px 36px;box-shadow:0 24px 50px rgba(14,19,23,.22)}
.kitchen-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4)}
.kitchen-card__big{display:block;font-family:var(--head);font-weight:600;font-size:82px;line-height:.9;color:var(--gold);margin-bottom:4px}
.kitchen-card b{display:block;font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-size:18px;color:#fff;margin-bottom:12px}
.kitchen-card p{color:rgba(255,255,255,.82);font-size:14.5px;line-height:1.65;margin:0}
/* services */
.services-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:50px;align-items:start}
.services-lede{font-size:16px;margin:6px 0 8px}
.services-suit{position:relative;overflow:hidden;background:linear-gradient(160deg,#fbf6ec,#f3e8d2);border:1px solid rgba(210,171,103,.4);border-radius:18px;padding:38px 32px}
.services-suit__ic{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);color:#fff;box-shadow:0 8px 18px rgba(210,171,103,.35);margin-bottom:18px}
.services-suit__ic svg{width:28px;height:28px;display:block}
.services-suit h3{color:var(--navy);font-size:22px;margin-bottom:8px}
.services-suit p{font-size:14px;line-height:1.65;margin-bottom:18px}
.suit-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.suit-list li{position:relative;padding-left:34px;font-family:var(--head);text-transform:uppercase;letter-spacing:.5px;font-size:13.5px;color:var(--ink);font-weight:500}
.suit-list li::before{content:"\2713";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}
/* why rasa — illustration cards */
.feat-card{position:relative;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(14,19,23,.07);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,opacity .5s ease}
.feat-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4);transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2}
.feat-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(14,19,23,.16);transition-delay:0s!important}
.feat-card:hover::before{transform:scaleX(1)}
.feat-media{display:flex;align-items:center;justify-content:center;height:160px;background:linear-gradient(135deg,#fbf6ec 0%,#f3e7cf 100%);position:relative;overflow:hidden}
.feat-media::before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.5);top:-72px;right:-60px}
.feat-media::after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(210,171,103,.10);bottom:-46px;left:-34px}
.feat-media img{position:relative;z-index:1;height:110px;width:auto;transition:transform .45s ease}
.feat-card:hover .feat-media img{transform:scale(1.08) translateY(-2px)}
.feat-body{padding:22px 24px 26px;text-align:center}
.feat-body h4{font-size:18.5px;text-transform:uppercase;margin-bottom:9px;letter-spacing:.3px}
.feat-body p{font-size:14px;line-height:1.6;margin:0}
/* awards & certification */
.awards{background:var(--navy);text-align:center;position:relative;overflow:hidden}
.awards::before{content:"";position:absolute;top:-120px;left:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(210,171,103,.16),transparent 70%);pointer-events:none}
.awards::after{content:"";position:absolute;bottom:-140px;right:-140px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(210,171,103,.10),transparent 70%);pointer-events:none}
.awards__inner{position:relative;z-index:1}
.awards .eyebrow{color:var(--gold)}
.awards .section-title{color:#fff}
.award-frame{margin:42px auto 0;max-width:720px;background:#fff;border-radius:14px;padding:28px 32px;box-shadow:0 30px 60px rgba(0,0,0,.34);border:1px solid rgba(210,171,103,.5);position:relative}
.award-frame::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4)}
.award-frame img{width:100%;height:auto;display:block}
/* active nav state (about.html) */
.main-nav a[aria-current="page"]{color:var(--gold-ink)}
.main-nav a[aria-current="page"]::after{transform:scaleX(1)}
/* about-page responsive (desktop-first max-width) */
@media(max-width:1024px){.caps-grid{grid-template-columns:1fr;gap:34px}.services-grid{grid-template-columns:1fr;gap:34px}}
@media(max-width:900px){.page-banner__inner{min-height:320px;padding:70px 20px}.page-banner h1{font-size:clamp(32px,7vw,44px)}.about-head{margin-bottom:40px}.about-grid--rev{grid-template-columns:1fr;gap:34px}.about-grid--rev .about-text{order:2}.about-grid--rev .about-img{order:1}.kitchen-card{padding:34px 28px}.kitchen-card__big{font-size:70px}.feat-media{height:150px}.feat-media img{height:96px}}
@media(max-width:600px){.page-banner__inner{min-height:280px;padding:60px 18px}.cuisine-pill{padding:10px 18px;font-size:12.5px}.award-frame{padding:20px}.services-suit{padding:30px 24px}}
@media(max-width:360px){.page-banner h1{font-size:30px}}
/* reduced motion: about-page elements */
@media (prefers-reduced-motion:reduce){.cuisine-pill,.feat-card,.feat-card::before,.feat-media img,.kitchen-card,.services-suit,.award-frame,.breadcrumb a{transition:none!important}.feat-card:hover,.cuisine-pill:hover,.feat-card:hover .feat-media img{transform:none}.reveal{opacity:1!important;transform:none!important}}

/* ===== MENU PAGES ===== */
.menu-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;align-items:stretch;gap:28px;margin-top:48px}
.menu-cards .cat-card{min-width:0}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.prod-grid .prod-card{min-width:0}
.prod-card{position:relative;display:flex;flex-direction:column;gap:16px;overflow:hidden;border:1px solid #ececec;border-radius:14px;padding:26px 24px;background:#fff;box-shadow:0 8px 22px rgba(14,19,23,.05);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,opacity .5s ease}
.prod-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4);transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.prod-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(14,19,23,.12)}
.prod-card:hover::before{transform:scaleX(1)}
.prod-card h4{font-size:15.5px;text-transform:uppercase;line-height:1.35;margin:0}
.prod-card--photo{gap:0;padding:0}
.prod-card--photo::before{z-index:2}
.prod-card--photo .prod-card__image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--light)}
.prod-card--photo .prod-card__details{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:16px;padding:22px 24px 26px}
.prod-price{align-self:flex-start;font-family:var(--head);color:var(--gold-ink);font-weight:600;font-size:24px;line-height:1;background:rgba(210,171,103,.1);border:1px solid rgba(210,171,103,.22);border-radius:10px;padding:9px 14px}
.cat-intro{max-width:760px;margin:0 auto;text-align:center}
.cat-intro p{font-size:16px;line-height:1.7;color:var(--body);margin:0}
.cat-count{display:inline-block;font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-size:12px;color:var(--gold-ink);background:rgba(210,171,103,.1);border:1px solid rgba(210,171,103,.25);border-radius:999px;padding:5px 14px;margin-top:16px}
.cat-back{display:inline-flex;align-items:center;gap:8px;margin-top:44px;font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600;color:var(--gold-ink);transition:gap .25s ease,color .2s ease}
.cat-back:hover{color:var(--navy);gap:12px}
.cat-back span{font-size:16px;line-height:1}
.empty-state{max-width:560px;margin:48px auto 0;text-align:center;background:#fff;border:1px dashed rgba(210,171,103,.55);border-radius:18px;padding:56px 34px}
.empty-state__ic{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);color:#fff;margin:0 auto 22px;box-shadow:0 10px 22px rgba(210,171,103,.32)}
.empty-state__ic svg{width:34px;height:34px;display:block}
.empty-state h3{font-size:22px;margin-bottom:10px}
.empty-state p{font-size:14.5px;color:var(--body);margin:0 0 24px}
@media(max-width:1024px){.menu-cards{grid-template-columns:repeat(2,1fr)}.prod-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.menu-cards{grid-template-columns:1fr}.prod-grid{grid-template-columns:1fr}.empty-state{padding:42px 22px}}
@media (prefers-reduced-motion:reduce){.prod-card,.prod-card::before,.cat-back{transition:none!important}.prod-card:hover{transform:none}.cat-back:hover{gap:8px}}

/* ===== VENUES PAGE ===== */
.venues-page .about-head{margin-bottom:24px}
.venue-block{margin-top:60px;scroll-margin-top:150px}
.venue-block:first-of-type{margin-top:0}
.venue-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #ececec}
.venue-num{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);color:var(--ink);font-family:var(--head);font-weight:600;font-size:18px;box-shadow:0 6px 14px rgba(210,171,103,.35)}
.venue-head h3{font-size:clamp(20px,2.4vw,26px);margin:0;flex:0 0 auto;line-height:1.2}
.venue-count{margin-left:auto;font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-size:12px;color:var(--body)}
.venue-visual-note{margin:-12px 0 14px;font-family:var(--head);font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.7px;color:var(--body)}
.venue-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.venue-gallery .g-tile{min-width:0}
.venue-gallery .g-tile{aspect-ratio:3/2}
.venue-soon{display:inline-block;font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-size:13px;color:var(--body);background:#f7f5f0;border:1px dashed rgba(210,171,103,.5);border-radius:12px;padding:16px 22px}
@media(max-width:720px){.venue-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.venue-head{align-items:flex-start}.venue-head h3{font-size:19px;flex:1 1 220px}.venue-count{display:none}}
@media (prefers-reduced-motion:reduce){.venue-block,.venue-num{transition:none!important}}

/* ===== ORDER EMBED (restaurants.sg) ===== */
.order-sec{background:linear-gradient(180deg,#fff,var(--light));text-align:center}
.order-head{max-width:760px;margin:0 auto 30px}
.order-head .section-title{margin-bottom:10px}
.order-head p{color:var(--body);font-size:15px;line-height:1.6;margin:0 auto;max-width:620px}
.order-embed{position:relative;width:100%;min-height:620px;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.14);background:#f6f4ef}
.order-embed::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4);z-index:3}
.order-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--head);text-transform:uppercase;letter-spacing:1.5px;font-size:13px;color:var(--body);z-index:2;transition:opacity .3s ease}
.order-embed.loaded .order-loading{opacity:0;pointer-events:none}
.order-embed iframe{display:block;width:100%;height:75vh;min-height:620px;border:0;background:#fff;position:relative;z-index:1}
.order-fallback{display:flex;flex-wrap:wrap;gap:14px 20px;justify-content:center;align-items:center;margin-top:22px}
.order-fallback .muted{font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-size:12.5px;color:var(--body)}
.order-fallback .muted a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
/* category key-facts row (objection-busters before the order module) */
.cat-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 22px}
.cat-fact{font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-size:12px;color:var(--gold-ink);background:rgba(210,171,103,.1);border:1px solid rgba(210,171,103,.25);border-radius:999px;padding:6px 14px}
.cat-intro .btn{margin-bottom:6px}
/* two-button row on menu.html hub cards */
.cat-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin-top:auto}
.cat-card .cat-body>.btn{align-self:flex-start;min-height:56px;margin-top:auto}
@media(max-width:900px){.order-embed iframe{height:70vh}}
@media(max-width:600px){.order-embed{min-height:560px}.order-embed iframe{min-height:560px;height:70vh}.cat-fact{font-size:11px;padding:5px 12px}}
@media (prefers-reduced-motion:reduce){.order-loading{transition:none!important}}

/* ===== WEDDING MENU PAGE (PDF embeds) ===== */
.menu-pdf{padding:80px 0;scroll-margin-top:110px}
.menu-pdf--tint{background:linear-gradient(180deg,#fff,var(--light))}
.pdf-head{text-align:center;max-width:760px;margin:0 auto 32px}
.pdf-head .eyebrow{margin-bottom:8px}
.pdf-head .section-title{font-size:clamp(26px,3.4vw,36px);margin-bottom:14px}
.pdf-rule{display:block;width:66px;height:3px;margin:0 auto;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4)}
.pdf-embed{position:relative;width:100%;max-width:920px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.14);background:#fff}
.pdf-embed::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4);z-index:2}
.pdf-embed iframe{display:block;width:100%;height:820px;border:0;background:#fff;position:relative;z-index:1}
.pdf-link{display:block;text-align:center;margin-top:18px;font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-size:12.5px;color:var(--body);transition:color .2s ease}
.pdf-link:hover{color:var(--gold-ink)}
.pdf-closing{text-align:center;background:var(--navy);color:#fff;padding:72px 0}
.pdf-closing p{font-size:clamp(17px,2vw,20px);margin:0;line-height:1.6}
.pdf-closing a{color:var(--gold);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pdf-closing a:hover{color:#fff}
@media(max-width:900px){.pdf-embed iframe{height:72vh;min-height:580px}}
@media(max-width:600px){.menu-pdf{padding:60px 0}.pdf-embed iframe{height:78vh;min-height:540px}.pdf-closing{padding:56px 0}}
@media (prefers-reduced-motion:reduce){.pdf-link{transition:none!important}}

/* ===== WEDDING ECARD PAGE ===== */
.ecard-sec{padding:80px 0;text-align:center}
.ecard-block{padding:24px 0}
.ecard-head{max-width:780px;margin:0 auto 38px}
.ecard-head .eyebrow{margin-bottom:8px}
.ecard-head h2{font-size:clamp(23px,2.8vw,32px);line-height:1.3;margin-bottom:14px}
.ecard-rule{display:block;width:66px;height:3px;margin:0 auto;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4)}
.ecard-divider{display:block;margin:56px auto;border:0;border-top:1px solid rgba(210,171,103,.32);max-width:900px}
.checklist-tile{display:inline-flex;flex-direction:column;align-items:center;gap:20px;text-decoration:none;color:inherit;margin-top:10px}
.checklist-tile__media{position:relative;width:186px;height:186px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbf6ec,#f3e7cf);box-shadow:0 14px 34px rgba(14,19,23,.13);border:1px solid rgba(210,171,103,.35);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}
.checklist-tile__media::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4);z-index:2}
.checklist-tile__media::after{content:"\2193";position:absolute;right:-12px;bottom:-12px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);color:#fff;font-family:var(--head);font-size:22px;line-height:48px;text-align:center;box-shadow:0 8px 18px rgba(210,171,103,.45);z-index:3}
.checklist-tile__media img{position:relative;z-index:1;width:108px;height:108px;object-fit:contain;border-radius:12px;transition:transform .3s ease}
.checklist-tile:hover .checklist-tile__media{transform:translateY(-6px);box-shadow:0 22px 44px rgba(14,19,23,.18)}
.checklist-tile:hover .checklist-tile__media img{transform:scale(1.06)}
.checklist-caption{font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-size:12.5px;color:var(--body)}
@media(max-width:600px){.ecard-sec{padding:60px 0}.checklist-tile__media{width:158px;height:158px}.checklist-tile__media img{width:92px;height:92px}.ecard-divider{margin:40px auto}}
@media (prefers-reduced-motion:reduce){.checklist-tile__media,.checklist-tile__media img{transition:none!important}.checklist-tile:hover .checklist-tile__media{transform:none}}

/* ===== GALLERY PAGE ===== */
/* section shell + heading */
.gal-sec{padding:80px 0}
.gal-sec--navy{background:var(--navy)}
.gal-sec--navy .section-title{color:#fff}
.gal-head{text-align:center;max-width:760px;margin:0 auto 44px}
.gal-head .eyebrow{margin-bottom:8px}
.gal-head .section-title{font-size:clamp(28px,3.6vw,40px);margin-bottom:0}
/* gold rule animates open when the heading reveals */
.gal-rule{display:block;width:0;height:3px;margin:16px auto 0;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4);transition:width .6s cubic-bezier(.4,0,.2,1) .15s}
.gal-head.in .gal-rule{width:66px}
/* grid + image tiles (larger 4/3 tiles; slow luxe hover zoom) */
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gal-grid .g-tile{aspect-ratio:4/3;border-radius:14px}
.gal-grid .g-tile img{transition:transform .7s cubic-bezier(.2,.7,.3,1),opacity .5s ease}
.gal-grid .g-tile:hover img{transform:scale(1.09)}
/* wedding portal cards (tall, persistent overlay, labelled) */
.gal-portals{grid-template-columns:repeat(3,1fr);gap:24px}
.gal-grid .gal-portal{aspect-ratio:3/4;border-radius:18px}
.gal-portal::after{opacity:.62;background:linear-gradient(to top,rgba(14,19,23,.92) 0%,rgba(14,19,23,.5) 42%,rgba(14,19,23,.12) 70%,transparent 100%);transition:opacity .35s ease}
.gal-portal:hover::after{opacity:.82}
.gal-portal::before{display:none}
.gal-grid .gal-portal img{transition:transform .8s cubic-bezier(.2,.7,.3,1),opacity .5s ease}
.gal-grid .gal-portal:hover img{transform:scale(1.08)}
.gal-portal__label{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:26px 18px}
.gal-portal__label b{font-family:var(--head);text-transform:uppercase;letter-spacing:1.5px;font-size:clamp(16px,2vw,21px);color:#fff;line-height:1.2;text-shadow:0 2px 14px rgba(0,0,0,.55);transition:transform .35s cubic-bezier(.4,0,.2,1)}
.gal-portal__rule{display:block;width:30px;height:2px;margin:11px 0 0;background:var(--gold);opacity:.9}
.gal-portal__sub{margin-top:10px;font-family:var(--head);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;color:var(--gold);display:inline-flex;align-items:center;gap:6px}
.gal-portal__sub i{font-style:normal;transition:transform .3s ease}
.gal-portal:hover .gal-portal__label b{transform:translateY(-4px)}
.gal-portal:hover .gal-portal__sub i{transform:translateX(4px)}
/* shared CTA (home gallery + gallery page) */
.gallery-cta{margin-top:46px;text-align:center}
@media(max-width:1024px){.gal-grid,.gal-portals{grid-template-columns:repeat(2,1fr)}.gal-sec{padding:70px 0}}
@media(max-width:900px){.gal-head{margin-bottom:36px}}
@media(max-width:600px){.gal-grid,.gal-portals{grid-template-columns:repeat(2,1fr);gap:12px}.gal-portal__label{padding:20px 14px}}
@media(max-width:360px){.gal-grid,.gal-portals{grid-template-columns:1fr}.gal-grid .gal-portal{aspect-ratio:4/3}}
@media (prefers-reduced-motion:reduce){.gal-rule{transition:none!important;width:66px}.gal-grid .g-tile img,.gal-portal img{transition:none!important}.gal-grid .g-tile:hover img,.gal-portal:hover img{transform:none}.gal-portal::after{transition:none!important}.gal-portal:hover .gal-portal__label b,.gal-portal:hover .gal-portal__sub i{transform:none}}

/* ===== CONTACT PAGE ===== */
.contact-form-wrap{max-width:760px;margin:0 auto}
.contact-form-sec{scroll-margin-top:110px}
.contact-form-sec .about-head{margin-bottom:40px}
/* tabbed enquiry selector (General Enquiries / Request A Quote) */
.contact-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto 16px}
.contact-tabs button{flex:1 1 240px;font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:13.5px;padding:13px 22px;border:1.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;cursor:pointer;min-height:44px;transition:background .2s cubic-bezier(.4,0,.2,1),color .2s,border-color .2s,box-shadow .2s}
.contact-tabs button:hover{border-color:rgba(210,171,103,.7);color:var(--gold)}
.contact-tabs button.active{background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);border-color:transparent;color:var(--ink);box-shadow:0 8px 18px rgba(210,171,103,.32)}
.contact-tabs button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.contact-tabs__hint{max-width:580px;margin:0 auto 30px;min-height:2.6em;text-align:center;color:rgba(255,255,255,.8);font-size:14.5px;line-height:1.5}
/* contact detail cards */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}
.contact-card{background:#fff;border:1px solid #ececec;border-radius:16px;padding:40px 30px;text-align:center;box-shadow:0 14px 34px rgba(14,19,23,.07);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}
.contact-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(14,19,23,.14)}
.contact-card .ic{width:66px;height:66px;border-radius:50%;background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 10px 22px rgba(210,171,103,.32);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.contact-card .ic svg{width:30px;height:30px}
.contact-card:hover .ic{transform:scale(1.07)}
.contact-card h3{font-size:20px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.contact-card a,.contact-card p{font-size:15px;line-height:1.65;color:var(--body);margin:0;word-break:break-word}
.contact-card a{transition:color .2s ease}
.contact-card a:hover{color:var(--gold-ink)}
/* map + QR */
.contact-map-wrap{display:grid;grid-template-columns:1.7fr 1fr;gap:30px;margin-top:48px;align-items:stretch}
.contact-map{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.14);min-height:440px}
.contact-map::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4);z-index:2}
.contact-map iframe{display:block;width:100%;height:100%;min-height:440px;border:0}
.contact-qr{background:linear-gradient(160deg,#fbf6ec,#f3e8d2);border:1px solid rgba(210,171,103,.4);border-radius:16px;padding:34px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.contact-qr img{width:190px;height:190px;background:#fff;border-radius:14px;padding:10px;box-shadow:0 10px 24px rgba(14,19,23,.12)}
.contact-qr strong{font-family:var(--head);text-transform:uppercase;letter-spacing:1px;font-size:15px;color:var(--navy)}
.contact-qr span{font-size:13px;line-height:1.55;color:var(--body);max-width:240px}
@media(max-width:1024px){.contact-map-wrap{grid-template-columns:1fr}.contact-map,.contact-map iframe{min-height:380px}}
@media(max-width:900px){.contact-cards{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}}
@media(max-width:600px){.contact-map,.contact-map iframe{min-height:320px}.contact-qr img{width:160px;height:160px}.contact-card{padding:32px 24px}.contact-tabs button{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.contact-tabs button,.contact-card,.contact-card .ic{transition:none!important}.contact-card:hover{transform:none}.contact-card:hover .ic{transform:none}}

/* ===== OUTDOOR CATERING PAGE ===== */
/* section band variants */
.oc-band{background:linear-gradient(180deg,#fff,var(--light))}
.oc-navy{background:var(--navy)}
.oc-navy .section-title{color:#fff}
.oc-navy .section-lede{color:rgba(255,255,255,.72)}
/* intro stat chips */
.oc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:54px}
.oc-stat{text-align:center;padding:24px 16px;background:#fff;border:1px solid #ececec;border-radius:14px;box-shadow:0 10px 26px rgba(14,19,23,.06);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}
.oc-stat:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(14,19,23,.12)}
.oc-stat__ic{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#e6c48a,var(--gold) 55%,#bd9550);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 8px 18px rgba(210,171,103,.32)}
.oc-stat__ic svg{width:25px;height:25px}
.oc-stat b{display:block;font-family:var(--head);text-transform:uppercase;letter-spacing:.4px;color:var(--ink);font-size:15px;line-height:1.2}
.oc-stat span{display:block;font-size:12.5px;color:var(--body);margin-top:3px}
/* events we cater (image cards) */
.oc-events{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.oc-event{position:relative;border-radius:16px;overflow:hidden;background:#0e1317;box-shadow:0 16px 36px rgba(0,0,0,.28);min-height:300px;display:flex;align-items:flex-end}
.oc-event img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.oc-event::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,19,23,.96) 0%,rgba(14,19,23,.55) 38%,rgba(14,19,23,.1) 65%,transparent 85%);z-index:1;transition:opacity .3s ease}
.oc-event__body{position:relative;z-index:2;padding:26px;width:100%;color:#fff}
.oc-event__tag{display:inline-block;font-family:var(--head);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);background:linear-gradient(135deg,#f0d6a4,var(--gold));padding:5px 12px;border-radius:999px;margin-bottom:10px}
.oc-event__body h3{color:#fff;font-family:var(--head);font-size:21px;line-height:1.2;margin-bottom:6px}
.oc-event__body p{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.86);margin:0}
.oc-event:hover img{transform:scale(1.09)}
/* how it works (numbered stepper) */
.oc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:48px;position:relative}
.oc-steps::before{content:"";position:absolute;top:32px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,rgba(210,171,103,.45),transparent);z-index:0}
.oc-step{position:relative;text-align:center;padding:0 8px}
.oc-step__num{width:64px;height:64px;border-radius:50%;background:#fff;border:2px solid rgba(210,171,103,.55);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-family:var(--head);font-size:24px;font-weight:600;color:var(--gold-ink);box-shadow:0 10px 24px rgba(14,19,23,.09);position:relative;z-index:1}
.oc-step h3{font-size:16.5px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.oc-step p{font-size:14px;line-height:1.6;color:var(--body);margin:0}
/* CTA aside (FAQ section) */
.oc-cta{align-self:start;color:var(--ink);background:linear-gradient(160deg,#fbf6ec,#f3e8d2);border:1px solid rgba(210,171,103,.4);border-radius:18px;padding:38px 32px}
.oc-cta h3{color:var(--navy);font-size:24px;margin-bottom:10px}
.oc-cta>p{font-size:14.5px;line-height:1.65;margin:0 0 20px}
.oc-cta .quote-contact{margin-bottom:20px}
.oc-cta .quote-contact a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.quote-contact .lbl{color:#75572c}
.oc-cta .quote-contact a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.oc-cta a:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
.oc-cta .btn{margin-top:4px;color:var(--ink)}
@media(max-width:1024px){.oc-stats{grid-template-columns:repeat(2,1fr)}.oc-events{grid-template-columns:repeat(2,1fr)}.oc-steps{grid-template-columns:repeat(2,1fr);gap:38px 26px}.oc-steps::before{display:none}}
@media(max-width:600px){.oc-events{grid-template-columns:1fr}.oc-steps{grid-template-columns:1fr}.oc-stats{grid-template-columns:1fr 1fr;gap:14px}.oc-event{min-height:264px}.oc-cta{padding:30px 24px}}
@media (prefers-reduced-motion:reduce){.oc-event img{transition:none!important}.oc-event:hover img{transform:none}.oc-stat{transition:none!important}.oc-stat:hover{transform:none}}

/* ===== MOBILE APP SHELL (premium drawer + bottom tab bar + safe areas) =====
   The header drawer activates at 1120px to protect header spacing; the mobile
   bottom bar and page-shell spacing remain limited to 900px and below. */
.drawer-head,.drawer-foot,.drawer-head .drawer-close,.sub-caret,.nav-ic,.m-bottom-nav{display:none}
@media(max-width:900px){
  /* reserve space so the fixed tab bar never covers page content (iPhone home indicator included) */
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .wa-float{right:16px;bottom:calc(76px + env(safe-area-inset-bottom));width:58px;height:58px}
  .wa-float__icon{width:34px;height:34px}
  .wa-float__label{display:none}
}

@media(max-width:1120px){
  /* ---- Premium slide-in drawer (deep navy, transform-based, GPU-smooth) ---- */
  .main-nav{position:fixed;top:0;right:0;width:320px;max-width:86vw;height:100vh;height:100dvh;margin:0;padding:0;background:linear-gradient(165deg,#3a3d63 0%,#2c2f50 55%,#23253d 100%);color:#fff;box-shadow:-18px 0 44px rgba(0,0,0,.30);display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .36s cubic-bezier(.4,0,.2,1),visibility 0s linear .36s;z-index:1002;overflow-y:auto;overflow-x:hidden}
  .main-nav.open{transform:translateX(0);visibility:visible;transition:transform .36s cubic-bezier(.4,0,.2,1),visibility 0s}
  /* drawer brand header + close button */
  .main-nav .drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(18px + env(safe-area-inset-top)) 20px 16px;border-bottom:1px solid rgba(255,255,255,.10);flex:0 0 auto}
  .drawer-head img{height:38px;width:auto;display:block}
  .drawer-head .drawer-close{display:flex;flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff;font-size:22px;line-height:1;cursor:pointer;align-items:center;justify-content:center;touch-action:manipulation;transition:background .2s,transform .25s}
  .drawer-head .drawer-close:hover{background:rgba(210,171,103,.28)}
  .drawer-head .drawer-close:active{transform:rotate(90deg) scale(.94)}
  /* nav list rows */
  .main-nav>ul{display:flex;flex-direction:column;align-items:stretch;gap:0;list-style:none;margin:0;padding:8px 12px;flex:1 1 auto}
  .main-nav>ul>li{width:100%}
  .main-nav a{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:15px 14px;font-family:var(--head);text-transform:uppercase;letter-spacing:.6px;font-size:15px;font-weight:500;color:rgba(255,255,255,.90);border-bottom:1px solid rgba(255,255,255,.07);min-height:54px;transition:background .2s,color .2s}
  .main-nav a:hover,.main-nav a:focus-visible{background:rgba(210,171,103,.13);color:#fff;outline:none}
  .main-nav a::after{display:none}
  .main-nav .nav-ic{display:inline-flex;flex:0 0 auto;width:22px;height:22px;color:var(--gold)}
  .main-nav .nav-ic svg{width:22px;height:22px;display:block}
  .main-nav a[aria-current="page"]{color:#fff;background:rgba(210,171,103,.16)}
  .main-nav a[aria-current="page"]::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}
  /* Weddings submenu -> tappable accordion */
  .main-nav .has-sub>a{padding-right:14px}
  .main-nav .has-sub>a::before{display:none}
  .main-nav .sub-caret{display:inline-flex;align-items:center;margin-left:auto;color:var(--gold);font-size:12px;transition:transform .3s ease;flex:0 0 auto}
  .main-nav .has-sub.expanded .sub-caret{transform:rotate(180deg)}
  .main-nav .has-sub>ul{position:static;box-shadow:none;min-width:0;opacity:1;visibility:visible;transform:none;display:block;background:rgba(0,0,0,.20);max-height:0;overflow:hidden;transition:max-height .34s cubic-bezier(.4,0,.2,1);padding:0;margin:0;border-radius:0 0 12px 12px}
  .main-nav .has-sub.expanded>ul{max-height:220px}
  .main-nav .has-sub>ul a{font-size:13.5px;letter-spacing:.4px;padding:13px 16px 13px 50px;min-height:48px;border-bottom:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.82)}
  .main-nav .has-sub>ul a::before{display:none}
  .main-nav .has-sub>ul li:last-child a{border-bottom:none}
  /* drawer footer CTA + quick call/email */
  .main-nav .drawer-foot{display:block;padding:16px 18px calc(20px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.10);margin-top:auto;flex:0 0 auto}
  .drawer-foot .btn{display:flex;width:100%}
  .drawer-quick{display:flex;gap:10px;margin-top:12px}
  .drawer-quick a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border:1px solid rgba(255,255,255,.16);border-radius:12px;font-family:var(--head);text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:#fff;background:rgba(255,255,255,.04);transition:background .2s,border-color .2s}
  .drawer-quick a:hover{background:rgba(210,171,103,.18);border-color:rgba(210,171,103,.5)}
  .drawer-quick a svg{width:15px;height:15px;color:var(--gold)}
  /* staggered entrance for drawer rows when it opens */
  .main-nav.open>ul>li{animation:drawerIn .4s cubic-bezier(.4,0,.2,1) both}
  .main-nav.open>ul>li:nth-child(1){animation-delay:.07s}
  .main-nav.open>ul>li:nth-child(2){animation-delay:.12s}
  .main-nav.open>ul>li:nth-child(3){animation-delay:.17s}
  .main-nav.open>ul>li:nth-child(4){animation-delay:.22s}
  .main-nav.open>ul>li:nth-child(5){animation-delay:.27s}
  .main-nav.open>ul>li:nth-child(6){animation-delay:.32s}
  .main-nav.open>ul>li:nth-child(7){animation-delay:.37s}
  .main-nav.open>ul>li:nth-child(8){animation-delay:.42s}
  .main-nav.open>ul>li:nth-child(9){animation-delay:.47s}
  @keyframes drawerIn{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
}

@media(max-width:900px){
  /* ---- Bottom tab bar (app-style quick nav) ---- */
  .m-bottom-nav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:900;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(14,19,23,.07);box-shadow:0 -8px 26px rgba(14,19,23,.07);padding-bottom:env(safe-area-inset-bottom)}
  .m-bottom-nav__inner{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;height:62px;max-width:560px;margin:0 auto}
  .m-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;font-family:var(--head);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600;color:#62666c;transition:color .2s}
  .m-bottom-nav a span{display:block}
  .m-bottom-nav a svg{width:22px;height:22px;display:block;transition:transform .2s}
  .m-bottom-nav a:active svg{transform:scale(.86)}
  .m-bottom-nav a.active{color:var(--gold-ink)}
  .m-bottom-nav a.active::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#bd9550,var(--gold),#f0d6a4)}

  /* Keep compact carousel indicators while providing full touch targets. */
  .hero-dots{bottom:53px;gap:0}
  .cat-dots{gap:0}
  .hero-dots button,.cat-dots button{position:relative;width:44px;height:44px;flex:0 0 44px;padding:0;background:transparent;touch-action:manipulation}
  .hero-dots button.active,.cat-dots button.active{width:44px;background:transparent}
  .hero-dots button::before,.cat-dots button::before{content:"";position:absolute;top:50%;left:50%;width:11px;height:11px;border-radius:30px;transform:translate(-50%,-50%);transition:width .3s ease,background .3s ease}
  .hero-dots button::before{background:rgba(255,255,255,.5)}
  .cat-dots button::before{background:rgba(255,255,255,.4)}
  .hero-dots button.active::before,.cat-dots button.active::before{width:30px;background:var(--gold)}

  /* app-feel spacing tweaks for stacked sections */
  .section{padding:56px 0}
  .hero-card{padding:38px 22px}
}
@media(max-width:600px){
  .main-nav a{font-size:14.5px}
  .m-bottom-nav a{font-size:9.5px}
  .hero-arrow{width:44px;height:44px;touch-action:manipulation}
  .hero-dots{bottom:43px}
  .hero-card{padding:32px 18px}
  .section{padding:48px 0}
}
@media(max-width:360px){
  .m-bottom-nav a{font-size:9px}
  .m-bottom-nav a svg{width:20px;height:20px}
  .m-bottom-nav__inner{height:58px}
}
@media (prefers-reduced-motion:reduce){
  .main-nav,.main-nav.open,.drawer-head .drawer-close,.m-bottom-nav a,.m-bottom-nav a svg,.sub-caret,.main-nav .has-sub>ul,.wa-float,.wa-float__label{transition:none!important}
  .wa-float::before{animation:none!important}
  .main-nav.open>ul>li{animation:none!important}
  .drawer-head .drawer-close:active{transform:none}
  .m-bottom-nav a:active svg{transform:none}
}