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

.hero>img{object-position:center 48%;filter:saturate(.94)}
.hero::after{background:linear-gradient(90deg,rgba(4,26,38,.9) 0%,rgba(4,26,38,.56) 43%,rgba(4,26,38,.12) 78%)}
.hero-content{max-width:1120px}
.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: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(27px,2.8vw,41px);font-weight:500}
.life-fact span{display:block;margin-top:8px;color:#bdcad0;font-size:13px;line-height:1.5}
.overview-layout{grid-template-columns:minmax(370px,.84fr) minmax(470px,1.16fr)}
.overview-copy p+p{margin-top:18px}
.overview-gallery{display:grid;min-height:650px;grid-template-columns:1.35fr .65fr;grid-template-rows:1fr;gap:12px}
.overview-gallery img{width:100%;height:100%;object-fit:cover}
.overview-gallery img:first-child{grid-row:auto;object-position:center 50%}
.overview-gallery img:last-child{object-position:center 50%}
.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(3,minmax(0,1fr));gap:16px}
.facility-card{min-height:330px}
.facility-card h3{font-size:21px}
.service-strip{display:grid;grid-template-columns:repeat(2,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:30px;font-weight:500}
.service-strip span{display:block;margin-top:5px;color:var(--muted);font-size:13px}

@media(max-width:1080px){
  .overview-layout{grid-template-columns:1fr}
  .overview-gallery{min-height:520px}
  .facility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .life-facts{grid-template-columns:repeat(2,1fr)}
  .room-grid{grid-template-columns:1fr}
  .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,.service-strip{grid-template-columns:1fr}
  .overview-gallery{min-height:0;grid-template-columns:1fr}
  .overview-gallery img{height:auto;aspect-ratio:4/3}
  .room-card img{aspect-ratio:4/3}
  .facility-card{min-height:310px}
}