/* Framed accommodation gallery with optional resort layout study. */
.property-showcase{background:#fff;padding:65px max(4vw,24px) 60px;color:#003366}
.property-heading{max-width:720px;margin:0 auto 40px;text-align:center}.property-heading>.eyebrow{color:#003366;font-size:10px;margin-bottom:20px}.property-heading>h2{font-size:clamp(43px,5.1vw,76px);line-height:1.07;margin-bottom:24px}.property-heading>p:last-child{color:#627685;font:16px/1.8 var(--sans);max-width:590px;margin:0 auto}
.property-device{max-width:1440px;margin:0 auto}.property-device>.comparison-laptop{filter:drop-shadow(0 16px 19px #00336612)}.property-device .comparison-laptop-display{padding:18px 8px 10px;border-radius:18px 18px 4px 4px}.property-device .comparison-laptop-display::before{top:7px;width:4px;height:4px}
.property-canvas{position:relative;width:100%;margin:0;aspect-ratio:16/10;background:#003366;overflow:hidden;touch-action:pan-y;border-radius:2px}
.property-device-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:20px;min-height:62px;padding:15px 20px 3px}.property-mobile-caption{display:none}

.property-panel{position:absolute;inset:0;overflow:hidden;animation:property-arrive .65s ease both}.property-panel>img,.property-panel>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.property-panel::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#001c3618 30%,#001c3650 65%,#00172bd9 100%);pointer-events:none}
.property-caption{position:absolute;z-index:2;bottom:43px;left:clamp(26px,4.2vw,70px);right:110px;color:#fff}.property-caption>p{font:9px/1.5 var(--sans);letter-spacing:.2em;margin:0 0 14px;color:#fff}.property-caption>h3{font:400 clamp(33px,3.2vw,53px)/1.08 var(--serif);letter-spacing:-.03em;margin:0 0 15px;color:#fff}.property-caption>span{font:13px/1.7 var(--sans);color:#fff;text-shadow:0 1px 8px #00172b80}.property-film-toggle{position:relative;flex:none;min-height:44px;padding:11px 16px;border:1px solid #b6c6d5;background:#003366;color:#fff;font:11px/1.5 var(--sans);transition:background .2s}

.property-navigation{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #cfdae4}.property-navigation>button{display:flex;align-items:center;gap:16px;min-width:0;padding:23px 18px;background:transparent;color:#526e87;border-top:3px solid transparent;text-align:left;transition:background .25s,border-color .25s,color .25s}.property-navigation>button[aria-selected="true"]{border-color:#003366;background:#eef3f7;color:#003366}.property-navigation img{width:64px;height:45px;object-fit:cover;flex:none}.property-navigation span{font:13px/1.4 var(--sans)}.property-navigation small{display:block;font:8px/1.3 var(--sans);letter-spacing:.16em;margin-bottom:6px;color:#71869a}.property-navigation button:focus-visible,.property-film-toggle:focus-visible,.property-panel:focus-visible{outline:2px solid #003366;outline-offset:4px}.property-panel:focus-visible{outline-color:#fff;outline-offset:-5px}
.property-directions{max-width:1400px;margin:30px auto 0}.property-directions>summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font:13px/1.5 var(--sans);cursor:pointer;list-style:none;border-bottom:1px solid #d5dfe8}.property-directions>summary::-webkit-details-marker{display:none}.property-directions>summary>span{font-size:22px;transition:transform .25s}.property-directions[open]>summary>span{transform:rotate(45deg)}.property-directions .resort-proof{padding-top:42px}.property-directions .proof-copy>h3{font-size:clamp(34px,3vw,48px);color:#003366}.property-directions .proof-grid{gap:40px}.property-directions .proof-stage{align-self:center}
@keyframes property-arrive{from{opacity:.3;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
@media(hover:hover){.property-navigation>button:hover{background:#f0f5f9;color:#003366}.property-film-toggle:hover{background:#003366}.property-directions>summary:hover{color:#005b96}}
@media(max-width:800px){.property-showcase{padding:45px 20px}.property-heading{margin-bottom:32px}.property-heading>h2{font-size:48px}.property-heading>p:last-child{font-size:14px}.property-device .comparison-laptop-display{padding:12px 5px 7px;border-radius:12px 12px 3px 3px}.property-device .comparison-laptop-display::before{top:4px;width:3px;height:3px}.property-caption{left:25px;bottom:25px;right:24px}.property-caption>h3{font-size:32px}.property-caption>span{display:block;max-width:440px;font-size:12px}.property-navigation>button{padding:16px 10px;gap:10px;display:block}.property-navigation img{width:100%;height:55px;margin-bottom:10px}.property-navigation span{font-size:11px}.property-directions .proof-grid{gap:25px}}
@media(max-width:500px){.property-showcase{padding:36px 16px 40px}.property-heading>h2{font-size:41px}.property-device .comparison-laptop-display{width:calc(100% - 18px);padding:9px 4px 5px;border-radius:10px 10px 2px 2px}.property-device .comparison-laptop-display::before{top:3px;width:2px;height:2px}.property-caption{display:none}.property-panel::after{background:linear-gradient(180deg,#001c3612,#001c3620)}.property-device-footer{padding:21px 4px 18px;gap:14px;min-height:0}.property-mobile-caption{display:block;flex:1;min-width:0}.property-mobile-caption h3{font:400 25px/1.12 var(--serif);letter-spacing:-.025em;color:#003366;margin:0 0 10px}.property-mobile-caption p{font:12px/1.7 var(--sans);color:#627685;margin:0}.property-film-toggle{padding:10px 12px;font-size:10px}.property-navigation{margin:0}.property-navigation>button{padding:14px 6px}.property-navigation img{height:44px}.property-navigation span{font-size:11px}.property-navigation small{margin-bottom:4px}.property-directions>summary{font-size:12px}.property-directions .resort-proof{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.property-panel{animation:none}.property-navigation>button,.property-film-toggle,.property-directions>summary>span{transition:none}}

/* A compact accommodation chapter: purpose on the left, live gallery on the right. */
.property-showcase{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.4fr);column-gap:clamp(36px,5vw,80px);row-gap:0;padding:65px max(6vw,24px) 60px}
.property-heading{grid-column:1;grid-row:1/3;align-self:center;max-width:450px;margin:0;text-align:left;padding-bottom:40px}
.property-heading>h2{font-size:clamp(36px,3.65vw,57px);line-height:1.1;margin-bottom:25px}
.property-heading>p:not(.eyebrow){font:15px/1.8 var(--sans);color:#627685;max-width:440px;margin:0}
.property-heading>.property-context{font-size:12px;line-height:1.7;color:#718497;margin-top:22px;max-width:355px}
.property-journey{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;border-top:1px solid #d5dfe8;padding-top:22px;margin-top:27px;font:10px/1.6 var(--sans);color:#6a7f90}
.property-journey strong{color:#003366;font-weight:500}.property-journey i{font-style:normal;color:#91a2af}
.property-device{grid-column:2;grid-row:1;width:100%;max-width:880px;align-self:end}.property-canvas{aspect-ratio:16/10}.property-device-footer{min-height:58px;padding:12px 14px 2px}
.property-caption{left:32px;right:30px;bottom:30px}.property-caption>h3{font-size:clamp(28px,2.65vw,42px)}.property-caption>span{font-size:12px}
.property-navigation{grid-column:2;grid-row:2;width:100%;max-width:860px;align-self:start}.property-navigation>button{gap:10px;padding:16px 10px;display:block}.property-navigation img{width:100%;height:52px;margin-bottom:9px}.property-navigation span{font-size:11px}.property-navigation small{font-size:8px;margin-bottom:4px}
.property-directions{grid-column:1/-1;width:100%;max-width:1440px;margin-top:32px}
@media(min-width:1700px){.property-showcase{grid-template-columns:minmax(280px,450px) minmax(0,880px);justify-content:center}}
@media(max-width:1000px){.property-showcase{grid-template-columns:1fr;padding:48px 24px}.property-heading{grid-column:1;grid-row:auto;max-width:670px;padding-bottom:30px}.property-heading>h2{font-size:clamp(37px,5.5vw,51px)}.property-heading>p:not(.eyebrow){max-width:600px}.property-heading>.property-context{margin-top:16px}.property-journey{margin-top:20px;padding-top:17px}.property-device,.property-navigation{grid-column:1;grid-row:auto;max-width:800px}.property-directions{grid-column:1}}
@media(max-width:500px){.property-showcase{padding:38px 16px}.property-heading>h2{font-size:39px}.property-heading>p:not(.eyebrow){font-size:14px}.property-heading>.property-context{font-size:12px}.property-heading{padding-bottom:26px}.property-device-footer{padding:21px 4px 18px}.property-navigation>button{padding:14px 6px}.property-navigation img{height:44px}.property-journey{font-size:9px;gap:8px}.property-directions{margin-top:24px}}
