:root{
  --sir-paper:#F7F4ED;
  --sir-paper-deep:#EFE9DE;
  --sir-ink:#202522;
  --sir-pine:#315A4C;
  --sir-pine-dark:#203E35;
  --sir-line:rgba(54,62,57,.14);
  --sir-ease:cubic-bezier(.22,1,.36,1);
  --sir-shadow:0 24px 70px rgba(34,41,36,.09);
}
html{background:var(--sir-paper);text-rendering:optimizeLegibility}
body{background:var(--sir-paper)}
::selection{background:rgba(49,90,76,.2);color:var(--sir-ink)}
.skip-link{position:fixed;left:14px;top:12px;z-index:1000;transform:translateY(-180%);background:var(--sir-ink);color:#fff;padding:10px 14px;border-radius:999px;font-size:12px;transition:transform .25s var(--sir-ease)}
.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--sir-pine);outline-offset:4px}
button,a{-webkit-tap-highlight-color:transparent}

/* Award motion language: still -> drift -> reveal */
@view-transition{navigation:auto}
::view-transition-old(root){animation:awardOut .28s ease both}
::view-transition-new(root){animation:awardIn .52s var(--sir-ease) both}
@keyframes awardOut{to{opacity:.76;filter:blur(2px)}}
@keyframes awardIn{from{opacity:.2;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.reveal{transition-duration:.95s!important;transition-timing-function:var(--sir-ease)!important}
.media-link,[data-media]{transform:translateZ(0)}

/* Only intentional text CTAs receive underline behavior */
.reserve-link{position:relative!important;text-decoration:none!important}
.reserve-link::after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:1px!important;background:currentColor!important;transform:scaleX(1)!important;transform-origin:left!important;transition:transform .5s var(--sir-ease)!important}
.reserve-link:hover::after{transform:scaleX(0)!important;transform-origin:right!important}
.sirindh-book-button,.micro-cta,.book-band a,.mobile-book a,.room-reserve,.wide-cta a,.primary-action,.detail-book,.room-price button{border-radius:999px!important}
.micro-cta{padding-inline:17px!important}

/* Directional arrow detaches slightly on hover */
.arrow-glyph{display:inline-block;transition:transform .38s var(--sir-ease);will-change:transform}
a:hover .arrow-glyph[data-direction="right"],button:hover .arrow-glyph[data-direction="right"]{transform:translateX(5px)}
a:hover .arrow-glyph[data-direction="up-right"],button:hover .arrow-glyph[data-direction="up-right"]{transform:translate(4px,-4px)}

/* Remove editorial mini headers from production content */
.section-kicker,.eyebrow,.feature-copy .index,.detail-kicker{display:none!important}
.site-menu__nav a>span{display:none!important}

/* Header and typography scale */
.property-mark__sub{font-size:clamp(10px,.62vw,13px)!important}
html[lang="th"] .property-mark__sub{letter-spacing:.02em!important;line-height:1.35}
html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{letter-spacing:0!important;word-spacing:0!important;line-height:1.12!important}
html[lang="th"] p,html[lang="th"] li,html[lang="th"] a,html[lang="th"] button{word-spacing:0}
@media(min-width:1600px){
  body{font-size:17px}
  .site-header__inner{max-width:1660px}
  .property-mark__main{font-size:clamp(25px,1.55vw,31px)!important}
  .property-mark__sub{font-size:clamp(11px,.72vw,14px)!important}
  .lang-link,.reserve-link{font-size:13px!important}
  .site-menu__nav a{font-size:clamp(42px,3.25vw,62px)!important}
  .intro-copy,.split-copy>p,.packages-copy>p{font-size:clamp(16px,.86vw,18px)!important}
  .service-list span,.package-list a{font-size:clamp(18px,1vw,21px)!important}
  .footer-grid strong{font-size:clamp(26px,1.45vw,31px)!important}
  .footer-grid span,.footer-grid nav,.powered-copy{font-size:clamp(12px,.7vw,14px)!important}
}

/* Story sections become one continuous composition */
.editorial-section{border-bottom:0!important}
.story-beat{position:relative}
.rooms-section{padding-bottom:0!important}
.rooms-section+.experience-section{padding-top:clamp(78px,8vw,132px)!important}
.room-layout{gap:0!important}
.room-tile{view-transition-name:none}
.room-tile:nth-child(1) .media-placeholder{view-transition-name:room-reservoir}
.room-tile:nth-child(2) .media-placeholder{view-transition-name:room-garden}
.room-tile:nth-child(3) .media-placeholder{view-transition-name:room-family}
body[data-room="reservoir-pool-villa"] .room-hero .media-slot{view-transition-name:room-reservoir}
body[data-room="garden-villa"] .room-hero .media-slot{view-transition-name:room-garden}
body[data-room="family-residence"] .room-hero .media-slot{view-transition-name:room-family}

/* Experience ribbon: zero gap, enough headroom for lift, touch friendly */
.experience-section{overflow:clip!important}
.drag-shell{padding-top:14px;margin-top:-14px;touch-action:pan-y!important}
.drag-track{gap:0!important}
.experience-card{overflow:hidden}

/* Room details: no decorative frames, larger semantic icons */
.amenity-grid,.amenity-grid .amenity-item,.amenity-grid .amenity-item>span{border:0!important;box-shadow:none!important;background:transparent!important}
.amenity-grid{gap:clamp(12px,1.2vw,22px)!important}
.amenity-grid .amenity-item{padding:9px 0!important;border-radius:0!important}
.amenity-icon{width:clamp(19px,1.1vw,25px)!important;height:clamp(19px,1.1vw,25px)!important;stroke-width:1.55!important}
.room-reserve::after,.book-band a::after,.mobile-book a::after,.sirindh-book-button::after,.detail-book::after,.room-price button::after{display:none!important}

/* Mobile art direction: crop imagery vertically rather than shrinking landscape assets */
@media(max-width:900px){
  .rooms-section{padding-inline:0!important}
  .room-layout,.room-tile,.room-media,.room-media--wide{width:100%!important}
  .room-media,.room-media--wide{aspect-ratio:4/5!important}
  .split-section{padding-inline:0!important;gap:0!important}
  .split-copy{padding:64px 18px 38px}
  .split-media{width:100%;overflow:hidden}
  .split-media .ratio-portrait{aspect-ratio:3/4!important;width:100%!important}
  .split-media .media-standard,.split-media .media-hq,.split-media .media-lqip{object-position:center 50%}
  .packages-section{padding-inline:0!important}
  .packages-copy{padding:0 18px 44px}
  .packages-media{width:100%}
  .experience-card{width:min(78vw,430px)!important}
  .experience-card .media-placeholder{aspect-ratio:3/4!important}
  .gallery-pair{grid-template-columns:1fr 1fr!important;gap:2px!important;padding:2px!important}
  .gallery-pair .portrait,.gallery-pair .landscape{aspect-ratio:3/4!important;align-self:stretch!important}
  .cinema-wide .media-slot{aspect-ratio:4/5!important}
  .feature-split{grid-template-columns:1fr!important;border:0!important}
  .feature-split .media-slot{aspect-ratio:4/5!important}
  .feature-copy{padding:54px 18px 64px!important}
  .room-intro{border-bottom:0!important}
  .mobile-book{border-radius:0!important}
  .mobile-book a{border-radius:999px!important}
}

/* Content pages: stronger magazine rhythm */
.page-hero,.content-section{border-color:transparent!important}
.content-section{position:relative}
.section-actions a,.package-list a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px}
@media(min-width:1200px){
  .page-hero{min-height:88svh}
  .content-section{padding-block:clamp(110px,9vw,170px)!important}
}

/* Footer readability */
.site-footer,.sub-footer,.room-footer,.booking-footer{background:var(--sir-paper-deep)}
.footer-credit,.room-footer-credit,.booking-credit{line-height:1.6}
.footer-credit a,.room-footer-credit a,.booking-credit a{position:relative}

/* Media state: never show labels or blank shimmer once LQIP exists */
.media-placeholder::after,.media-slot::after,.media-label{display:none!important}
.media-placeholder::before,.media-slot::before,.room-thumb::before,.addon-media::before,.addon-mini-media::before,.summary-media::before{animation:none!important;opacity:0!important}

/* Booking UI refinements */
.room-price button,.primary-action,.detail-book{justify-content:center!important;text-align:center!important}
.room-title-button{text-align:left}
.booking-room-detail .amenity-grid{border:0!important}
.addon-media,.addon-mini-media{background:#d3d1c9!important}
@media(max-width:560px){
  .addon-media{aspect-ratio:3/4!important}
  .addon-mini-media{aspect-ratio:3/4!important}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .experience-card:hover{transform:none!important}
}
/* Guest loader belongs to SIRINDH, not the operations product */
.loader-word{display:grid;place-items:center;gap:8px;font-family:"Bodoni 72","Bodoni MT",Didot,Georgia,serif;font-size:clamp(25px,2.1vw,38px);letter-spacing:.2em;color:var(--sir-pine);animation:sirLoader 1.8s ease-in-out infinite}
.loader-word span{font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;font-size:11px;letter-spacing:.04em;color:#6f746f}
@keyframes sirLoader{0%,100%{opacity:.55;transform:translateY(2px)}50%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.loader-word{animation:none}}


/* v0.1.14 Award Refinement: typography, motion, CTA, footer, room UX */
:root{--sir-media-ease:cubic-bezier(.22,.61,.36,1);--sir-media-duration:.96s;--sir-ui-duration:.52s}
.offline,#offline{display:none!important}
/* One serif voice for all Latin glyphs; Thai/Chinese fall through to native-capable fonts. */
body,button,input,select,textarea{font-family:Georgia,"Times New Roman","Leelawadee UI",Tahoma,serif}
.property-mark__main,.room-logo,.sub-logo,.summary-brand,.hero h1,.page-hero h1,.room-hero h1{font-family:Georgia,"Times New Roman",serif!important}

/* Shared reservation CTA motion language across Home, content pages, rooms, booking. */
.sirindh-book-button,.wide-cta a,.room-reserve,.book-band a,.mobile-book a,.primary-action,.detail-book,.room-price button,.section-link{
  position:relative;overflow:hidden;isolation:isolate;transition:color var(--sir-ui-duration) var(--sir-ease),background var(--sir-ui-duration) var(--sir-ease),border-color var(--sir-ui-duration) var(--sir-ease),transform var(--sir-ui-duration) var(--sir-ease),box-shadow var(--sir-ui-duration) var(--sir-ease)!important
}
@media (hover:hover) and (pointer:fine){
  .sirindh-book-button:hover,.wide-cta a:hover,.room-reserve:hover,.book-band a:hover,.mobile-book a:hover,.primary-action:hover,.detail-book:hover,.room-price button:hover,.section-link:hover{
    background:transparent!important;color:var(--sir-pine,var(--pine))!important;border-color:currentColor!important;transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(32,62,53,.09)!important
  }
}

/* Editorial footer: social links read as part of the closing composition, not floating controls. */
.footer-social,.site-footer .footer-grid .footer-social{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(16px,2vw,30px);justify-content:flex-start}
.footer-social a{width:auto;height:auto;border:0;border-radius:0;display:inline-flex;align-items:center;gap:7px;padding:4px 0;color:var(--sir-pine)!important;text-decoration:none!important;transition:opacity .35s var(--sir-ease),transform .35s var(--sir-ease)}
.footer-social svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.footer-social .social-label{font-size:clamp(10px,.62vw,13px)!important;line-height:1;color:currentColor!important;letter-spacing:.015em}
.footer-social a:nth-child(2) svg path:first-child{fill:currentColor;stroke:none}.footer-social a:nth-child(3) svg path:first-child{fill:none}
@media (hover:hover) and (pointer:fine){.footer-social a:hover{opacity:.58;transform:translateY(-1px);background:transparent!important;color:var(--sir-pine)!important}}
.site-footer .footer-grid{display:grid;grid-template-columns:minmax(300px,1.4fr) minmax(240px,.6fr);grid-template-areas:"brand nav" "social powered";column-gap:clamp(54px,9vw,150px);row-gap:clamp(44px,6vw,82px);align-items:start}
.site-footer .footer-brand{grid-area:brand;display:grid;gap:7px;max-width:620px}.site-footer .footer-brand strong{display:block}.site-footer .footer-tagline{margin:clamp(20px,2vw,30px) 0 0;max-width:560px;color:var(--muted);font-size:clamp(13px,.78vw,16px);line-height:1.75}
.site-footer .footer-nav{grid-area:nav;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;justify-self:end;width:min(100%,360px);font-size:clamp(11px,.66vw,14px);letter-spacing:0}.site-footer .footer-nav a{width:max-content;position:relative}.site-footer .footer-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--sir-ease)}@media (hover:hover) and (pointer:fine){.site-footer .footer-nav a:hover:after{transform:scaleX(1);transform-origin:left}}
.site-footer .footer-social{grid-area:social;align-self:end}.site-footer .powered{grid-area:powered;align-self:end;justify-self:end}
.sub-footer,.room-footer,.booking-footer{align-items:center}.sub-footer .footer-social,.room-footer .footer-social,.booking-footer .footer-social{margin-inline:auto}

/* Deterministic room-detail media composition on phones: show the image, don't crop it into decorative slivers. */
@media(max-width:700px){
  .booking-room-detail .detail-gallery{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
  .booking-room-detail .detail-gallery>.media-placeholder{grid-column:1!important;width:100%!important;aspect-ratio:3/2!important;min-height:0!important}
  .booking-room-detail .detail-gallery>.detail-gallery__hero{aspect-ratio:7/9!important}
  .booking-room-detail .detail-gallery .media-standard,.booking-room-detail .detail-gallery .media-hq,.booking-room-detail .detail-gallery .media-lqip{object-position:center center!important}
  .gallery-pair{grid-template-columns:1fr!important;gap:4px!important;padding:4px!important}
  .gallery-pair .portrait,.gallery-pair .landscape{aspect-ratio:3/2!important;width:100%!important}
}

/* Room spec icons */
.booking-room-detail .amenity-item,.amenity-grid .amenity-item{align-items:center!important;min-height:42px}
.booking-room-detail .line-icon,.amenity-icon{width:22px!important;height:22px!important;flex:0 0 22px;stroke-width:1.55!important}

@media(max-width:900px){
 .site-footer .footer-grid{grid-template-columns:1fr!important;grid-template-areas:"brand" "nav" "social" "powered"!important;gap:30px!important}.site-footer .footer-nav{justify-self:start;width:100%;max-width:420px}.site-footer .powered{justify-self:start}.footer-social{justify-content:flex-start}
 .sub-footer,.room-footer,.booking-footer{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}.sub-footer .footer-social,.room-footer .footer-social,.booking-footer .footer-social{margin:0;justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.media-standard,.media-hq,.media-image{transform:none!important;transition:none!important}}

/* Remove remaining micro labels from the public cinematic surface. */
.hero-copy>.kicker,.scroll-hint,.drag-note{display:none!important}


/* v0.1.15 Critical media + interaction hotfix */
/* All reservation CTAs keep a real 1px boundary so the transparent hover state remains legible. */
.sirindh-book-button,.wide-cta a,.room-reserve,.book-band a,.mobile-book a,.primary-action,.detail-book,.room-price button,.section-link{
  border:1px solid var(--sir-pine,var(--pine))!important;
}
@media (hover:hover) and (pointer:fine){
  .sirindh-book-button:hover,.wide-cta a:hover,.room-reserve:hover,.book-band a:hover,.mobile-book a:hover,.primary-action:hover,.detail-book:hover,.room-price button:hover,.section-link:hover{
    background:transparent!important;
    color:var(--sir-pine,var(--pine))!important;
    border-color:var(--sir-pine,var(--pine))!important;
  }
}


/* v0.1.17 deterministic critical media + script-aware typography */
/* English copy stays serif even when the document locale is Thai. */
[lang="en"]{font-family:Georgia,"Times New Roman",serif!important}
h1[lang="en"],h2[lang="en"],h3[lang="en"],h4[lang="en"],
[data-i18n][lang="en"],[data-i18n-html][lang="en"],[data-copy][lang="en"],[data-ui][lang="en"],[data-menu-key][lang="en"]{
  font-family:Georgia,"Times New Roman",serif!important;
  font-kerning:normal;
}
html[lang="th"] h1[lang="en"],html[lang="th"] h2[lang="en"],html[lang="th"] h3[lang="en"]{
  font-family:Georgia,"Times New Roman",serif!important;
  letter-spacing:.01em!important;
  line-height:1.02;
  font-weight:400;
}

/* Hero and closing CTA are native browser images. They do not depend on the progressive JS loader. */
.hero-native-media,.native-cinematic-media{
  position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;
}
.hero-native-media{z-index:0;background:#8b928d url('/assets/media/SIRINDH_HOME_HERO_RESERVOIR_2400x1600_DESKTOP--1440.webp?v=019') center/cover no-repeat}
.hero-native-media img,.native-cinematic-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-native-media img{opacity:1!important;filter:none!important}
.hero-shade{z-index:1}
.hero-copy{z-index:2}
.full-bleed-cta{background:#8b928d url('/assets/media/SIRINDH_HOME_CTA_STAY_BEGINS_2200x1200.webp?v=019') center/cover no-repeat}
.full-media-link{overflow:hidden}
.full-media-link .native-cinematic-media{transition:none!important}
@media(max-width:900px){
  .hero-native-media{background-image:url('/assets/media/SIRINDH_HOME_HERO_RESERVOIR_1200x1600_MOBILE.webp?v=019')}
  .full-bleed-cta{background-image:url('/assets/media/SIRINDH_HOME_CTA_STAY_BEGINS_1200x1600_MOBILE.webp?v=019')}
}
@media(prefers-reduced-motion:reduce){.full-media-link .native-cinematic-media img{transition:none!important;transform:none!important}}

/* v0.1.17 visual clarity + deterministic homepage media motion */
/* Hero stays photographic and clear; only a very light lower gradient supports copy. */
.hero-shade{background:linear-gradient(to bottom,rgba(17,22,20,0) 0%,rgba(17,22,20,.015) 58%,rgba(17,22,20,.18) 100%)!important;pointer-events:none}
.hero-native-media,.hero-native-media img{opacity:1!important;filter:none!important}

/* Home media motion has exactly one transform owner: the media box. */
.story-beat--rooms .room-tile,
.story-beat--experiences .experience-card,
.story-beat--slow .split-media{overflow:hidden!important}
.story-beat--rooms .media-placeholder,
.story-beat--experiences .media-placeholder,
.story-beat--slow .media-placeholder{
  transform:scale(1)!important;
  transform-origin:center center!important;
  filter:none!important;
  animation:none!important;
  transition:transform var(--sir-media-duration) var(--sir-media-ease),filter .72s var(--sir-media-ease)!important;
  will-change:auto;
}
/* Loader layers only crossfade; they never run a second zoom animation. */
.story-beat--rooms :is(.media-lqip,.media-standard,.media-hq,.media-image),
.story-beat--experiences :is(.media-lqip,.media-standard,.media-hq,.media-image),
.story-beat--slow :is(.media-lqip,.media-standard,.media-hq,.media-image){
  transform:none!important;
  filter:none!important;
  transition-property:opacity!important;
}
@media (hover:hover) and (pointer:fine){
  .story-beat--rooms .room-tile:hover .media-placeholder,
  .story-beat--experiences .experience-card:hover .media-placeholder,
  .story-beat--slow .split-media:hover .media-placeholder{
    transform:scale(1.028)!important;
    filter:none!important;
  }
  /* Other editorial images use one gentle image-layer zoom. */
  :is(.content-section>.media,.room-overview-link,.experience-link,.room-thumb):hover :is(.media-standard,.media-hq,.media-image){
    transform:scale(1.028)!important;
    filter:none!important;
    transition:transform var(--sir-media-duration) var(--sir-media-ease)!important;
  }
  .full-media-link .native-cinematic-media img{
    transition:transform var(--sir-media-duration) var(--sir-media-ease)!important;
    transform-origin:center center;
  }
  .full-media-link:hover .native-cinematic-media img{transform:scale(1.028)!important;filter:none!important}
}
@media (hover:none),(pointer:coarse){
  .story-beat--rooms .media-placeholder,
  .story-beat--experiences .media-placeholder,
  .story-beat--slow .media-placeholder{transform:none!important;transition:none!important}
}
@media(prefers-reduced-motion:reduce){
  .story-beat--rooms .media-placeholder,
  .story-beat--experiences .media-placeholder,
  .story-beat--slow .media-placeholder,
  .full-media-link .native-cinematic-media img{transform:none!important;transition:none!important}
}

/* v0.1.18 shared directional SVG icon */
.arrow-icon{width:1em;height:1em;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em;transition:transform .38s var(--sir-ease);will-change:transform}
a:hover .arrow-icon[data-direction="right"],button:hover .arrow-icon[data-direction="right"]{transform:translateX(5px)}
a:hover .arrow-icon[data-direction="up-right"],button:hover .arrow-icon[data-direction="up-right"]{transform:translate(4px,-4px)}
a:hover .arrow-icon[data-direction="left"],button:hover .arrow-icon[data-direction="left"]{transform:translateX(-4px)}
@media(prefers-reduced-motion:reduce){.arrow-icon{transition:none!important;transform:none!important}}


/* v0.1.19 editorial typography QA */
:where(.intro-copy,.split-copy>p,.packages-copy>p,.reserve-copy,.faq-list p,.faq-list summary,.section-copy p,.hero-copy p,.feature-copy p,.experience-copy p,.book-band p,.footer-tagline){
  text-wrap:pretty;word-break:normal;overflow-wrap:normal;hyphens:none;
}
:where(.hero h1,.page-hero h1,.room-hero h1,.editorial-section h2,.section-copy h2,.intro-copy h2,.feature-copy h2,.book-band h2,.center-heading h2){text-wrap:balance}
html[lang="th"] :where(p,summary,h1,h2,h3){word-break:normal;overflow-wrap:normal;line-break:auto}
.editorial-keep{white-space:nowrap}
@media(max-width:360px){.editorial-keep{white-space:normal}}
@media(max-width:620px){
  .site-footer{padding-block:54px!important}.site-footer .footer-grid{gap:26px!important}.site-footer .footer-tagline{margin-top:16px;font-size:13px;line-height:1.7}.site-footer .footer-nav{grid-template-columns:1fr 1fr;gap:11px 24px}.footer-social{gap:18px}.footer-social .social-label{font-size:11px!important}
}


/* v0.1.20 systematic mobile content gutter and flow ownership */
:root{--sir-mobile-gutter:clamp(20px,5.6vw,24px)}
@media(max-width:900px){
  .story-beat--slow .split-copy{padding-left:var(--sir-mobile-gutter)!important;padding-right:var(--sir-mobile-gutter)!important}
}
@media(max-width:620px){
  .story-beat--slow{grid-template-columns:1fr!important;gap:0!important;padding-inline:0!important;align-items:stretch!important}
  .story-beat--slow .split-copy{padding:62px var(--sir-mobile-gutter) 38px!important;max-width:none!important}
  .story-beat--slow .split-copy>p:not(.section-kicker){font-size:13px!important;line-height:1.72!important}
  .story-beat--slow .service-list span{font-size:14px!important;padding:12px 0!important}
  .story-beat--slow .split-media{width:100%!important}
  .story-beat--slow .split-media .media-placeholder{aspect-ratio:4/5!important;width:100%!important}
  .packages-copy{padding-left:var(--sir-mobile-gutter)!important;padding-right:var(--sir-mobile-gutter)!important}
  .rooms-section .center-heading,.experience-section .center-heading{padding-left:var(--sir-mobile-gutter)!important;padding-right:var(--sir-mobile-gutter)!important}
}