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

.hero>img{object-position:center 50%;filter:saturate(.92)}
.hero-content{max-width:1080px}
.life-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:1080px;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 20px;background:var(--navy);text-align:center}
.life-fact strong{display:block;color:#f0d69d;font-family:CruiseSerif,serif;font-size:clamp(22px,2.4vw,34px);font-weight:500}
.life-fact span{display:block;margin-top:8px;color:#bdcad0;font-size:13px;line-height:1.5}
.overview-gallery{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.overview-gallery img:first-child{grid-row:auto;object-position:center}.overview-gallery img:nth-child(2){object-position:center}
.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.room-card img{aspect-ratio:16/10}
.room-card:last-child{grid-column:1/3}
.room-card:last-child img{aspect-ratio:21/9}
.room-meta{min-height:245px}
.room-meta h3{font-size:25px}
.room-tagline{margin:9px 0 0;color:var(--gold);font-size:14px;letter-spacing:.06em}
.room-meta p.room-description{margin:15px 0 0;color:#60747e;font-size:15px;line-height:1.85;text-transform:none;letter-spacing:0}
html[lang="en"] .room-meta p.room-tagline,html[lang="en"] .room-meta p.room-description{display:block}
.facility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.facility-card{min-height:360px}

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