/* Qianhai Bay: a continuous full-color architectural night panorama. */
.qianhai-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:calc(100svh - 88px);padding-top:72px;padding-bottom:120px;overflow:hidden;background:#071325;color:#fff}
.qianhai-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#071325}
.qianhai-panorama{position:absolute;inset:-2%;animation:qianhai-drift 32s ease-in-out infinite alternate;transform-origin:66% 50%;will-change:transform}
.qianhai-panorama>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:55% center}
.qianhai-panorama>.qianhai-reflections{clip-path:inset(67% 0 0);mix-blend-mode:screen;opacity:.13;animation:qianhai-water 7s ease-in-out infinite alternate;will-change:opacity}
.qianhai-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,10,25,.78) 0%,rgba(3,10,25,.5) 28%,rgba(3,10,25,.17) 56%,rgba(3,10,25,.02) 82%),linear-gradient(0deg,rgba(3,10,25,.6),transparent 28%)}
.qianhai-hero .hero-copy{width:min(660px,55%);max-width:100%;padding:0;align-self:center}
.qianhai-hero .eyebrow{color:#d0e9ff;text-shadow:0 2px 14px #0008}
.qianhai-hero h1{font-size:clamp(40px,3.9vw,65px);line-height:1.35;text-shadow:0 3px 28px rgba(0,8,25,.5)}
.qianhai-hero h1 em{color:#e1ecff}
.qianhai-hero .hero-lead{color:#e0e6f0;max-width:520px;text-shadow:0 1px 12px #0009}
.qianhai-hero .hero-actions .primary{background:#f1f6ff;color:#122944;border-color:#f1f6ff}
.qianhai-hero .hero-actions .primary:hover{background:#d5e6ff}
.qianhai-hero .hero-actions .ghost{color:#fff;background:rgba(7,19,39,.24);border-color:#b3c8e380;backdrop-filter:blur(5px)}
.qianhai-hero .hero-meta{max-width:545px;border-color:#d2e5ff50;gap:36px}
.qianhai-hero .hero-meta strong{color:#f4f7ff}
.qianhai-hero .hero-meta span{color:#dae4f3}
.qianhai-hero .hero-edition{color:#c2d3ea}
.qianhai-caption{position:absolute;bottom:35px;right:max(32px,calc((100vw - 1440px)/2));text-align:right;text-shadow:0 2px 12px #000a;color:#fff}
.qianhai-caption>span{font:500 11px/1.5 var(--font-en);letter-spacing:.15em}
.qianhai-caption p{font-size:19px;color:#fff;margin-top:7px;letter-spacing:.08em}
.qianhai-caption small{font-size:11px;color:#d4e1f3}
.qianhai-motion{position:absolute;left:max(32px,calc((100vw - 1440px)/2));bottom:35px;display:inline-flex;align-items:center;gap:10px;background:rgba(4,17,37,.36);backdrop-filter:blur(6px);color:#e9f1ff;border:1px solid #bccde85c;padding:10px 15px;font-size:12px;min-height:44px;border-radius:3px}
.qianhai-motion:hover{background:rgba(28,57,95,.65)}
.qianhai-motion>span:first-child{font-size:14px;min-width:14px}
.qianhai-still .qianhai-panorama,.qianhai-still .qianhai-reflections{animation-play-state:paused}
@keyframes qianhai-drift{from{transform:scale(1.015) translate3d(-.35%,0,0)}to{transform:scale(1.065) translate3d(.35%,-.3%,0)}}
@keyframes qianhai-water{0%{opacity:.06}50%{opacity:.2}100%{opacity:.1}}
@media(min-width:1700px){.qianhai-hero{min-height:calc(100svh - 88px)}}
@media(max-width:1000px){.qianhai-hero{min-height:calc(100svh - 76px);padding:60px 28px 130px}.qianhai-hero .hero-copy{width:65%}.qianhai-hero h1{font-size:44px}.qianhai-caption{right:28px}.qianhai-motion{left:28px}.qianhai-panorama>img{object-position:61% center}}
@media(max-width:700px){.qianhai-hero{min-height:calc(100svh - 72px);padding:64px 20px 150px;align-items:flex-start}.qianhai-hero .hero-copy{width:100%;max-width:500px}.qianhai-hero h1{font-size:clamp(33px,8.4vw,48px)}.qianhai-panorama>img{object-position:60% center}.qianhai-hero::after{background:linear-gradient(90deg,rgba(3,10,25,.67),rgba(3,10,25,.24)),linear-gradient(0deg,rgba(3,10,25,.72),transparent 35%,rgba(3,10,25,.08))}.qianhai-hero .hero-lead{color:#e4ecf9;font-size:15px;line-height:1.85}.qianhai-hero .hero-meta{gap:20px;margin-top:32px}.qianhai-hero .hero-meta strong{font-size:23px}.qianhai-caption{bottom:26px;right:20px}.qianhai-caption>span{font-size:8px;letter-spacing:.07em}.qianhai-caption p{font-size:16px}.qianhai-caption small{font-size:10px}.qianhai-motion{left:20px;bottom:28px;padding:8px 11px;font-size:11px}.qianhai-hero .hero-edition{display:none}html[lang=en] .qianhai-hero h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.qianhai-panorama,.qianhai-reflections{animation:none!important;will-change:auto}}
