:root{--ink:#0b255e;--blue:#2768ff;--paper:#eaf6ff;--line:rgba(72,142,220,.18);--muted:#5679a8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.section-grid,.hero,.about,.works,.contact,.project-hero,.not-found{background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:240px 240px}.site-header{height:130px;padding:0 3.6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(234,246,255,.88);backdrop-filter:blur(18px)}.logo{font-size:36px;font-weight:900;letter-spacing:-2px}.logo sup{font-size:11px;vertical-align:top;margin-left:2px}.site-header nav{display:flex;gap:48px;font-size:27px}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--blue)}.availability{font-size:16px;display:flex;align-items:center;gap:14px}.availability i{width:12px;height:12px;background:#00c7ae;border-radius:50%;box-shadow:0 0 20px #00c7ae}.hero{min-height:1070px;position:relative;overflow:hidden;padding:195px 3.6vw;background-image:radial-gradient(circle at 70% 43%,rgba(111,255,240,.56),transparent 12%),radial-gradient(circle at 56% 50%,#3379ff 0,rgba(45,113,255,.91) 21%,transparent 52%),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:auto,auto,240px 240px,240px 240px}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker,.section-no{font-weight:700;letter-spacing:.02em}.hero h1{font-size:clamp(78px,9vw,146px);line-height:.92;letter-spacing:-.1em;margin:26px 0 36px;color:#091d52}.hero h1 em,.contact h2 span{color:var(--blue);font-style:normal}.lede{font-size:23px;line-height:1.8;color:#315684}.hero-mark{position:absolute;top:170px;right:8vw;width:460px;height:460px;border:2px solid rgba(31,94,255,.5);border-radius:50%;display:grid;place-items:center;transform:rotate(-7deg)}.hero-mark:before,.hero-mark:after{content:"";position:absolute;border:1px solid rgba(31,94,255,.38);border-radius:50%;inset:43px}.hero-mark:after{inset:-115px 42px;transform:rotate(30deg)}.hero-mark span{font-size:55px;font-weight:900;line-height:.8;letter-spacing:-5px;transform:rotate(7deg)}.hero-mark small{position:absolute;bottom:88px;left:30px;color:#2463ff;letter-spacing:4px;font-size:11px;transform:rotate(-34deg)}.page-index{position:absolute;right:4vw;bottom:32px;color:#2463ff;writing-mode:vertical-rl}.about{padding:145px 4.5vw 110px;position:relative}.section-no{font-size:32px;color:#345c8d;margin:0}.about-top{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:72px;align-items:stretch;margin-top:42px}.portrait-card{border:1px solid #c5ddff;background:#fff;box-shadow:0 20px 45px rgba(30,81,140,.08);overflow:hidden;min-height:520px}.portrait-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%}.about-basics{display:flex;flex-direction:column;justify-content:flex-start;padding:12px 0}.kicker{font-size:20px}.about-basics h2{font-size:clamp(52px,5vw,76px);line-height:1;margin:18px 0 42px;letter-spacing:-.06em}.about-basics h2 small{display:block;font-size:15px;letter-spacing:.16em;color:#4c75ad;margin-top:16px;font-weight:500}.facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #b8d7f7}.facts div{display:flex;gap:34px;border-bottom:1px solid #b8d7f7;padding:20px 0}.facts dt{color:var(--blue);font-size:14px;min-width:56px}.facts dd{margin:0;font-size:19px}.facts .full{grid-column:1/-1}.about-story{max-width:950px;margin:70px 0 0 432px}.about-story h3{font-size:clamp(34px,3.4vw,52px);line-height:1.12;letter-spacing:-.06em;margin:0 0 24px}.about-story h3 span{color:var(--blue)}.body-copy{font-size:18px;line-height:1.8;color:#53677e;max-width:840px}.principle-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:34px 0 0}.principle-cards article{border:1px solid #cce2ff;background:rgba(255,255,255,.55);padding:24px}.principle-cards small{color:var(--blue)}.principle-cards strong{display:block;font-size:22px;margin:14px 0}.principle-cards p{font-size:15px;line-height:1.65;color:#51709d}.works{padding:145px 3vw 100px}.works-heading{display:flex;justify-content:space-between;align-items:start;margin:0 1vw 85px}.works-heading .section-no{font-size:34px}.works-heading>p:last-child{font-size:39px;line-height:1.25;color:#31598d;text-align:right;margin:0}.project-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:28px}.project-card{background:rgba(255,255,255,.72);position:relative;box-shadow:0 16px 35px rgba(33,89,147,.08);grid-column:span 3;transition:transform .25s,box-shadow .25s;overflow:hidden}.project-card:hover{transform:translateY(-8px);box-shadow:0 26px 50px rgba(33,89,147,.2)}.project-card:nth-child(n+3){grid-column:span 2}.project-image{width:100%;aspect-ratio:16/9;background:#dcecff;position:relative;overflow:hidden}.project-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.project-image:after{content:"";inset:0;position:absolute;background:linear-gradient(transparent 70%,rgba(4,24,74,.18))}.project-image span{position:relative;z-index:1;color:#fff;padding:22px;font-size:16px}.project-image span:last-child{float:right;color:#bedcff}.project-label{position:relative;display:inline-flex;align-items:center;width:max-content;max-width:calc(100% - 48px);margin:-24px 0 0 24px;background:#fff;padding:13px 22px;z-index:2}.project-label b{font-size:23px;margin-right:12px}.project-label small{color:#5475a4;letter-spacing:1px}.project-text{padding:22px 28px 28px;position:relative}.project-text h3{font-size:34px;line-height:1.1;margin:0 0 14px;letter-spacing:-.06em}.project-text p{color:#5576a4;line-height:1.6;font-size:16px;margin:0;max-width:88%}.project-text i{position:absolute;right:26px;bottom:28px;color:var(--blue);font-size:32px;font-style:normal}.archive{min-height:1000px;position:relative;overflow:hidden;padding:170px 3.6vw;background:linear-gradient(135deg,#2165ef,#4b9ae7 63%,#79d9e2);color:#fff}.archive:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 15%,#c7ffff 0 1%,transparent 3%),radial-gradient(circle at 78% 40%,#fff 0 1%,transparent 4%);opacity:.85}.archive>*:not(.archive-orbit){position:relative;z-index:1}.archive .section-no{color:#fff;font-size:33px}.archive .kicker{font-size:20px;margin-top:82px}.archive h2{font-size:clamp(54px,6vw,90px);letter-spacing:-.08em;line-height:1.02;margin:30px 0}.archive>p:not(.section-no):not(.kicker){font-size:20px;line-height:1.8;max-width:680px}.download{display:flex;width:298px;justify-content:space-between;align-items:center;padding:26px 28px;background:#fff;color:#2865e8;font-weight:800;font-size:20px;margin-top:48px}.download b{font-size:37px}.archive-meta{display:block;margin-top:42px;letter-spacing:2px;font-size:13px}.archive-orbit i{position:absolute;border:2px solid rgba(255,255,255,.22);border-radius:50%;width:570px;height:570px;right:18%;top:-170px}.archive-orbit i:nth-child(2){width:770px;height:770px;right:9%;top:-270px}.archive-orbit i:nth-child(3){width:1100px;height:1100px;right:-4%;top:-430px}.contact{padding:150px 3vw 165px;display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.contact .section-no{font-size:33px}.contact h2{font-size:clamp(58px,6vw,94px);line-height:.97;letter-spacing:-.1em;margin:35px 0}.contact-card{background:rgba(255,255,255,.72);padding:42px 46px;box-shadow:0 22px 52px rgba(42,103,172,.1)}.contact-card>p{font-size:20px;color:#5275a4;line-height:1.7;margin-top:0}.contact-card a,.contact-card button{display:block;border:0;border-bottom:1px solid #9bbdf0;background:transparent;width:100%;padding:25px 0 11px;font-size:27px;text-align:left;color:var(--ink);cursor:pointer}.contact-card b{float:right;color:var(--blue);font-size:27px}.contact-card small{display:block;color:#5579a7;font-size:13px;margin-top:12px;letter-spacing:1px}.contact-card em{display:block;color:#6e8db8;margin-top:11px;font-style:normal}footer{background:#0d2d6a;color:#fff;padding:28px 3.6vw;display:flex;justify-content:space-between;font-size:14px}.project-header{position:relative;height:130px}.project-header>a:last-child{font-size:18px}.project-hero{min-height:1080px;position:relative;padding:360px 3.6vw 100px;background-image:radial-gradient(circle at 80% 44%,rgba(116,255,240,.62),transparent 14%),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:auto,240px 240px,240px 240px}.project-hero h1{font-size:clamp(76px,8vw,133px);line-height:.95;letter-spacing:-.1em;max-width:800px;margin:28px 0}.project-hero h1 em{color:var(--blue);font-style:normal}.project-hero>p:not(.eyebrow){max-width:650px;font-size:22px;color:#5677a3;line-height:1.7}.tag-list{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.tag-list span{border:1px solid #a9caf8;padding:12px 20px}.project-hero>img{position:absolute;width:min(48vw,740px);right:3.5vw;bottom:100px;box-shadow:0 18px 45px rgba(33,81,145,.19);transform:rotate(-2deg)}.case-section{display:grid;grid-template-columns:minmax(280px,.75fr) 1.25fr;gap:9vw;padding:170px 5.5vw;background:#eef8ff}.case-section.case-dark{background:#0d2d6a;color:#fff}.case-intro>p:first-child{color:var(--blue);font-weight:700}.case-dark .case-intro>p:first-child{color:#5beadf}.case-intro h2{font-size:clamp(44px,4.8vw,76px);letter-spacing:-.08em;line-height:1.05}.case-intro>p:last-child{font-size:19px;line-height:1.8;color:#5878a4}.case-dark .case-intro>p:last-child{color:#d1e0f5}.case-media{display:grid;gap:24px}.case-media img{width:100%;background:#fff;padding:14px;box-shadow:0 14px 42px rgba(0,0,0,.12)}.case-media img+img{width:75%;justify-self:end}.next-project{min-height:260px;background:#2f6ded;color:#0d2d6a;padding:70px 3.6vw;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:50px}.next-project small{letter-spacing:1px}.next-project strong{font-size:clamp(40px,5vw,72px);letter-spacing:-.07em}.next-project span{font-size:80px}.not-found{min-height:100vh;padding:55px 4vw;display:flex;flex-direction:column;justify-content:space-between}.not-found h1{font-size:clamp(58px,8vw,120px);line-height:.95;letter-spacing:-.08em}.not-found h1 em{color:var(--blue);font-style:normal}.back-home{display:inline-block;border:1px solid #9cbef1;padding:18px 24px;background:#fff}.project-error{min-height:100vh;padding:10vw;display:grid;place-items:center;text-align:center}
@media(max-width:900px){.site-header{height:76px;padding:0 20px}.logo{font-size:27px}.site-header nav{gap:14px;font-size:13px}.availability{display:none}.hero{min-height:780px;padding:160px 22px 80px}.hero h1{font-size:68px}.hero-mark{width:260px;height:260px;right:-40px;top:300px}.hero-mark span{font-size:33px;letter-spacing:-3px}.hero-mark small{font-size:8px;bottom:38px;left:25px}.about{padding:85px 20px}.section-no{font-size:24px}.about-top{grid-template-columns:1fr;gap:28px;margin-top:30px}.portrait-card{max-width:350px;min-height:460px}.about-basics h2{font-size:48px;margin-bottom:28px}.facts{grid-template-columns:1fr}.facts .full{grid-column:auto}.about-story{margin:48px 0 0;max-width:none}.about-story h3{font-size:36px}.body-copy{font-size:16px}.principle-cards{grid-template-columns:1fr}.works{padding:85px 20px}.works-heading{margin-bottom:42px}.works-heading .section-no{font-size:24px}.works-heading>p:last-child{font-size:22px}.project-grid{display:block}.project-card{display:block;margin-bottom:22px}.project-label{margin-top:-20px}.project-card:nth-child(n+3){display:block}.archive{min-height:720px;padding:90px 22px}.archive h2{font-size:55px}.contact{padding:90px 20px;grid-template-columns:1fr;gap:25px}.contact h2{font-size:58px}.contact-card{padding:28px}.contact-card a,.contact-card button{font-size:20px}footer{font-size:11px;padding:22px 18px}.project-header>a:last-child{font-size:14px}.project-hero{min-height:720px;padding:170px 22px 55px}.project-hero h1{font-size:64px}.project-hero>img{position:relative;width:100%;right:auto;bottom:auto;margin-top:40px}.case-section{grid-template-columns:1fr;padding:80px 22px;gap:34px}.case-intro h2{font-size:46px}.next-project{min-height:180px;padding:45px 22px;grid-template-columns:1fr auto;gap:12px}.next-project strong{grid-column:1;font-size:42px}.next-project span{grid-row:1/3;grid-column:2;font-size:55px}}
@media(max-width:560px){.site-header nav{max-width:72%;overflow-x:auto;white-space:nowrap}.hero h1{font-size:56px}.lede{font-size:17px}.works-heading>p:last-child{display:none}.project-label b{font-size:18px}.project-label small{font-size:10px}.project-text h3{font-size:28px}.archive h2{font-size:44px}.contact h2{font-size:46px}.project-hero h1{font-size:52px}.project-hero>p:not(.eyebrow){font-size:18px}.case-media img+img{width:100%}.next-project strong{font-size:34px}}