.stay-page{
  --stay-paper: #fbfaf5;
  --stay-sand: #ece7da;
  --stay-olive: #7d765b;
  --stay-deep: #454234;
  background: var(--stay-paper);
}
.stay-page main.shell{
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: hidden;
}
.stay-page .crumb,.stay-page .hero,.stay-page .facts,.stay-page .section:not(.cta){
  width: min(var(--max), calc(100% - 3rem));
  margin-inline: auto;
}
.stay-page .crumb{
  position: relative;
  z-index: 3;
  padding: 5.8rem 0 .65rem;
  color: #686556;
  font-size: .72rem;
}
.stay-page .hero{
  position: relative;
  isolation: isolate;
  display: block;
  height: clamp(30rem, 61vh, 35rem);
  min-height: 0;
  padding: 0 0 1.35rem;
}
.stay-page .hero > div{
  position: absolute;
  z-index: 3;
  left: clamp(1.5rem, 4.5vw, 4.5rem);
  bottom: clamp(2rem, 3.7vw, 3.4rem);
  width: min(49rem, 64%);
  padding: 0;
  color: #fff;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.stay-page .hero > div::before{
  display: none;
}
.stay-page .hero h1{
  max-width: 22ch;
  margin-bottom: .65rem;
  color: #fff;
  font-size: clamp(2.25rem, 3.25vw, 3.75rem);
  line-height: .97;
  text-shadow: 0 4px 30px rgba(0, 0, 0, .48);
}
.stay-page .hero > div > p:not(.eyebrow){
  max-width: 39rem;
  margin-bottom: .58rem;
  color: rgba(255, 255, 255, .92);
  font-size: clamp(.84rem, .95vw, 1rem);
}
.stay-page .hero > div > p:nth-of-type(3){
  margin-top: .8rem;
  padding-top: .75rem;
  border-top: 1px solid rgba(255, 255, 255, .38);
  color: #eadbae;
  font-size: .68rem;
  font-weight: 780;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.stay-page .hero .button{
  min-width: 13rem;
  min-height: 2.9rem;
  margin-top: .35rem;
  color: #353328;
  border-color: #f1e7ca;
  background: #f1e7ca;
}
.stay-page .hero .button:hover,.stay-page .hero .button:focus-visible{
  color: #fff;
  background: var(--stay-deep);
}
.stay-page .hero > div > p:last-child{
  display: inline-block;
  margin: 0 0 0 .9rem;
  font-size: .64rem;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.stay-page .hero figure{
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: #d9d5c9;
}
.stay-page .hero figure::before{
  z-index: 1;
  inset: 0;
  border-color: rgba(255, 255, 255, .16);
  background: linear-gradient(90deg, rgba(21, 23, 19, .78) 0%, rgba(25, 26, 21, .56) 31%, rgba(25, 26, 21, .16) 60%, transparent 82%), linear-gradient(0deg, rgba(18, 19, 16, .52) 0%, transparent 48%);
  pointer-events: none;
}
.stay-page .hero figure::after{
  content: "AMARIS · EFORIE NORD";
  position: absolute;
  right: 1.2rem;
  bottom: 1rem;
  padding: .55rem .7rem;
  color: #fff;
  background: rgba(53, 51, 40, .72);
  backdrop-filter: blur(9px);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .15em;
}
.stay-page .hero figure img{
  height: 100%;
  min-height: 0;
  object-position: center;
  box-shadow: none;
  transition: transform 1.1s cubic-bezier(.22,.75,.18,1);
}
.stay-page .hero:hover figure img{ transform: scale(1.012); }
.stay-page .facts{
  position: relative;
  z-index: 5;
  margin-top: -2rem;
  padding: .7rem;
  flex-wrap: nowrap;
  border: 1px solid rgba(125, 118, 91, .2);
  background: rgba(255, 253, 247, .96);
  box-shadow: 0 18px 48px rgba(64, 61, 47, .1);
  backdrop-filter: blur(12px);
}
.stay-page .facts span{
  flex: 1 1 0;
  min-height: 4.3rem;
  margin: 0;
  padding: .9rem 1rem;
  display: grid;
  place-items: center;
  border-right: 1px solid rgba(125, 118, 91, .18);
  color: var(--stay-deep);
  line-height: 1.35;
  text-align: center;
  text-transform: uppercase;
}
.stay-page .section{
  position: relative;
  padding-block: clamp(5rem, 8vw, 8rem);
  border-color: rgba(125, 118, 91, .18);
}
.stay-page .facts + .section{
  padding-top: clamp(3.5rem, 5vw, 5.5rem);
}
.stay-page .section > h2,.stay-page .section > .eyebrow + h2{
  max-width: 16ch;
}
.stay-page .section > p:not(.eyebrow){
  max-width: 54rem;
  color: #5e5b51;
  font: 400 clamp(1rem, 1.2vw, 1.16rem)/1.7 Georgia, serif;
}
.stay-page .section.split{
  gap: 1px;
  padding: 0;
  border: 1px solid rgba(125, 118, 91, .22);
  background: rgba(125, 118, 91, .22);
}
.stay-page .section.split > div{
  min-width: 0;
  padding: clamp(2rem, 5vw, 4.5rem);
  background: #fffdf7;
}
.stay-page .section.split > div:nth-child(even){
  background: var(--stay-sand);
}
.stay-page .section.split h2{
  max-width: 12ch;
  color: var(--stay-deep);
}
.stay-page .section.split h3{
  margin-top: 2.2rem;
  color: var(--stay-olive);
}
.stay-page .section.split ul:not(.amenities),.stay-page .booking-notes{
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}
.stay-page .section.split li:not(.amenities li),.stay-page .booking-notes li{
  position: relative;
  padding: .85rem 0 .85rem 1.4rem;
  border-bottom: 1px solid rgba(125, 118, 91, .17);
}
.stay-page .section.split li:not(.amenities li)::before,.stay-page .booking-notes li::before{
  content: "";
  position: absolute;
  top: 1.35rem;
  left: .1rem;
  width: .42rem;
  height: .42rem;
  background: var(--stay-olive);
  transform: rotate(45deg);
}
.stay-page #gallery{
  width: 100%;
  max-width: none;
  padding-inline: max(1.5rem, calc((100vw - var(--max)) / 2));
  color: #f7f2e5;
  background: var(--stay-deep);
}
.stay-page #gallery h2{
  margin-bottom: 2.5rem;
}
.stay-page #gallery > p:not(.eyebrow),
.stay-page #gallery .curated-gallery-heading > p:not(.eyebrow){
  color: rgba(247, 242, 229, .76);
}
.stay-page #gallery .gallery{
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: clamp(10rem, 15vw, 14rem);
  grid-auto-flow: dense;
  gap: .7rem;
}
.stay-page #gallery .gallery button{
  position: relative;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  grid-column: span 4;
  grid-row: span 1;
  aspect-ratio: auto;
}
.stay-page #gallery .gallery button:first-child{
  grid-column: span 8;
  grid-row: span 1;
}
.stay-page #gallery .gallery button:nth-child(6n){
  grid-column: span 8;
  grid-row: span 1;
}
.stay-page #gallery .gallery img{
  height: 100%;
  transition: transform .65s var(--ease), filter .65s var(--ease);
}
.stay-page #gallery .gallery button:hover img,.stay-page #gallery .gallery button:focus-visible img{
  transform: scale(1.035);
  filter: saturate(1.06);
}
.stay-page .table-wrap{
  border-color: rgba(125, 118, 91, .24);
  background: #fffdf8;
  box-shadow: 0 18px 46px rgba(67, 62, 46, .08);
}
.stay-page table th{
  color: var(--stay-deep);
  background: var(--stay-sand);
}
.stay-page main details{
  margin-top: .65rem;
  padding: 1.25rem 1.4rem;
  border: 1px solid rgba(125, 118, 91, .2);
  background: #fffdf7;
}
.stay-page main details summary{
  position: relative;
  padding-right: 2rem;
  color: var(--stay-deep);
}
.stay-page main details summary::after{
  content: "+";
  position: absolute;
  right: 0;
  color: var(--stay-olive);
  font-size: 1.2rem;
}
.stay-page main details[open] summary::after{
  content: "−";
}
.stay-page .cta{
  width: min(var(--max), calc(100% - 3rem));
  margin: clamp(3rem, 7vw, 7rem) auto;
  padding: clamp(2.5rem, 6vw, 5.5rem);
  background: radial-gradient(circle at 82% 10%, rgba(236, 219, 169, .2), transparent 22rem), linear-gradient(135deg, #34372d, #5f5a45 65%, #7d765b);
  box-shadow: 0 24px 70px rgba(43, 40, 30, .18);
}
.stay-page .cta h2{
  max-width: 12ch;
}
.stay-page .cta .button{
  border-color: #f1e7ca;
}
.stay-page .section > .cards{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.stay-page .section > .cards .card img{
  height: clamp(15rem, 26vw, 23rem);
}
@media (max-width: 1050px){.stay-page .crumb{ padding-top: 5.5rem; }
.stay-page .hero{ height: clamp(29rem, 59vh, 33rem); }
.stay-page .hero > div{ width: min(42rem, 76%); }
.stay-page .hero h1{ font-size: clamp(2.2rem, 4.5vw, 3.45rem); }
.stay-page .facts{ flex-wrap: wrap; }
.stay-page .facts span{ flex: 1 1 30%; }
.stay-page #gallery .gallery{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px){.stay-page .crumb,.stay-page .hero,.stay-page .facts,.stay-page .section:not(.cta),.stay-page .cta{ width: calc(100% - 2rem); }
.stay-page .crumb{ padding-top: 5.15rem; }
.stay-page .hero{ height: clamp(32rem, 70vh, 36rem); padding-top: 0; }
.stay-page .hero > div{ right: 1.1rem; left: 1.1rem; bottom: 2.1rem; width: auto; padding: 0; background: transparent; backdrop-filter: none; }
.stay-page .hero h1{ max-width: 19ch; margin-bottom: .5rem; font-size: clamp(1.9rem, 8.5vw, 2.75rem); }
.stay-page .hero figure::after{ display: none; }
.stay-page .hero > div > p:not(.eyebrow){ margin-bottom: .45rem; font-size: .78rem; }
.stay-page .hero > div > p:nth-of-type(3){ margin-top: .55rem; padding-top: .55rem; }
.stay-page .hero .button{ width: auto; min-width: 0; min-height: 2.7rem; padding: .65rem .85rem; }
.stay-page .hero > div > p:last-child{ margin-left: .55rem; font-size: .58rem; }
.stay-page .hero figure,.stay-page .hero figure img{ min-height: 0; }
.stay-page .hero figure::before{ inset: 0; }
.stay-page .facts{ margin-top: 0; padding: .45rem; }
.stay-page .facts span{ flex: 1 1 46%; min-height: 3.6rem; padding: .7rem; border-bottom: 1px solid rgba(125, 118, 91, .18); font-size: .68rem; }
.stay-page .section.split{ grid-template-columns: 1fr; }
.stay-page .section.split > div{ padding: 2.2rem 1.25rem; }
.stay-page #gallery{ width: 100%; padding-inline: 1rem; }
.stay-page #gallery .gallery{ display: flex; gap: .75rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .8rem; }
.stay-page #gallery .gallery button,.stay-page #gallery .gallery button:first-child,.stay-page #gallery .gallery button:nth-child(6n){ flex: 0 0 84vw; width: auto; height: auto; grid-column: auto; grid-row: auto; aspect-ratio: 4 / 3; scroll-snap-align: start; }
.stay-page .section > .cards{ grid-template-columns: 1fr; }
.stay-page .cta{ padding: 2.5rem 1.4rem; }
}
@media (prefers-reduced-motion: reduce){.stay-page #gallery .gallery img{ transition: none; }
}

/* 2026-09-25: balanced editorial sections and shared premium booking card. */
@media (min-width: 721px){
  .stay-page .section.stay-intro,
  .stay-page .section.stay-location{
    display:grid;
    grid-template-columns:minmax(18rem,.82fr) minmax(26rem,1.18fr);
    column-gap:clamp(3rem,8vw,9rem);
    align-items:center;
    min-height:clamp(25rem,36vw,34rem);
    padding-block:clamp(4rem,7vw,7rem);
  }
  .stay-page .section.stay-intro>.eyebrow{grid-column:1;align-self:end;margin-bottom:1rem}
  .stay-page .section.stay-intro>h2{grid-column:1;align-self:start;margin:0}
  .stay-page .section.stay-intro>p:not(.eyebrow){grid-column:2;grid-row:1 / span 2;max-width:42rem;margin:0;padding:clamp(2rem,4vw,3.5rem);border-left:1px solid rgba(125,118,91,.25);background:linear-gradient(110deg,rgba(236,231,218,.7),rgba(255,253,247,.2))}
  .stay-page .section.stay-location>h2{margin:0;font-size:clamp(3rem,5vw,5.8rem);line-height:.94}
  .stay-page .section.stay-location>p{max-width:42rem!important;margin:0!important;padding:clamp(2rem,4vw,3.5rem);border-left:1px solid rgba(125,118,91,.25);background:linear-gradient(110deg,rgba(236,231,218,.7),rgba(255,253,247,.2))}
}
.stay-page .cta.stay-booking-card{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:.8rem 2rem;
  overflow:hidden;
  padding:clamp(2.25rem,6vw,5rem);
  border:1px solid rgba(142,121,74,.25);
  border-radius:1.5rem;
  color:#33342e;
  background:linear-gradient(125deg,#f4efe2 0%,#e9dec2 58%,#d6c49b 100%);
  box-shadow:0 1.5rem 4rem rgba(68,61,42,.14);
}
.stay-page .cta.stay-booking-card::before{
  content:'AMARIS';position:absolute;z-index:-1;top:-.18em;right:-.03em;color:rgba(111,94,55,.075);font-family:Georgia,serif;font-size:clamp(7rem,18vw,18rem);line-height:1;pointer-events:none;
}
.stay-page .cta.stay-booking-card::after{
  content:'';position:absolute;z-index:-1;right:-8rem;bottom:-10rem;width:24rem;height:24rem;border:1px solid rgba(111,94,55,.2);border-radius:50%;box-shadow:0 0 0 3.5rem rgba(255,255,255,.07),0 0 0 7rem rgba(255,255,255,.05);pointer-events:none;
}
.stay-page .cta.stay-booking-card>.eyebrow{grid-column:1/-1;margin:0;color:#74633c!important}
.stay-page .cta.stay-booking-card h2{grid-column:1;max-width:18ch;margin:.35rem 0 0;color:#242722;font:400 clamp(2.5rem,4.4vw,4.9rem)/.96 Georgia,serif;letter-spacing:-.045em;text-wrap:balance}
.stay-page .cta.stay-booking-card>p:not(.eyebrow):not(.quiet){grid-column:1;max-width:38rem;margin:.65rem 0 1.2rem;color:#5e5a4d;font-size:clamp(1rem,1.5vw,1.2rem)}
.stay-page .cta.stay-booking-card>.button{grid-column:1;width:fit-content;margin:0;border:1px solid #4b493b;background:#454638;color:#fff;box-shadow:0 .75rem 1.8rem rgba(50,48,37,.2);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.stay-page .cta.stay-booking-card>.button:hover,.stay-page .cta.stay-booking-card>.button:focus-visible{transform:translateY(-3px);background:#292b24;box-shadow:0 1rem 2.3rem rgba(50,48,37,.28)}
.stay-page .cta.stay-booking-card>.stay-booking-phone{grid-column:2;grid-row:3/span 2;align-self:center;min-width:14rem;padding:1.2rem 1.4rem;border:1px solid rgba(69,70,56,.42);border-radius:.3rem;color:#454638;text-decoration:none;background:rgba(255,253,247,.72);box-shadow:inset 0 1px rgba(255,255,255,.65);transition:transform .3s ease,background .3s ease}
.stay-page .cta.stay-booking-card>.stay-booking-phone small,.stay-page .cta.stay-booking-card>.stay-booking-phone strong{display:block}.stay-page .cta.stay-booking-card>.stay-booking-phone small{margin-bottom:.35rem;font-size:.58rem;letter-spacing:.16em}.stay-page .cta.stay-booking-card>.stay-booking-phone strong{font-size:clamp(1.2rem,2vw,1.75rem)}
.stay-page .cta.stay-booking-card>.stay-booking-phone:hover,.stay-page .cta.stay-booking-card>.stay-booking-phone:focus-visible{transform:translateY(-3px);background:#fffdf7}
.stay-page .cta.stay-booking-card>.quiet{display:none}
@media(max-width:720px){
  .stay-page .section.stay-intro,.stay-page .section.stay-location{padding-block:3.5rem}
  .stay-page .section.stay-intro>p:not(.eyebrow),.stay-page .section.stay-location>p{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(125,118,91,.2)}
  .stay-page .cta.stay-booking-card{grid-template-columns:1fr;padding:2.25rem 1.3rem;border-radius:1rem}
  .stay-page .cta.stay-booking-card h2{max-width:11ch;font-size:clamp(2.55rem,12vw,4rem)}
  .stay-page .cta.stay-booking-card>p:not(.eyebrow):not(.quiet),.stay-page .cta.stay-booking-card>.button,.stay-page .cta.stay-booking-card>.stay-booking-phone{grid-column:1;grid-row:auto}
  .stay-page .cta.stay-booking-card>.button{width:100%;justify-content:center;text-align:center}
  .stay-page .cta.stay-booking-card>.stay-booking-phone{width:100%;min-width:0;text-align:center}
}
@media(prefers-reduced-motion:reduce){.stay-page .cta.stay-booking-card>.button,.stay-page .cta.stay-booking-card>.stay-booking-phone{transition:none}}

/* 2026-09-25: browser density refinement across all apartment detail pages. */
@media (min-width:900px){
  .stay-page .section{
    padding-block:clamp(3.5rem,4.5vw,4.75rem);
  }
  .stay-page .facts + .section{
    padding-top:clamp(3.25rem,4vw,4.25rem);
  }
  .stay-page .section > h2,
  .stay-page .section > .eyebrow + h2{
    max-width:19ch;
    font-size:clamp(2.85rem,3.65vw,3.65rem);
    line-height:.98;
    letter-spacing:-.035em;
  }
  .stay-page .section.split > div{
    padding:clamp(2.5rem,3.5vw,3.5rem);
  }
  .stay-page .section.split h2{
    max-width:14ch;
    font-size:clamp(2.35rem,3vw,3.15rem);
    line-height:1;
  }
  .stay-page .section.stay-intro,
  .stay-page .section.stay-location{
    min-height:0;
    padding-block:clamp(3.5rem,4.5vw,4.75rem);
    grid-template-columns:minmax(17rem,.78fr) minmax(26rem,1.22fr);
    column-gap:clamp(3rem,6vw,6rem);
  }
  .stay-page .section.stay-intro > h2{
    font-size:clamp(3rem,3.8vw,3.8rem);
  }
  .stay-page .section.stay-intro > p:not(.eyebrow),
  .stay-page .section.stay-location > p{
    padding:clamp(1.6rem,2.6vw,2.4rem);
  }
  .stay-page .section.stay-location > h2{
    font-size:clamp(3.15rem,4vw,4rem);
    line-height:.97;
  }
  .stay-page .section:has(> .table-wrap){
    padding-block:clamp(3.5rem,4vw,4.25rem);
  }
  .stay-page .section:has(> .table-wrap) > h2{
    max-width:none;
    margin-bottom:1.75rem;
  }
  .stay-page .section:has(> .table-wrap) th,
  .stay-page .section:has(> .table-wrap) td{
    padding-block:.9rem;
  }
  .stay-page .section:has(> details){
    display:grid;
    grid-template-columns:minmax(20rem,.82fr) minmax(0,1.18fr);
    align-items:start;
    column-gap:clamp(3rem,6vw,6rem);
  }
  .stay-page .section:has(> details) > h2{
    grid-column:1;
    grid-row:1 / span 8;
    align-self:center;
    justify-self:center;
    max-width:12ch;
    margin:0;
    font-size:clamp(2.8rem,3.45vw,3.45rem);
    text-wrap:balance;
  }
  .stay-page .section:has(> details) > details{
    grid-column:2;
    margin-top:0;
    padding:1.05rem 1.25rem;
  }
  .stay-page .section:has(> details) > details + details{
    margin-top:.55rem;
  }
  .stay-page .section:has(> .booking-notes){
    display:grid;
    grid-template-columns:minmax(20rem,.82fr) minmax(0,1.18fr);
    align-items:start;
    column-gap:clamp(3rem,6vw,6rem);
  }
  .stay-page .section:has(> .booking-notes) > h2{
    grid-column:1;
    grid-row:1 / span 2;
    align-self:center;
    justify-self:center;
    max-width:11ch;
    margin:0;
    font-size:clamp(2.8rem,3.45vw,3.45rem);
    text-wrap:balance;
  }
  .stay-page .section:has(> .booking-notes) > .booking-notes,
  .stay-page .section:has(> .booking-notes) > p{
    grid-column:2;
  }
  .stay-page .section:has(> .booking-notes) > .booking-notes{
    margin:0;
  }
  .stay-page .section:has(> .booking-notes) > p{
    margin:.9rem 0 0;
  }
  .stay-page .section:has(> .cards){
    display:block;
  }
  .stay-page .section:has(> .cards) > h2{
    max-width:24ch;
    margin:0 0 clamp(1.75rem,3vw,2.5rem);
    font-size:clamp(2.55rem,3vw,3rem);
  }
  .stay-page .section:has(> .cards) > .cards{
    gap:1rem;
  }
  .stay-page .section:has(> .cards) > .cards .card img{
    height:clamp(13.5rem,16vw,16.5rem);
  }
  .stay-page .section:has(> .cards) > .cards .card-body{
    padding:1.35rem;
  }
  .stay-page .section:has(> .cards) > .cards h3{
    font-size:clamp(1.3rem,1.7vw,1.7rem);
  }
  .stay-page .cta.stay-booking-card{
    margin-block:clamp(3.75rem,4.5vw,4.75rem);
    padding:clamp(3rem,4vw,4rem);
  }
  .stay-page .cta.stay-booking-card h2{
    font-size:clamp(3rem,3.8vw,3.8rem);
  }
}

/* 2026-09-25: premium editorial chapter shared by all RO/EN apartment pages. */
.stay-page .section.stay-intro{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin-block:clamp(1.5rem,3vw,2.5rem);
  padding-inline:clamp(1.5rem,5vw,5rem);
  border:1px solid rgba(126,108,65,.24);
  border-radius:clamp(1.25rem,2.2vw,2rem);
  background:
    radial-gradient(circle at 88% 118%,rgba(180,151,88,.22) 0,rgba(180,151,88,0) 34%),
    linear-gradient(125deg,#fffdf7 0%,#f4eedf 62%,#e8dcc0 100%);
  box-shadow:0 1.6rem 4.5rem rgba(68,61,42,.13),inset 0 1px rgba(255,255,255,.9);
}
.stay-page .section.stay-intro::before{
  content:'AMARIS' / '';
  position:absolute;
  z-index:-1;
  top:-.24em;
  right:-.04em;
  color:rgba(111,94,55,.055);
  font:700 clamp(7rem,16vw,15rem)/1 Georgia,serif;
  letter-spacing:-.075em;
  pointer-events:none;
}
.stay-page .section.stay-intro::after,
.stay-page .section.stay-intro + .section.split > div::before,
.stay-page .section.stay-intro + .section.split + .section.split > div::before{
  position:absolute;
  top:clamp(1.15rem,2.2vw,1.8rem);
  right:clamp(1.15rem,2.2vw,1.8rem);
  display:grid;
  width:2.8rem;
  height:2.8rem;
  place-items:center;
  border:1px solid rgba(126,108,65,.3);
  border-radius:50%;
  color:#79683f;
  background:rgba(255,253,247,.7);
  box-shadow:0 .6rem 1.4rem rgba(68,61,42,.09);
  font:700 .63rem/1 Arial,sans-serif;
  letter-spacing:.14em;
}
.stay-page .section.stay-intro::after{content:'01' / ''}
.stay-page .section.stay-intro > .eyebrow{
  display:flex;
  align-items:center;
  gap:.8rem;
  color:#826d3e;
}
.stay-page .section.stay-intro > .eyebrow::before{
  content:'';
  width:2.4rem;
  height:1px;
  background:#a88f57;
}
.stay-page .section.stay-intro > h2{
  color:#292b25;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.stay-page .section.stay-intro > p:not(.eyebrow){
  border:1px solid rgba(126,108,65,.18);
  border-radius:1rem;
  color:#595749;
  background:rgba(255,253,247,.66);
  box-shadow:inset 0 1px rgba(255,255,255,.78);
  backdrop-filter:blur(8px);
}

.stay-page .section.stay-intro + .section.split,
.stay-page .section.stay-intro + .section.split + .section.split{
  gap:clamp(.85rem,1.8vw,1.35rem);
  margin-block:clamp(1rem,2vw,1.5rem);
  padding:0;
  border:0;
  background:transparent;
}
.stay-page .section.stay-intro + .section.split > div,
.stay-page .section.stay-intro + .section.split + .section.split > div{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(126,108,65,.2);
  border-radius:clamp(1.15rem,2vw,1.65rem);
  box-shadow:0 1.2rem 3.2rem rgba(68,61,42,.09),inset 0 1px rgba(255,255,255,.8);
  transition:transform .35s ease,box-shadow .35s ease;
}
.stay-page .section.stay-intro + .section.split > div::after,
.stay-page .section.stay-intro + .section.split + .section.split > div::after{
  content:'';
  position:absolute;
  z-index:-1;
  right:-6rem;
  bottom:-7rem;
  width:18rem;
  height:18rem;
  border:1px solid rgba(126,108,65,.13);
  border-radius:50%;
  box-shadow:0 0 0 3.2rem rgba(255,255,255,.05),0 0 0 6.4rem rgba(255,255,255,.035);
  pointer-events:none;
}
.stay-page .section.stay-intro + .section.split > div:first-child::before{content:'02' / ''}
.stay-page .section.stay-intro + .section.split > div:nth-child(2)::before{content:'03' / ''}
.stay-page .section.stay-intro + .section.split + .section.split > div:first-child::before{content:'04' / ''}
.stay-page .section.stay-intro + .section.split + .section.split > div:nth-child(2)::before{content:'05' / ''}
.stay-page .section.stay-intro + .section.split > div:first-child{
  background:linear-gradient(145deg,#fffdf8 0%,#f8f3e8 100%);
}
.stay-page .section.stay-intro + .section.split > div:nth-child(2){
  background:linear-gradient(145deg,#eeecdf 0%,#dedac8 100%);
}
.stay-page .section.stay-intro + .section.split + .section.split > div:first-child{
  color:#f7f1df;
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(145deg,#575748 0%,#3f4035 100%);
  box-shadow:0 1.4rem 3.5rem rgba(46,45,36,.18),inset 0 1px rgba(255,255,255,.1);
}
.stay-page .section.stay-intro + .section.split + .section.split > div:nth-child(2){
  background:
    radial-gradient(circle at 100% 100%,rgba(179,148,83,.22) 0,rgba(179,148,83,0) 42%),
    linear-gradient(145deg,#f3ead7 0%,#e7d8b8 100%);
}
.stay-page .section.stay-intro + .section.split h2,
.stay-page .section.stay-intro + .section.split + .section.split h2{
  padding-right:3.2rem;
  color:#31332c;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  letter-spacing:-.04em;
  text-wrap:balance;
}
.stay-page .section.stay-intro + .section.split h3,
.stay-page .section.stay-intro + .section.split + .section.split h3{
  color:#786a47;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
}
.stay-page .section.stay-intro + .section.split > div li,
.stay-page .section.stay-intro + .section.split + .section.split > div li{
  position:relative;
  border-color:rgba(126,108,65,.18);
}
.stay-page .section.stay-intro + .section.split + .section.split > div:first-child h2,
.stay-page .section.stay-intro + .section.split + .section.split > div:first-child h3,
.stay-page .section.stay-intro + .section.split + .section.split > div:first-child p,
.stay-page .section.stay-intro + .section.split + .section.split > div:first-child li,
.stay-page .section.stay-intro + .section.split + .section.split > div:first-child a{
  color:#f7f1df;
}
.stay-page .section.stay-intro + .section.split + .section.split > div:first-child li{
  border-color:rgba(255,255,255,.16);
}
.stay-page .section.stay-intro + .section.split + .section.split > div:first-child::before{
  color:#f2e4bd;
  border-color:rgba(255,255,255,.2);
  background:rgba(255,255,255,.08);
}
.stay-page .section.stay-intro + .section.split + .section.split > div:first-child .amenities li{
  padding:.8rem .9rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.65rem;
  background:rgba(255,255,255,.055);
}
.stay-page .section.stay-intro + .section.split .next-step{
  margin-top:1.8rem;
  padding:1.15rem 1.2rem;
  border-top:0;
  border:1px solid rgba(126,108,65,.18);
  border-radius:.8rem;
  background:rgba(255,255,255,.48);
}

@media (hover:hover) and (min-width:900px){
  .stay-page .section.stay-intro + .section.split > div:hover,
  .stay-page .section.stay-intro + .section.split + .section.split > div:hover{
    transform:translateY(-4px);
    box-shadow:0 1.7rem 4.2rem rgba(68,61,42,.14),inset 0 1px rgba(255,255,255,.82);
  }
}
@media (min-width:900px){
  .stay-page .section.stay-intro{
    grid-template-columns:minmax(20rem,.9fr) minmax(27rem,1.1fr);
    column-gap:clamp(3rem,7vw,7rem);
    padding-block:clamp(4.25rem,5.5vw,6rem);
  }
  .stay-page .section.stay-intro > h2{
    max-width:13ch;
    font-size:clamp(3rem,4.25vw,4.5rem);
    line-height:.94;
  }
  .stay-page .section.stay-intro > p:not(.eyebrow){
    padding:clamp(2rem,3.4vw,3.2rem);
    border-left:1px solid rgba(126,108,65,.18);
    font-size:clamp(1.05rem,1.25vw,1.22rem);
    line-height:1.75;
  }
  .stay-page .section.stay-intro + .section.split > div,
  .stay-page .section.stay-intro + .section.split + .section.split > div{
    padding:clamp(2.75rem,4vw,4.25rem);
  }
  .stay-page .section.stay-intro + .section.split h2,
  .stay-page .section.stay-intro + .section.split + .section.split h2{
    max-width:15ch;
    font-size:clamp(2.35rem,3vw,3.25rem);
    line-height:.98;
  }
}
@media (max-width:899px){
  .stay-page .section.stay-intro{
    padding-block:3.5rem;
  }
  .stay-page .section.stay-intro + .section.split,
  .stay-page .section.stay-intro + .section.split + .section.split{
    grid-template-columns:1fr;
  }
}
@media (max-width:720px){
  .stay-page .section.stay-intro{
    margin-block:1rem;
    padding:4rem 1.25rem 1.25rem;
    border-radius:1.15rem;
  }
  .stay-page .section.stay-intro > h2{
    font-size:clamp(2.5rem,12vw,3.65rem);
    line-height:.96;
  }
  .stay-page .section.stay-intro > p:not(.eyebrow){
    margin-top:1.5rem;
    padding:1.25rem;
    border:1px solid rgba(126,108,65,.18);
  }
  .stay-page .section.stay-intro + .section.split,
  .stay-page .section.stay-intro + .section.split + .section.split{
    gap:.8rem;
    margin-block:.8rem;
  }
  .stay-page .section.stay-intro + .section.split > div,
  .stay-page .section.stay-intro + .section.split + .section.split > div{
    padding:3.8rem 1.25rem 1.6rem;
    border-radius:1rem;
  }
  .stay-page .section.stay-intro + .section.split h2,
  .stay-page .section.stay-intro + .section.split + .section.split h2{
    max-width:15ch;
    padding-right:1rem;
    font-size:clamp(2.15rem,10vw,3rem);
  }
  .stay-page .section.stay-intro + .section.split + .section.split > div:first-child .amenities{
    grid-template-columns:1fr;
  }
}
@media (prefers-reduced-motion:reduce){
  .stay-page .section.stay-intro + .section.split > div,
  .stay-page .section.stay-intro + .section.split + .section.split > div{transition:none}
}

/* 2026-09-28 feedback: clearer secondary gallery action and balanced related heading. */
.stay-page .hero > div > .eyebrow{
  color:#eadbae;
  text-shadow:0 2px 16px rgba(0,0,0,.52);
}
.stay-page .hero > div > p:last-child a{
  display:inline-flex;
  min-height:2.9rem;
  align-items:center;
  justify-content:center;
  padding:.72rem 1rem;
  border:1px solid rgba(255,255,255,.62);
  color:#fff;
  text-decoration:none;
  background:rgba(35,38,31,.34);
  box-shadow:inset 0 1px rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  transition:transform .25s ease,background .25s ease,border-color .25s ease;
}
.stay-page .hero > div > p:last-child a:hover,
.stay-page .hero > div > p:last-child a:focus-visible{
  transform:translateY(-2px);
  border-color:#f1e7ca;
  background:rgba(69,66,52,.76);
}
.stay-page .section:has(> .cards) > h2{
  max-width:31ch;
  font-size:clamp(2.35rem,3.15vw,3.35rem);
  line-height:1;
  text-wrap:balance;
}
@media(max-width:720px){
  .stay-page .hero > div > p:last-child{display:block;margin:.55rem 0 0}
  .stay-page .hero > div > p:last-child a{width:max-content;max-width:100%;min-height:2.85rem;padding:.72rem .95rem;font-size:.62rem}
  .stay-page .section:has(> .cards) > h2{max-width:24ch;font-size:clamp(2.15rem,9vw,2.8rem)}
}
@media(prefers-reduced-motion:reduce){.stay-page .hero > div > p:last-child a{transition:none}}

/* 2026-09-25: richer gallery hover shared by all apartment detail pages. */
.stay-page #gallery .gallery button{
  isolation:isolate;
  border:1px solid rgba(231,214,168,.16);
  border-radius:clamp(.65rem,1.1vw,.95rem);
  cursor:zoom-in;
  box-shadow:0 .85rem 2.1rem rgba(12,14,12,.16);
  transition:transform .5s var(--ease),border-color .45s ease,box-shadow .5s var(--ease);
}
.stay-page #gallery .gallery button::before{
  content:'';
  position:absolute;
  z-index:1;
  inset:-35% -75%;
  opacity:0;
  background:linear-gradient(110deg,transparent 32%,rgba(255,248,226,.08) 43%,rgba(255,248,226,.38) 50%,rgba(255,248,226,.08) 57%,transparent 68%);
  transform:translateX(-38%) rotate(2deg);
  transition:opacity .35s ease,transform .85s var(--ease);
  pointer-events:none;
}
.stay-page #gallery .gallery button::after{
  content:'↗' / '';
  position:absolute;
  z-index:3;
  top:1rem;
  right:1rem;
  display:grid;
  width:2.75rem;
  height:2.75rem;
  place-items:center;
  border:1px solid rgba(255,255,255,.44);
  border-radius:50%;
  color:#fff8e7;
  background:rgba(31,34,28,.42);
  box-shadow:0 .7rem 1.8rem rgba(12,14,12,.2),inset 0 1px rgba(255,255,255,.16);
  font:400 1rem/1 Arial,sans-serif;
  opacity:0;
  transform:translateY(.55rem) scale(.72) rotate(-22deg);
  backdrop-filter:blur(9px);
  transition:opacity .35s ease,transform .55s var(--ease),background .35s ease;
  pointer-events:none;
}
.stay-page #gallery .gallery img{
  transform:scale(1.001);
  transition:transform .85s var(--ease),filter .65s ease;
  will-change:transform;
}
.stay-page #gallery .gallery-caption{
  z-index:2;
  padding:3.6rem 1.1rem 1rem;
  background:linear-gradient(transparent 0%,rgba(19,22,18,.18) 32%,rgba(19,22,18,.9) 100%);
  transform:translateY(.15rem);
  transition:transform .48s var(--ease),padding .48s var(--ease),background .4s ease;
  pointer-events:none;
}
.stay-page #gallery .gallery-caption b{
  display:grid;
  min-width:2rem;
  height:2rem;
  place-items:center;
  border:1px solid rgba(231,214,168,.4);
  border-radius:50%;
  color:#f0dda6;
  background:rgba(50,49,38,.34);
  transition:color .35s ease,background .35s ease,transform .45s var(--ease);
}
.stay-page #gallery .gallery button:focus-visible{
  outline:2px solid #f0dda6;
  outline-offset:4px;
}
@media (hover:hover) and (pointer:fine){
  .stay-page #gallery .gallery button:hover,
  .stay-page #gallery .gallery button:focus-visible{
    opacity:1;
    border-color:rgba(231,214,168,.62);
    box-shadow:0 1.4rem 3.2rem rgba(10,12,10,.32),0 0 0 1px rgba(231,214,168,.08);
    transform:translateY(-5px);
  }
  .stay-page #gallery .gallery button:hover::before,
  .stay-page #gallery .gallery button:focus-visible::before{
    opacity:1;
    transform:translateX(38%) rotate(2deg);
  }
  .stay-page #gallery .gallery button:hover::after,
  .stay-page #gallery .gallery button:focus-visible::after{
    opacity:1;
    transform:translateY(0) scale(1) rotate(0);
    background:rgba(43,45,36,.7);
  }
  .stay-page #gallery .gallery button:hover img,
  .stay-page #gallery .gallery button:focus-visible img{
    transform:scale(1.085) rotate(.25deg);
    filter:saturate(1.15) contrast(1.04) brightness(1.03);
  }
  .stay-page #gallery .gallery button:hover .gallery-caption,
  .stay-page #gallery .gallery button:focus-visible .gallery-caption{
    padding-bottom:1.25rem;
    background:linear-gradient(transparent 0%,rgba(19,22,18,.2) 25%,rgba(19,22,18,.96) 100%);
    transform:translateY(0);
  }
  .stay-page #gallery .gallery button:hover .gallery-caption b,
  .stay-page #gallery .gallery button:focus-visible .gallery-caption b{
    color:#fff8e7;
    background:rgba(168,143,87,.4);
    transform:rotate(-6deg) scale(1.05);
  }
}
@media (max-width:720px), (hover:none){
  .stay-page #gallery .gallery button::after{
    top:.75rem;
    right:.75rem;
    width:2.35rem;
    height:2.35rem;
    opacity:.86;
    transform:none;
  }
  .stay-page #gallery .gallery-caption{padding:3rem .9rem .85rem}
}
@media (prefers-reduced-motion:reduce){
  .stay-page #gallery .gallery button,
  .stay-page #gallery .gallery button::before,
  .stay-page #gallery .gallery button::after,
  .stay-page #gallery .gallery img,
  .stay-page #gallery .gallery-caption,
  .stay-page #gallery .gallery-caption b{transition:none}
  .stay-page #gallery .gallery button:hover,
  .stay-page #gallery .gallery button:focus-visible,
  .stay-page #gallery .gallery button:hover img,
  .stay-page #gallery .gallery button:focus-visible img{transform:none}
  .stay-page #gallery .gallery button::before{display:none}
}
