:root{--ink:#15212c;--navy:#1f3343;--deep:#0d1d29;--gold:#c5a36a;--paper:#f3f0e9;--muted:#70808b;--line:#d9d7d0;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
a{color:inherit;text-decoration:none}
.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(to bottom,rgba(9,21,30,.65),transparent)}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:.16em}.brand span{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(255,255,255,.65);font:600 13px/1 Inter}.brand strong{font-family:"Noto Serif SC",serif;font-size:16px}
.nav nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav nav>a:not(.nav-cta){opacity:.82}.nav nav>a:hover{opacity:1}.nav-cta{padding:11px 18px;border:1px solid rgba(255,255,255,.55)}
.hero{min-height:100svh;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 70% 30%,rgba(197,163,106,.16),transparent 26%),linear-gradient(135deg,#263f50 0%,#102634 50%,#07141d 100%);display:flex;align-items:center;padding:130px max(8vw,40px) 90px}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(to top,rgba(197,163,106,.1),transparent);clip-path:polygon(0 55%,18% 45%,33% 63%,50% 38%,70% 58%,84% 45%,100% 56%,100% 100%,0 100%)}
.river-lines{position:absolute;width:68vw;height:68vw;right:-22vw;top:-10vw;border:1px solid rgba(255,255,255,.09);border-radius:50%}.river-lines:before,.river-lines:after{content:"";position:absolute;inset:10%;border:1px solid rgba(255,255,255,.075);border-radius:50%}.river-lines:after{inset:22%}
.hero-copy{position:relative;z-index:2;max-width:690px}.eyebrow{font-size:11px;letter-spacing:.28em;color:#d9bf91;font-weight:600;margin:0 0 26px}.eyebrow.dark{color:#a27e44}.hero h1,.section h2,.positioning h2,.audience-section h2,.showing-section h2,.contact-section h2{font-family:"Noto Serif SC",serif}
.hero h1{font-size:clamp(58px,9vw,118px);line-height:1.03;letter-spacing:.03em;margin:0;font-weight:600}.hero-subtitle{margin:28px 0 18px;font-family:"Noto Serif SC",serif;font-size:clamp(20px,2.2vw,30px);letter-spacing:.14em;color:#eadfc9}.hero-intro{max-width:590px;font-size:15px;line-height:2;color:rgba(255,255,255,.72)}
.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.tags span{border:1px solid rgba(255,255,255,.24);padding:9px 14px;font-size:12px;letter-spacing:.08em}
.hero-note{position:absolute;right:5vw;bottom:80px;z-index:3;writing-mode:vertical-rl;font-size:12px;letter-spacing:.2em;color:rgba(255,255,255,.58)}
.scroll{position:absolute;z-index:3;bottom:30px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.22em;color:rgba(255,255,255,.55)}.scroll i{display:block;width:1px;height:38px;background:#fff;margin:10px auto 0;opacity:.35}
.section{padding:120px max(7vw,32px)}
.section-heading{max-width:650px;margin-bottom:58px}.section-heading h2,.positioning h2,.audience-section h2,.showing-section h2,.contact-section h2{font-size:clamp(34px,4vw,58px);line-height:1.25;margin:0 0 20px;font-weight:600}.section-heading>p:last-child{line-height:1.9;color:var(--muted)}
.section-heading.split{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.section-heading.split>p{max-width:470px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.fact{min-height:160px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.fact span{font-size:12px;color:#938169;letter-spacing:.12em}.fact strong{font:600 25px/1.4 "Noto Serif SC",serif;margin:auto 0 5px}.fact small{color:var(--muted);font-size:12px}
.positioning{min-height:720px;display:grid;grid-template-columns:1fr 1fr;background:var(--deep);color:#fff}.positioning-copy{padding:110px 7vw;display:flex;flex-direction:column;justify-content:center}.positioning h2{font-size:clamp(38px,4.7vw,68px)}.positioning-copy>p:nth-of-type(2){color:rgba(255,255,255,.64);line-height:2;max-width:600px}
.metrics{display:flex;gap:11%;margin-top:55px}.metrics div{display:flex;flex-direction:column}.metrics strong{font:600 38px/1 Inter;color:#dcc295}.metrics span{font-size:11px;margin-top:9px;color:rgba(255,255,255,.5);letter-spacing:.1em}
.vista{position:relative;overflow:hidden;background:linear-gradient(#8398a3 0%,#c7baa0 48%,#566e79 49%,#1c3c4b 100%)}.sun{position:absolute;width:90px;height:90px;border-radius:50%;background:#f4d8a5;right:18%;top:18%;box-shadow:0 0 70px rgba(255,223,165,.55)}.skyline{position:absolute;bottom:50%;left:0;right:0;height:28%;opacity:.72;background:linear-gradient(90deg,transparent 2%,#203846 2% 5%,transparent 5% 8%,#243b48 8% 11%,transparent 11% 19%,#1f3644 19% 24%,transparent 24% 34%,#273d49 34% 39%,transparent 39% 52%,#213946 52% 55%,transparent 55% 72%,#1b3544 72% 79%,transparent 79%);clip-path:polygon(0 100%,0 70%,4% 70%,4% 45%,9% 45%,9% 64%,20% 64%,20% 28%,23% 28%,23% 58%,36% 58%,36% 40%,39% 40%,39% 72%,53% 72%,53% 15%,55% 15%,55% 70%,73% 70%,73% 34%,78% 34%,78% 66%,100% 66%,100% 100%)}
.water{position:absolute;inset:50% 0 0;background:repeating-linear-gradient(175deg,rgba(255,255,255,.13) 0 1px,transparent 1px 17px)}
.project-entry{min-height:460px;background:#102634;color:#fff}.project-entry-copy{max-width:900px;min-height:460px;display:flex;flex-direction:column;justify-content:center;padding:70px 7vw}.project-entry-copy h2{font:600 clamp(34px,4vw,56px)/1.35 "Noto Serif SC",serif;margin:22px 0}.project-entry-copy>p:not(.eyebrow){color:#aebcc5;line-height:2}.project-entry-copy a{width:max-content;margin-top:30px;padding:14px 0;border-bottom:1px solid var(--gold);color:#fff}.project-entry-copy a span{margin-left:20px;color:var(--gold)}
.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.highlight{padding:38px;min-height:290px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.highlight>span{color:var(--gold);font-size:12px;letter-spacing:.15em}.highlight h3{font:600 24px/1.4 "Noto Serif SC",serif;margin:48px 0 14px}.highlight p,.audience p,.step p,.strategy-row p{font-size:13px;line-height:1.9;color:var(--muted)}
.audience-section,.showing-section{padding:120px max(7vw,32px);background:var(--navy);color:#fff}.section-heading.light>p:last-child{color:rgba(255,255,255,.6)}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.14)}.audience{padding:35px;background:var(--navy);min-height:210px}.audience h3{font:500 20px/1.5 "Noto Serif SC",serif;margin:0 0 40px}.audience p{color:rgba(255,255,255,.54)}
.cooperation-card{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;padding:70px;background:#e8e0d1}.cooperation-card h2{font:600 clamp(34px,4vw,54px)/1.3 "Noto Serif SC",serif;margin:0}.cooperation-card ul{list-style:none;margin:0;padding:0}.cooperation-card li{padding:16px 0 16px 28px;border-bottom:1px solid rgba(21,33,44,.15);position:relative;font-size:14px}.cooperation-card li:before{content:"";position:absolute;left:0;top:23px;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
.cooperation-card li.cooperation-highlight{margin:4px -12px;padding:16px 12px 16px 40px;border-bottom-color:transparent;background:rgba(177,132,62,.13);color:#102634;font-weight:600}.cooperation-card li.cooperation-highlight:before{left:12px}
.strategy-title{margin-top:120px}.strategy{border-top:1px solid var(--line)}.strategy-row{display:grid;grid-template-columns:220px 1fr;padding:28px 0;border-bottom:1px solid var(--line)}.strategy-row strong{font-family:"Noto Serif SC",serif}.strategy-row p{margin:0}
.strategy-row.strategy-highlight{margin:4px -12px;padding:24px 12px;background:rgba(177,132,62,.13);border-bottom-color:transparent}.strategy-row.strategy-highlight strong,.strategy-row.strategy-highlight p{color:#102634;font-weight:600}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.step{border-top:1px solid rgba(255,255,255,.22);padding-top:24px;display:flex;gap:18px}.step>span{font-size:11px;color:#d9bf91}.step h3{font:500 21px/1.3 "Noto Serif SC",serif;margin:0 0 18px}.step p{color:rgba(255,255,255,.53);margin:0}
.contact-section{padding:140px max(7vw,32px);text-align:center;background:#e8e0d1}.contact-section h2{font-size:clamp(36px,5vw,68px)}.contact-note{color:#716b62;line-height:1.8}.contact-grid{max-width:920px;margin:55px auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(21,33,44,.18)}.contact-grid>div{display:flex;flex-direction:column;padding:30px;border-right:1px solid rgba(21,33,44,.18)}.contact-grid>div:last-child{border:0}.contact-grid span{font-size:11px;color:#8c7757;letter-spacing:.15em}.contact-grid strong{margin-top:12px;font:500 18px/1.4 "Noto Serif SC",serif}.disclaimer{font-size:11px;color:#8e887e}
footer{padding:45px 6vw;background:#091722;color:#fff;display:flex;justify-content:space-between;align-items:center}footer div{display:flex;gap:18px;align-items:center}footer strong{font-family:"Noto Serif SC",serif;letter-spacing:.1em}footer span,footer p{font-size:11px;color:rgba(255,255,255,.45)}
.section-heading,.fact,.highlight,.audience,.step,.strategy-row{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.visible{opacity:1;transform:none}
@media(max-width:900px){.nav nav{gap:10px}.nav nav>a:not(.nav-cta):not(.nav-project){display:none}.nav-project{padding:11px 15px;border:1px solid rgba(255,255,255,.55)}.facts{grid-template-columns:repeat(2,1fr)}.positioning{grid-template-columns:1fr}.vista{min-height:460px}.highlight-grid{grid-template-columns:repeat(2,1fr)}.audience-grid,.steps{grid-template-columns:repeat(2,1fr)}.cooperation-card{grid-template-columns:1fr}.section-heading.split{grid-template-columns:1fr}.hero-note{display:none}}
@media(max-width:600px){.nav{height:64px}.brand strong{display:none}.hero{padding-left:24px;padding-right:24px}.hero h1{font-size:55px}.section,.audience-section,.showing-section,.contact-section{padding:84px 22px}.facts,.highlight-grid,.audience-grid,.steps{grid-template-columns:1fr}.fact{min-height:130px}.positioning-copy{padding:85px 24px}.vista{min-height:340px}.cooperation-card{padding:38px 24px}.strategy-row{grid-template-columns:1fr;gap:10px}.contact-grid{grid-template-columns:1fr}.contact-grid>div{border-right:0;border-bottom:1px solid rgba(21,33,44,.18)}footer{align-items:flex-start;gap:30px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.section-heading,.fact,.highlight,.audience,.step,.strategy-row{opacity:1;transform:none;transition:none}}