:root{--gold:#c49752;--gold-dark:#a87531;--red:#ad2448;--cream:#fbfaf7;--ink:#24221f;--muted:#706f6b;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;overflow-x:hidden}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;background:var(--cream);overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}img{display:block;width:100%;object-fit:cover}button{color:inherit}h1,h2,h3,p{margin-top:0}h2{font:400 clamp(28px,3.05vw,44px)/1.04 var(--serif);letter-spacing:-1.2px;margin-bottom:12px}p{line-height:1.55;color:var(--muted)}.container{width:calc(100% - 112px);max-width:1320px;margin-inline:auto}.section{padding-block:26px}.icon{width:25px;height:25px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0}.skip-link{position:fixed;top:-100px;z-index:100;background:white;padding:15px}.skip-link:focus{top:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:6px;min-height:47px;padding:12px 24px;font-size:13px;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button .icon{width:21px;height:21px}.gold{background:linear-gradient(105deg,#d2ab6b,#b98742);color:white;box-shadow:inset 0 0 0 1px #ffffff26}.button.small{min-height:39px;font-size:11px;padding:9px 16px}.glass{background:#ffffff0b;color:white;border:1px solid #ffffff89}.play-circle{border:1px solid currentColor;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:10px}.button-row{display:flex;gap:15px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:14px;color:var(--red);font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px}.gold-text{color:var(--gold)}.ruled:before,.ruled:after,.ruled-right:after{content:'';width:37px;height:1px;background:#dcc296}.section-title p{font-size:13px;margin-bottom:0}.centered{text-align:center}.section-title{margin-bottom:20px}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;color:white;background:linear-gradient(#241b1833,transparent);transition:background .3s,box-shadow .3s}.site-header.scrolled{background:#1c1712f5;box-shadow:0 6px 20px #00000030;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.site-header.scrolled .header-inner{border-bottom-color:transparent}.header-inner{max-width:1380px;width:calc(100% - 100px);margin:auto;display:flex;align-items:center;gap:32px;height:96px}.brand{width:170px;flex-shrink:0}.brand img{height:65px;object-fit:contain}.site-header nav{margin-left:auto;display:flex;gap:25px}.site-header nav a{font-size:12px;font-weight:600}.site-header nav a:hover,.site-header nav a.active{color:#e4bd77}.header-actions{display:flex;align-items:center;gap:12px}.contact-button{display:flex;align-items:center;gap:7px;border:1px solid #ffffff5a;border-radius:5px;background:none;color:white;padding:9px 12px;font-size:11px}.contact-button .icon{width:14px;height:14px}.menu-toggle{display:none}.hero{height:620px;position:relative;background:#342c24;color:white;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s}.hero-slide.active{opacity:1}.hero-slide img{height:100%;object-position:center 57%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#1617149e,transparent 82%),linear-gradient(0deg,#18161175,transparent 45%)}.hero-content{position:relative;padding-top:173px;padding-left:58px}.hero h1{font:400 clamp(43px,4.5vw,68px)/1.02 var(--serif);letter-spacing:-1.1px;margin:7px 0 22px;text-shadow:0 2px 10px #0002}.hero h1 em{color:#e1b25c;font-weight:400}.hero-content>p{font-size:16px;color:white;margin-bottom:24px}.hero-pagination{display:flex;gap:23px;position:relative;margin-top:35px;width:225px;padding-bottom:15px}.hero-pagination button{background:none;color:#fff9;font-size:12px;padding:0;border:0}.hero-pagination .active{color:#f1ca83}.hero-pagination .autoplay-toggle{margin-left:auto}.slide-progress{height:2px;background:#fff4;position:absolute;bottom:0;left:0;width:100%}.slide-progress span{display:block;width:50%;height:100%;background:#d2ab6b;transition:transform .6s}.hero-arrow{position:absolute;top:48%;border:0;border-radius:50%;background:white;color:#333;box-shadow:0 3px 10px #0002;width:43px;height:43px;font-size:34px;line-height:1}.previous{left:23px}.next{right:23px}.hero-note{position:absolute;right:6%;bottom:65px;font:italic 24px/1.15 var(--serif);padding:20px 26px;background:#3a2b1957;border-radius:5px}.hero-note span,.quote-card span,.event-note span{display:block;width:39px;height:2px;background:#d7b06a;margin-top:17px}.page-body{position:relative;background-color:#fbfaf8;background-image:radial-gradient(ellipse at 0 19%,#eee0c742,transparent 24%),radial-gradient(ellipse at 100% 56%,#f0e4d04d,transparent 20%)}.booking-wrap{max-width:1035px;width:calc(100% - 110px);margin:auto;position:relative;transform:translateY(-29px);z-index:5;margin-bottom:-8px}.booking-form{background:white;border-radius:8px;padding:15px;display:grid;grid-template-columns:1fr 1fr 1.15fr auto;gap:15px;box-shadow:0 10px 25px #32281320}.booking-form label{display:flex;align-items:center;gap:16px;padding:6px 15px;border:1px solid #f3f2f0;border-radius:7px;min-width:0}.booking-form label>span{min-width:0;width:100%}.field-label{font-size:11px;color:#8c8985;display:block}.booking-form input,.booking-form select{width:100%;border:0;background:none;font-size:12px;font-weight:600;min-height:25px;color:#343331}.primary-features{display:grid;grid-template-columns:repeat(5,1fr);padding:10px 0 24px}.feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.primary-features .feature{border-right:1px solid #eee9e2;padding:8px 10px}.primary-features .feature:last-child{border:0}.feature .icon{color:var(--gold);width:37px;height:37px;margin-bottom:9px}.feature strong{font-size:12px;font-weight:700}.feature small{font-size:11px;color:#777}.hotel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.photo-card{overflow:hidden;border-radius:7px;background:#eee9df;display:block}.photo-card>img{height:230px;transition:transform .5s}.photo-card:hover>img{transform:scale(1.025)}.card-caption{position:relative;padding:10px 17px 11px;min-height:59px}.card-caption h3{font-size:15px;line-height:1.1;margin:0;font-weight:700}.card-caption p{font-size:12px;margin:3px 0 0;line-height:1.1;color:#575550}.round-arrow{position:absolute;right:13px;top:16px;background:var(--gold);color:white;width:23px;height:23px;border-radius:50%;display:grid;place-items:center}.split{display:grid;grid-template-columns:1fr 1.08fr;gap:65px;align-items:center}.split-copy>p{font-size:14px;line-height:1.45;margin-bottom:15px}.split-copy h2{font-size:43px}.about{padding-top:42px;padding-bottom:30px}.mini-features{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin-bottom:24px}.mini-features>span{display:flex;align-items:center;gap:12px;font-size:11px}.mini-features .icon{color:var(--gold);width:26px}.about-photo{position:relative;padding-right:10px}.about-photo>img{height:360px;border-radius:8px}.quote-card{position:absolute;right:-14px;top:15px;background:#eadcc3;box-shadow:0 5px 20px #8d704d12;padding:47px 30px;font:24px/1.08 var(--serif);border-radius:4px}.restaurant{padding-top:5px}.restaurant-intro{grid-template-columns:1.15fr 1fr;gap:55px}.restaurant-photo{position:relative;display:block;overflow:hidden;border-radius:8px}.restaurant-photo>img:first-child{height:360px}.restaurant-photo .sarrah-logo{position:absolute;top:24px;left:28px;width:190px;height:auto;box-shadow:0 2px 12px #0003}.photo-plus{position:absolute;right:30px;bottom:28px;width:43px;height:43px;background:var(--gold);color:white;display:grid;place-items:center;border-radius:50%;font-size:30px}.dining-features{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0 22px;gap:16px 10px}.dining-features .feature strong,.dining-features .feature small{font-size:11px;font-weight:400}.dining-features .icon{width:31px;height:31px}.dining-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:27px}.dining-cards .photo-card>img{height:163px}.dining-cards .card-caption{padding:11px 11px 12px;min-height:61px}.dining-cards h3{font-size:12px}.dining-cards p{font-size:10px;max-width:83%}.dining-cards .round-arrow{width:20px;height:20px;right:9px;top:24px;font-size:14px}.amenities{padding-top:10px}.amenities h2{font-size:36px}.amenity-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.amenity-grid .feature{background:#fff;border-radius:6px;padding:15px 5px 13px;box-shadow:0 4px 10px #00000008}.amenity-grid .feature .icon{width:34px;height:34px;margin-bottom:5px}.amenity-grid .feature strong{font-size:11px;font-weight:500}.events{grid-template-columns:.85fr 1.15fr;gap:80px;padding-block:6px 23px}.events h2{font-size:38px}.events p{max-width:485px}.event-photo{position:relative;border-radius:6px;overflow:hidden;display:flex;background:#4c3d2e;color:#fff}.event-photo>img{width:72%;height:211px}.event-note{padding:36px 20px;font:italic 23px/1.1 var(--serif)}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.title-row h2{font-size:36px;margin-bottom:0}.testimonials{padding-top:10px}.review-wrap{position:relative}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review-grid blockquote{margin:0;background:white;box-shadow:0 4px 15px #0000000a;border-radius:7px;padding:22px 20px 18px 45px;position:relative;min-height:181px}.quote-mark{position:absolute;top:10px;left:18px;color:var(--gold);font:53px var(--serif)}.review-grid blockquote>p{font-size:12px;padding-left:16px;line-height:1.45;min-height:53px;color:#5c5b57}.review-person{display:flex;gap:14px;align-items:center}.avatar{width:45px;height:45px;display:grid;place-items:center;background:#e9dfcf;border-radius:50%;font:18px var(--serif);color:#8f673b}.review-person>div{display:grid;gap:3px}.stars{font-size:16px;letter-spacing:1px;color:#efa720}.review-person strong{font-size:13px}.review-person small{font-size:11px;color:#8a8781}.round-control{position:absolute;top:38%;border:0;border-radius:50%;width:35px;height:35px;background:white;box-shadow:0 2px 10px #0002;font-size:24px;z-index:2}.review-prev{left:-41px}.review-next{right:-41px}.review-dots{display:flex;gap:6px;justify-content:center;margin-top:24px}.review-dots span{width:6px;height:6px;background:#ddd1bd;border-radius:50%}.review-dots .active{background:var(--gold-dark)}.journal{padding-top:0;padding-bottom:20px}.journal .title-row{margin-bottom:16px}.text-button{border:0;background:none;color:var(--gold-dark);font-size:13px;display:flex;gap:20px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.journal-card{padding:0;border:0;background:white;text-align:left;border-radius:6px;overflow:hidden;box-shadow:0 3px 10px #0001}.journal-card>img{height:135px}.journal-card>div{padding:8px 10px 12px}.journal-card small{font-size:10px;color:#8b8276}.journal-card h3{font-size:12px;margin:2px 0 0}.bottom-cta{background:linear-gradient(90deg,#302617ed,#30200bca),url('assets/dining-main.jpg') center/cover;color:white;padding:24px 0}.bottom-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:25px}.bottom-cta h2{font-size:32px;letter-spacing:-.7px;margin-bottom:5px}.bottom-cta p{font-size:12px;color:white;margin:0}.border-gold{color:white;background:transparent;border:1px solid #d6af6c}.site-footer{position:relative;background:#1c1712;color:#cfc6b8;padding-top:0;background-image:radial-gradient(ellipse at 15% 0%,#2c2116 0%,transparent 55%),radial-gradient(ellipse at 85% 30%,#241c14 0%,transparent 50%)}
.site-footer:before{content:'';display:block;height:3px;background:linear-gradient(90deg,transparent,#d2ab6b,#b98742,#d2ab6b,transparent)}.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .95fr 1.1fr;gap:55px;padding-block:36px}.footer-brand img{width:166px;height:62px;object-fit:contain}.footer-grid h3{font-size:13px;margin:5px 0 14px;color:#f1e9da;font-weight:600;letter-spacing:.3px}.footer-grid a:not(.footer-brand a){display:block;font-size:13px;line-height:2.15;color:#b6ac9c}.footer-grid button{display:block;font-size:13px;line-height:2.15;color:#b6ac9c;background:none;border:0;padding:0;text-align:left}.footer-grid p{font-size:13px;line-height:1.65;margin-bottom:12px;color:#a89d8c}.footer-brand p{max-width:270px;margin-top:14px}.social-links{display:flex;gap:10px}.social-links button{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffffff0d;border:1px solid #ffffff26;color:#e9e2d6;transition:background .2s,border-color .2s,transform .2s}.social-links button:hover{background:linear-gradient(105deg,#d2ab6b,#b98742);border-color:transparent;transform:translateY(-2px)}.social-links .icon{width:14px;height:14px}.contact-line,.footer-contact{display:flex;align-items:start;gap:12px}.contact-line .icon,.footer-contact .icon{width:18px;height:18px}.footer-contact{border:0;background:transparent;font-size:12px;padding:0;margin:9px 0}.copyright{border-top:1px solid #ffffff17;padding-block:18px;display:flex;justify-content:space-between;color:#8a7f6d;font-size:11px}.heart{color:#cf5a48}.back-top{position:absolute;bottom:29px;right:22px;width:35px;height:35px;background:#d8ad61;border-radius:50%;display:grid;place-items:center;color:white;box-shadow:0 4px 14px #d8ad6155}.footer-grid a:hover,.footer-grid button:hover{color:#e7c07f}
dialog{border:0;padding:35px;border-radius:10px;width:min(860px,92vw);max-height:88vh;overflow:auto;color:var(--ink);box-shadow:0 20px 70px #0004}dialog::backdrop{background:#16120fd9}.dialog-close{position:absolute;top:6px;right:12px;border:0;background:white;font-size:30px;z-index:3}.viewer-photo{max-height:68vh;object-fit:contain}
.viewer-video{width:min(900px,86vw);aspect-ratio:16/9;max-height:68vh;border:0;background:#000}.dialog-caption{font:27px var(--serif);margin:15px 0 0}.enquiry-form{display:grid;gap:15px}.enquiry-form label{display:grid;gap:6px;font-size:13px}.enquiry-form input,.enquiry-form textarea{border:1px solid #ddd0ba;border-radius:5px;padding:12px;width:100%}.enquiry-form textarea{height:110px}.dialog-message{font-size:13px;color:#766c5d}.tour-controls{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.menu-photo{width:auto;max-width:100%;max-height:65vh;margin:auto}
@media(min-width:1600px){.hero{height:660px}}
@media(max-width:1150px){.header-inner{width:calc(100% - 55px);gap:18px}.site-header nav{gap:16px}.header-actions .contact-button{display:none}.container{width:calc(100% - 70px)}.split{gap:35px}.mini-features{grid-template-columns:1fr}.split-copy h2{font-size:37px}.about-photo>img{height:355px}.hero-content{padding-left:25px}.quote-card{font-size:20px;padding:35px 24px}.footer-grid{gap:30px}.bottom-cta h2{font-size:26px}.button{padding:11px 17px}.events{gap:35px}.event-note{font-size:21px;padding:30px 13px}.review-prev{left:-24px}.review-next{right:-24px}}
@media(max-width:800px){.hero{height:600px}.hero-content{padding-top:180px}.header-inner{height:80px}.brand{width:140px}.header-actions{margin-left:auto}.menu-toggle{display:grid;gap:5px;background:none;border:0;padding:10px;order:3}.menu-toggle span{width:24px;height:2px;background:white}.site-header nav{display:none;position:absolute;top:80px;left:20px;right:20px;background:#332c22;padding:25px;border-radius:6px}.site-header nav.open{display:flex;flex-direction:column;gap:20px}.hero h1{font-size:53px}.hero-note{right:5%;font-size:21px}.booking-wrap{width:calc(100% - 60px)}.booking-form{grid-template-columns:1fr 1fr}.hotel-grid{gap:12px}.photo-card>img{height:170px}.card-caption{padding:10px}.card-caption h3{font-size:12px;max-width:85%}.card-caption p{font-size:10px}.round-arrow{width:18px;height:18px;right:8px}.split{gap:27px}.split-copy h2{font-size:33px}.split-copy>p{font-size:12px}.about-photo>img{height:330px}.quote-card{padding:28px 17px;right:0;font-size:18px}.restaurant-photo>img:first-child{height:320px}.restaurant-photo .sarrah-logo{width:140px;left:15px}.dining-features{gap:6px}.dining-features .feature strong,.dining-features .feature small{font-size:9px}.dining-cards{grid-template-columns:repeat(5,minmax(145px,1fr));overflow:auto;padding-bottom:10px}.amenity-grid{grid-template-columns:repeat(3,1fr)}.event-photo{flex-direction:column}.event-photo>img{width:100%;height:195px}.event-note{display:none}.review-grid blockquote{padding:20px 14px}.quote-mark{display:none}.review-grid blockquote>p{padding:0;min-height:74px}.review-person{gap:8px}.avatar{width:30px;height:30px;font-size:12px}.review-person strong{font-size:11px}.bottom-cta>.container{flex-direction:column;align-items:start}.footer-grid{grid-template-columns:1.4fr 1fr;gap:30px}}
@media(max-width:540px){.container{width:calc(100% - 36px)}.header-inner{width:calc(100% - 32px);gap:10px}.brand{width:128px}.header-actions .button{padding:9px;font-size:10px;gap:5px}.header-actions .icon{display:none}.hero{height:600px}.hero-content{padding-left:22px;padding-top:175px}.hero h1{font-size:44px}.hero .eyebrow{font-size:9px;letter-spacing:2px}.hero-content>p{font-size:13px}.hero .button{font-size:11px;gap:7px;padding:11px 14px}.hero-arrow{display:none}.hero-note{display:none}.hero-pagination{margin-top:38px;gap:9px;width:auto;padding-bottom:0}.hero-pagination button:not(.autoplay-toggle){font-size:0;width:8px;height:8px;border-radius:50%;background:#ffffff70;transition:background .2s,width .2s}.hero-pagination button:not(.autoplay-toggle).active{background:#f1ca83;width:22px;border-radius:4px}.hero-pagination .autoplay-toggle{font-size:13px}.slide-progress{display:none}.booking-wrap{width:calc(100% - 34px);transform:translateY(-30px)}.booking-form{padding:12px;gap:8px}.booking-form label{gap:8px;padding:5px}.booking-form .icon{width:20px;height:20px}.booking-form input,.booking-form select{font-size:10px}.booking-form .button{font-size:11px;gap:6px;padding:9px 7px}.primary-features{grid-template-columns:repeat(3,1fr);gap:20px 0;padding-top:0}.primary-features .feature{padding:3px 5px}.feature strong{font-size:10px}.feature small{font-size:9px}.feature .icon{width:30px;height:30px}.section{padding-block:22px}.section-title h2{font-size:30px}.section-title p{font-size:11px}.eyebrow{font-size:9px;letter-spacing:2px}.hotel-grid{grid-template-columns:repeat(2,1fr);gap:10px}.photo-card>img{height:145px}.card-caption{min-height:61px;padding:10px 8px}.card-caption h3{font-size:11px;max-width:80%}.card-caption p{max-width:80%;font-size:9px}.split,.restaurant-intro,.events{grid-template-columns:1fr;gap:24px}.split-copy h2{font-size:35px}.split-copy>p{font-size:13px}.mini-features{grid-template-columns:1fr 1fr;gap:12px}.mini-features>span{font-size:10px;gap:7px}.about-photo>img{height:280px}.quote-card{padding:35px 24px;font-size:22px}.restaurant-photo>img:first-child{height:280px}.dining-features .feature strong,.dining-features .feature small{font-size:11px}.amenity-grid{gap:10px}.amenity-grid .feature strong{font-size:10px}.events h2{font-size:31px}.event-photo{flex-direction:row}.event-photo>img{width:70%;height:175px}.event-note{display:block;font-size:19px;padding:28px 10px}.title-row .button{font-size:10px;padding:9px 10px;min-height:37px;gap:5px}.title-row h2{font-size:27px}.review-grid{grid-template-columns:1fr}.review-grid blockquote:not(:first-child){display:none}.review-grid blockquote{padding:22px;min-height:165px}.review-grid blockquote>p{min-height:40px;font-size:13px}.avatar{width:43px;height:43px;font-size:16px}.review-person strong{font-size:13px}.review-prev{left:-12px}.review-next{right:-12px}.journal-grid{grid-template-columns:1fr}.journal-card{display:grid;grid-template-columns:40% 1fr;align-items:center}.journal-card>img{height:100px}.journal-card h3{font-size:12px;line-height:1.4}.bottom-cta h2{font-size:28px}.bottom-cta .button-row{gap:10px;width:100%}.bottom-cta .button{font-size:11px;padding:11px;gap:6px;flex:1}.footer-grid{gap:24px 16px}.footer-grid p,.footer-grid a:not(.footer-brand a),.footer-contact{font-size:11px}.footer-brand img{width:140px}.copyright{display:block;font-size:9px;padding-bottom:20px}.copyright>span{display:block;margin-top:7px}.back-top{right:15px;bottom:14px}.review-person small{font-size:11px}}
.hero-overlay{background:linear-gradient(90deg,#161714a6,transparent 82%),linear-gradient(180deg,#18161150,transparent 25%,transparent 70%,#18161180)}
.hotel-grid .photo-card:first-child>img{object-position:center 19%}
.hotel-grid .photo-card:nth-child(2)>img{object-position:center 35%}
.hotel-grid .photo-card:nth-child(3)>img{object-position:center 62%}
.dining-cards .photo-card:nth-child(3)>img{object-position:center 25%}
.page-body{background-image:url('assets/leaf.svg'),url('assets/leaf.svg'),url('assets/leaf.svg'),radial-gradient(ellipse at 0 19%,#eee0c742,transparent 24%);background-repeat:no-repeat;background-position:left 80px,right 1050px,left 2000px,center;background-size:120px 340px,110px 340px,120px 350px,100% 100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.whatsapp-float{position:fixed;right:24px;bottom:24px;width:58px;height:58px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00000040;z-index:30;transition:transform .2s,box-shadow .2s}.whatsapp-float:hover{transform:scale(1.08);box-shadow:0 8px 26px #00000050}.whatsapp-float svg{width:31px;height:31px;fill:#fff}
@media(max-width:540px){.whatsapp-float{right:16px;bottom:16px;width:50px;height:50px}.whatsapp-float svg{width:27px;height:27px}}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,.8,.3,1),transform .8s cubic-bezier(.16,.8,.3,1);will-change:opacity,transform}
.reveal-left{transform:translateX(-52px)}
.reveal-right{transform:translateX(52px)}
.reveal-down{transform:translateY(-40px)}
.reveal.in-view{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* Image loading shimmer placeholder - shows until the image finishes loading */
img[loading="lazy"]{background:linear-gradient(110deg,#ede3ce 8%,#f7f1e3 18%,#ede3ce 33%);background-size:200% 100%;animation:img-shimmer 1.6s linear infinite;opacity:0;transition:opacity .45s ease}
img[loading="lazy"].img-loaded{opacity:1;animation:none;background:none}
@keyframes img-shimmer{to{background-position-x:-200%}}
@media(prefers-reduced-motion:reduce){img[loading="lazy"]{animation:none;opacity:1}}
/* Reference refinement: warm hospitality, clear visual rhythm. */
:root{--gold:#c88f3c;--gold-dark:#a66c23}
.hero{height:635px}
.hero-slide img{object-position:center 58%}
.hero-overlay{background:linear-gradient(90deg,rgba(18,20,18,.8),rgba(22,21,18,.36) 42%,rgba(22,21,18,.02) 72%),linear-gradient(180deg,#1d1a1655,transparent 25%,transparent 72%,#21191170)}
.hero-content{padding-top:185px;padding-left:40px}
.hero-welcome{display:block;font-size:24px;line-height:1.2;margin-bottom:11px;letter-spacing:.3px}
.hero h1{font-size:clamp(46px,4.9vw,74px);margin:0 0 15px}
.hero-tagline{font-size:24px;font-weight:600;margin-bottom:20px;display:flex;align-items:baseline;gap:12px}
.hero-tagline em{font:italic 43px var(--serif);color:#e8b357}
.hero-content>p{max-width:420px;font-size:14px;line-height:1.55;margin-bottom:22px}
.hero-pagination{margin-top:29px}.hero-note{bottom:93px;background:transparent}
.header-inner{border-bottom:1px solid #ffffff20}
.primary-features{grid-template-columns:repeat(6,1fr);position:relative;z-index:5;transform:translateY(-25px);margin-bottom:-9px;background:#fffefa;border:1px solid #eee4d5;box-shadow:0 9px 22px #3627160b;border-radius:9px;padding:20px 12px}
.primary-features .feature{padding:0 10px}.primary-features .icon{color:#cb8834}
.about{padding-top:20px;padding-bottom:36px}
.about-photo>img{height:355px;object-position:center 60%;border-radius:8px}
.quote-card{right:-12px;top:auto;bottom:26px;padding:25px 33px;background:#f2e8d8;font-size:24px;text-align:center;box-shadow:0 12px 25px #63492515}
.quote-card b{display:block;font:45px/25px var(--serif);color:#cb994f;margin-bottom:15px}.quote-card span{margin:15px auto 0}
.about .mini-features{grid-template-columns:1fr 1fr}.about .mini-features .icon{color:#d7903c}
.hospitality{padding-top:4px;padding-bottom:25px}.hotel-grid{gap:15px 20px}
.hotel-grid .photo-card>img{height:225px;object-position:center 58%}
.hotel-grid .photo-card:first-child>img,.hotel-grid .photo-card:nth-child(2)>img,.hotel-grid .photo-card:nth-child(3)>img{object-position:center 58%}
.card-caption{background:linear-gradient(120deg,#f6f2ec,#eee7db);padding:13px 17px}
.card-caption h3{font-size:15px}.card-caption p{font-size:12px}
.section-action{display:flex;justify-content:center;margin-top:19px}
.section-action .button{min-height:39px;padding:9px 22px;font-size:12px}
.restaurant{padding-top:5px}
.restaurant-intro{grid-template-columns:1fr 1.08fr;gap:55px}
.restaurant-intro .split-copy{grid-column:1;grid-row:1}
.restaurant-intro .restaurant-photo{grid-column:2;grid-row:1}
.restaurant-photo>img:first-child{height:355px;object-position:center 65%}
.restaurant-photo .sarrah-logo{top:22px;left:24px;width:190px;border-radius:3px}
.dining-features .icon{color:#d7903c}
.dining-cards{grid-template-columns:repeat(3,1fr);gap:14px 20px;margin-top:24px}
.dining-cards .photo-card>img{height:173px;object-position:center 56%}
.dining-cards .photo-card:nth-child(2)>img{object-position:center 20%}
.dining-cards .photo-card:nth-child(5)>img{object-position:center 67%}
.dining-cards .photo-card:nth-child(6)>img{object-position:center 65%}
.dining-cards .card-caption{min-height:59px;padding:11px 17px}
.dining-cards h3{font-size:14px}.dining-cards p{font-size:11px}
.dining-cards .round-arrow{right:16px;top:19px;width:23px;height:23px}
.amenities{padding-top:8px;padding-bottom:22px}.amenity-grid .feature{padding:17px 5px;box-shadow:0 3px 10px #63482c09;border:1px solid #f4ede3}
.events{grid-template-columns:1fr 1.05fr;gap:38px;padding-top:4px;padding-bottom:20px}
.events .event-photo{grid-column:1;grid-row:1}.events .split-copy{grid-column:2;grid-row:1}
.event-photo>img{width:100%;height:290px;object-position:center 55%}
.events .mini-features{margin:18px 0}.events .mini-features .icon{color:#d7903c}
.events h2{font-size:36px}
.testimonials{padding-top:7px;padding-bottom:10px}
.review-grid blockquote{border:1px solid #f1ece4}
.gallery-section{padding-top:9px;padding-bottom:24px}
.gallery-section h2{font-size:33px;margin-bottom:0}
.gallery-filters{display:flex;gap:8px;flex-wrap:wrap}
.gallery-filters button{border:0;background:transparent;padding:8px 18px;border-radius:20px;font-size:12px;color:#6f665a}
.gallery-filters button.active{background:#c49146;color:white}
.gallery-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gallery-rail>a{display:block;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 12px #34281208;border:1px solid #efe7d8;transition:transform .35s,box-shadow .35s}
.gallery-rail>a:hover{transform:translateY(-5px);box-shadow:0 18px 34px #3428121c}
.gallery-rail>a[hidden]{display:none}
.gallery-rail .g-photo{position:relative;display:block;overflow:hidden;background:#eee9df;aspect-ratio:1/1}
.gallery-rail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.gallery-rail a:hover img{transform:scale(1.08)}
.gallery-rail .g-photo i{position:absolute;top:12px;left:12px;font-style:normal;background:#ffffffe0;color:#8a5a24;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:6px 11px;border-radius:20px;backdrop-filter:blur(3px)}
.gallery-rail .g-cap{display:block;padding:16px 18px 18px}
.gallery-rail .g-cap b{display:block;font:20px var(--serif);font-weight:400;color:#241f18;margin-bottom:3px}
.gallery-rail .g-cap{font-size:12px;color:#8a8172}
.bottom-cta{padding:29px 0;background:linear-gradient(90deg,#201b13f2,#392816a8),url('assets/dining-main.jpg') center 60%/cover}
.bottom-cta h2{font-size:33px;line-height:1.06;margin-bottom:9px}
.bottom-cta .button{min-height:51px;padding:14px 27px}
.footer-topline{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #ffffff17;font-size:10px;color:#d7b579;letter-spacing:1.8px}
.footer-topline a{letter-spacing:0;color:#e9e2d6;font-size:12px;display:flex;align-items:center;gap:8px}
.footer-topline a:hover{color:#e7c07f}
.footer-grid{grid-template-columns:1.3fr .8fr .85fr 1.25fr;gap:48px;padding:34px 0 29px}
.footer-brand img{width:218px;height:78px;object-fit:contain;object-position:left}
.footer-brand p{font-size:13px;line-height:1.65;color:#a89d8c;margin-top:14px}
.footer-brand-note{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.2px;color:#c19a5e;margin:19px 0}
.footer-brand-note>span{width:20px;height:1px;background:#b98742}
.social-links{gap:9px}
.social-links button{width:30px;height:30px;background:#ffffff0d;color:#e9e2d6;border:1px solid #ffffff26;transition:background .2s,border-color .2s,transform .2s}
.social-links button:hover{background:linear-gradient(105deg,#d2ab6b,#b98742);border-color:transparent;transform:translateY(-2px)}
.footer-grid h3{font:500 19px var(--serif);color:#f3ead9;margin:5px 0 20px}
.footer-links a,.footer-links button{display:block!important;font-size:12px!important;line-height:1.5!important;margin:11px 0;color:#b6ac9c;background:none;border:0;padding:0;text-align:left}
.footer-links a:hover,.footer-links button:hover{color:#e7c07f}
.footer-links h3:after{content:'';display:block;width:27px;height:2px;background:#caa36b;margin-top:11px}
.footer-contact-card{background:linear-gradient(160deg,#2b2116,#231b12);border:1px solid #d2ab6b3d;border-radius:12px;padding:26px 26px 22px;box-shadow:0 12px 30px #0000003d}
.footer-contact-card .eyebrow{font-size:8px;letter-spacing:1.5px;color:#e0b16a;margin:0 0 9px}
.footer-contact-card h3{font:400 24px/1.2 var(--serif);margin:0 0 15px;color:#f3ead9}
.footer-contact-card p{font-size:11px;line-height:1.5;color:#b6ac9c;position:relative;padding-left:26px}
.footer-contact-card p>.icon{position:absolute;left:0;top:0;width:17px;color:#e0b16a}
.footer-contact-card .footer-contact{align-items:center;font-size:11px;padding:10px 0;border-bottom:1px solid #ffffff17;width:100%;color:#e9e2d6;margin:0}
.footer-contact-card .footer-contact .icon{color:#e0b16a;width:17px}
.footer-contact-card .footer-contact>span{margin-left:auto;color:#e0b16a}
.footer-contact-card .footer-contact:hover{color:#e7c07f}
.open-hours{display:flex;align-items:center;gap:7px;font-size:10px;color:#a89d8c;margin-top:15px}
.open-hours>i{width:6px;height:6px;background:#8fae6f;border-radius:50%;flex-shrink:0}
.copyright{padding:17px 0 20px;border-top-color:#ffffff17;font-size:10px;color:#8a7f6d}
#booking-dialog .booking-wrap{width:100%;transform:none;margin:0}
#booking-dialog .booking-form{grid-template-columns:1fr 1fr;box-shadow:none;padding:0}
#booking-dialog .booking-form .button{grid-column:1/-1}
@media(max-width:1100px){.hero-content{padding-top:174px}.hero-tagline{font-size:21px}.hero-tagline em{font-size:36px}.primary-features .feature strong{font-size:11px}.primary-features .feature small{font-size:10px}.footer-grid{gap:24px}.footer-contact-card{padding:20px 16px}.footer-brand img{width:175px}.footer-brand-note{letter-spacing:.5px;font-size:7px}.restaurant-intro{gap:35px}}
@media(max-width:800px){.hero{height:605px}.hero h1{font-size:55px}.hero-tagline{display:block}.hero-tagline em{margin-left:8px}.primary-features{grid-template-columns:repeat(3,1fr);gap:20px;padding:20px}.primary-features .feature{border:0}.hotel-grid .photo-card>img{height:180px}.restaurant-intro{gap:27px}.restaurant-intro .split-copy h2{font-size:32px}.dining-cards{grid-template-columns:repeat(3,1fr);overflow:visible}.dining-cards .photo-card>img{height:145px}.about .mini-features{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:26px 42px}.footer-brand img{width:200px}.footer-contact-card{padding:22px}.gallery-rail{grid-template-columns:repeat(3,1fr);gap:16px}.events{gap:25px}.event-photo>img{height:310px}.gallery-section .title-row{align-items:start;gap:20px}.gallery-filters{justify-content:end}.gallery-filters button{padding:7px 10px;font-size:11px}}
@media(max-width:540px){.hero{height:570px}.hero-content{padding-top:162px;padding-left:13px}.hero-welcome{font-size:20px}.hero h1{font-size:43px}.hero-tagline{font-size:17px;line-height:1.5;margin-bottom:16px}.hero-tagline em{font-size:30px;margin-left:5px}.hero-slide img{object-position:62% center}.hero-overlay{background:linear-gradient(90deg,#161714bc,#16171445),linear-gradient(0deg,#21191166,transparent)}.hero-content>p{font-size:13px}.hero-pagination{margin-top:25px}.primary-features{padding:18px 7px;gap:19px 3px;transform:translateY(-20px)}.primary-features .feature{padding:0 3px}.primary-features .feature strong{font-size:9px}.primary-features .feature small{font-size:8px}.primary-features .icon{width:28px;height:28px}.about{padding-top:13px}.about .mini-features{grid-template-columns:1fr 1fr}.about-photo>img{height:285px}.quote-card{right:0;font-size:22px;padding:26px}.hotel-grid .photo-card>img{height:145px}.card-caption h3{font-size:11px}.card-caption p{font-size:9px;line-height:1.3}.restaurant-intro{grid-template-columns:1fr;gap:22px}.restaurant-intro .split-copy{grid-row:1;grid-column:1}.restaurant-intro .restaurant-photo{grid-row:2;grid-column:1}.restaurant-photo>img:first-child{height:270px}.dining-cards{grid-template-columns:1fr 1fr;gap:12px}.dining-cards .photo-card>img{height:135px}.dining-cards h3{font-size:11px}.dining-cards p{font-size:9px}.dining-cards .card-caption{padding:10px 8px;min-height:65px}.dining-cards .round-arrow{right:8px;top:19px;width:19px;height:19px}.events{grid-template-columns:1fr;gap:20px}.events .event-photo{grid-column:1;grid-row:1}.events .split-copy{grid-column:1;grid-row:2}.event-photo>img{height:235px}.events h2{font-size:32px}.events .mini-features{gap:12px 7px}.gallery-section .title-row{flex-direction:column;gap:16px}.gallery-filters{justify-content:start;gap:4px}.gallery-filters button{padding:7px 11px}.gallery-rail{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-rail>a{border-radius:11px}.gallery-rail .g-cap{padding:12px 13px 14px}.gallery-rail .g-cap b{font-size:15px}.gallery-rail .g-photo i{font-size:8px;padding:5px 9px;top:9px;left:9px}.bottom-cta h2{font-size:28px}.bottom-cta .button{min-height:44px;padding:10px;font-size:11px}.footer-topline{font-size:8px;letter-spacing:.7px;padding:16px 0}.footer-topline a{font-size:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px;padding-block:25px}.footer-brand{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:17px;align-items:center}.footer-brand>a{grid-column:1;grid-row:1}.footer-brand img{width:170px}.footer-brand p{grid-column:2;grid-row:1;font-size:11px;margin:0}.footer-brand-note{grid-column:1;grid-row:2;font-size:6px;margin:9px 0}.footer-brand .social-links{grid-column:2;grid-row:2}.social-links button{width:27px;height:27px}.footer-links{padding:0 5px}.footer-contact-card{grid-column:1/-1;padding:22px}.footer-contact-card h3{font-size:26px}.footer-contact-card .footer-contact{font-size:12px}.footer-contact-card p{font-size:12px}.footer-grid h3{margin-bottom:14px}.footer-contact-card .open-hours{font-size:11px}.copyright{display:flex;font-size:8px;gap:20px}.copyright>span:last-child{text-align:right}#booking-dialog{padding:34px 18px}#booking-dialog .booking-form{grid-template-columns:1fr}#booking-dialog .booking-form label{min-height:58px}}
@media(max-width:540px){.hero-slide img{object-position:center 42%}}