:root{
  --navy:#172b3f;--navy2:#223d56;--gold:#c9a66b;--gold2:#e1c18a;--cream:#f7f4ee;
  --text:#24303a;--muted:#6d747a;--white:#fff;--border:#e6e1d8;
  --shadow:0 18px 45px rgba(25,40,55,.10);--radius:2px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;background:#fff;line-height:1.7}
a{text-decoration:none;color:inherit}.container{width:min(1140px,calc(100% - 40px));margin:auto}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:20;color:#fff;border-bottom:1px solid rgba(255,255,255,.15)}
.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;letter-spacing:2px}.brand-mark{width:38px;height:38px;border:1px solid rgba(255,255,255,.65);display:grid;place-items:center;font:600 25px "Cormorant Garamond",serif;border-radius:50%}.brand strong{display:block;font-size:16px;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:4px;margin-top:5px;opacity:.8}
.nav{display:flex;align-items:center;gap:26px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.nav a{opacity:.9}.nav a:hover{color:var(--gold2)}.nav-book{background:var(--gold);padding:10px 17px!important;color:#fff!important}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{min-height:720px;background-image:url("https://images.oyoroomscdn.com/uploads/hotel_image/108374/large/1d0951eeac645139.jpg");background-size:cover;background-position:center;position:relative;color:#fff;display:flex;align-items:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,28,43,.84),rgba(19,44,65,.40) 55%,rgba(10,20,30,.35))}
.hero-content{position:relative;padding-top:65px;max-width:1140px}.eyebrow{color:#b18a51;font-size:10px;font-weight:700;letter-spacing:3px;margin:0 0 10px;text-transform:uppercase}.eyebrow.light{color:#e0bd82}.hero h1{font:600 clamp(48px,7vw,78px)/.98 "Cormorant Garamond",Georgia,serif;margin:0 0 22px;letter-spacing:-1px}.hero h1 em{font-weight:500}.hero-text{max-width:500px;color:rgba(255,255,255,.86);font-size:15px;margin-bottom:30px}.hero-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;padding:13px 24px;font:600 11px Inter;text-transform:uppercase;letter-spacing:1.4px;transition:.2s}.btn-primary{background:var(--gold);color:#fff}.btn-primary:hover{background:#b68e50;transform:translateY(-1px)}.btn-ghost{border:1px solid rgba(255,255,255,.5);color:#fff}.btn-ghost:hover{background:#fff;color:var(--navy)}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#0d1e2d}
.booking-card{position:absolute;bottom:-45px;left:50%;transform:translateX(-50%);width:min(1100px,calc(100% - 40px));background:#fff;color:var(--text);padding:18px;display:grid;grid-template-columns:1fr 1fr .9fr 1fr auto;gap:10px;box-shadow:var(--shadow);z-index:5}.booking-field{padding:4px 10px;border-right:1px solid var(--border)}.booking-field label{display:block;font-size:8px;font-weight:700;letter-spacing:1.5px;color:#8a7659;margin-bottom:3px}.booking-field input,.booking-field select{width:100%;border:0;outline:0;background:transparent;font:500 12px Inter;color:var(--text);height:28px}.booking-submit{min-width:180px}
.section{padding:115px 0}.rooms-section{background:#faf9f6;padding-top:150px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading>p{max-width:470px;color:var(--muted);font-size:13px;margin:0}.section h2,.about h2,.contact h2{font:600 clamp(38px,5vw,54px)/1.05 "Cormorant Garamond",Georgia,serif;margin:0;color:var(--navy)}
.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.room-card{background:#fff;box-shadow:0 7px 25px rgba(25,40,55,.07)}.room-image{height:255px;background-size:cover;background-position:center}.image-room-1{background-image:url("https://images.oyoroomscdn.com/uploads/hotel_image/108374/large/c8b6e916f728b31d.jpg")}.image-room-2{background-image:url("https://images.oyoroomscdn.com/uploads/hotel_image/108374/large/d67f0f3a32666ed5.jpg")}.image-room-3{background-image:url("https://images.oyoroomscdn.com/uploads/hotel_image/108374/large/1d0951eeac645139.jpg")}.room-body{padding:23px}.room-top{display:flex;justify-content:space-between;gap:15px;align-items:start}.room-top h3{font:600 25px "Cormorant Garamond",serif;margin:0;color:var(--navy)}.room-top span{font-size:12px;color:#a17a42;font-weight:700;white-space:nowrap}.room-body p{color:var(--muted);font-size:12px}.room-meta{display:flex;gap:13px;flex-wrap:wrap;border-top:1px solid var(--border);padding:13px 0;margin-top:18px;color:#6c7277;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.text-link{color:#9a7037;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:1.2px}.text-link span{margin-left:8px}.featured-room{transform:translateY(-10px)}
.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-photo{min-height:590px;background:url("https://images.oyoroomscdn.com/uploads/hotel_image/108374/large/c8b6e916f728b31d.jpg") center/cover}.about-copy{max-width:520px}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:13px}.about-stats{display:flex;gap:42px;margin:28px 0}.about-stats div{display:flex;flex-direction:column}.about-stats strong{font:600 30px "Cormorant Garamond",serif;color:var(--navy)}.about-stats span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#888}
.amenities{background:var(--cream)}.center-heading{text-align:center;max-width:650px;margin:0 auto 48px}.center-heading>p:last-child{font-size:13px;color:var(--muted)}.amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd7ca}.amenity{background:var(--cream);padding:34px 30px;text-align:center}.amenity span{font-size:28px;color:var(--gold);font-family:Georgia}.amenity h3{font:600 23px "Cormorant Garamond",serif;margin:9px 0 3px;color:var(--navy)}.amenity p{font-size:11px;color:var(--muted);margin:0}
.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:230px 230px;gap:10px}.gallery-item{background-size:cover;background-position:center}.gallery-1{grid-row:span 2;background-image:url("https://images.oyoroomscdn.com/uploads/hotel_image/108374/large/d67f0f3a32666ed5.jpg")}.gallery-2{background-image:url("https://images.oyoroomscdn.com/uploads/hotel_image/108374/large/1d0951eeac645139.jpg")}.gallery-3{background-image:url("https://images.oyoroomscdn.com/uploads/hotel_image/108374/large/c8b6e916f728b31d.jpg")}.gallery-4{background-image:url("https://images.oyoroomscdn.com/uploads/hotel_image/108374/large/d67f0f3a32666ed5.jpg")}.gallery-5{background-image:url("https://images.oyoroomscdn.com/uploads/hotel_image/108374/large/1d0951eeac645139.jpg")}
.quote-section{min-height:440px;background:linear-gradient(rgba(20,42,60,.82),rgba(20,42,60,.82)),url("https://images.oyoroomscdn.com/uploads/hotel_image/108374/large/c8b6e916f728b31d.jpg") center/cover;display:grid;place-items:center;text-align:center;color:#fff}.quote-inner h2{font:600 clamp(42px,6vw,65px)/1.02 "Cormorant Garamond",serif;margin:8px 0 28px}
.reviews{background:#faf9f6}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review-grid blockquote{background:#fff;margin:0;padding:30px;box-shadow:0 6px 20px rgba(0,0,0,.05)}.stars{letter-spacing:4px;color:#b38b54;font-size:12px}.review-grid p{font:500 18px/1.5 "Cormorant Garamond",serif;color:var(--navy)}.review-grid footer{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#888}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-intro{color:var(--muted);font-size:13px;max-width:480px}.contact-details{margin-top:30px;display:grid;gap:18px}.contact-details div{display:flex;flex-direction:column}.contact-details strong{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#a07b49}.contact-details a,.contact-details span{font-size:13px}.contact-form{background:#f8f6f1;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #ddd7ca;background:#fff;padding:13px;font:12px Inter;outline:none}.contact-form textarea,.contact-form button,.contact-form small{grid-column:1/-1}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold)}.contact-form small{color:#8a6b3d;font-size:11px}
.footer{background:var(--navy);color:#dbe1e5;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.6fr .8fr 1fr 1fr;gap:45px;padding-bottom:50px}.footer .brand-mark{border-color:rgba(255,255,255,.4)}.footer h4{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#fff;margin:7px 0 16px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:6px;font-size:11px}.footer-brand p{font-size:11px;color:#9eabb4;max-width:220px}.small-btn{padding:10px 16px;width:max-content;margin-top:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;color:#8f9aa2;font-size:9px}.footer-bottom .container{display:flex;justify-content:space-between}
.toast{position:fixed;right:20px;bottom:20px;background:var(--navy);color:#fff;padding:14px 18px;font-size:12px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(15px);transition:.25s;z-index:100}.toast.show{opacity:1;transform:none}
@media(max-width:900px){
 .nav{gap:14px}.booking-card{grid-template-columns:1fr 1fr}.booking-submit{width:100%}.room-grid,.review-grid{grid-template-columns:1fr}.featured-room{transform:none}.about-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.about-photo{min-height:420px}.amenity-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .container{width:min(100% - 28px,1140px)}.nav{display:none;position:absolute;top:78px;left:14px;right:14px;background:var(--navy);padding:20px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:8px}.menu-toggle{display:block}.hero{min-height:790px}.hero-content{padding-top:40px}.hero h1{font-size:54px}.booking-card{bottom:-115px;grid-template-columns:1fr 1fr;width:calc(100% - 28px)}.booking-field{border-right:0;border-bottom:1px solid var(--border);padding:6px}.booking-submit{grid-column:1/-1}.rooms-section{padding-top:175px}.section{padding:85px 0}.section-heading{display:block}.section-heading>p{margin-top:14px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 180px}.gallery-1{grid-row:span 2}.gallery-5{grid-column:span 2}.amenity-grid{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr;padding:22px}.contact-form textarea,.contact-form button,.contact-form small{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom .container{display:block}.footer-bottom span:last-child{display:block;margin-top:6px}
}
@media(max-width:430px){.footer-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:start}.about-stats{gap:20px}.room-image{height:220px}}

/* ===== V2 MOTION & PREMIUM INTERACTIONS ===== */
html{scroll-padding-top:20px}
body{overflow-x:hidden}
.page-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--gold2);z-index:9999;box-shadow:0 0 14px rgba(225,193,138,.55)}
.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;pointer-events:none;z-index:1;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(201,166,107,.10),transparent 65%);transition:opacity .25s}
.hero{overflow:hidden}
.hero:after{content:"";position:absolute;inset:-10%;background:inherit;background-size:cover;background-position:center;z-index:0;animation:heroZoom 16s ease-in-out infinite alternate}
.hero-overlay{z-index:1}
.hero-content,.booking-card{z-index:3}
.hero-content{animation:heroEnter 1.1s cubic-bezier(.2,.75,.2,1) both}
.hero h1{animation:heroTitle 1.15s .12s cubic-bezier(.2,.75,.2,1) both}
.hero-text{animation:fadeUp 1s .28s both}
.hero-actions{position:relative}
.reveal-hero{animation:fadeUp 1s .42s both}
.scroll-cue{position:absolute;left:-46px;top:50%;width:24px;height:40px;border:1px solid rgba(255,255,255,.5);border-radius:20px;transform:translateY(-50%);display:flex;justify-content:center}
.scroll-cue span{width:3px;height:7px;background:#fff;border-radius:4px;margin-top:8px;animation:scrollDot 1.6s infinite}
.booking-card{animation:bookingEnter 1s .65s cubic-bezier(.2,.75,.2,1) both;transition:transform .35s,box-shadow .35s}
.booking-card:hover{transform:translateX(-50%) translateY(-5px);box-shadow:0 25px 55px rgba(25,40,55,.15)}
.room-card,.amenity,.review-grid blockquote,.gallery-item{transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s,filter .45s}
.room-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(25,40,55,.13)}
.featured-room:hover{transform:translateY(-22px)}
.room-image{transition:transform .7s cubic-bezier(.2,.75,.2,1);overflow:hidden}
.room-card:hover .room-image{transform:scale(1.035)}
.amenity{position:relative;overflow:hidden}
.amenity:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:rgba(201,166,107,.10);right:-35px;top:-35px;transition:.45s}
.amenity:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(25,40,55,.08);z-index:2}
.amenity:hover:before{transform:scale(2.2)}
.amenity span{display:inline-block;transition:transform .4s}
.amenity:hover span{transform:translateY(-4px) rotate(-5deg)}
.gallery-item{overflow:hidden;filter:saturate(.9)}
.gallery-item:hover{transform:scale(1.018);filter:saturate(1.08)}
.gallery-grid{perspective:900px}
.about-photo{position:relative;overflow:hidden}
.about-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.18) 48%,transparent 70%);transform:translateX(-120%);transition:transform 1s}
.about-photo:hover:after{transform:translateX(120%)}
.about-photo{transition:transform .7s;will-change:transform}
.about-photo:hover{transform:translateY(-7px)}
.about-stats strong{transition:color .3s,transform .3s;display:inline-block}
.about-stats div:hover strong{color:var(--gold);transform:translateY(-3px)}
.btn{position:relative;overflow:hidden}
.btn:after{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);transition:left .65s}
.btn:hover:after{left:140%}
.text-link span{display:inline-block;transition:transform .3s}
.text-link:hover span{transform:translateX(5px)}
.quote-section{position:relative;overflow:hidden}
.quote-section:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid rgba(255,255,255,.08);right:-120px;top:-170px;animation:slowSpin 18s linear infinite}
.quote-inner{position:relative;z-index:2}
.review-grid blockquote:hover{transform:translateY(-8px);box-shadow:0 18px 35px rgba(25,40,55,.09)}
.stars{animation:starsPulse 2.8s ease-in-out infinite}
.contact-form{box-shadow:0 12px 35px rgba(25,40,55,.06);transition:transform .45s,box-shadow .45s}
.contact-form:focus-within{transform:translateY(-5px);box-shadow:0 22px 45px rgba(25,40,55,.11)}
.contact-form input,.contact-form select,.contact-form textarea{transition:border-color .25s,box-shadow .25s,transform .25s}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{box-shadow:0 4px 0 rgba(201,166,107,.13);transform:translateY(-1px)}
.section{position:relative}
.section-orb{position:absolute;width:320px;height:320px;border-radius:50%;right:-170px;top:90px;background:radial-gradient(circle,rgba(201,166,107,.08),transparent 68%);pointer-events:none;animation:floatOrb 8s ease-in-out infinite}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .85s cubic-bezier(.2,.75,.2,1),transform .85s cubic-bezier(.2,.75,.2,1)}
.reveal.visible{opacity:1;transform:none}
.reveal-stagger>*{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.75,.2,1),transform .7s cubic-bezier(.2,.75,.2,1)}
.reveal-stagger.visible>*{opacity:1;transform:none}
.reveal-stagger.visible>*:nth-child(1){transition-delay:.05s}
.reveal-stagger.visible>*:nth-child(2){transition-delay:.15s}
.reveal-stagger.visible>*:nth-child(3){transition-delay:.25s}
.reveal-stagger.visible>*:nth-child(4){transition-delay:.35s}
.reveal-stagger.visible>*:nth-child(5){transition-delay:.45s}
.reveal-stagger.visible>*:nth-child(6){transition-delay:.55s}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.075)}}
@keyframes heroEnter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}
@keyframes heroTitle{from{opacity:0;transform:translateY(25px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes bookingEnter{from{opacity:0;transform:translate(-50%,25px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes scrollDot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(12px);opacity:1}}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@keyframes floatOrb{0%,100%{transform:translateY(0)}50%{transform:translateY(35px)}}
@keyframes starsPulse{0%,100%{opacity:.75}50%{opacity:1}}
@media(max-width:700px){
 .cursor-glow{display:none}.scroll-cue{display:none}.hero:after{animation:heroZoom 20s ease-in-out infinite alternate}
 .booking-card:hover{transform:translateX(-50%)}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}
}

.nearby{background:#fff;padding-top:85px;padding-bottom:85px}.nearby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e5dfd4}.nearby-grid>div{background:#faf8f3;padding:25px 20px}.nearby-grid strong{display:block;font:600 30px "Cormorant Garamond",serif;color:var(--navy)}.nearby-grid span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#777}.policy-strip{background:#101f2d;color:#fff}.policy-strip .container{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.policy-strip .container>div{padding:22px 15px;border-right:1px solid rgba(255,255,255,.08)}.policy-strip strong,.policy-strip span{display:block}.policy-strip strong{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#c9a66b}.policy-strip span{font-size:11px;margin-top:4px;color:#d6dde1}@media(max-width:700px){.nearby-grid{grid-template-columns:1fr 1fr}.policy-strip .container{grid-template-columns:1fr 1fr}.policy-strip .container>div{border-bottom:1px solid rgba(255,255,255,.08)}}
/* ===== RAISON REAL-ASSET POLISH ===== */
.logo-brand{display:flex;align-items:center;width:175px;height:58px}
.logo-brand img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block}
.footer-logo{width:190px;height:70px}
.footer-logo img{filter:brightness(0) invert(1);opacity:.95}
.nav-call{border:1px solid rgba(255,255,255,.35);padding:9px 13px!important}
.quick-info{background:#fff;border-bottom:1px solid var(--border);position:relative;z-index:4}
.quick-info-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}
.quick-info-grid>div{padding:4px 25px;border-right:1px solid var(--border)}
.quick-info-grid>div:first-child{padding-left:0}
.quick-info-grid>div:last-child{border-right:0}
.quick-info span{display:block;color:#a17a42;font-size:8px;letter-spacing:1.7px;font-weight:700}
.quick-info strong{font-size:12px;color:var(--navy)}
.image-room-1{background-image:url("../assets/raison-room-01.jpg");background-position:center 55%}
.image-room-2{background-image:url("../assets/raison-room-02.jpg");background-position:center 55%}
.image-room-3{background-image:url("../assets/raison-room-01.jpg");background-position:70% center}
.gallery-1{background-image:url("../assets/raison-room-01.jpg")}
.gallery-2{background-image:url("../assets/raison-room-02.jpg")}
.gallery-3{background-image:url("../assets/raison-room-01.jpg");background-position:25% center}
.gallery-4{background-image:url("../assets/raison-room-02.jpg");background-position:75% center}
.gallery-5{background-image:url("../assets/raison-room-01.jpg");background-position:center bottom}
.photo-note,.policy-note{font-size:9px;color:#8b8f91;margin:12px 0 0}
.nearby{background:#f8f6f1}
.nearby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ded8cb}
.nearby-grid>div{background:#f8f6f1;padding:28px}
.nearby-grid strong{display:block;font:600 29px "Cormorant Garamond",serif;color:var(--navy)}
.nearby-grid span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#777}
.nearby-cta{text-align:center;margin-top:28px}
.policies{background:#fff}
.policy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.policy-grid>div{background:#fff;padding:30px}
.policy-grid span{font:600 13px "Cormorant Garamond",serif;color:var(--gold)}
.policy-grid h3{font:600 24px "Cormorant Garamond",serif;color:var(--navy);margin:7px 0}
.policy-grid p{font-size:11px;color:var(--muted);margin:0}
@media(max-width:900px){
 .quick-info-grid{grid-template-columns:1fr 1fr}.quick-info-grid>div:nth-child(2){border-right:0}.quick-info-grid>div{padding:12px 15px}.quick-info-grid>div:first-child{padding-left:15px}
 .policy-grid{grid-template-columns:1fr 1fr}.nearby-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .logo-brand{width:145px;height:50px}.nav-call{border:0;padding:8px!important}
 .quick-info-grid{grid-template-columns:1fr 1fr}.quick-info-grid>div{border-bottom:1px solid var(--border)}
 .nearby-grid,.policy-grid{grid-template-columns:1fr}
}

/* ===== RAISON SOFT UI V3 ===== */
:root{--soft-bg:#f4f2ee;--soft-shadow:8px 8px 25px rgba(35,45,55,.08),-8px -8px 25px rgba(255,255,255,.9);--soft-hover:12px 16px 38px rgba(35,45,55,.12),-7px -7px 24px rgba(255,255,255,.95)}
body{background:var(--soft-bg);color:#35414a;overflow-x:hidden}
.site-header{transition:background .35s,box-shadow .35s;backdrop-filter:blur(12px)}
.site-header.scrolled{background:rgba(20,38,54,.88);box-shadow:0 8px 30px rgba(10,25,38,.13)}
.hero{min-height:760px;border-radius:0 0 42px 42px;box-shadow:0 18px 50px rgba(28,43,55,.12);overflow:hidden}
.hero-overlay{background:linear-gradient(90deg,rgba(17,35,50,.78),rgba(17,35,50,.38) 58%,rgba(17,35,50,.22))}
.floating-book-trigger{position:absolute;left:50%;bottom:-31px;transform:translateX(-50%);z-index:6;width:min(540px,calc(100% - 32px));border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-radius:22px;padding:14px 17px;display:flex;align-items:center;gap:14px;color:#263746;text-align:left;cursor:pointer;box-shadow:var(--soft-shadow);transition:.35s}
.floating-book-trigger:hover{transform:translateX(-50%) translateY(-5px);box-shadow:var(--soft-hover);background:#fff}
.trigger-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f1e6d4;color:#ae7d3c;font-size:18px}
.floating-book-trigger small{display:block;font-size:8px;letter-spacing:1.7px;color:#a17a42;font-weight:700}
.floating-book-trigger strong{display:block;font-size:13px;margin-top:2px}
.floating-book-trigger b{margin-left:auto;font-size:20px;font-weight:400;color:#ae7d3c}
.section{padding:120px 0}
.rooms-section,.reviews{background:var(--soft-bg)}
.room-card,.amenity,.review-grid blockquote,.contact-form{border:1px solid rgba(38,51,62,.07);border-radius:24px;background:rgba(255,255,255,.72);box-shadow:var(--soft-shadow);overflow:hidden}
.room-card{transition:.45s cubic-bezier(.2,.75,.2,1)}
.room-card:hover{transform:translateY(-9px);box-shadow:var(--soft-hover);background:#fff}
.featured-room{transform:translateY(-12px)}.featured-room:hover{transform:translateY(-20px)}
.room-image{height:275px}
.about{background:#f8f6f2}.about-photo{border-radius:30px;box-shadow:var(--soft-shadow)}
.about-stats div{padding:14px 17px;border-radius:18px;background:rgba(255,255,255,.52)}
.amenities{background:#f0eee9}.amenity-grid{background:transparent;gap:18px}.amenity{padding:34px 28px;border-radius:22px;background:rgba(255,255,255,.55)}.amenity:hover{box-shadow:var(--soft-hover);background:#fff;transform:translateY(-6px)}
.gallery{background:#f8f6f2}.gallery-grid{gap:14px}.gallery-item{border-radius:22px;box-shadow:var(--soft-shadow)}
.quote-section{border-radius:40px;margin:0 18px}
.reviews blockquote{border-radius:24px}.contact{background:#f8f6f2}.contact-form{border-radius:28px;background:rgba(255,255,255,.72)}
.contact-form input,.contact-form select,.contact-form textarea{border-radius:15px;background:rgba(255,255,255,.8);box-shadow:inset 2px 2px 7px rgba(31,42,52,.035),inset -2px -2px 7px rgba(255,255,255,.8)}
.btn{border-radius:14px}
.footer{border-radius:38px 38px 0 0}

/* booking popup */
body.modal-open{overflow:hidden}
.booking-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:opacity .28s,visibility .28s}
.booking-modal.open{visibility:visible;opacity:1}
.booking-backdrop{position:absolute;inset:0;background:rgba(18,31,42,.42);backdrop-filter:blur(8px)}
.booking-panel{position:relative;width:min(760px,100%);border:1px solid rgba(255,255,255,.8);border-radius:32px;background:rgba(249,248,245,.96);box-shadow:0 35px 90px rgba(8,22,34,.25);padding:38px;transform:translateY(25px) scale(.97);transition:transform .4s cubic-bezier(.2,.75,.2,1)}
.booking-modal.open .booking-panel{transform:none}
.modal-close{position:absolute;right:20px;top:17px;width:38px;height:38px;border:0;border-radius:50%;background:#eeeae3;color:#52606a;font-size:24px;cursor:pointer;transition:.25s}.modal-close:hover{transform:rotate(90deg);background:#e5dfd4}
.modal-intro{max-width:560px;padding-right:35px}.modal-intro h2{font:600 clamp(38px,6vw,55px)/1 "Cormorant Garamond",serif;color:var(--navy);margin:4px 0 12px}.modal-intro p:last-child{font-size:12px;color:#747b80}
.modal-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.modal-form .booking-field{border:1px solid rgba(38,51,62,.08);border-radius:17px;background:rgba(255,255,255,.75);padding:12px 14px;box-shadow:inset 2px 2px 6px rgba(31,42,52,.025)}.modal-form .booking-field label{display:block;font-size:8px;font-weight:700;letter-spacing:1.5px;color:#8a7659;margin-bottom:5px}.modal-form input,.modal-form select{width:100%;border:0;outline:0;background:transparent;font:500 12px Inter;color:var(--text);height:31px}
.modal-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(38,51,62,.08)}.direct-note{display:flex;gap:10px;align-items:center}.direct-note>span{font-size:9px;color:#8eae83}.direct-note strong,.direct-note small{display:block}.direct-note strong{font-size:11px}.direct-note small{font-size:9px;color:#858c91}
@media(max-width:700px){.hero{min-height:720px;border-radius:0 0 28px 28px}.floating-book-trigger{bottom:-27px}.rooms-section{padding-top:115px}.booking-panel{padding:30px 20px 22px;border-radius:26px}.modal-form{grid-template-columns:1fr}.modal-bottom{align-items:stretch;flex-direction:column}.modal-bottom .btn{width:100%}.quote-section{margin:0 8px;border-radius:28px}}

/* ===== V4 FIX: FLOATING TOP BOOKING CONTROL ===== */
.floating-book-trigger{
  position:fixed!important;
  top:94px!important;
  right:34px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:auto!important;
  min-width:230px;
  z-index:900;
  padding:10px 13px;
  border-radius:18px;
  gap:10px;
  box-shadow:0 12px 32px rgba(20,34,47,.14),-4px -4px 14px rgba(255,255,255,.7);
}
.floating-book-trigger:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 18px 38px rgba(20,34,47,.18),-4px -4px 14px rgba(255,255,255,.75);
}
.floating-book-trigger .trigger-icon{width:34px;height:34px;border-radius:11px;font-size:15px}
.floating-book-trigger small{font-size:7px}
.floating-book-trigger strong{font-size:12px}
.floating-book-trigger b{font-size:17px}
@media(max-width:900px){
  .floating-book-trigger{top:84px!important;right:18px!important;min-width:205px}
}
@media(max-width:700px){
  .floating-book-trigger{top:78px!important;right:14px!important;min-width:0;width:auto!important}
  .floating-book-trigger span:not(.trigger-icon){display:none}
  .floating-book-trigger .trigger-icon{margin:0}
  .floating-book-trigger b{display:none}
}

/* ===== V4 BOOKING POPUP: GUARANTEED OVERLAY ===== */
.booking-modal{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease,visibility .25s ease;
}
.booking-modal.open{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.booking-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(13,27,40,.48)!important;
  backdrop-filter:blur(12px)!important;
}
.booking-panel{
  position:relative!important;
  z-index:2!important;
  width:min(760px,calc(100% - 10px))!important;
  max-height:calc(100vh - 40px);
  overflow:auto;
  background:#f8f7f4!important;
  border:1px solid rgba(255,255,255,.95)!important;
  border-radius:30px!important;
  box-shadow:0 35px 100px rgba(0,0,0,.28)!important;
  padding:38px!important;
  transform:translateY(24px) scale(.96)!important;
  transition:transform .35s cubic-bezier(.2,.75,.2,1)!important;
}
.booking-modal.open .booking-panel{
  transform:translateY(0) scale(1)!important;
}
.modal-close{
  z-index:3!important;
  cursor:pointer!important;
}
.modal-form .booking-field{
  min-width:0;
}
.modal-form .booking-field input,
.modal-form .booking-field select{
  color:#253746!important;
}
@media(max-width:700px){
  .booking-panel{
    width:calc(100% - 4px)!important;
    padding:28px 20px 22px!important;
    border-radius:24px!important;
  }
}

/* ===== V5 WHATSAPP WIDGET ===== */
.whatsapp-widget{
  position:fixed;right:25px;bottom:24px;z-index:850;
  display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;
  border-radius:19px;background:rgba(255,255,255,.93);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 13px 32px rgba(25,45,55,.16),-4px -4px 14px rgba(255,255,255,.7);
  color:#273945;backdrop-filter:blur(14px);
  transition:transform .3s,box-shadow .3s;
}
.whatsapp-widget:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 19px 40px rgba(25,45,55,.20),-4px -4px 14px rgba(255,255,255,.75)}
.wa-icon{width:43px;height:43px;border-radius:15px;display:grid;place-items:center;background:#25D366;box-shadow:0 7px 18px rgba(37,211,102,.22);position:relative;z-index:2}
.wa-icon svg{width:25px;height:25px;fill:#fff}
.wa-label small{display:block;font-size:7px;letter-spacing:1.4px;color:#7d8a8f;font-weight:700}
.wa-label strong{display:block;font-size:12px;margin-top:1px}
.wa-pulse{position:absolute;width:43px;height:43px;border-radius:15px;background:rgba(37,211,102,.28);animation:waPulse 2s infinite}
@keyframes waPulse{0%{transform:scale(.9);opacity:.7}70%{transform:scale(1.45);opacity:0}100%{transform:scale(1.45);opacity:0}}
@media(max-width:700px){
  .whatsapp-widget{right:15px;bottom:16px;width:55px;height:55px;padding:6px;border-radius:18px;justify-content:center}
  .wa-icon{width:43px;height:43px}
  .wa-label{display:none}
}

/* ===== V6 REAL RAISON IMAGE GALLERY ===== */
.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:220px 220px;gap:14px}
.gallery-item{position:relative;padding:0;border:0;overflow:hidden;background:#ddd;border-radius:24px;cursor:pointer;box-shadow:var(--soft-shadow);text-align:left}
.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .5s}
.gallery-main{grid-row:1 / span 2}
.gallery-wide{grid-column:2 / span 2}
.gallery-bottom{grid-column:2 / span 2}
.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(15,28,39,.55));opacity:.65;transition:.35s}
.gallery-item:hover img{transform:scale(1.055)}
.gallery-item:hover:after{opacity:.9}
.gallery-caption{position:absolute;left:20px;bottom:17px;z-index:2;color:#fff;font:600 19px "Cormorant Garamond",serif;letter-spacing:.2px;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.cta-arrow{display:inline-block;margin-left:7px;transition:transform .25s}
.btn:hover .cta-arrow{transform:translate(2px,-2px)}
.room-card .image-room-1{background-image:url("../assets/gallery-14.jpg")}
.room-card .image-room-2{background-image:url("../assets/gallery-8.jpg")}
.room-card .image-room-3{background-image:url("../assets/standard-room.jpg")}
/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:10000;background:rgba(10,22,32,.82);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:.3s}
.lightbox.open{opacity:1;visibility:visible}
.lightbox img{max-width:min(1100px,94vw);max-height:86vh;object-fit:contain;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.35);transform:scale(.96);transition:.35s}
.lightbox.open img{transform:scale(1)}
.lightbox-close{position:absolute;right:25px;top:20px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;cursor:pointer}
@media(max-width:700px){
 .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px 190px}
 .gallery-main{grid-row:1 / span 2}
 .gallery-wide{grid-column:2}
 .gallery-bottom{grid-column:1 / span 2}
 .gallery-caption{font-size:15px;left:14px;bottom:12px}
}

/* ===== V8 ROOM DETAILS ===== */
.room-kicker{font-size:8px!important;letter-spacing:1.6px;text-transform:uppercase;color:#a17a42!important;font-weight:700!important;margin:0 0 5px!important}
.room-top h3{line-height:1.05}
.room-features{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 18px;padding-top:15px;border-top:1px solid rgba(38,51,62,.07)}
.room-features span{font-size:8px;letter-spacing:.5px;text-transform:uppercase;color:#68747a;background:rgba(242,239,233,.75);padding:7px 9px;border-radius:9px}
.room-card:hover .room-features span{background:#f3ede3}

/* ===== V9 IMAGE CORRECTION ===== */
.room-card .image-room-1{background-image:url("../assets/gallery-14.jpg")!important}
.room-card .image-room-2{background-image:url("../assets/gallery-8.jpg")!important}
.room-card .image-room-3{background-image:url("../assets/gallery-2.jpg")!important}
.gallery-item img{opacity:1!important;visibility:visible!important;display:block!important}

.gallery-grid .gallery-item{min-height:0!important}
.gallery-grid .gallery-main{grid-row:1 / span 2!important}
.gallery-grid .gallery-wide{grid-column:2 / span 2!important}
.gallery-grid .gallery-bottom{grid-column:2 / span 2!important}
.gallery-grid .gallery-item img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}

/* V10 — stay timings, nearby destinations, map and social links */
.stay-strip{position:relative;z-index:4;display:flex;align-items:center;width:min(1180px,calc(100% - 36px));margin:0 auto;padding:0;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);border-radius:0 0 24px 24px;box-shadow:0 14px 35px rgba(26,41,52,.08)}
.stay-item{flex:1;display:flex;align-items:center;gap:10px;padding:18px 24px;border-right:1px solid rgba(38,51,62,.08)}
.stay-icon{width:32px;height:32px;border-radius:11px;background:#f1e6d4;color:#a97c43;display:grid;place-items:center}
.stay-item small{display:block;font-size:7px;letter-spacing:1.5px;color:#8b7658;font-weight:700}.stay-item strong{display:block;font-size:12px;color:#263746;margin-top:2px}.stay-note{font-size:8px!important;color:#8a9195!important;max-width:150px;padding:0 15px}
.nearby-section{padding:115px 0;background:#f0eee9}.nearby-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:25px;margin-top:42px}.nearby-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.nearby-card{position:relative;padding:21px 18px 18px 55px;border-radius:21px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.8);box-shadow:var(--soft-shadow);min-height:145px;transition:.35s}.nearby-card:hover{transform:translateY(-5px);background:#fff;box-shadow:var(--soft-hover)}
.nearby-number{position:absolute;left:18px;top:19px;font:600 12px "Cormorant Garamond",serif;color:#b28750}.nearby-card h3{font:600 24px/1 "Cormorant Garamond",serif;color:#273b4a;margin:0 0 8px}.nearby-card p{font-size:10px;line-height:1.6;color:#7a8388;margin:0 0 8px}.nearby-card span{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#a17a42;font-weight:700}.nearby-card>a{display:block;width:max-content;margin-top:9px;font-size:9px;color:#304a5c;text-decoration:underline;text-underline-offset:3px}
.hotel-map{border-radius:28px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9);box-shadow:var(--soft-shadow);overflow:hidden}.map-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:24px 25px 18px}.map-heading h3{font:600 30px/1 "Cormorant Garamond",serif;color:#273b4a;margin:2px 0 7px}.map-heading p:not(.eyebrow){font-size:9px;color:#778187;line-height:1.5;max-width:350px;margin:0}.map-directions{white-space:nowrap;font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#a17a42;font-weight:700}.hotel-map iframe{display:block;width:100%;height:385px;border:0;filter:saturate(.82)}
.booking-hours-note{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 -4px}.booking-hours-note span{font-size:8px;color:#68747a;background:#eeeae3;border-radius:10px;padding:7px 9px}
.footer-social{margin-top:24px}.footer-social>p{font-size:8px;letter-spacing:1.7px;color:#9aa8b1;font-weight:700;margin-bottom:10px}.social-links{display:flex;flex-wrap:wrap;gap:8px}.social-links a{font-size:9px;color:#fff;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);padding:9px 11px;border-radius:11px;transition:.25s}.social-links a:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
@media(max-width:900px){.stay-strip{width:calc(100% - 24px);flex-wrap:wrap}.stay-item{padding:14px 15px}.stay-note{padding:8px 15px;max-width:none;width:100%}.nearby-layout{grid-template-columns:1fr}}
@media(max-width:700px){.stay-strip{border-radius:0 0 20px 20px}.stay-item{flex:1 1 50%;border-bottom:1px solid rgba(38,51,62,.07)}.stay-item:nth-child(2){border-right:0}.nearby-section{padding:90px 0}.nearby-list{grid-template-columns:1fr}.nearby-card{min-height:130px}.map-heading{align-items:flex-start;flex-direction:column}.hotel-map iframe{height:330px}}

/* ===== V11: REPLACED REPETITIVE INFO BARS WITH HOTEL HIGHLIGHTS ===== */
.hotel-highlights{padding-top:72px;padding-bottom:92px}
.highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.highlight-card{position:relative;min-height:245px;padding:28px 24px;border:1px solid rgba(38,51,62,.08);border-radius:24px;background:rgba(255,255,255,.58);box-shadow:10px 10px 28px rgba(28,40,50,.055),-8px -8px 22px rgba(255,255,255,.72);transition:transform .35s ease,box-shadow .35s ease}
.highlight-card:hover{transform:translateY(-7px);box-shadow:16px 18px 38px rgba(28,40,50,.09),-10px -10px 24px rgba(255,255,255,.85)}
.highlight-no{position:absolute;top:20px;right:21px;font-size:9px;letter-spacing:2px;color:#aa8350;font-weight:700}
.highlight-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#f0e6d6;color:#a8783e;font:20px Georgia,serif;margin-bottom:30px;box-shadow:inset 2px 2px 7px rgba(90,70,40,.05)}
.highlight-card h3{font:600 25px/1.05 "Cormorant Garamond",serif;color:var(--navy);margin:0 0 10px}
.highlight-card p{font-size:12px;line-height:1.75;color:#727b82;margin:0}
.hotel-promise{padding-top:30px;padding-bottom:92px}
.promise-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;padding:58px;border-radius:34px;background:#efece6;box-shadow:inset 3px 3px 10px rgba(30,40,50,.035),inset -4px -4px 10px rgba(255,255,255,.6)}
.promise-copy h2{font:600 clamp(40px,5vw,64px)/.98 "Cormorant Garamond",serif;color:var(--navy);margin:8px 0 20px;max-width:680px}
.promise-copy>p:not(.eyebrow){max-width:620px;font-size:13px;line-height:1.85;color:#69747b}
.text-link{display:inline-flex;gap:9px;align-items:center;margin-top:18px;color:#9a6b36;font-size:11px;font-weight:700;letter-spacing:.6px;text-decoration:none;border-bottom:1px solid rgba(154,107,54,.35);padding-bottom:5px}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}
.promise-points{display:grid;align-content:center;gap:0;border-left:1px solid rgba(38,51,62,.1)}
.promise-points>div{padding:21px 0 21px 30px;border-bottom:1px solid rgba(38,51,62,.1)}.promise-points>div:last-child{border-bottom:0}
.promise-points span{display:block;font-size:9px;letter-spacing:2px;color:#aa8350;font-weight:700;margin-bottom:8px}.promise-points strong{display:block;font:600 22px "Cormorant Garamond",serif;color:var(--navy);margin-bottom:5px}.promise-points p{font-size:11px;line-height:1.6;color:#747d83;margin:0}
.stay-cta{padding:0 0 88px}.stay-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px 56px;border-radius:32px;background:var(--navy);box-shadow:0 25px 55px rgba(12,28,43,.16)}
.stay-cta-inner h2{font:600 clamp(36px,4vw,54px)/1 "Cormorant Garamond",serif;color:#fff;margin:6px 0 12px}.stay-cta-inner p:not(.eyebrow){font-size:12px;line-height:1.7;color:rgba(255,255,255,.72);max-width:560px;margin:0}.stay-cta-actions{display:flex;gap:10px;flex-shrink:0}.light-btn{border-color:rgba(255,255,255,.28)!important;color:#fff!important;background:rgba(255,255,255,.05)!important}.light-btn:hover{background:rgba(255,255,255,.1)!important}
@media(max-width:900px){.highlight-grid{grid-template-columns:repeat(2,1fr)}.promise-shell{grid-template-columns:1fr;padding:38px}.promise-points{border-left:0;border-top:1px solid rgba(38,51,62,.1);padding-top:10px}.promise-points>div{padding-left:0}.stay-cta-inner{align-items:flex-start;flex-direction:column}.stay-cta-actions{width:100%}.stay-cta-actions .btn{flex:1}}
@media(max-width:560px){.highlight-grid{grid-template-columns:1fr}.highlight-card{min-height:auto}.hotel-highlights{padding-top:48px}.promise-shell{padding:28px;border-radius:26px}.promise-copy h2{font-size:43px}.stay-cta-inner{padding:34px 25px;border-radius:26px}.stay-cta-actions{flex-direction:column}.stay-cta-actions .btn{width:100%}}


/* ===== V12: HOTEL-STYLE EXPERIENCE BAR ===== */
.experience-bar{position:relative;z-index:5;width:100%;display:grid;grid-template-columns:repeat(5,1fr);background:#102538;color:#fff;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 18px 36px rgba(12,28,43,.12)}
.experience-item{min-height:82px;padding:18px 24px;display:flex;align-items:center;gap:13px;border-right:1px solid rgba(255,255,255,.09)}
.experience-item>span{font:600 10px "Cormorant Garamond",serif;color:#c9a66b;letter-spacing:1px}.experience-item small{display:block;font-size:7px;letter-spacing:1.6px;color:#b8a98f;font-weight:700}.experience-item strong{display:block;font-size:12px;color:#fff;margin-top:3px}.experience-action{justify-content:center;border-right:0}.experience-action a{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#fff;font-weight:700}.experience-action b{color:#d8b77c;font-size:15px;margin-left:7px}

/* ===== V12: GOOGLE REVIEWS ===== */
.review-source{display:flex;align-items:center;gap:8px;font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#69737a;font-weight:700;margin-bottom:17px}.google-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #e3e0da;font:700 13px Arial;color:#4285f4;box-shadow:0 3px 9px rgba(20,30,40,.06)}.review-stat{font:600 50px/1 "Cormorant Garamond",serif;color:var(--navy);margin-bottom:8px}.review-stat span{font-size:20px;color:#8a9196}.review-action-card .text-link{margin-top:12px}.review-action-card p{font-family:Inter!important;font-size:12px!important;line-height:1.75!important;color:var(--muted)!important}.review-stat-card p{font-family:Inter!important;font-size:11px!important;line-height:1.5!important;color:var(--muted)!important;margin:10px 0}.review-grid blockquote{min-height:235px}

/* ===== V12: CORPORATE ACCOMMODATION ===== */
.corporate-section{background:#f1eee8;padding-top:40px}.corporate-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;padding:56px;border-radius:32px;background:var(--navy);box-shadow:0 24px 55px rgba(18,35,49,.15);color:#fff}.corporate-copy h2{font:600 clamp(40px,5vw,62px)/.98 "Cormorant Garamond",serif;margin:8px 0 18px;max-width:700px}.corporate-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;color:rgba(255,255,255,.72);max-width:620px}.corporate-actions{display:flex;align-items:center;gap:18px;margin-top:25px}.corporate-actions .text-link{color:#e0c18d;border-color:rgba(224,193,141,.4);margin-top:0}.corporate-points{border-left:1px solid rgba(255,255,255,.13);display:grid;align-content:center}.corporate-points>div{padding:19px 0 19px 30px;border-bottom:1px solid rgba(255,255,255,.12)}.corporate-points>div:last-child{border-bottom:0}.corporate-points span{font-size:8px;letter-spacing:2px;color:#d1ad70;font-weight:700}.corporate-points strong{display:block;font:600 22px "Cormorant Garamond",serif;margin:5px 0;color:#fff}.corporate-points p{font-size:10px;line-height:1.65;color:rgba(255,255,255,.62);margin:0}

/* V12: exact supplied Standard Non-AC room photo */
.room-card .image-room-1{background-image:url("../assets/standard-room.jpg")!important;background-position:center 58%!important}
@media(max-width:900px){.experience-bar{grid-template-columns:repeat(2,1fr)}.experience-item{min-height:70px;padding:14px 18px}.experience-action{grid-column:1/-1}.corporate-shell{grid-template-columns:1fr;padding:40px}.corporate-points{border-left:0;border-top:1px solid rgba(255,255,255,.13);padding-top:12px}.corporate-points>div{padding-left:0}}
@media(max-width:560px){.experience-bar{grid-template-columns:1fr 1fr}.experience-item{padding:13px 14px}.experience-item:nth-child(2){border-right:0}.experience-action{grid-column:1/-1}.corporate-shell{padding:30px 24px;border-radius:26px}.corporate-actions{flex-direction:column;align-items:stretch}.corporate-actions .btn{width:100%}.corporate-actions .text-link{align-self:flex-start}}

/* ===== V13 REFINED HOTEL NAVIGATION ===== */
.site-header{
  position:absolute;top:0;left:0;width:100%;z-index:50;
  background:linear-gradient(180deg,rgba(12,27,40,.62),rgba(12,27,40,.24));
  border-bottom:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.nav-wrap{height:92px;gap:28px}
.logo-brand{width:156px;height:52px;flex:0 0 156px;padding:4px 0}
.logo-brand img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.nav{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:28px;font-size:10.5px;letter-spacing:1.15px;text-transform:uppercase;white-space:nowrap}
.nav-main{display:flex;align-items:center;gap:23px}
.nav-main a{position:relative;padding:35px 0 31px;color:rgba(255,255,255,.88);opacity:1;transition:color .25s ease}
.nav-main a::after{content:"";position:absolute;left:0;right:100%;bottom:23px;height:1px;background:var(--gold2);transition:right .3s ease}
.nav-main a:hover,.nav-main a.active{color:#fff}
.nav-main a:hover::after,.nav-main a.active::after{right:0}
.nav-actions{display:flex;align-items:center;gap:9px;margin-left:2px}
.nav-call,.nav-book{height:44px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:9px;letter-spacing:1.1px!important;text-transform:uppercase;transition:.28s ease}
.nav-call{padding:0 17px!important;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.04);color:#fff!important;border-radius:2px}
.nav-call:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.6);color:#fff!important}
.nav-call-icon{font-size:13px;color:var(--gold2);transform:rotate(-45deg);display:inline-block}
.nav-book{padding:0 17px!important;min-width:125px;background:var(--gold);color:#fff!important;border:1px solid var(--gold);border-radius:2px;box-shadow:0 8px 22px rgba(0,0,0,.13)}
.nav-book b{font-size:14px;font-weight:400;transition:transform .25s ease}
.nav-book:hover{background:#d7b477;border-color:#d7b477;transform:translateY(-1px);color:#fff!important}
.nav-book:hover b{transform:translate(3px,-2px)}
.site-header.scrolled{background:rgba(12,27,40,.94);box-shadow:0 10px 35px rgba(7,20,31,.18);border-bottom-color:rgba(255,255,255,.08)}
.site-header.scrolled .nav-main a{padding-top:30px;padding-bottom:26px}
.site-header.scrolled .nav-main a::after{bottom:18px}

@media(max-width:1180px){
  .nav-wrap{gap:18px}.logo-brand{width:135px;flex-basis:135px}.nav{gap:17px}.nav-main{gap:15px}.nav-main a{font-size:9.5px}.nav-actions{gap:6px}.nav-call{padding:0 12px!important}.nav-book{min-width:108px;padding:0 13px!important}
}
@media(max-width:980px){
  .nav-wrap{height:82px}.logo-brand{width:145px;height:50px;flex-basis:145px}.menu-toggle{display:block;position:relative;z-index:3;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:3px;background:rgba(255,255,255,.06);font-size:0}
  .menu-toggle::before,.menu-toggle::after{content:"";position:absolute;left:13px;width:17px;height:1px;background:#fff;transition:.25s}.menu-toggle::before{top:17px;box-shadow:0 6px 0 #fff}.menu-toggle::after{top:29px;display:none}
  .nav{display:none;position:absolute;top:82px;left:14px;right:14px;margin:0;padding:22px;background:rgba(14,31,45,.97);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 20px 45px rgba(0,0,0,.22);flex-direction:column;align-items:stretch;gap:15px;white-space:normal}
  .nav.open{display:flex}.nav-main{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.nav-main a,.site-header.scrolled .nav-main a{padding:12px 5px;border-bottom:1px solid rgba(255,255,255,.08)}.nav-main a::after,.site-header.scrolled .nav-main a::after{bottom:0}
  .nav-actions{margin:0;display:grid;grid-template-columns:1fr 1.2fr;gap:9px}.nav-call,.nav-book{width:100%;height:46px!important}
}
@media(max-width:700px){
  .nav-wrap{height:76px}.logo-brand{width:132px;height:46px;flex-basis:132px}.menu-toggle{width:42px;height:42px}.nav{top:76px}.hero-content{padding-top:40px}
}


/* ===== V14: ADVANCED FAQ EXPERIENCE ===== */
.faq-section{padding:110px 0 120px;background:#f7f5f1}
.faq-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:end;margin-bottom:48px}
.faq-heading h2{font:600 clamp(44px,5.4vw,72px)/.94 "Cormorant Garamond",serif;color:var(--navy);max-width:780px;margin:8px 0 18px}
.faq-heading>p:not(.eyebrow){max-width:650px;font-size:13px;line-height:1.85;color:#6e787f;margin:0}
.faq-help-card{position:relative;display:grid;grid-template-columns:46px 1fr;gap:14px;padding:24px 25px;border:1px solid rgba(38,51,62,.09);border-radius:24px;background:rgba(255,255,255,.72);box-shadow:12px 18px 38px rgba(26,39,50,.06),-8px -8px 24px rgba(255,255,255,.72)}
.faq-help-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#efe3d1;color:#a9783d;font-size:17px}
.faq-help-card small{display:block;font-size:7px;letter-spacing:1.8px;color:#aa8350;font-weight:700;margin:1px 0 5px}
.faq-help-card strong{display:block;font:600 22px/1.05 "Cormorant Garamond",serif;color:var(--navy)}
.faq-help-card p{font-size:10px;line-height:1.55;color:#747d83;margin:7px 0 0}
.faq-help-card>a{grid-column:2;justify-self:start;margin-top:13px;padding-bottom:4px;border-bottom:1px solid rgba(169,120,61,.4);color:#9b6d38;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-decoration:none}
.faq-help-card>a span{margin-left:5px}
.faq-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px;padding:10px;border:1px solid rgba(38,51,62,.08);border-radius:18px;background:rgba(255,255,255,.64);box-shadow:inset 2px 2px 7px rgba(30,40,50,.025)}
.faq-tabs{display:flex;gap:5px;flex-wrap:wrap}
.faq-tab{border:0;background:transparent;color:#6e777d;border-radius:12px;padding:11px 15px;font:700 9px Inter,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:.25s ease}
.faq-tab:hover{color:var(--navy);background:#eee9e0}
.faq-tab.active{color:#fff;background:var(--navy);box-shadow:0 7px 16px rgba(12,28,43,.12)}
.faq-search{height:42px;min-width:250px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(38,51,62,.1);border-radius:12px;background:#fff}
.faq-search span{font-size:18px;color:#9d7a4e;line-height:1}
.faq-search input{width:100%;border:0;outline:0;background:transparent;color:var(--navy);font:11px Inter,Arial,sans-serif}
.faq-search input::placeholder{color:#9aa0a5}
.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.faq-list{display:grid;gap:8px}
.faq-item{border:1px solid rgba(38,51,62,.075);border-radius:17px;background:rgba(255,255,255,.76);overflow:hidden;box-shadow:0 7px 20px rgba(28,40,50,.025);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.faq-item:hover{border-color:rgba(169,120,61,.22);box-shadow:0 13px 28px rgba(28,40,50,.055);transform:translateY(-1px)}
.faq-item.hidden{display:none}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--navy)}
.faq-question>span{display:flex;flex-direction:column;gap:5px;font:600 19px/1.1 "Cormorant Garamond",serif}
.faq-question small{font:700 7px Inter,Arial,sans-serif;letter-spacing:1.7px;color:#ad8653}
.faq-question b{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid rgba(38,51,62,.13);border-radius:50%;font:300 18px Arial,sans-serif;color:#a87940;transition:.3s ease}
.faq-item.open{border-color:rgba(169,120,61,.3);box-shadow:0 15px 32px rgba(28,40,50,.07)}
.faq-item.open .faq-question b{transform:rotate(45deg);background:#f0e4d3}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}
.faq-answer>p{min-height:0;overflow:hidden;margin:0;padding:0 23px;color:#717a80;font-size:11px;line-height:1.75}
.faq-answer a{color:#9b6d38;font-weight:700}
.faq-item.open .faq-answer{grid-template-rows:1fr}
.faq-item.open .faq-answer>p{padding:0 23px 21px}
.faq-side{position:sticky;top:110px;padding:25px;border-radius:24px;background:var(--navy);color:#fff;box-shadow:0 22px 48px rgba(12,28,43,.15)}
.faq-side-top{display:flex;align-items:center;gap:13px}
.faq-side-number{font:600 44px/1 "Cormorant Garamond",serif;color:#d7b67b}
.faq-side-top small{display:block;color:#b8a98f;font-size:7px;letter-spacing:1.5px;font-weight:700}
.faq-side-top strong{display:block;margin-top:4px;font:600 21px/1 "Cormorant Garamond",serif}
.faq-side-rule{height:1px;background:rgba(255,255,255,.13);margin:22px 0}
.faq-side-stat{display:flex;align-items:baseline;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.faq-side-stat span{font:600 29px/1 "Cormorant Garamond",serif;color:#fff}
.faq-side-stat small{font-size:7px;letter-spacing:1.3px;color:#b8a98f;font-weight:700}
.faq-side-feature{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.faq-side-feature>span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:rgba(215,182,123,.14);color:#d7b67b;font-size:11px}
.faq-side-feature strong{display:block;font-size:11px;color:#fff}
.faq-side-feature small{display:block;color:rgba(255,255,255,.57);font-size:8px;line-height:1.5;margin-top:3px}
.faq-side-button{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding:13px 14px;border:1px solid rgba(255,255,255,.16);border-radius:11px;color:#fff;text-decoration:none;font-size:8px;font-weight:800;letter-spacing:1px;text-transform:uppercase;background:rgba(255,255,255,.04)}
.faq-side-button span{color:#d7b67b;font-size:14px}
.faq-empty{margin-top:15px;padding:50px 20px;text-align:center;border:1px dashed rgba(38,51,62,.16);border-radius:22px;background:rgba(255,255,255,.55)}
.faq-empty>span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 12px;border-radius:50%;background:#efe5d7;color:#a9783d;font-size:18px}
.faq-empty strong{display:block;font:600 26px "Cormorant Garamond",serif;color:var(--navy)}
.faq-empty p{font-size:11px;color:#7b8388;margin:7px 0 15px}
.faq-empty a{color:#9b6d38;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-decoration:none}
@media(max-width:900px){
  .faq-hero{grid-template-columns:1fr;gap:30px}
  .faq-layout{grid-template-columns:1fr}
  .faq-side{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
  .faq-side-top,.faq-side-rule,.faq-side-button{grid-column:1/-1}
  .faq-side-rule{margin:18px 0}
  .faq-side-stat{border-bottom:1px solid rgba(255,255,255,.1)}
  .faq-side-feature{margin-top:4px}
}
@media(max-width:620px){
  .faq-section{padding:78px 0 85px}
  .faq-heading h2{font-size:48px}
  .faq-toolbar{align-items:stretch;flex-direction:column;padding:8px}
  .faq-search{min-width:0;width:100%}
  .faq-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .faq-tab{white-space:nowrap}
  .faq-question{padding:18px 16px}
  .faq-question>span{font-size:17px}
  .faq-answer>p{padding-left:16px;padding-right:16px}
  .faq-item.open .faq-answer>p{padding-left:16px;padding-right:16px}
  .faq-help-card{grid-template-columns:40px 1fr;padding:20px}
  .faq-help-icon{width:40px;height:40px}
  .faq-side{grid-template-columns:1fr}
  .faq-side-top,.faq-side-rule,.faq-side-button,.faq-side-stat,.faq-side-feature{grid-column:auto}
}


/* ===== V15: HOTEL HIGHLIGHTS + COUNTING ANIMATION ===== */
.hotel-stats-strip{
  position:relative;
  overflow:hidden;
  padding:72px 0 76px;
  background:#fff;
  border-top:1px solid rgba(20,36,51,.055);
  border-bottom:1px solid rgba(20,36,51,.055);
}
.hotel-stats-strip:before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  left:-180px;
  top:-220px;
  border-radius:50%;
  background:rgba(190,147,91,.055);
  filter:blur(5px);
}
.hotel-stats-strip:after{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  right:-170px;
  bottom:-210px;
  border-radius:50%;
  background:rgba(16,38,57,.045);
  filter:blur(7px);
}
.hotel-stats-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-left:1px solid rgba(20,36,51,.09);
}
.hotel-stat{
  position:relative;
  min-height:190px;
  padding:0 35px 4px;
  border-right:1px solid rgba(20,36,51,.09);
  text-align:center;
}
.hotel-stat-number{
  min-height:76px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  color:#bd7f49;
  font:600 clamp(54px,5vw,78px)/.9 "Cormorant Garamond",serif;
  letter-spacing:-2px;
}
.hotel-stat-number sup{
  margin:2px 0 0 3px;
  font:600 31px/1 "Cormorant Garamond",serif;
}
.hotel-stat-label{
  margin-top:14px;
  color:#243544;
  font:500 19px/1.1 "Cormorant Garamond",serif;
}
.hotel-stat-line{
  width:34px;
  height:1px;
  margin:16px auto 13px;
  background:#c6925f;
  opacity:.65;
  transition:width .45s ease;
}
.hotel-stat:hover .hotel-stat-line{width:64px}
.hotel-stat p{
  max-width:230px;
  margin:0 auto;
  color:#7a8287;
  font-size:9px;
  line-height:1.7;
}
.count-number{font-variant-numeric:tabular-nums}
@media(max-width:900px){
  .hotel-stats-grid{grid-template-columns:repeat(2,1fr)}
  .hotel-stat:nth-child(2){border-right:0}
  .hotel-stat:nth-child(-n+2){padding-bottom:42px;border-bottom:1px solid rgba(20,36,51,.09)}
  .hotel-stat:nth-child(n+3){padding-top:42px}
}
@media(max-width:620px){
  .hotel-stats-strip{padding:55px 0}
  .hotel-stats-grid{grid-template-columns:1fr;border-left:0}
  .hotel-stat{min-height:auto;padding:30px 18px !important;border-right:0 !important;border-bottom:1px solid rgba(20,36,51,.09)}
  .hotel-stat:last-child{border-bottom:0}
  .hotel-stat-number{min-height:64px;font-size:62px}
}
@media(prefers-reduced-motion:reduce){
  .hotel-stat-line{transition:none}
}

/* ===== V16: FAQ VISIBILITY SAFEGUARD ===== */
.faq-section{display:block!important;position:relative;z-index:2}
.faq-section .reveal{opacity:1}
.faq-section .faq-item{opacity:1;transform:none}

/* ===== V17: FAQ ANSWERS ALWAYS EXPAND CORRECTLY ===== */
.faq-answer{
  display:block!important;
  max-height:0;
  overflow:hidden;
  opacity:0;
  transition:max-height .38s ease,opacity .28s ease;
}
.faq-answer>p{
  display:block!important;
  margin:0;
  padding:0 23px!important;
  min-height:0;
  overflow:visible;
}
.faq-item.open .faq-answer{
  max-height:220px;
  opacity:1;
}
.faq-item.open .faq-answer>p{
  padding:0 23px 21px!important;
}
@media(max-width:620px){
  .faq-item.open .faq-answer>p{padding:0 16px 19px!important}
}

/* ===== V17: BUSINESS & CORPORATE IMAGE PANEL ===== */
.corporate-visual-wrap{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  gap:38px;
  align-items:stretch;
  max-width:1180px;
  margin:0 auto;
}
.corporate-copy{
  min-width:0;
}
.corporate-image-panel{
  position:relative;
  min-height:410px;
  overflow:hidden;
  border-radius:28px;
  background:#111;
  box-shadow:0 24px 55px rgba(8,24,39,.22);
}
.corporate-image-panel img{
  width:100%;
  height:100%;
  min-height:410px;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .8s ease;
}
.corporate-image-panel:hover img{transform:scale(1.035)}
.corporate-image-panel:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(10,24,38,.02) 42%,rgba(8,24,39,.76) 100%);
  pointer-events:none;
}
.corporate-image-caption{
  position:absolute;
  z-index:2;
  left:24px;
  right:24px;
  bottom:22px;
  color:#fff;
}
.corporate-image-caption span{
  display:block;
  margin-bottom:7px;
  color:#d8b878;
  font:700 8px Inter,Arial,sans-serif;
  letter-spacing:2px;
}
.corporate-image-caption strong{
  display:block;
  font:600 30px/1 "Cormorant Garamond",serif;
}
.corporate-image-caption small{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.72);
  font-size:9px;
}
@media(max-width:850px){
  .corporate-visual-wrap{grid-template-columns:1fr}
  .corporate-image-panel{min-height:320px}
  .corporate-image-panel img{min-height:320px}
}
@media(max-width:620px){
  .corporate-image-panel{min-height:270px;border-radius:20px}
  .corporate-image-panel img{min-height:270px}
  .corporate-image-caption strong{font-size:26px}
}


/* ===== V18: REAL RAISON HOTEL BUILDING IN HERO ===== */
.hero{
  min-height:760px;
  background-image:url("../assets/raison-hotel-building.jpg") !important;
  background-size:cover;
  background-position:center 48%;
  background-repeat:no-repeat;
}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(7,21,34,.90) 0%,rgba(9,25,39,.72) 37%,rgba(9,24,37,.28) 68%,rgba(7,18,29,.18) 100%),
    linear-gradient(180deg,rgba(4,15,25,.30),rgba(4,15,25,.08) 55%,rgba(4,15,25,.36));
}
.hero-content{
  padding-top:72px;
  max-width:1140px;
}
.hero h1{
  max-width:690px;
  text-shadow:0 4px 24px rgba(0,0,0,.18);
}
.hero-text{
  max-width:560px;
  font-size:14px;
  line-height:1.8;
}
.hero-actions{
  align-items:center;
}
@media(max-width:700px){
  .hero{
    min-height:690px;
    background-position:56% center;
  }
  .hero-overlay{
    background:linear-gradient(90deg,rgba(7,21,34,.88),rgba(9,25,39,.56) 78%,rgba(7,18,29,.35));
  }
}


/* ===== V18: CLEAN CORPORATE STAYS SECTION ===== */
.corporate-section{
  background:#122b40;
  color:#fff;
  overflow:hidden;
  position:relative;
}
.corporate-section:before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  right:-190px;top:-220px;
  border-radius:50%;
  background:rgba(207,166,99,.08);
  filter:blur(2px);
}
.corporate-section .corporate-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:60px;
  align-items:center;
  padding:18px 0;
}
.corporate-section .corporate-copy{
  max-width:680px;
}
.corporate-section .corporate-copy .eyebrow{
  color:#d6ad69;
}
.corporate-section .corporate-copy h2{
  color:#fff;
  font:600 clamp(43px,5vw,67px)/.96 "Cormorant Garamond",Georgia,serif;
  margin:10px 0 20px;
}
.corporate-section .corporate-copy>p:not(.eyebrow){
  max-width:620px;
  color:rgba(255,255,255,.72);
  font-size:12px;
  line-height:1.85;
}
.corporate-section .corporate-points{
  display:grid;
  gap:0;
  border-top:1px solid rgba(255,255,255,.13);
}
.corporate-section .corporate-points>div{
  display:grid;
  grid-template-columns:42px 1fr;
  column-gap:12px;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.13);
}
.corporate-section .corporate-points>div>span{
  color:#d6ad69;
  font:600 11px Inter,Arial,sans-serif;
  letter-spacing:1px;
}
.corporate-section .corporate-points strong{
  color:#fff;
  font:600 21px/1 "Cormorant Garamond",Georgia,serif;
}
.corporate-section .corporate-points p{
  grid-column:2;
  color:rgba(255,255,255,.56);
  font-size:9px;
  line-height:1.6;
  margin:6px 0 0;
}
.corporate-section .corporate-actions{
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:28px;
}
.corporate-section .corporate-actions .btn-primary{
  background:#d0aa69;
  color:#172c3f;
}
.corporate-section .corporate-actions .text-link{
  color:#e0c28c;
}
@media(max-width:850px){
  .corporate-section .corporate-shell{
    grid-template-columns:1fr;
    gap:35px;
  }
}
@media(max-width:620px){
  .corporate-section .corporate-copy h2{font-size:48px}
  .corporate-section .corporate-actions{align-items:flex-start;flex-direction:column;gap:15px}
}

/* ===== V19: CROPPED HERO + MOBILE-FIRST CLEANUP ===== */
html,body{overflow-x:hidden;max-width:100%}
img{max-width:100%;height:auto}
.hero{
  background-image:url("../assets/raison-hotel-building.jpg") !important;
  background-size:cover;
  background-position:center center;
}
.mobile-book-bar{display:none}

@media(max-width:760px){
  body{padding-bottom:72px}
  .container{width:calc(100% - 32px);margin-left:auto;margin-right:auto}
  .hero{
    min-height:650px !important;
    height:auto !important;
    background-position:62% center !important;
  }
  .hero-overlay{
    background:linear-gradient(180deg,rgba(7,21,34,.60),rgba(7,21,34,.74) 48%,rgba(7,21,34,.93) 100%) !important;
  }
  .hero-content{
    width:100%;
    padding:120px 0 65px !important;
  }
  .hero h1{
    max-width:100%;
    font-size:clamp(44px,13vw,62px) !important;
    line-height:.94 !important;
  }
  .hero-text{max-width:100%;font-size:13px !important;line-height:1.65 !important}
  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:9px !important;
  }
  .hero-actions a{min-height:48px;padding:13px 10px !important;text-align:center}

  .hotel-stats-grid{grid-template-columns:repeat(2,1fr) !important}
  .hotel-stat{min-width:0;padding-left:15px !important;padding-right:15px !important}
  .hotel-stat-number{font-size:57px}

  .corporate-section .corporate-shell{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .corporate-section .corporate-copy h2{font-size:48px !important}

  .faq-hero,.faq-layout{grid-template-columns:1fr !important}
  .faq-heading h2{font-size:48px !important}
  .faq-toolbar{width:100%;box-sizing:border-box}
  .faq-tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .faq-tabs::-webkit-scrollbar{display:none}
  .faq-search{min-width:0 !important;width:100%;box-sizing:border-box}
  .faq-side{position:relative !important;top:auto !important}
  .faq-question{gap:10px !important}
  .faq-question>span{font-size:17px !important}

  .rooms-grid,.room-grid,.gallery-grid,.nearby-grid,.amenities-grid,
  .about-grid,.contact-grid,.info-grid,.split-grid,.two-col,.features-grid{
    grid-template-columns:1fr !important;
  }
  .room-card,.gallery-item,.nearby-card{width:100%;min-width:0}

  iframe{max-width:100%}
  .whatsapp-widget,.whatsapp-float{bottom:82px !important;right:12px !important}

  .mobile-book-bar{
    position:fixed;
    z-index:9999;
    left:0;right:0;bottom:0;
    height:64px;
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:8px;
    padding:8px 12px;
    box-sizing:border-box;
    background:rgba(9,24,37,.97);
    border-top:1px solid rgba(255,255,255,.12);
    box-shadow:0 -10px 30px rgba(0,0,0,.15);
    backdrop-filter:blur(12px);
  }
  .mobile-book-bar a{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    text-decoration:none;
    font:700 9px/1 Inter,Arial,sans-serif;
    letter-spacing:1px;
    text-transform:uppercase;
  }
  .mobile-book-call{
    color:#fff;
    border:1px solid rgba(255,255,255,.25);
    background:rgba(255,255,255,.05);
  }
  .mobile-book-now{color:#162c3f;background:#d0aa69}
}

@media(max-width:430px){
  .container{width:calc(100% - 24px)}
  .hero{min-height:620px !important;background-position:64% center !important}
  .hero-content{padding-top:108px !important;padding-bottom:54px !important}
  .hero h1{font-size:45px !important}
  .hero-actions{grid-template-columns:1fr !important}
  .hotel-stats-grid{grid-template-columns:1fr !important}
  .hotel-stat{padding:28px 10px !important}
  .faq-heading h2{font-size:43px !important}
  .faq-help-card{grid-template-columns:38px 1fr !important;padding:17px !important}
  .faq-side{padding:20px !important}
}
@media(max-width:760px){
  .section{overflow:hidden}
}

/* ===== V20: FIRST + SECOND FLOOR HERO IMAGE ===== */
.hero{
  background-image:url("../assets/raison-hotel-building-hero.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
@media(max-width:760px){
  .hero{
    background-image:url("../assets/raison-hotel-building-hero.jpg") !important;
    background-position:center center !important;
  }
}