@import url("shanghai-cruiseport.css?v=20260911b");

.hero>img{object-position:center 48%;filter:saturate(.9)}
.hero::after{background:linear-gradient(90deg,rgba(4,26,38,.9) 0%,rgba(4,26,38,.58) 45%,rgba(4,26,38,.18) 80%)}
.hero-content{max-width:1160px}
.life-text-panel,.overview-text-panel{padding:clamp(34px,5vw,68px);border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025))}
.life-text-panel>p{max-width:1050px;margin:0;color:rgba(255,255,255,.88);font-size:clamp(17px,1.5vw,21px);line-height:2}
.life-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:40px;background:rgba(215,188,130,.3)}
.life-fact{padding:28px 16px;background:var(--navy);text-align:center}
.life-fact strong{display:block;color:#f0d69d;font-family:CruiseSerif,serif;font-size:clamp(26px,2.8vw,40px);font-weight:500}
.life-fact span{display:block;margin-top:8px;color:#bdcad0;font-size:13px;line-height:1.5}
.overview-text-panel{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(360px,.9fr);gap:clamp(42px,7vw,96px);align-items:center;border-color:rgba(8,38,54,.1);background:var(--cream)}
.overview-text-panel h2{margin:0 0 25px;font-family:CruiseSerif,serif;font-size:clamp(35px,3.6vw,52px);font-weight:500;line-height:1.25}
.overview-text-panel p{margin:0;color:#526873;font-size:18px;line-height:2}
.overview-property-image{width:100%;aspect-ratio:4/3;object-fit:cover}.overview-text-panel .overview-stats{grid-column:1/-1;margin:0}
.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.room-card{position:relative}
.room-card img{aspect-ratio:16/10}
.room-area{position:absolute;z-index:2;top:16px;right:16px;padding:9px 12px;background:rgba(8,38,54,.86);color:#f0d69d;font-size:14px;line-height:1;backdrop-filter:blur(6px)}
.room-meta{min-height:238px}
.room-meta h3{font-size:25px}
.room-meta p.room-description{margin-top:14px;color:#60747e;font-size:15px;line-height:1.8;text-transform:none;letter-spacing:0}
html[lang="en"] .room-meta p.room-description{display:block}
.facility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.service-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:20px;background:rgba(181,138,43,.28)}
.service-strip>div{padding:24px;background:var(--cream);text-align:center}
.service-strip strong{display:block;color:var(--gold);font-family:CruiseSerif,serif;font-size:29px;font-weight:500}
.service-strip span{display:block;margin-top:5px;color:var(--muted);font-size:13px}

@media(max-width:900px){.life-facts{grid-template-columns:repeat(2,1fr)}.overview-text-panel{grid-template-columns:1fr}.overview-text-panel .overview-stats{margin-top:10px}.room-grid{grid-template-columns:1fr}.room-meta{min-height:0}}
@media(max-width:780px){.hero>img{object-position:center 50%}.life-text-panel,.overview-text-panel{padding:30px 22px}.life-facts,.facility-grid,.service-strip{grid-template-columns:1fr}.room-card img{aspect-ratio:4/3}}