/* Hayat: an open restaurant layout inspired by the supplied Thalassa reference. */
[hidden]{display:none!important}
:root{--mist:#f4f7f6}
.wrap{max-width:1280px}
h1,h2{letter-spacing:-.04em}
h1{font-size:clamp(54px,6.5vw,96px)}
.button{letter-spacing:.015em;font-size:13px;padding:17px 24px;min-height:52px}
.button.outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.button.outline:hover{background:var(--ink);color:#fff}
.contact-strip{background:var(--mist);border-bottom:1px solid #e7eae8;font-size:10px;letter-spacing:.055em}
.contact-strip>.wrap{display:flex;align-items:center;justify-content:space-between;min-height:35px;gap:20px;max-width:1440px}
.contact-strip>.wrap>span{font-size:9px;letter-spacing:.15em}
.contact-strip>.wrap>div{display:flex;align-items:center;gap:25px}
.contact-strip .header-whatsapp{display:inline-flex;font-size:10px;gap:9px}
.contact-strip a:hover{color:var(--deep)}
.theme-header{border-top:0;height:112px;border-bottom:1px solid #e8e9e5;background:#fff}
.theme-header .header-inner{display:grid;grid-template-columns:1fr 220px 1fr;gap:25px;max-width:1440px}
.theme-header .brand{min-width:160px;width:auto;justify-content:center;padding:15px 26px}
.theme-header .brand img{width:160px;min-width:0;height:auto;object-fit:contain}
.theme-nav{display:flex;align-items:center;gap:28px;font-size:12px;white-space:nowrap}
.theme-nav a{padding:12px 0;position:relative}
.theme-nav a:hover{color:var(--deep)}
.theme-nav a[aria-current=page]::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--turquoise)}
.theme-header-right{display:flex;justify-content:flex-end;align-items:center;gap:25px}
.theme-header .header-reserve{background:transparent;color:var(--ink);border:1px solid var(--gold);font-size:12px;min-height:45px;padding:12px 17px;gap:16px}
.theme-header .header-reserve:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.theme-header .nav-toggle,.mobile-languages{display:none}
.restaurant-hero{position:relative;isolation:isolate;min-height:620px;height:min(800px,calc(100svh - 147px));display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}
.restaurant-hero-photo{position:absolute;inset:0;z-index:-2}
.restaurant-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.restaurant-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#00000020,#00000099 38%,#00000099 62%,#00000030)}
.restaurant-hero-content{padding:65px 24px 95px;max-width:1000px}
.restaurant-hero-content .eyebrow{color:#fff;font-size:11px;letter-spacing:.2em;margin-bottom:30px}
.restaurant-hero h1{font-size:clamp(64px,6.5vw,104px);line-height:1.05;letter-spacing:-.04em}
.restaurant-hero-content>p:not(.eyebrow){font-size:17px;color:#fff;margin-top:27px;line-height:1.7}
.hero-buttons{display:flex;justify-content:center;gap:16px;margin-top:35px}
.hero-buttons .button{min-width:205px;justify-content:center;gap:28px}
.hero-buttons .transparent{background:transparent;border-color:#fff;color:#fff}
.hero-buttons .transparent:hover{background:#fff;color:var(--ink)}
.restaurant-hero-bottom{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.15em}
.restaurant-hero-bottom>a{display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:0}
.restaurant-hero-bottom>a span{font-size:23px}
.center-heading{text-align:center;max-width:700px;margin:0 auto 58px}
.center-heading>.eyebrow{color:var(--deep);font-size:10px;letter-spacing:.18em;margin-bottom:19px}
.center-heading h2{font-size:clamp(39px,4.1vw,60px);line-height:1.1}
.section-rule{width:48px;height:1px;display:block;background:var(--gold);margin:25px auto}
.center-heading .section-intro{font-size:15px;line-height:1.8;max-width:500px;margin-inline:auto}
.signature-section{padding-block:100px 108px}
.signature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.signature-dish img{height:auto;width:100%;aspect-ratio:auto;object-fit:contain;transition:filter .2s}
.signature-dish a:hover img{filter:brightness(1.04)}
.signature-dish figcaption{text-align:center;margin-top:25px}
.signature-dish h3{font-size:25px;line-height:1.2;letter-spacing:-.03em}
.signature-dish p{font-size:12px;margin-top:9px;line-height:1.6}
.signature-dish a:hover h3{color:var(--deep)}
.menu-showcase{position:relative;isolation:isolate;background:var(--mist);padding-block:95px 85px;border-block:1px solid #e4e9e5}
.menu-showcase::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/pattern.png') center/1000px auto;opacity:.025;pointer-events:none}
.menu-preview-columns{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;row-gap:38px;max-width:1080px;margin-inline:auto}
.menu-preview-group{min-width:0}
.menu-preview-group h3{font-size:25px;margin-bottom:13px;line-height:1.25;color:var(--deep)}
.menu-preview-group ul{list-style:none;padding:0;margin:0}
.menu-preview-group li a{display:flex;align-items:baseline;gap:14px;padding-block:12px;font-size:17px;line-height:1.6}
.menu-preview-group li a:hover{color:var(--deep)}
.menu-preview-group li a>span:first-child{max-width:90%}
.menu-leader{flex:1;border-bottom:1px dotted #adb8b4;min-width:12px;align-self:center;transform:translateY(4px)}
.menu-preview-group li a>span:last-child{font-size:17px;color:var(--deep)}
.menu-showcase-actions{display:flex;justify-content:center;align-items:center;gap:35px;margin-top:50px}
.menu-source-note{font-size:11px;text-align:center;line-height:1.7;max-width:720px;margin:24px auto 0}
.set-menu-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center;padding-block:110px}
.set-menu-photo img{width:100%;height:auto;object-fit:contain}
.set-menu-photo figcaption{text-align:center;font-size:12px;color:var(--muted);margin-top:16px}
.set-menu-content>.eyebrow{font-size:10px;color:var(--deep);margin-bottom:25px}
.set-menu-content>h2{font-size:clamp(44px,4.3vw,64px);margin-bottom:28px}
.set-menu-content>p:not(.eyebrow):not(.fixed-price-note){font-size:15px;line-height:1.8;max-width:520px;margin-bottom:32px}
.set-menu-content .fixed-cards{gap:0 30px}
.set-menu-content .fixed-card{padding-top:18px}
.set-menu-content .fixed-card h3{font-size:27px;margin-block:24px 17px;line-height:1.15}
.set-menu-content .fixed-card>p{font-size:13px;margin-bottom:20px}
.set-menu-content .fixed-card>.text-link{font-size:11px;gap:12px}
.set-menu-content .fixed-price-note{font-size:11px;line-height:1.7;margin-block:25px}
.neighbourhood-story{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;background:var(--mist)}
.neighbourhood-story>figure{align-self:stretch;min-height:560px}
.neighbourhood-story>figure img{height:100%;width:100%;object-fit:cover;object-position:50% 55%}
.neighbourhood-copy{padding:70px clamp(35px,6vw,110px);text-align:center;max-width:720px;justify-self:center}
.neighbourhood-copy>.eyebrow{color:var(--deep);margin-bottom:24px;font-size:10px}
.neighbourhood-copy h2{font-size:clamp(40px,4vw,59px);line-height:1.08}
.neighbourhood-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-bottom:20px}
.neighbourhood-copy>.text-link{margin-top:9px}
.atmosphere-band{position:relative;isolation:isolate;min-height:460px;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden}
.atmosphere-band figure{position:absolute;inset:0;z-index:-2}
.atmosphere-band figure img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.atmosphere-band::after{content:'';position:absolute;inset:0;z-index:-1;background:#0007}
.atmosphere-band>div{padding:70px 24px}
.atmosphere-band .eyebrow{color:#fff;margin-bottom:24px}
.atmosphere-band h2{font-size:clamp(48px,5vw,76px);line-height:1.05}
.atmosphere-band .text-link{color:#fff;border-color:#ffffffa0;margin-top:30px}
.home-booking{padding-block:100px 90px}
.home-booking .center-heading{margin-bottom:32px}
.home-booking .whatsapp-booking{max-width:960px;margin:0 auto;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;column-gap:25px;row-gap:0}
.home-booking .whatsapp-booking h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.home-booking .whatsapp-booking>p:not(.small){grid-column:1/-1;text-align:center;margin-bottom:36px;font-size:15px}
.home-booking .booking-fields{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;gap:25px}
.home-booking .booking-fields>label:last-child{grid-column:auto}
.home-booking .whatsapp-booking input,.home-booking .whatsapp-booking select,.home-booking .whatsapp-booking textarea{min-height:54px;padding:14px;border-color:#d2d8d4;background:#fff}
.home-booking .whatsapp-booking textarea{height:54px;min-height:54px;max-height:140px}
.home-booking .whatsapp-booking>button{grid-column:1/-1;justify-self:center;max-width:320px;margin-top:14px}
.home-booking .whatsapp-booking>.small{grid-column:1/-1;text-align:center;margin-top:18px}
.home-booking-contact{display:flex;justify-content:center;align-items:center;gap:16px 25px;flex-wrap:wrap;margin-top:40px;font-size:13px}
.home-booking-contact>span{color:var(--muted);font-size:12px}
.home-booking-contact>a[href^=tel]{font-size:21px;letter-spacing:-.02em}
.home-booking-contact>.text-link{font-size:12px;margin-left:15px}
.home-photo-story{padding-block:70px 28px;background:var(--mist);border-block:1px solid #e4e9e5}
.home-photo-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}
.home-photo-heading .eyebrow{color:var(--deep);font-size:10px;margin-bottom:20px}
.home-photo-heading h2{font-size:clamp(38px,3.7vw,55px)}
.home-photo-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.home-photo-strip img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.home-photo-strip>a{display:block}
.instagram-caption{display:flex;align-items:center;justify-content:center;gap:20px;font-size:12px;padding:24px 15px 0}
.instagram-caption:hover{color:var(--deep)}
.page-home .home-faq{padding-block:70px;margin-top:20px}
.page-home .visit{padding-block:85px}
.page-heading{padding-top:65px}
.page-heading h1{line-height:1.08}
.page-fixed .fixed-detail .fixed-cards{align-content:start}
@media(min-width:1800px){.restaurant-hero h1{font-size:104px}}
@media(max-width:1200px){.theme-header .header-inner{grid-template-columns:1fr 190px 1fr;gap:22px}.theme-nav{gap:18px;font-size:11px}.theme-header-right{gap:18px}.theme-header .brand{padding-inline:15px}.theme-header .header-reserve{gap:10px;font-size:11px;padding-inline:13px}.signature-grid{gap:22px}.signature-dish h3{font-size:23px}.menu-preview-columns{gap:35px 60px}.set-menu-feature{gap:6%}.set-menu-content .fixed-cards{column-gap:22px}.set-menu-content .fixed-card h3{font-size:25px}.neighbourhood-copy{padding-inline:45px}.neighbourhood-story>figure{min-height:570px}}
@media(max-width:1050px){.theme-header .header-inner{grid-template-columns:1fr auto 1fr}.theme-header .theme-nav-left,.theme-header-right{display:none}.mobile-languages{display:block}.theme-header .nav-toggle{display:block;justify-self:end;margin-right:-12px}.theme-header .brand{padding-inline:24px}.theme-header{height:96px}.menu-tools{top:96px}.restaurant-hero{min-height:600px;height:calc(85svh - 131px);max-height:720px}}
@media(max-width:950px){.signature-section{padding-block:75px}.signature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.signature-dish img{width:100%;height:auto}.signature-dish figcaption{margin-top:20px}.center-heading{margin-bottom:40px}.menu-showcase{padding-block:75px}.menu-preview-columns{gap:30px 40px}.menu-preview-group li a{font-size:15px;gap:10px}.set-menu-feature{grid-template-columns:.8fr 1fr;gap:6%;padding-block:80px}.set-menu-content .fixed-cards{grid-template-columns:1fr;row-gap:24px}.set-menu-content .fixed-card h3{margin-top:17px}.set-menu-content .fixed-card>p{margin-bottom:13px}.set-menu-content .fixed-card>.text-link{font-size:12px}.set-menu-photo{align-self:start}.neighbourhood-story{grid-template-columns:1fr 1fr}.neighbourhood-copy{padding:55px 32px}.neighbourhood-copy>p:not(.eyebrow){font-size:13px}.neighbourhood-story>figure{min-height:560px}.atmosphere-band{min-height:400px}.home-booking{padding-block:75px}.home-booking .booking-fields{gap:18px}.home-booking .whatsapp-booking{column-gap:18px}.home-photo-story{padding-top:60px}.page-home .visit{padding-block:70px}}
@media(max-width:650px){h1{font-size:clamp(47px,11vw,72px)}.contact-strip>.wrap{min-height:34px;font-size:10px}.contact-strip>.wrap>span,.contact-strip>.wrap>div>a:last-child{display:none}.contact-strip>.wrap>div{gap:0}.contact-strip .header-whatsapp{display:inline-flex;font-size:10px}.theme-header{height:88px}.theme-header .header-inner{gap:10px}.theme-header .brand{padding:10px 17px;min-width:145px}.theme-header .brand img{width:120px;min-width:120px}.theme-header .nav-toggle{margin-right:-12px}.menu-tools{top:88px}.restaurant-hero{min-height:570px;height:calc(100svh - 122px);max-height:780px}.restaurant-hero-photo img{object-position:58% 50%}.restaurant-hero::before{background:#0008}.restaurant-hero-content{padding:70px 20px 100px;width:100%}.restaurant-hero-content .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:27px}.restaurant-hero h1{font-size:clamp(44px,10.5vw,64px);line-height:1.09;letter-spacing:-.04em}.restaurant-hero-content>p:not(.eyebrow){font-size:13px;line-height:1.7;margin-top:23px}.hero-buttons{gap:12px;margin-top:30px}.hero-buttons .button{min-width:0;padding:15px 17px;font-size:11px;gap:17px}.hero-buttons .button span{font-size:18px}.restaurant-hero-bottom{bottom:24px;left:22px;right:22px;justify-content:center}.restaurant-hero-bottom>span{display:none}.restaurant-hero-bottom>a{font-size:11px}.center-heading{margin-bottom:34px}.center-heading>.eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:18px}.center-heading h2{font-size:40px}.section-rule{margin-block:22px;width:40px}.center-heading .section-intro{font-size:13px;line-height:1.8;max-width:300px}.signature-section{padding-block:60px}.signature-grid{gap:30px 16px}.signature-dish h3{font-size:20px;line-height:1.25}.signature-dish p{font-size:10px;margin-top:7px}.signature-dish figcaption{margin-top:16px}.menu-showcase{padding-block:60px 55px}.menu-preview-columns{grid-template-columns:1fr;gap:30px}.menu-preview-group h3{font-size:24px;margin-bottom:10px}.menu-preview-group li a{font-size:16px;padding-block:10px}.menu-preview-group li a>span:first-child{max-width:90%}.menu-showcase-actions{flex-direction:column;gap:14px;margin-top:35px}.menu-showcase-actions .button{width:100%;justify-content:space-between}.menu-source-note{font-size:10px;margin-top:18px}.set-menu-feature{display:flex;flex-direction:column;gap:35px;padding-block:60px}.set-menu-photo{width:min(100%,440px);align-self:center}.set-menu-photo figcaption{font-size:11px}.set-menu-content{width:100%}.set-menu-content>.eyebrow{font-size:9px;margin-bottom:22px}.set-menu-content>h2{font-size:44px;line-height:1.08;margin-bottom:24px}.set-menu-content>p:not(.eyebrow):not(.fixed-price-note){font-size:14px;margin-bottom:28px}.set-menu-content .fixed-cards{gap:28px}.set-menu-content .fixed-card h3{font-size:28px}.set-menu-content .fixed-card>p{font-size:13px}.set-menu-content .fixed-price-note{margin-block:24px}.set-menu-content>.button{width:100%;justify-content:space-between}.neighbourhood-story{display:flex;flex-direction:column}.neighbourhood-story>figure{min-height:0;width:100%}.neighbourhood-story>figure img{height:auto;object-fit:contain}.neighbourhood-copy{padding:50px var(--pad)}.neighbourhood-copy h2{font-size:42px}.neighbourhood-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:450px}.atmosphere-band{min-height:370px}.atmosphere-band h2{font-size:49px}.atmosphere-band .eyebrow{font-size:9px}.atmosphere-band::after{background:#0009}.home-booking{padding-block:60px}.home-booking .whatsapp-booking{grid-template-columns:1fr;column-gap:0}.home-booking .whatsapp-booking>p:not(.small){font-size:13px;margin-bottom:25px}.home-booking .booking-fields{grid-template-columns:1fr 1fr;gap:0 14px}.home-booking .booking-fields>label:last-child{grid-column:1/-1}.home-booking .whatsapp-booking>button{max-width:none;margin-top:5px;justify-content:space-between}.home-booking .whatsapp-booking>.small{font-size:11px;line-height:1.8}.home-booking .whatsapp-booking select,.home-booking .whatsapp-booking input,.home-booking .whatsapp-booking textarea{font-size:16px}.home-booking-contact{flex-direction:column;gap:11px;margin-top:30px}.home-booking-contact>.text-link{margin-left:0;margin-top:5px}.home-booking-contact>a[href^=tel]{font-size:24px}.home-photo-story{padding-block:45px 25px}.home-photo-heading{display:block;margin-bottom:30px}.home-photo-heading h2{font-size:39px}.home-photo-heading .eyebrow{font-size:9px}.home-photo-heading>.text-link{margin-top:20px}.home-photo-strip{grid-template-columns:1fr 1fr;gap:4px}.instagram-caption{font-size:11px}.page-home .home-faq{padding-block:45px;margin-top:10px}.page-home .visit{padding-block:55px}.page-heading{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.signature-dish img{transition:none}}