@font-face{font-family:"Smiley Sans";src:url("assets/fonts/smiley-sans-display.woff2") format("woff2");font-display:swap}
:root{--ink:#10191c;--mineral:#edf2ef;--mist:#d9e6e4;--cobalt:#075b83;--aqua:#69c1c3;--line:rgba(16,25,28,.24);--header:80px;--max:1380px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header);scrollbar-color:var(--cobalt) var(--mineral)}body{margin:0;color:var(--ink);background:var(--mineral);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.68;overflow-x:clip}body.menu-open{overflow:hidden}::selection{color:white;background:var(--cobalt)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--mineral)}::-webkit-scrollbar-thumb{background:var(--cobalt);border:2px solid var(--mineral)}a{color:inherit;text-underline-offset:.22em}img{display:block;max-width:100%}figure{margin:0}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--cobalt);outline-offset:4px}.skip-link{position:fixed;top:10px;left:10px;z-index:300;padding:10px 16px;color:white;background:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:100;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:var(--header);padding:14px clamp(20px,4vw,64px);background:rgba(237,242,239,.97);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:14px;width:fit-content;text-decoration:none;font-weight:700}.brand img{width:48px;height:48px}.site-nav{display:flex;align-items:center;gap:clamp(20px,2.8vw,46px)}.site-nav a{text-decoration:none;font-size:14px;white-space:nowrap}.site-nav a:hover{color:var(--cobalt)}.nav-action{padding:11px 18px;color:white!important;background:var(--cobalt)}.nav-action:hover{background:var(--ink)}.menu-toggle{display:none}
.shell{width:min(calc(100% - 80px),var(--max));margin-inline:auto}h1,h2,h3{margin:0;font-family:"Smiley Sans","Microsoft YaHei",sans-serif;font-weight:700;line-height:.98;letter-spacing:-.032em;text-wrap:balance}.hero{position:relative;min-height:100svh;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:100svh;width:min(720px,calc(100% - 80px));padding:calc(var(--header) + 60px) 0 clamp(76px,10vh,118px) clamp(40px,6vw,102px)}.hero h1{font-size:clamp(68px,8.2vw,130px)}.hero-copy p{max-width:590px;margin:30px 0 34px;font-size:clamp(17px,1.4vw,21px)}.hero-copy a{display:inline-flex;align-items:center;gap:18px;width:fit-content;color:var(--cobalt);font-weight:700;text-decoration:none}.hero-copy svg,.contact-form button svg{width:34px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.phase-line{position:absolute;right:0;bottom:32px;left:0;height:3px;background:linear-gradient(90deg,var(--cobalt) 0 34%,rgba(7,91,131,.2) 34%);transform-origin:left;animation:phase 1.1s cubic-bezier(.16,1,.3,1) both}@keyframes phase{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.project{padding-block:clamp(110px,13vw,200px)}.project-title{display:grid;grid-template-columns:1fr .62fr;gap:9vw;align-items:end}.project-title h2,.material-heading h2,.upgrade h2,.phase-copy h2,.milestones h2,.contact h2{font-size:clamp(50px,6.3vw,96px)}.project-title p,.material-heading p,.milestones header p{max-width:62ch;margin:0;color:#405055}.project-ledger{margin-top:clamp(74px,9vw,136px);border-top:2px solid var(--ink)}.project-ledger>div{display:grid;grid-template-columns:minmax(140px,.35fr) 1fr minmax(140px,.35fr) 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.project-ledger>div:first-child{grid-template-columns:minmax(140px,.35fr) 2.35fr}.project-ledger span{color:#46585d}.project-ledger strong{font-size:clamp(20px,2vw,31px);font-weight:600;line-height:1.4}.project-ledger b{color:var(--cobalt);font-family:"Smiley Sans";font-size:1.55em;font-variant-numeric:tabular-nums}
.material{padding-bottom:clamp(100px,12vw,180px)}.material-heading{display:grid;grid-template-columns:1fr .7fr;gap:9vw;align-items:end;padding-bottom:clamp(70px,8vw,120px)}.material-stage{display:grid;grid-template-columns:1fr .7fr 1fr;align-items:stretch;background:var(--ink);color:white}.material-stage figure{min-height:720px;overflow:hidden}.material-stage img{width:100%;height:100%;object-fit:cover}.material-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,5vw,84px)}.material-copy h3{font-size:clamp(48px,5vw,78px)}.material-copy p{margin:30px 0 0;color:#c8d6d5}
.upgrade{position:relative;min-height:100vh;background:#dde8e7}.upgrade-image{position:sticky;top:0;height:100vh}.upgrade-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,242,239,.96),rgba(237,242,239,.28) 60%,transparent)}.upgrade-image img{width:100%;height:100%;object-fit:cover}.upgrade-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:min(760px,60%);min-height:100vh;margin-top:-100vh;padding-left:clamp(40px,7vw,120px)}.upgrade-copy p{max-width:54ch;margin:36px 0 0;color:#385058}
.phase-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;padding-block:clamp(110px,13vw,200px)}.phase-copy p{max-width:55ch;margin:34px 0}.phase-copy ol{margin:48px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.phase-copy li{display:grid;grid-template-columns:.65fr 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.phase-copy span{color:#40555b}.phase-copy b{font-weight:600}.phase-image img{width:100%;aspect-ratio:3/2;object-fit:cover}
.strata{display:grid;grid-template-columns:1.15fr .85fr;min-height:76vh;color:white;background:var(--ink)}.strata-image{min-height:650px}.strata-image img{width:100%;height:100%;object-fit:cover}.strata blockquote{display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:clamp(60px,8vw,130px);border-left:1px solid rgba(255,255,255,.18)}.strata blockquote p{margin:0;font-family:"Smiley Sans";font-size:clamp(44px,5vw,78px);line-height:1}.strata cite{color:#b8c8ca;font-style:normal}
.milestones{padding-block:clamp(110px,13vw,200px)}.milestones>header{display:grid;grid-template-columns:1fr .62fr;gap:9vw;align-items:end}.milestone-stage{display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;margin-top:clamp(66px,8vw,120px)}.milestone-stage figure img{width:100%;height:100%;min-height:520px;object-fit:cover}.time-rail{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-left:42px}.time-rail::before{content:"";position:absolute;top:8px;bottom:8px;left:7px;width:1px;background:var(--line)}.time-rail>div{position:relative}.time-rail>div::before{content:"";position:absolute;top:7px;left:-42px;width:15px;height:15px;border:2px solid var(--cobalt);border-radius:50%;background:var(--mineral)}.time-rail .done::before{background:var(--cobalt)}.time-rail time{display:block;font-family:"Smiley Sans";font-size:clamp(38px,4vw,66px);line-height:1;font-variant-numeric:tabular-nums}.time-rail span{display:block;margin-top:10px;color:#40555b}
.contact{display:grid;grid-template-columns:1fr 1fr;min-height:92vh;background:#dbe7e5}.contact-image{min-height:760px}.contact-image img{width:100%;height:100%;object-fit:cover}.contact-form{display:flex;flex-direction:column;justify-content:center;padding:clamp(60px,8vw,130px)}.contact-form>p{max-width:54ch;margin:32px 0 48px;color:#40555b}form{display:grid;gap:28px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}label{display:grid;gap:8px;color:#40555b;font-size:14px}input,select,textarea{width:100%;min-height:48px;padding:10px 0;color:var(--ink);caret-color:var(--cobalt);background:transparent;border:0;border-bottom:1px solid #70868a;border-radius:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#4c6064}input:focus,select:focus,textarea:focus{outline:0;border-bottom-color:var(--cobalt)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cobalt);outline-offset:4px}.contact-form button{display:flex;justify-content:space-between;align-items:center;min-height:58px;margin-top:10px;padding:14px 20px;color:white;background:var(--cobalt);border:0;cursor:pointer}.contact-form button:hover{background:var(--ink)}.form-status{min-height:1.68em;margin:-8px 0 0;color:#00466b;font-weight:600}
footer{display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:end;padding:54px clamp(20px,4vw,64px);color:white;background:var(--ink);border-top:1px solid rgba(255,255,255,.18)}footer div{display:flex;align-items:center;gap:18px}footer p{margin:0;color:#bac9c9;font-size:14px}.reveal{opacity:1}.js .reveal{clip-path:inset(0 0 9% 0);filter:blur(4px);transition:clip-path 700ms cubic-bezier(.16,1,.3,1),filter 700ms cubic-bezier(.16,1,.3,1)}.js .reveal.is-visible{clip-path:inset(0);filter:none}
@media(max-width:1024px){.shell{width:min(calc(100% - 48px),var(--max))}.hero-copy{width:calc(100% - 48px);padding-left:24px}.project-title,.material-heading,.milestones>header{grid-template-columns:1fr;gap:32px}.material-stage{grid-template-columns:1fr 1fr}.material-copy{grid-column:1/-1;grid-row:2;padding:70px 48px}.upgrade-copy{width:68%;}.phase-section{grid-template-columns:1fr}.milestone-stage{grid-template-columns:1fr}.time-rail{min-height:340px}.contact-form{padding:64px 48px}}
@media(max-width:864px){:root{--header:72px}.site-header{min-height:var(--header);padding:12px 24px}.brand img{width:44px;height:44px}.brand span{max-width:13em;font-size:13px;line-height:1.3}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:46px;color:var(--ink);background:transparent;border:0;cursor:pointer}.menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.menu-icon,.menu-icon::before{display:block;width:22px;height:1px;background:currentColor;transition:transform .18s}.menu-icon{position:relative}.menu-icon::before{content:"";position:absolute;top:7px}.menu-toggle[aria-expanded=true] .menu-icon{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon::before{top:0;transform:rotate(90deg)}.site-nav{position:fixed;top:var(--header);right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;padding:24px;color:white;background:var(--ink);transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .26s cubic-bezier(.16,1,.3,1),visibility .26s}.site-nav.open{transform:none;visibility:visible;pointer-events:auto}.site-nav a{padding:17px 0;font-family:"Smiley Sans";font-size:clamp(34px,8vw,56px);border-bottom:1px solid rgba(255,255,255,.2)}.nav-action{margin-top:24px;padding:16px!important;color:var(--ink)!important;background:var(--mineral);font-size:26px!important}.hero-copy{width:calc(100% - 48px);padding:calc(var(--header) + 44px) 0 76px 24px}.hero h1{font-size:clamp(58px,14vw,96px)}.project-ledger>div,.project-ledger>div:first-child{grid-template-columns:minmax(110px,.42fr) 1fr}.material-stage{grid-template-columns:1fr}.material-copy{grid-column:1;grid-row:auto}.material-stage figure{min-height:70vh}.upgrade-image{position:relative;height:68vh}.upgrade-copy{width:100%;min-height:auto;margin-top:0;padding:86px 24px}.upgrade-image::after{background:linear-gradient(0deg,rgba(237,242,239,.65),transparent)}.strata{grid-template-columns:1fr}.strata blockquote{min-height:480px;border-left:0;border-top:1px solid rgba(255,255,255,.18)}.contact{grid-template-columns:1fr}.contact-image{min-height:60vh}footer{grid-template-columns:1fr;align-items:start}}
@media(max-width:540px){.shell{width:calc(100% - 40px)}.hero-copy{width:calc(100% - 40px);padding-left:20px}.hero-copy p{font-size:16px}.project,.milestones{padding-block:92px}.project-title h2,.material-heading h2,.upgrade h2,.phase-copy h2,.milestones h2,.contact h2{font-size:clamp(44px,13vw,62px)}.project-ledger>div,.project-ledger>div:first-child{grid-template-columns:1fr;gap:7px}.project-ledger strong:not(:last-child){margin-bottom:18px}.material-heading{padding-bottom:68px}.material-stage figure{min-height:58vh}.material-copy{padding:64px 20px}.phase-section{padding-block:92px}.phase-copy li{grid-template-columns:1fr;gap:3px}.strata-image{min-height:54vh}.strata blockquote{min-height:400px;padding:58px 20px}.milestone-stage figure img{min-height:44vh}.contact-image{min-height:48vh}.contact-form{padding:76px 20px}.pair{grid-template-columns:1fr}footer{padding:44px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{clip-path:none;filter:none}}
@media(max-width:864px){.site-nav :focus-visible{outline-color:#fff}}