/* Motion score: indigo, brass, architectural masks. Approved page composition stays intact. */
:root{--ease-haveli:cubic-bezier(.19,1,.22,1);--motion-fast:220ms;--motion-mid:650ms;--motion-long:1100ms}
@view-transition{navigation:auto}
::view-transition-old(root){animation:route-away .22s ease both}::view-transition-new(root){animation:route-arrive .5s var(--ease-haveli) both}
@keyframes route-away{to{opacity:0;transform:translateY(-8px)}}@keyframes route-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.reading-progress{position:fixed;z-index:90;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#b69561,#e5caa3);transform:scaleX(var(--reading,0));transform-origin:left;pointer-events:none}
.line-icon{width:30px;height:30px;vertical-align:middle;flex:0 0 auto}.comfort-symbol .line-icon{width:35px;height:35px}.amenity-grid .line-icon{width:36px;height:36px}.transport-grid .line-icon{width:36px;height:36px}
/* Typography travels inside its own line, leaving layout stationary. */
.title-line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}.title-ink{display:block;transform-origin:left bottom}
.motion-ready .motion-title .title-ink{transform:translate3d(0,112%,0) rotate(1.8deg);opacity:0;transition:transform 1.15s var(--ease-haveli),opacity .7s ease;transition-delay:calc(var(--line,0)*100ms)}
.motion-ready .motion-title.title-visible .title-ink{transform:none;opacity:1}
.motion-title h1,.motion-title h2{animation:none}.hero-copy h1,.page-intro h1{animation:none!important}
.hero-copy .motion-title .title-ink{transition-duration:1.25s;transition-delay:calc(150ms + var(--line,0)*130ms)}
.motion-block{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform 1s var(--ease-haveli)}.motion-block.block-visible{opacity:1;transform:none}
.motion-block .eyebrow-line,.scene-visible .eyebrow-line{animation:brass-rule 1.1s var(--ease-haveli) both}
@keyframes brass-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* Opening aperture recalls a doorway; scrolling remains native. */
.hero-media .media-slot{animation:haveli-aperture 1.5s var(--ease-haveli) both}
@keyframes haveli-aperture{from{opacity:.2;clip-path:inset(7% 19% 7% 19% round 230px 230px 10px 10px)}to{opacity:1;clip-path:inset(0 0 0 0 round 4px)}}
.hero-media img.hero-motion-image{animation:none;transform:translate3d(0,var(--hero-travel,0px),0) scale(1.075);transition:filter .8s ease;will-change:transform}
.hero-copy.visible{opacity:var(--hero-fade,1);translate:0 var(--hero-shift,0px)}
.hero-scroll{position:absolute;right:6%;bottom:102px;display:flex;gap:16px;align-items:center;color:#fff;font:600 12px/1.4 var(--sans);letter-spacing:.18em;text-shadow:0 1px 15px #102f5d;z-index:2}
.hero-scroll i{height:42px;width:28px;border:1px solid #fff9;border-radius:20px;position:relative;overflow:hidden}.hero-scroll i::before{content:'';position:absolute;top:9px;left:13px;width:1px;height:13px;background:#fff;animation:scroll-cue 2.5s ease-in-out infinite}.hero-scroll i::after{content:'';position:absolute;left:10px;top:17px;width:6px;height:6px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);animation:scroll-tip 2.5s ease-in-out infinite}
@keyframes scroll-cue{0%,100%{transform:translateY(-3px);opacity:.4}50%{transform:translateY(5px);opacity:1}}@keyframes scroll-tip{0%,100%{translate:0 -3px;opacity:.4}50%{translate:0 5px;opacity:1}}
.button{position:relative;isolation:isolate;overflow:hidden;translate:var(--button-x,0px) var(--button-y,0px);transition:translate .3s var(--ease-haveli),background .3s,box-shadow .3s,transform .3s}
.button::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff2 49%,transparent 72%);transform:translateX(-140%);z-index:-1;transition:transform .65s var(--ease-haveli)}.button:hover::before{transform:translateX(140%)}
.text-link{position:relative;border-bottom-color:#b9965a75}.text-link::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-haveli)}.text-link:hover::after{transform:scaleX(1)}
/* Architectural borders finish drawing as the image comes into view. */
.intro-art::before,.spa-image::before{content:'';position:absolute;inset:-16px -16px 18px 16px;border:1px solid #9c7f4c80;border-radius:190px 190px 3px 3px;z-index:-1;clip-path:inset(100% 0 0);transition:clip-path 1.7s var(--ease-haveli) .2s;pointer-events:none}
.intro-art.scene-visible::before,.spa-image.scene-visible::before{clip-path:inset(0 0 0)}
.intro-art .media-slot,.spa-image .media-slot{clip-path:inset(14% 0 0 round 180px 180px 3px 3px);transition:clip-path 1.4s var(--ease-haveli)}.intro-art.scene-visible .media-slot,.spa-image.scene-visible .media-slot{clip-path:inset(0 0 0 round 180px 180px 3px 3px)}
.media-slot img.motion-image{transform:translate3d(0,var(--image-y,0px),0) scale(1.075);transition:filter .65s ease;will-change:transform}.media-slot:hover img.motion-image{transform:translate3d(0,var(--image-y,0px),0) scale(1.09)}
.motion-ready .intro-art .image-caption,.motion-ready .spa-image .image-caption{opacity:0;translate:0 10px;transition:opacity .7s ease .45s,translate .9s var(--ease-haveli) .45s}.intro-art.scene-visible .image-caption,.spa-image.scene-visible .image-caption{opacity:1;translate:0 0}
/* Rooms: photograph, title, then action — one deliberately ordered sequence. */
.room-image{position:relative;overflow:hidden}.room-image .media-slot{transition:clip-path 1.2s var(--ease-haveli);clip-path:inset(0 0 18% 0)}.room-card.scene-visible .room-image .media-slot{clip-path:inset(0)}
.motion-ready .room-card .room-card-body{opacity:0;translate:0 16px;transition:opacity .7s ease .2s,translate .85s var(--ease-haveli) .2s}.room-card.scene-visible .room-card-body{opacity:1;translate:0 0}
.room-look{position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:18px;background:#fffefaef;color:#153e6b;border:0;border-radius:2px;backdrop-filter:blur(10px);padding:11px 16px;font-size:14px;opacity:0;translate:0 8px;transition:opacity .35s,translate .45s var(--ease-haveli),background .3s}.room-look span{font-size:20px;line-height:1}.room-card:hover .room-look,.room-card:focus-within .room-look{opacity:1;translate:0 0}.room-look:hover{background:#fff}
.room-card{transition:box-shadow .55s,transform .6s var(--ease-haveli)}.room-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #193e6a12}
/* Spa scene controls form a quiet editorial rhythm. */
.spa-tabs{display:flex;border-bottom:1px solid #a6bdc7;margin:28px 0 17px;gap:20px}.spa-tabs button{position:relative;padding:14px 0;border:0;background:none;color:#738694;font-size:14px;white-space:nowrap;transition:color .3s}.spa-tabs button::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#ac8956;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-haveli)}.spa-tabs button[aria-selected=true]{color:#174777}.spa-tabs button[aria-selected=true]::after{transform:scaleX(1)}.spa-scene-description{min-height:48px;font-size:14px!important}.spa-image[aria-busy=true] .image-caption{opacity:.4}
/* Navigation opens as a full composition; no scroll is captured. */
.menu-toggle{display:flex;flex:0 0 38px;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;border:1px solid #bca17d80;border-radius:50%;background:none;z-index:3}.menu-toggle span{width:17px;margin-left:10px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}
.mobile-nav{position:fixed;top:86px;left:0;right:0;height:calc(100dvh - 86px);background:#faf8f3;display:grid;grid-template-columns:1.2fr .8fr;gap:4%;padding:40px 6% 45px;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 40px 80px #123b6633;animation:menu-arrive .65s var(--ease-haveli) both}.mobile-nav[hidden]{display:none}.mobile-nav.menu-closing{animation:menu-away .34s ease both}.menu-editorial{align-self:center}.menu-editorial>.overline{font-size:12px;margin-bottom:20px}.menu-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 25px}.menu-links a{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid #cbbda860;font:clamp(1.65rem,2.7vw,3rem)/1.1 var(--serif);letter-spacing:-.02em;animation:menu-link .7s var(--ease-haveli) both;animation-delay:calc(70ms + var(--menu-i)*40ms);transition:color .3s}.menu-index{font:11px/1.4 var(--sans);color:#a2875f;letter-spacing:.1em}.menu-links a:hover,.menu-links a[aria-current]{color:#1e68a4}.menu-links a>span:last-child{transition:translate .5s var(--ease-haveli)}.menu-links a:hover>span:last-child{translate:5px 0}.menu-secondary{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:29px}.menu-secondary>a{font-size:14px}.menu-secondary>.button{padding:11px 16px}.menu-photo{position:relative;min-height:470px;max-height:660px;align-self:stretch;border-radius:170px 170px 3px 3px;overflow:hidden}.menu-photo .media-slot{height:100%;width:100%;min-height:100%;aspect-ratio:auto;border-radius:0}.menu-photo img{animation:menu-photo 1.5s var(--ease-haveli) both}.menu-photo::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0f3458cb)}.menu-photo>span{position:absolute;bottom:38px;left:35px;z-index:1;color:#fff;font:clamp(2.7rem,4vw,4.4rem)/.95 var(--serif)}
@keyframes menu-arrive{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}@keyframes menu-away{to{opacity:0;transform:translateY(-15px)}}@keyframes menu-link{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes menu-photo{from{transform:scale(1.12)}to{transform:scale(1)}}
/* Dialogs are actual preview surfaces, with a clean return to the current page. */
body.dialog-open{overflow:hidden}.room-dialog{width:min(1080px,calc(100vw - 64px));max-height:calc(100dvh - 70px);padding:0;border:0;border-radius:3px;background:#faf8f3;color:#153e6b;box-shadow:0 30px 100px #09214080;overflow-y:auto}.room-dialog::backdrop,.lightbox::backdrop{background:#0b294ee0;backdrop-filter:blur(7px);animation:backdrop-in .35s ease both}.room-dialog[open],.lightbox[open]{animation:dialog-in .65s var(--ease-haveli) both}.room-dialog.dialog-closing,.lightbox.dialog-closing{animation:dialog-out .22s ease both}.dialog-close{position:absolute;top:16px;right:16px;z-index:3;width:38px;height:38px;border:1px solid #ddd4c7;border-radius:50%;background:#fffefa;color:#133a68;font-size:24px}.room-dialog-content{display:grid;grid-template-columns:1.12fr .88fr}.room-dialog-photo{min-height:570px;overflow:hidden}.room-dialog-photo img{width:100%;height:100%;min-height:570px;display:block;object-fit:cover}.room-dialog-copy{padding:72px 39px 40px;align-self:center}.room-dialog-copy h2{font-size:4rem;margin-bottom:22px}.room-dialog-copy>p:not(.eyebrow){font-size:16px;color:#64747f;line-height:1.75}.room-dialog-copy>.button{margin:20px 0 17px}.room-dialog-copy>.text-link{display:table;font-size:14px}.preview-facts{display:flex;flex-direction:column;gap:12px;padding-block:22px;border-block:1px solid #ddd8cf;color:#617886;font-size:13px}.room-dialog-copy .micro-note{font-size:12px!important;margin-top:30px}
.lightbox{width:min(1050px,calc(100vw - 60px));max-height:calc(100dvh - 45px);padding:24px}.lightbox .media-slot{height:min(66vh,680px);min-height:0;aspect-ratio:auto;border-radius:2px}.lightbox .media-slot img{object-fit:contain;background:#f0ede7}.lightbox-content>p{font-size:13px;color:#627789;margin:16px 0}.lightbox-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd8cf;padding-top:14px}.lightbox-controls button{border:0;background:none;color:#1d4b7c;font-size:14px;padding:9px 12px}.gallery-count{font-size:12px;color:#72808c;letter-spacing:.12em}.lightbox-close{right:35px;top:35px;background:#fffefa;color:#153e6b}.gallery-filters button{font-size:14px;transition:color .3s,border-color .3s}.gallery-item .media-slot{transform:none!important}.gallery-item{overflow:hidden}.gallery-item>span{background:#102e5180;padding:7px 11px;backdrop-filter:blur(8px);border-radius:2px}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes dialog-in{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}@keyframes dialog-out{to{opacity:0;transform:translateY(8px) scale(.985)}}
/* Inner pages: architecture, service rules, and form state each have their own motion. */
.triad>div{position:relative}.triad>div::before{content:'';position:absolute;top:-27px;left:0;width:70px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease-haveli)}.triad.scene-visible>div::before{transform:scaleX(1)}.triad>div:nth-child(2)::before{transition-delay:.12s}.triad>div:nth-child(3)::before{transition-delay:.24s}
.service-card{position:relative;overflow:hidden}.service-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#c4a16b,#3a6a8f);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease-haveli)}.service-card:hover::after,.service-card:focus-within::after{transform:scaleX(1)}.service-signet{transition:transform .6s var(--ease-haveli)}.service-card:hover .service-signet{transform:translateY(-3px) rotate(-3deg)}
.transport-grid article{border-top:0;position:relative}.transport-grid article::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease-haveli)}.transport-grid.scene-visible article::before{transform:scaleX(1)}.transport-grid article:nth-child(2)::before{transition-delay:.12s}.transport-grid article:nth-child(3)::before{transition-delay:.24s}.transport-grid article:nth-child(4)::before{transition-delay:.36s}
.process-grid strong{color:#1d4c79}.process-grid>div{position:relative;border-top:0}.process-grid>div::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#acb9c5;transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease-haveli)}.process-grid.scene-visible>div::before{transform:scaleX(1)}.process-grid>div:nth-child(2)::before{transition-delay:.15s}.process-grid>div:nth-child(3)::before{transition-delay:.3s}
.stay-step:not([hidden]){animation:form-step .5s var(--ease-haveli) both}.step-line{position:relative}.step-line span{position:relative;padding-bottom:10px;transition:color .3s}.step-line span::after{content:'';position:absolute;bottom:-21px;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease-haveli)}.step-line .current::after{transform:scaleX(1)}.choices label{transition:background .35s,border-color .35s,box-shadow .35s}.choices label:has(input:checked){background:#eaf1f5;border-color:#7296b4;box-shadow:inset 3px 0 0 #1d5688}.choices input{accent-color:#174b83}.stay-form input:focus,.stay-form textarea:focus,.enquiry-form input:focus,.enquiry-form textarea:focus{border-color:#6e96b7;box-shadow:0 0 0 3px #c8dfef60}.stay-step h2:focus{outline:none}.form-result{animation:form-step .55s var(--ease-haveli) both}
@keyframes form-step{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.accordion summary::after{transition:rotate .3s,color .3s}.accordion details[open] summary::after{rotate:180deg;color:var(--gold)}.accordion details[open] p{animation:form-step .45s var(--ease-haveli) both}
.closing{position:relative;overflow:hidden}.closing::before{content:'';position:absolute;left:calc(50% - 190px);top:30px;width:380px;height:470px;border:1px solid #b8a68a30;border-radius:200px 200px 0 0;z-index:-1;transform:translateY(60px);opacity:0;transition:opacity 1s,transform 1.5s var(--ease-haveli)}.closing.scene-visible::before{opacity:1;transform:none}.closing{isolation:isolate}.motion-ready .footer-top{opacity:0;transform:translateY(25px);transition:opacity .9s,transform 1.2s var(--ease-haveli)}.footer-top.scene-visible{opacity:1;transform:none}
/* All regular labels stay legible; tiny type is reserved for secondary captions. */
.desktop-nav a{font-size:14px}.booking-bar label span{font-size:12px}.booking-bar input,.booking-bar select{font-size:14px}.eyebrow,.overline{font-size:12px}.text-link{font-size:14px}.room-card-body p{font-size:14px}.room-card-body .overline{font-size:12px;letter-spacing:.13em}.comfort-grid strong{font-size:14px}.comfort-grid small{font-size:12px}.amenity-grid h3{font-size:1.7rem}.enquiry-form label,.stay-form label{font-size:14px}.micro-note{font-size:12px}.service-card p:not(.overline),.transport-grid p{font-size:14px}
@media(min-width:1101px) and (max-width:1280px){.desktop-nav{gap:18px}.desktop-nav a{font-size:13px}.nav-inner{gap:17px}.brand-name{font-size:12px}}
@media(max-width:1100px){.mobile-nav{top:86px;height:calc(100dvh - 86px)}.room-look{opacity:1;translate:0 0}.menu-links{grid-template-columns:1fr}.menu-links a{font-size:2rem;padding:7px 0}.menu-photo{min-height:580px}.menu-secondary{gap:13px}.room-dialog-copy{padding-inline:28px}.room-dialog-copy h2{font-size:3.5rem}}
@media(max-width:760px){.hero-scroll{display:none}.hero-copy.visible{translate:none;opacity:1}.hero-media img.hero-motion-image{transform:scale(1.04)}.hero-media .media-slot{animation-duration:1.1s}.motion-title .title-line{padding-bottom:.13em;margin-bottom:-.13em}.motion-ready .motion-title .title-ink{rotate:0}.mobile-nav{top:72px;height:calc(100dvh - 72px);display:block;padding:25px 24px 35px}.menu-photo{display:none}.menu-editorial{width:100%;max-width:560px;margin:auto}.menu-links{grid-template-columns:1fr 1fr;gap:0 20px}.menu-links a{font-size:clamp(1.5rem,6vw,2rem);padding:15px 0;align-items:center}.menu-index{font-size:10px}.menu-secondary{gap:17px;margin-top:30px}.menu-secondary>.button{width:100%;margin-top:12px}.menu-toggle{width:38px;height:38px}.room-dialog{width:calc(100vw - 28px);max-height:calc(100dvh - 30px)}.room-dialog-content{grid-template-columns:1fr}.room-dialog-photo,.room-dialog-photo img{min-height:0;height:290px}.room-dialog-copy{padding:28px}.room-dialog-copy h2{font-size:3rem}.preview-facts{padding-block:16px}.lightbox{width:calc(100vw - 24px);max-height:calc(100dvh - 30px);padding:16px}.lightbox .media-slot{height:62vh}.lightbox-close{right:25px;top:25px}.spa-tabs{gap:20px}.spa-tabs button{font-size:14px}.intro-art::before,.spa-image::before{inset:-12px -12px 16px 12px}.footer-top{transition-duration:.7s}.hero-copy .motion-title .title-ink{transition-duration:.9s}.room-card-body{flex-wrap:wrap}.room-card-body>.text-link{margin-top:6px}.line-icon{width:28px;height:28px}.button{translate:none!important}}
@media(max-width:380px){.menu-links{gap:0 12px}.menu-links a{font-size:1.4rem;gap:7px}.spa-tabs{gap:13px}}
@media(hover:none){.room-look{opacity:1;translate:0 0}.button::before{display:none}}
/* Reduced motion is a complete alternative, not a shortened animation. */
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.motion-ready .motion-title .title-ink{transform:none;opacity:1;transition:none}.motion-block,.footer-top,.room-card .room-card-body{opacity:1;transform:none;translate:none;transition:none}.hero-media .media-slot{animation:none;clip-path:none}.hero-media img.hero-motion-image,.media-slot img.motion-image,.media-slot:hover img.motion-image{transform:none;will-change:auto}.hero-copy.visible{opacity:1;translate:none}.intro-art .media-slot,.spa-image .media-slot,.room-image .media-slot{clip-path:none}.intro-art::before,.spa-image::before{clip-path:none}.intro-art .image-caption,.spa-image .image-caption{opacity:1;translate:none}.mobile-nav,.menu-links a,.menu-photo img,.room-dialog[open],.lightbox[open],.room-dialog::backdrop,.lightbox::backdrop,.stay-step:not([hidden]),.form-result{animation:none}.hero-scroll i::before,.hero-scroll i::after{animation:none}.closing::before{opacity:1;transform:none}.triad>div::before,.transport-grid article::before,.process-grid>div::before{transform:none}.button{translate:none}.room-look{opacity:1;translate:none}*{scroll-behavior:auto!important}}
/* The supplied composition uses the haveli as the website's surrounding space. */
.haveli-surround{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#ccb394}.haveli-surround img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8) brightness(.83);transform:scale(1.035)}.haveli-surround::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#19344230,transparent 20%,transparent 80%,#19344230)}
#app{position:relative;z-index:1}#main,.site-footer{width:min(1440px,calc(100% - 80px));margin-inline:auto;background:#faf8f3f5}#main{padding-bottom:1px}.site-header{background:transparent;backdrop-filter:none;border-bottom:0;box-shadow:none}.nav-inner{width:min(1440px,calc(100% - 80px));padding-inline:40px;background:#faf8f3f5;border-bottom:1px solid #d7c7ae7a;backdrop-filter:blur(16px)}.site-header.scrolled{box-shadow:none}.site-header.scrolled .nav-inner{box-shadow:0 8px 28px #1439591c}.home-hero.container{width:100%;margin-top:0;border-radius:0}.hero-media,.hero-media .media-slot,.hero-shade{border-radius:0}.hero-copy{left:6.5%;width:56%}.hero-copy h1{font-size:clamp(4.6rem,5.65vw,6.5rem)}.hero-copy h1 i{font-style:normal;color:#143f76}.intro-section{padding-top:145px}.intro-copy h2 i{font-style:normal;color:#164b7c}.comforts-home{padding-top:105px}.city-feature{padding:0}.city-visual{height:500px}.city-overlay{padding-inline:50px}.site-footer{border-top:1px solid #d7c7ae7a;background:#f2eee7f5}.footer-top{width:calc(100% - 80px)}.footer-bottom{width:calc(100% - 80px)}
@media(max-width:1100px){#main,.site-footer,.nav-inner{width:calc(100% - 48px)}.nav-inner{padding-inline:24px}.hero-copy h1{font-size:5.1rem}.hero-copy{width:62%}}
@media(max-width:760px){.haveli-surround{display:none}#main,.site-footer,.nav-inner{width:100%;background:var(--cream)}.nav-inner{padding-inline:16px}.home-hero.container{width:calc(100% - 24px);margin-top:5px}.hero-copy{width:86%;left:7%}.hero-copy h1{font-size:clamp(3.2rem,10.8vw,4.5rem)}.intro-section{padding-top:198px}.city-feature{padding-inline:12px}.city-visual{height:520px}.city-overlay{padding-inline:17px}.footer-top,.footer-bottom{width:calc(100% - 40px)}.hero-copy h1 i{font-style:italic}.intro-copy h2 i{font-style:italic}}
.arrival-strip{display:grid;grid-template-columns:repeat(4,1fr);padding-block:31px;background:#f6f2e9;width:100%;border-bottom:1px solid #dbd2c3}.arrival-strip a{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;border-right:1px solid #d5c9b5;transition:color .3s}.arrival-strip a:last-child{border-right:0}.arrival-strip .line-icon{width:34px;height:34px;margin-bottom:5px;color:#214e7c;transition:translate .5s var(--ease-haveli)}.arrival-strip a:hover .line-icon{translate:0 -4px}.arrival-strip strong{font:1.5rem/1.1 var(--serif);font-weight:400}.arrival-strip a>span{font-size:12px;color:#71818c}.arrival-strip a:hover{color:#2168a4}
.motion-ready .comfort-grid .line-icon path,.motion-ready .arrival-strip .line-icon path,.motion-ready .transport-grid .line-icon path,.motion-ready .amenity-grid .line-icon path{stroke-dasharray:1;stroke-dashoffset:1}.comfort-grid.visible .line-icon path,.arrival-strip.visible .line-icon path,.transport-grid.scene-visible .line-icon path,.amenity-grid>.visible .line-icon path{animation:icon-draw 1.3s var(--ease-haveli) both}.arrival-strip a:nth-child(2) .line-icon path{animation-delay:.1s}.arrival-strip a:nth-child(3) .line-icon path{animation-delay:.2s}.arrival-strip a:nth-child(4) .line-icon path{animation-delay:.3s}
@keyframes icon-draw{to{stroke-dashoffset:0}}
.menu-secondary>a{border-bottom:0;padding:0}.menu-secondary>.button{padding:11px 16px}
@media(max-width:760px){.arrival-strip{grid-template-columns:1fr 1fr;padding:12px 0}.arrival-strip a{padding:21px 6px}.arrival-strip a:nth-child(2){border-right:0}.arrival-strip a:nth-child(-n+2){border-bottom:1px solid #d5c9b5}.arrival-strip strong{font-size:1.35rem}.arrival-strip a>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.comfort-grid .line-icon path,.arrival-strip .line-icon path,.transport-grid .line-icon path,.amenity-grid .line-icon path{stroke-dashoffset:0;animation:none}}
.room-card-body p:not(.overline),.service-card p:not(.overline),.transport-grid p{font-size:16px;line-height:1.65}.footer-top a:not(.button){font-size:14px}.footer-bottom{font-size:12px}.room-card-body .text-link{white-space:nowrap}.menu-toggle{margin-left:0}
@media(max-width:760px){.menu-toggle{margin-left:auto}.brand-name{font-size:12px}.brand-name small{font-size:10px}.room-card-body p:not(.overline){font-size:15px}}

@media(prefers-reduced-motion:reduce){.motion-ready .room-card .room-card-body,.motion-ready .footer-top{opacity:1;transform:none;translate:none}.motion-ready .intro-art .image-caption,.motion-ready .spa-image .image-caption{opacity:1;translate:none}.motion-ready .comfort-grid .line-icon path,.motion-ready .arrival-strip .line-icon path,.motion-ready .transport-grid .line-icon path,.motion-ready .amenity-grid .line-icon path{stroke-dashoffset:0;animation:none}}