:root{--ink:#142733;--deep:#102634;--cream:#f3efe7;--paper:#fbfaf7;--gold:#b1843e;--muted:#73838d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid rgba(210,174,112,.95);outline-offset:4px}
img{display:block;max-width:100%}
figure>picture{display:block;width:100%;height:100%}
figure{margin:0}
.sub-nav{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:5;color:#fff}
.sub-brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}
.sub-brand span{width:48px;height:48px;border:1px solid rgba(255,255,255,.65);display:grid;place-items:center;letter-spacing:.12em}
.sub-brand strong{font-family:"Songti SC","STSong","SimSun",serif}
.sub-actions{display:flex;align-items:center;gap:18px}
.back-link{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding:8px 0}
.back-link span{margin-left:12px}
.booking-link{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.62);padding:13px 22px;letter-spacing:.04em;background:rgba(9,28,39,.22)}
.booking-link:hover{background:rgba(255,255,255,.12)}
.project-map-link{padding:13px 18px;border:1px solid #d2ae70;background:#b1843e;color:#fff;font-size:13px;letter-spacing:.04em;white-space:nowrap;box-shadow:0 8px 22px rgba(7,24,34,.24)}
.project-map-link:hover{background:#c59a55}
.booking-link:active,.project-map-link:active,.project-cta a:active,.floating-booking:active{transform:translateY(1px)}
.eyebrow{margin:0;color:#d2ae70;font-size:11px;font-weight:600;letter-spacing:.28em}
.eyebrow.dark{color:var(--gold)}
.section-pad{padding:130px max(6vw,28px)}
.project-hero{height:100svh;min-height:650px;position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.project-hero>picture,.project-hero>picture img,.project-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.project-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,24,34,.28),rgba(7,24,34,.12) 42%,rgba(7,24,34,.84))}
.project-hero-copy{position:relative;z-index:2;width:min(930px,88vw);padding:0 7vw 10vh}
.project-hero-copy h1{font:600 clamp(48px,7vw,92px)/1.18 "Songti SC","STSong","SimSun",serif;margin:24px 0}
.project-hero-copy>p:last-child{max-width:620px;color:#d4dde1;line-height:2}
.project-hero small{position:absolute;z-index:2;right:3vw;bottom:24px;color:rgba(255,255,255,.65)}
.intro{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}
.intro h2,.section-heading h2,.split-heading h2{font:600 clamp(38px,4.5vw,64px)/1.4 "Songti SC","STSong","SimSun",serif;margin:22px 0}
.intro-body{align-self:end;color:var(--muted);line-height:2}
.wide-visual{position:relative;background:#0c202c}
.wide-visual img{width:100%;max-height:850px;object-fit:cover}
.wide-visual figcaption,.landscape-grid figcaption,.amenities-space figcaption,.arrival-grid figcaption{position:absolute;left:18px;bottom:16px;padding:9px 12px;background:rgba(8,25,35,.72);color:#fff;font-size:11px;letter-spacing:.08em}
.building-location{background:#e9e1d2}
.building-location-visual{position:relative;max-width:1280px;margin:0 auto;background:#182b36}
.building-location-visual img{width:100%;height:auto}
.building-location-visual figcaption{position:absolute;left:18px;bottom:16px;padding:10px 14px;background:rgba(8,25,35,.8);color:#fff;font-size:12px;letter-spacing:.06em}
.building-location-note{max-width:1280px;margin:16px auto 0;color:#79766f;font-size:11px;line-height:1.8}
.dark-section{background:var(--deep);color:#fff}
.section-heading{max-width:850px;margin-bottom:64px}
.section-heading>p:last-child,.split-heading>p{color:#9cabb4;line-height:2}
.motion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,640px));justify-content:center;gap:28px}
.motion-grid figure{background:#071923;border:1px solid rgba(255,255,255,.1)}
.motion-grid img,.motion-grid video{width:100%;height:auto;display:block}
.motion-grid video{aspect-ratio:16/9;background:#071923;object-fit:cover}
.motion-player{width:100%;aspect-ratio:16/9;border:0;color:#fff;background:radial-gradient(circle at 50% 42%,rgba(210,174,112,.24),rgba(16,38,52,.82) 45%,#071923 100%);cursor:pointer;display:grid;place-items:center;font:500 14px/1.4 "PingFang SC","Microsoft YaHei",Arial,sans-serif;letter-spacing:.08em}
.motion-player span{padding:13px 20px;border:1px solid rgba(255,255,255,.42);background:rgba(7,25,35,.36)}
.motion-player:hover span{background:rgba(255,255,255,.1)}
.motion-player.is-loading{cursor:wait;opacity:.82}
.motion-grid figcaption{padding:14px 16px;color:#aebbc2;font-size:11px;letter-spacing:.1em}
.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:64px}
.landscape-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}
.landscape-grid figure,.amenities-space,.arrival-grid figure{position:relative;overflow:hidden}
.landscape-grid img{width:100%;height:100%;min-height:520px;object-fit:cover}
.amenities-collage{max-width:1280px;margin:0 auto 24px}
.amenities-collage img{width:100%;height:auto}
.amenities-space{max-width:1280px;margin:auto}
.amenities-space img{width:100%;height:auto}
.arrival-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:22px}
.arrival-grid img{width:100%;height:520px;object-fit:cover}
.floorplan-visual{max-width:1160px;margin:0 auto;background:#fff}
.floorplan-visual img{width:100%;height:auto}
.floorplan-note{max-width:1160px;margin:18px auto 0;color:#8999a2;font-size:11px;line-height:1.8}
.project-cta{text-align:center;padding:150px 24px;background:#e9e1d2}
.project-cta h2{font:600 clamp(40px,5vw,66px)/1.35 "Songti SC","STSong","SimSun",serif;margin:22px 0}
.project-cta p:not(.eyebrow){color:var(--muted)}
.project-cta a{display:inline-block;margin-top:34px;padding:16px 24px;background:var(--deep);color:#fff;text-decoration:none}
.project-cta a span{margin-left:18px;color:#d2ae70}
.source-note{padding:30px 5vw;background:#ded5c5;color:#6e706e;font-size:11px;line-height:1.8}
.source-note p{margin:0}
.source-note a{color:var(--ink);white-space:nowrap}
footer{padding:44px 5vw;background:#0c202c;color:#fff;display:flex;justify-content:space-between;align-items:center}
footer div{display:flex;gap:18px;align-items:center}
footer span{color:#83949d;font-size:12px}
footer a{color:#fff;text-decoration:none;font-size:12px}
.icp-link{color:#83949d}
.icp-link:hover{color:#fff}
.floating-booking{display:none}
@media(max-width:800px){body{padding-bottom:74px}
.sub-nav{height:64px}
.sub-brand strong{display:none}
.sub-actions{gap:10px}
.back-link{display:none}
.back-link span{margin-left:6px}
.project-map-link{padding:10px 12px;font-size:12px}
.booking-link{padding:10px 14px;font-size:13px}
.section-pad{padding:90px 22px}
.project-hero{min-height:620px}
.project-hero-copy{padding:0 24px 80px}
.project-hero small{left:24px;right:auto;font-size:9px}
.intro,.split-heading{grid-template-columns:1fr}
.wide-visual img{min-height:360px;object-fit:cover}
.motion-grid{grid-template-columns:1fr;gap:18px}
.landscape-grid,.arrival-grid{grid-template-columns:1fr}
.landscape-grid img,.arrival-grid img{height:auto;min-height:0}
.source-note,footer{flex-direction:column;align-items:flex-start}
.floating-booking{position:fixed;left:18px;right:18px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;display:grid;place-items:center;height:48px;background:#102634;color:#fff;text-decoration:none;border:1px solid rgba(210,174,112,.58);box-shadow:0 16px 36px rgba(7,20,29,.28);letter-spacing:.08em}
}