: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:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
img{display:block;max-width: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:"Noto Serif SC",serif}
.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}
.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>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 "Noto Serif SC",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 "Noto Serif SC",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{width:100%;height:auto}
.motion-player{width:100%;aspect-ratio:16/9;border:0;background:radial-gradient(circle at 50% 45%,#294858,#102a38 60%,#091b25);color:#d6bd91;font:500 13px/1 Inter,"PingFang SC",sans-serif;letter-spacing:.12em;cursor:pointer}
.motion-player span{display:inline-block;padding:13px 18px;border:1px solid rgba(214,189,145,.55)}
.motion-player.loading{cursor:wait}
.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 "Noto Serif SC",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}
@media(max-width:800px){.sub-nav{height:64px}
.sub-brand strong{display:none}
.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}
}