
.gt-stay-teaser {background:#14291f;color:#fff9eb}
.gt-stay-teaser .eyebrow,.gt-stay-hero .eyebrow {color:#ecd4a1}
.gt-stay-teaser .stay-photos {position:relative;display:block;aspect-ratio:1.38;isolation:isolate}
.gt-stay-teaser .stay-photos img {position:absolute;width:69%;height:74%;object-fit:cover;border:4px solid #faf4e5;border-radius:10px;box-shadow:0 10px 22px #070e0a55}
.gt-stay-teaser .stay-photos img:first-child {top:7%;left:3%;transform:rotate(-8deg)}
.gt-stay-teaser .stay-photos img:last-child {top:19%;left:28%;transform:rotate(7deg)}
.gt-stay-hero {color:#fff9eb;background:#14291f linear-gradient(90deg,#10241bef,#10241b70);background-image:linear-gradient(90deg,#10241bef,#10241b70),url('assets/stay.jpg');background-position:center 52%;background-size:cover;padding-block:clamp(48px,9vw,115px)}
.gt-stay-hero h1 {color:inherit}
.gt-stay-page dialog {max-width:min(860px,calc(100% - 24px));width:100%;background:#fffaf0;color:#192e24;border:0;border-radius:8px;padding:14px}
.gt-stay-page dialog::backdrop {background:#0b1712dd}
.gt-stay-page dialog img {display:block;width:100%;height:min(62vh,570px);object-fit:contain;background:#192e24}
.gt-stay-page .controls {display:flex;align-items:center;justify-content:space-between;gap:8px}
.gt-stay-page .controls button {min-height:44px;min-width:44px;border:0;background:#e8e1cf;border-radius:4px;cursor:pointer}
@media(max-width:660px) {.gt-stay-teaser .stay {grid-template-columns:minmax(0,1fr)}}

.gt-stay-page .coverflow {margin-top:20px;border-radius:9px;background:radial-gradient(ellipse at 50% 32%,#304d3b,#13281e 77%);color:#fff9eb;padding:clamp(10px,3vw,24px)}
.gt-stay-page .stage {position:relative;display:grid;place-items:center;perspective:920px;overflow:hidden;height:clamp(190px,44vw,440px)}
.gt-stay-page .slide {position:absolute;width:60%;height:82%;padding:0;border:1px solid #ffffff44;border-radius:8px;overflow:hidden;background:#162e22;box-shadow:0 13px 26px #080e0abb;cursor:pointer;transition:transform .32s ease,opacity .28s ease}
.gt-stay-page .slide img {display:block;width:100%;height:100%;object-fit:cover}
.gt-stay-page .slide[data-slot="0"] {transform:translateZ(18px);z-index:3}
.gt-stay-page .slide[data-slot="-1"] {transform:translateX(-45%) rotateY(34deg) translateZ(-86px);opacity:.66;z-index:2}
.gt-stay-page .slide[data-slot="1"] {transform:translateX(45%) rotateY(-34deg) translateZ(-86px);opacity:.66;z-index:2}
.gt-stay-page .slide[data-slot="far-left"] {transform:translateX(-68%) rotateY(38deg) translateZ(-150px);opacity:0;pointer-events:none}
.gt-stay-page .slide[data-slot="far-right"] {transform:translateX(68%) rotateY(-38deg) translateZ(-150px);opacity:0;pointer-events:none}
.gt-stay-page .carousel-controls {display:flex;justify-content:center;align-items:center;gap:16px;padding:4px 0 2px;font-variant-numeric:tabular-nums}
.gt-stay-page .carousel-controls button {min-width:44px;min-height:44px;border:1px solid #fff5;border-radius:5px;background:#ffffff0d;color:inherit;cursor:pointer;font:inherit}
.gt-stay-page .carousel-controls button:hover {background:#ffffff28}
@media(max-width:660px) {.gt-stay-page .slide{width:67%}}
@media(prefers-reduced-motion:reduce) {.gt-stay-page .slide{transition:none}}
/* The outer section supplies the full-width background. */
.gt-stay-teaser > .stay { background: transparent; box-shadow: none; clip-path: none; }
