/* A public, browser-only adaptation of the original Shahi Mehfil presentation. */
:root{color-scheme:light}html{scroll-padding-top:140px}body.portfolio-demo{background:#faf6ed;color:#38281f}.portfolio-notice{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px 4vw;background:#703a29;color:#fff8ec;font:11px/1.5 Arial,sans-serif;letter-spacing:.06em;position:relative;z-index:950}.portfolio-notice a{color:inherit;text-decoration:none;min-height:28px;display:inline-flex;align-items:center}.portfolio-demo .nav{top:58px;position:absolute;box-shadow:none;background:#fffaf0e8;color:#3c3026;border-color:#d5c4ac}.portfolio-demo .nav-links a{color:#604a36}.portfolio-demo .hero{padding-top:190px!important}.portfolio-demo .nav>.lang-toggle{background:#eee2d0;color:#593b29;border:1px solid #ccbaa0;border-radius:30px;min-height:44px;padding:10px 15px;font:600 13px Arial,sans-serif;cursor:pointer}.portfolio-demo .hero-frame img{object-position:center}.portfolio-demo .hero h1{font-weight:400}.portfolio-demo .hero-copy-block{max-width:700px}.portfolio-demo .reveal,.portfolio-demo .stagger>*{opacity:1;transform:none}.portfolio-demo .signature-wrap,.portfolio-demo .menu-section{scroll-margin-top:25px}.portfolio-demo .stats{display:none}.demo-principles{display:flex;gap:15px;flex-wrap:wrap;border-top:1px solid #cdb69a;padding-top:25px;margin-top:35px;font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}.portfolio-demo .signature-stage{gap:5vw}.portfolio-demo .menu-grid{align-items:stretch}.portfolio-demo .menu-item{cursor:pointer;color:#493726;text-align:left}.portfolio-demo .menu-item:focus-visible{outline:3px solid #93462b;outline-offset:4px}.portfolio-demo .menu-item img{aspect-ratio:1}.portfolio-demo .menu-item .mi-price{color:#7a4029}.portfolio-demo .menu-item .mi-cat{color:#77522c}.portfolio-demo .menu-item p{color:#655240}.portfolio-demo .menu-empty{grid-column:1/-1;padding:30px;border:1px dashed #bba88c}.portfolio-demo .hero-orb{animation:none}.portfolio-demo .hero-tag b{color:#74452e}.portfolio-demo .hero-tag small{color:#7a4b31}.portfolio-reserve,.portfolio-concierge{display:grid;grid-template-columns:1fr 1fr;gap:7vw;border-top:1px solid #d9c7ac}.portfolio-reserve h2,.portfolio-concierge h2{font:400 clamp(40px,4vw,66px)/1.04 'Libre Bodoni',Georgia,serif;letter-spacing:-.04em;margin:18px 0 25px}.portfolio-reserve h2 em{color:#8b4a30}.portfolio-reserve p,.portfolio-concierge p{font-size:17px;line-height:1.85;color:#665340;max-width:55ch}.portfolio-reserve form{padding:35px;background:#f1e7d6;border:1px solid #d2bc9b;border-radius:24px;align-self:start}.demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.demo-form-grid label{font:600 13px/1.5 Arial,sans-serif;color:#5e4633}.demo-form-grid select{display:block;width:100%;margin-top:10px;border:1px solid #bda387;padding:15px 10px;border-radius:5px;font:16px Arial,sans-serif;background:#fffcf6;color:#3d2d22;min-height:48px}.demo-book-result{padding:22px 0;color:#503824;font-size:16px;line-height:1.7;min-height:100px}.portfolio-reserve .btn.ghost{color:#623f29;border-color:#b69b79}.demo-reset{margin:15px 0 0;padding:12px 0;display:block;border:0;background:none;color:#6f4831;font:14px Arial,sans-serif;text-decoration:underline;cursor:pointer}.demo-flow{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.demo-flow span{padding:10px 0;border-top:2px solid #d6c5aa;color:#72614e;font:12px Arial,sans-serif}.demo-flow span.active{border-color:#a85c35;color:#633820}.concierge-desk{border:1px solid #cdb393;border-radius:24px;padding:30px;background:#f5ebdb}.demo-question-grid{display:flex;gap:10px;flex-wrap:wrap}.demo-question-grid button{color:#644128;border:1px solid #baa282;background:#fff9ed;padding:12px 16px;border-radius:30px;min-height:44px;font-size:14px;cursor:pointer}.demo-question-grid button[aria-pressed=true]{background:#70452c;color:#fff8ec}.concierge-answer{margin-top:25px;padding:25px 0 0;border-top:1px solid #cdb69a;font-size:17px;line-height:1.8;min-height:150px}.portfolio-footer{padding:50px 6vw;background:#eaddc6;display:grid;grid-template-columns:1fr 2fr;gap:24px 45px;color:#5b432d;font-size:14px;line-height:1.8}.portfolio-footer p{margin:0;max-width:80ch}.portfolio-footer>a{color:#603d25;font-size:15px;min-height:44px;align-content:center}.portfolio-footer>span{font-size:12px}.portfolio-demo .demo-skip{position:absolute;top:-90px;left:20px;background:white;color:#38281f;padding:15px;z-index:2000}.portfolio-demo .demo-skip:focus{top:10px}#dishDialog{border:1px solid #bd9f76;border-radius:22px;background:#fffaf0;color:#49301f;padding:0;max-width:760px;width:calc(100% - 30px);max-height:90dvh;overflow:auto}#dishDialog::backdrop{background:#32251b99;backdrop-filter:blur(6px)}#dishDialog>img{width:100%;height:300px;object-fit:cover}#dishDialog .dialog-body{padding:30px}#dishDialog h2{font-size:40px;line-height:1.1;margin:12px 0 20px}#dishDialog p{font-size:18px;line-height:1.7}#dishDialog small{font-size:13px;line-height:1.6;color:#72563e;display:block}.dialog-close{position:absolute;right:14px;top:14px;width:46px;height:46px;border-radius:50%;border:1px solid #bba489;background:#fff9ee;color:#593e2a;font-size:27px;cursor:pointer}.portfolio-demo [hidden]{display:none!important}.portfolio-demo button:focus-visible,.portfolio-demo select:focus-visible,.portfolio-demo input:focus-visible,.portfolio-demo a:focus-visible{outline:3px solid #963e24;outline-offset:4px}@media(max-width:1000px){.portfolio-demo .nav-links a{font-size:13px;padding:12px 8px}.portfolio-demo .brand-sub{font-size:10px}.portfolio-demo .brand-name{font-size:23px}.portfolio-demo .nav{gap:8px}.portfolio-demo .hero{padding-top:180px!important}.portfolio-demo .hero-visual{height:500px}.portfolio-demo .hero-copy{font-size:18px}.portfolio-demo .hero-logo strong{font-size:29px}.portfolio-demo .hero-meta{display:none}.portfolio-demo .intro{gap:35px}.portfolio-reserve,.portfolio-concierge{gap:35px}.portfolio-reserve form{padding:24px}}@media(max-width:700px){.portfolio-notice{display:block;font-size:9px;padding:8px 20px}.portfolio-notice span{display:block}.portfolio-demo .nav{top:80px;width:calc(100% - 30px);padding:12px;flex-wrap:wrap}.portfolio-demo .nav-links{display:flex;position:static;flex-basis:100%;order:3;overflow:auto;white-space:nowrap;width:100%;padding-top:3px;gap:7px}.portfolio-demo .nav-links a{font-size:12px;padding:8px 2px;min-height:40px}.portfolio-demo .nav>.lang-toggle{margin-left:auto;font-size:12px;padding:8px 12px}.portfolio-demo .hero{padding:245px 22px 35px!important;grid-template-columns:1fr;gap:15px}.portfolio-demo .hero-logo{display:none}.portfolio-demo .hero h1{font-size:62px}.portfolio-demo .hero-copy{font-size:17px;line-height:1.7;margin:25px 0}.portfolio-demo .kicker{font-size:12px}.portfolio-demo .hero-visual{height:390px}.portfolio-demo .hero-frame{inset:15px 0 25px;border-radius:22px}.portfolio-demo .hero-tag{bottom:10px;left:10px;padding:14px}.portfolio-demo .hero-tag b{font-size:23px}.portfolio-demo .hero-tag small{font-size:11px}.portfolio-demo .hero-orb{width:90px;height:90px;right:-8px}.portfolio-demo section{padding:50px 22px}.portfolio-demo .intro,.portfolio-demo .signature-stage,.portfolio-reserve,.portfolio-concierge{grid-template-columns:1fr}.portfolio-demo .intro-thali{max-width:300px}.portfolio-demo .intro-copy p{font-size:17px}.portfolio-demo .quote{font-size:28px}.portfolio-demo .section-head{align-items:start;gap:18px}.portfolio-demo .section-head h2{font-size:47px}.portfolio-demo .section-head p{font-size:15px}.portfolio-demo .signature-panel{height:370px}.portfolio-demo .thali-area{max-width:450px}.portfolio-demo .menu-tools{align-items:start;gap:15px}.portfolio-demo .menu-tools>label:first-child{width:100%}.portfolio-demo .tabs{gap:8px}.portfolio-demo .tab{font-size:12px;min-height:44px}.portfolio-demo .menu-grid{grid-template-columns:1fr}.portfolio-demo .menu-item{grid-template-columns:85px 1fr;padding:13px}.portfolio-demo .menu-item img{width:85px;height:85px}.portfolio-demo .menu-item h3{font-size:23px}.portfolio-demo .menu-item p{font-size:14px}.demo-form-grid{grid-template-columns:1fr}.portfolio-reserve h2,.portfolio-concierge h2{font-size:44px}.portfolio-reserve form,.concierge-desk{padding:22px}.portfolio-footer{grid-template-columns:1fr;padding:35px 22px}.portfolio-footer .brand{display:flex}.portfolio-demo .signature-details .dish-title{font-size:34px}.portfolio-demo .signature-details .dish-desc{font-size:16px}.portfolio-demo .signature-details .dish-link{font-size:14px;min-height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-demo *{animation:none!important;transition:none!important}} 
.portfolio-demo .nav-links{display:flex}@media(min-width:701px) and (max-width:1100px){.portfolio-demo .nav{flex-wrap:wrap}.portfolio-demo .nav-links{order:3;flex-basis:100%;justify-content:center}.portfolio-demo .nav>.lang-toggle{margin-left:auto}.portfolio-demo .hero{padding-top:225px!important}.portfolio-demo .nav-links a{font-size:13px;min-height:44px}}

.portfolio-demo .hero-frame{animation:mehfil-arrive 1.1s cubic-bezier(.2,.7,.2,1) both}.portfolio-demo .hero-copy-block{animation:mehfil-copy .9s ease both}.portfolio-demo .menu-item{transition:transform .3s,box-shadow .3s}.portfolio-demo .menu-item:hover{transform:translateY(-3px);box-shadow:0 10px 30px #703a2915}.portfolio-demo .btn{transition:transform .25s,background .25s}.portfolio-demo .btn:hover{transform:translateY(-3px)}.portfolio-demo .btn:active{transform:scale(.97)}@keyframes mehfil-arrive{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}@keyframes mehfil-copy{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.portfolio-demo *{animation:none!important;transition:none!important}}