.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
@font-face{  font-family: "Open Sans", sans-serif;src:local(Arial)}:root{--ink:#111820;--text:#17191c;--muted:#6d7278;--bg:#f6f5f3;--line:#e8e7e4}*{box-sizing:border-box}html{scroll-behavior:smooth}

body{margin:0;background:#fff;color:var(--text);font:15px/1.65 'Open Sans',Helvetica,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(42px,5.6vw,84px)}h2{font-size:clamp(30px,3.1vw,48px)}h3{font-size:22px}.container{width:min(1440px,calc(100% - 112px));margin-inline:auto}.section{padding-top:72px;padding-bottom:72px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-head h2{margin:0}.section-all{font-size:13px;font-weight:600;white-space:nowrap}.section-all span{margin-left:10px}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-bottom:17px}.lead{font-size:19px;color:var(--muted);max-width:700px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:14px 23px;border-radius:12px;background:var(--ink);border:1px solid var(--ink);color:#fff;font-weight:600;font-size:13px;min-height:47px;transition:background .2s,transform .2s}.btn:hover{background:#2c3944;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--ink)}.btn-small{padding:10px 14px;min-height:38px}.text-link{font-weight:700;text-decoration:underline;text-underline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:9999;background:white;padding:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.is-inner main{padding-top:105px}.is-inner .site-header{background:rgba(255,255,255,.92)}.top-gap{margin-top:60px}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px}.info-panel{padding:40px;background:var(--bg);border-radius:18px;margin:30px 0}.hero-shell{position:relative}.hero-photo{height:clamp(590px,53vw,740px);position:relative;overflow:hidden;background:linear-gradient(112deg,#111820 0%,#242d33 55%,#55595b 100%);color:white;transition:background .5s}.hero-photo[data-slide="1"]{background:linear-gradient(112deg,#101b24,#39454a 55%,#77736b)}.hero-photo[data-slide="2"]{background:linear-gradient(112deg,#141c22,#4d4b49 55%,#777e7b)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080e14a3,transparent 80%);pointer-events:none}

.hero-placeholder{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;color:#ffffff33}
.hero-placeholder img {    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;}
    .hero-placeholder>span{font-size:clamp(90px,16vw,280px);font-weight:800;letter-spacing:-.1em;transform:rotate(-9deg)}.hero-placeholder small{position:absolute;bottom:25px;right:35px;font-size:11px;letter-spacing:.08em;color:#ffffff8c}.hero-placeholder-lines{position:absolute;inset:18% 13% 12% 38%;border:2px solid #ffffff1c;border-radius:45% 45% 0 0;transform:skew(-14deg)}.hero-content{position:absolute;z-index:2;left:max(6%,calc((100% - 1328px)/2));bottom:110px;max-width:830px}.hero-tag{font-size:11px;letter-spacing:.18em;font-weight:700;margin-bottom:28px;color:#ffffffb8}.hero-content h1{margin:0 0 24px;color:white}.hero-content p{font-size:clamp(15px,1.4vw,20px);line-height:1.45;margin-bottom:27px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-glass{background:#ffffff18;border:1px solid #ffffffa8;backdrop-filter:blur(8px)}.btn-glass:hover{background:#ffffff30}.hero-aside{position:absolute;z-index:3;right:6%;top:35%;width:185px;font-size:13px}.hero-controls{display:flex;align-items:center;gap:9px;margin-top:22px}.hero-controls span{font-size:12px;white-space:nowrap;margin-right:8px}.hero-controls button,.room-mobile-controls button{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff88;background:#ffffff0d;color:white;font-size:0px}.hero-mobile-bottom{display:none}.benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-top:28px;padding-bottom:28px}.benefits>div{display:flex;align-items:center;gap:16px;font-size:13px;line-height:1.4}.benefits small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.benefits svg{width:28px;height:28px;flex-shrink:0}.rooms-home{padding-top:35px}.home-room-tabs{display:flex;gap:7px;justify-content:center;margin:-55px 0 29px}.home-room-tabs button{border:0;border-radius:50px;padding:9px 19px;font-size:12px;background:var(--bg);color:var(--text)}.home-room-tabs button.active{background:var(--ink);color:white}.home-rooms-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(200px,1fr);gap:15px}.home-room-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;min-width:0}
    
    .room-count{border-radius:15px;background:
        linear-gradient(135deg, #6b5b48, #d2ccb4);color:white; padding:28px;display:flex;flex-direction:column;align-items:flex-start;min-height:330px}.room-count .count-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--muted)}.room-count strong{font:italic 70px Georgia,serif;letter-spacing:-.08em;margin:5px 0}.room-count>span:not(.count-eyebrow){font-size:16px;line-height:1.3;font-weight:700}.room-count p{font-size:12px;color:#fff;line-height:1.5;margin-top:17px}.room-count a{font-size:12px;font-weight:700;text-decoration:underline;margin-top:auto}.room-mobile-controls{display:none}.location-banner{position:relative;min-height:265px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(110deg,#101922,#283b47);border-radius:17px;color:white;padding:38px 45px;overflow:hidden}.location-copy{position:relative;z-index:2;max-width:410px}.location-copy h2{font-size:clamp(25px,2.3vw,35px);margin-bottom:13px}.location-copy p{font-size:13px;max-width:330px}.location-copy .eyebrow{color:#b6c5cb}
    .location-placeholder{position:absolute;inset:0 20% 0 40%;display:grid;place-items:center;border:2px dashed #ffffff1c;color:#ffffff4a;font-size:12px;transform:skew(-13deg)}
    .location-placeholder img {    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;}
    .feature svg.icon {
    width: 45px;
    height: 45px;
    stroke-width: 1.3px;
}
    .location-features{position:relative;z-index:2;display:grid;gap:13px;min-width:175px;font-size:12px}

.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:17px}.service-grid a{position:relative;background:var(--bg);border-radius:16px;padding:30px;min-height:205px;display:flex;flex-direction:column}.service-grid h3{margin:28px 0 9px}.service-grid p{color:var(--muted);font-size:13px}.service-num{font-size:12px;color:var(--muted)}.service-arrow{position:absolute;right:25px;top:25px;font-size:21px}
.about-strip{
    background: #899eb7;
    border-radius: 17px;
    padding: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    color: white;}
    .about-strip h2{max-width:540px;margin:0}.about-strip p{font-size:18px;max-width:470px}.home-faq{padding-top:20px}

/* Hero carousel: entire content transitions, not just background */
.hero-photo{isolation:isolate}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{visibility:hidden;opacity:0;transform:translateX(5%);transition:opacity .65s ease,transform .7s cubic-bezier(.22,1,.36,1),visibility 0s linear .7s;pointer-events:none;overflow:hidden;background:linear-gradient(112deg,#111820,#343e43 55%,#55595b)}
.hero-slide:nth-child(2){background:linear-gradient(112deg,#101b24,#39454a 55%,#77736b)}
.hero-slide:nth-child(3){background:linear-gradient(112deg,#141c22,#4d4b49 55%,#777e7b)}
.hero-slide.is-active{visibility:visible;opacity:1;transform:translateX(0);transition:opacity .65s ease,transform .7s cubic-bezier(.22,1,.36,1);pointer-events:auto}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080e14a3,transparent 80%);pointer-events:none}
.hero-photo::after{display:none}
.hero-title{font-size:clamp(42px,5.6vw,84px);color:#fff;margin:0 0 24px}
.hero-slide .hero-content{z-index:2}
.hero-aside{pointer-events:none}.hero-controls{pointer-events:auto}
.booking-placeholder{margin-top:-1px;margin-bottom:10px;min-height:136px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 32px;background:#f6f5f3;border:1px dashed #bdc0c1;border-radius:0 0 18px 18px}
.booking-placeholder-content{max-width:700px}.booking-placeholder-label{display:block;font-size:10px;letter-spacing:.14em;color:#6d7278;font-weight:700;margin-bottom:6px}
.booking-placeholder strong{display:block;font-size:19px}.booking-placeholder p{font-size:13px;color:#6d7278;margin:4px 0 0}
.booking-placeholder .btn{white-space:nowrap}
.rooms-home .section-head{margin-bottom:27px}
.room-meta {
    display: flex;
    gap: 19px;
    flex-wrap: wrap;
    color: #405261;
    font-size: 14px;
    margin-bottom: 14px;
}
.meta-item {
    display: flex;
    align-items: center;
    gap: 7px;
}


@media(max-width:760px){.hero-title{font-size:clamp(35px,8.2vw,54px);line-height:1.06;margin-bottom:14px}.booking-placeholder{flex-direction:column;align-items:stretch;gap:16px;padding:20px;margin-top:0;border-radius:14px}.booking-placeholder .btn{width:100%}}
@media(max-width:400px){.hero-title{font-size:35px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide.is-active{transition:none}}





/* CONTACTS — AER HOTEL */

.contact-strip {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: clamp(32px, 5vw, 80px);
  align-items: stretch;
  padding-top: 65px;
  padding-bottom: 65px;
}

.contact-info {
  min-width: 0;
}

.contact-info h2 {
  font-size: clamp(32px, 3.4vw, 52px);
  font-weight: 650;
  letter-spacing: -0.045em;
  line-height: 1.1;
  color: #111820;
  margin: 0 0 18px;
}

.contact-address {
  font-size: 16px;
  line-height: 1.65;
  color: #6D7278;
  margin: 0 0 24px;
}

.contact-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.contact-route {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 15px 22px;
  min-width: 245px;
  border-radius: 13px;
  background: #111820;
  color: white;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .25s, transform .25s;
}

.contact-route:hover {
  background: #303b45;
  transform: translateY(-2px);
}

.contact-route span {
  font-size: 20px;
}

.contact-secondary {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  padding: 13px 17px;
  min-height: 48px;
  border: 1px solid #f0efed;
  border-radius: 13px;
  background: #fff;
  color: #17191C;
  box-shadow: 0 3px 16px rgba(17,24,32,.045);
  font: inherit;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s, transform .2s;
}

.contact-secondary:hover {
  background: #F6F5F3;
  transform: translateY(-1px);
}

.contact-icon {
  width: 22px;
  height: 22px;
  display: inline-flex;
  flex-shrink: 0;
}

.contact-icon svg {
  width: 100%;
  height: 100%;
}

.contact-actions a:nth-child(2) .contact-icon {
  color: #e32735;
}

.contact-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 30px;
  padding-top: 24px;
  border-top: 1px solid #e9e9e7;
}

.contact-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.contact-detail-label {
  display: block;
  font-size: 12px;
  color: #6D7278;
  font-weight: 500;
  margin-bottom: 5px;
}

.contact-detail a {
  color: #17191C;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
}

.contact-detail a:hover {
  text-decoration: underline;
}

.contact-hours {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #17191C;
  font-size: 14px;
  font-weight: 600;
}

.contact-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #37a76f;
  box-shadow: 0 0 0 4px rgba(55,167,111,.12);
}

.contact-socials {
  margin-top: 26px;
}

.contact-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.contact-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 43px;
  padding: 10px 15px;
  border: 1px solid #e9e9e7;
  border-radius: 12px;
  color: #17191C;
  background: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: background .2s;
}

.contact-social-link:hover {
  background: #F6F5F3;
}

.contact-social-link svg {
  width: 21px;
  height: 21px;
}

.max-icon {
  display: inline-grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border-radius: 7px;
  background: #111820;
  color: white;
  font-size: 14px;
  font-weight: 800;
}

.contact-map {
  position: relative;
  min-width: 0;
  min-height: 430px;
  overflow: hidden;
  border-radius: 22px;
  background: #F6F5F3;
}

.contact-map iframe {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/* TABLET */

@media (max-width: 1000px) {
  .contact-strip {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .contact-details {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* MOBILE */

@media (max-width: 760px) {
  .contact-strip {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .contact-info h2 {
    font-size: 34px;
  }

  .contact-address {
    font-size: 14px;
  }

  .contact-actions {
    align-items: stretch;
  }

  .contact-route,
  .contact-secondary {
    width: 100%;
  }

  .contact-details {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }

  .contact-detail a {
    font-size: 13px;
  }

  .contact-map {
    min-height: 330px;
    border-radius: 17px;
  }
}

@media (max-width: 380px) {
  .contact-details {
    grid-template-columns: 1fr;
  }

  .contact-map {
    min-height: 290px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .contact-route,
  .contact-secondary,
  .contact-social-link {
    transition: none;
  }
}