:root{--canvas:oklch(98.5% .006 250);--surface:oklch(99.8% .002 250);--surface-blue:oklch(95.5% .025 250);--blue:oklch(53% .19 257);--blue-deep:oklch(36% .16 258);--blue-soft:oklch(75% .1 253);--ink:oklch(18% .018 255);--muted:oklch(43% .025 255);--line:oklch(87% .025 253);--frame:min(1240px, calc(100vw - 96px));--gutter:max(18px, calc((100vw - var(--frame)) / 2));color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas)}body{background:var(--canvas);min-width:320px;margin:0}body,a,button{cursor:default}a,button{color:inherit;cursor:pointer}a{text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.site-shell{background:var(--canvas);overflow:clip}.ink-cursor{z-index:8;opacity:0;pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;transition:opacity .28s;display:block;position:fixed;inset:0}.section-frame{width:var(--frame);margin-inline:auto}.section-block{padding-block:clamp(96px,13vw,196px)}.section-tag,.project-type,.site-mark small,.proof-caption,.tile-heading,.tile-link,.note-line+p{letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;font-weight:600}.section-tag,.project-type{color:var(--blue-deep);margin:0}.section-tag{letter-spacing:.1em;font-size:1.1rem;font-weight:700}.hero{z-index:2;background:var(--blue);height:100dvh;min-height:600px;position:relative;overflow:hidden}.hero-image-wrap{z-index:1;position:absolute;inset:0}.hero-image{object-fit:cover;object-position:52% 42%;width:100%;height:100%}.hero-image-overlay{z-index:2;background:linear-gradient(180deg, #051f5552 0%, transparent 28%, transparent 50%, #0418462e 72%, var(--canvas) 100%), radial-gradient(ellipse 80% 70% at 50% 40%, transparent 0%, transparent 55%, #0314413d 100%);pointer-events:none;position:absolute;inset:0}.hero-bridge{z-index:4;background:linear-gradient(to bottom, transparent 0%, oklch(98.5% .006 250/.08) 15%, oklch(98.5% .006 250/.22) 30%, oklch(98.5% .006 250/.52) 50%, oklch(98.5% .006 250/.82) 70%, var(--canvas) 100%);pointer-events:none;height:clamp(100px,18vw,220px);position:absolute;bottom:-1px;left:0;right:0}.hero-content{z-index:5;padding:0 var(--gutter) clamp(96px, 14vw, 180px);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.hero-name{max-width:var(--frame);color:#fff;text-shadow:0 2px 28px #00143c4d;gap:1rem;width:100%;margin-inline:auto;display:grid}.hero-label{color:#ffffffb8;letter-spacing:.18em;text-shadow:none;margin:0;font-size:.58rem;font-weight:700}.hero-title{letter-spacing:-.08em;font-family:Shippori Mincho,Noto Serif SC,serif;font-size:clamp(4rem,11vw,10.5rem);font-weight:700;line-height:.92}.hero-tagline{color:#ffffffd1;letter-spacing:.12em;max-width:260px;text-shadow:none;font-size:.68rem;font-weight:600;line-height:1.6;display:block}.site-nav-wrap{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd6;position:sticky;top:0}.site-nav{justify-content:space-between;align-items:center;min-height:78px;display:flex}.site-mark{color:var(--ink);align-items:baseline;gap:.85rem;display:inline-flex}.site-mark span{letter-spacing:-.08em;font-family:Shippori Mincho,Noto Serif SC,serif;font-size:1.15rem;font-weight:700}.site-mark small{color:var(--muted);letter-spacing:.2em;font-size:.54rem}.nav-links{gap:clamp(22px,4vw,58px);display:flex}.nav-links a{color:var(--muted);padding-block:.45rem;font-size:.82rem;transition:color .18s;position:relative}.nav-links a:after{background:var(--blue);content:"";transform-origin:100%;height:1px;transition:transform .22s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.identity{grid-template-columns:minmax(0,1fr) minmax(220px,.38fr);align-items:center;gap:8vw;min-height:min(760px,100dvh - 78px);padding-block:clamp(108px,14vw,190px);display:grid}.identity-copy{max-width:820px}.identity h1,.section-title-block h2,.contact h2{letter-spacing:-.075em;margin:1.3rem 0 0;font-family:Shippori Mincho,Noto Serif SC,serif;font-weight:700}.identity h1{max-width:850px;font-size:clamp(3.4rem,8vw,8.6rem);line-height:.98}.identity-intro{max-width:560px;color:var(--muted);margin:2.35rem 0 0;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.95}.dark-link{border-bottom:1px solid var(--ink);align-items:center;gap:.8rem;margin-top:2.5rem;padding-bottom:.55rem;font-size:.85rem;font-weight:600;transition:gap .18s,color .18s;display:inline-flex}.dark-link:hover{color:var(--blue-deep);gap:1.2rem}.identity-note{border-top:1px solid var(--blue);width:min(100%,250px);color:var(--muted);justify-self:end;padding-top:1rem;font-size:.8rem;line-height:1.8}.identity-note p{margin:.45rem 0}.about{border-top:1px solid var(--line);grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);gap:10vw;display:grid}.section-title-block h2,.contact h2{font-size:clamp(2.8rem,6vw,6.2rem);line-height:1.04}.about-detail{padding-top:4.2rem}.about-lead{letter-spacing:-.06em;max-width:660px;margin:0;font-family:Shippori Mincho,Noto Serif SC,serif;font-size:clamp(1.7rem,3.2vw,3.25rem);line-height:1.35}.about-text{max-width:650px;color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;margin-top:4.4rem;font-size:.96rem;line-height:1.95;display:grid}.about-text p{margin:0}.works{border-top:1px solid var(--line)}.works-title{grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);grid-template-areas:"label summary""slogan summary";align-items:end;gap:2.4rem 3rem;display:grid}.works-title .section-tag{letter-spacing:-.06em;grid-area:label;font-size:clamp(2.8rem,5.4vw,5.4rem);line-height:.95}.works-title h2{grid-area:slogan;margin-top:0;font-size:clamp(2.15rem,4.4vw,4.4rem)}.works-title h2 span{white-space:nowrap;display:block}.section-summary{max-width:250px;color:var(--muted);grid-area:summary;margin:0 0 .4rem auto;font-size:.82rem;line-height:1.8}.featured-project{background:var(--surface-blue);grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);align-items:center;gap:clamp(32px,7vw,100px);margin-top:clamp(68px,9vw,128px);padding:clamp(22px,3vw,44px);display:grid}.featured-proof{background:var(--ink);box-shadow:18px 18px 0 var(--blue-soft);padding:clamp(14px,2vw,26px);position:relative}.featured-proof img{object-fit:contain;object-position:center;width:100%;max-height:720px}.proof-caption{color:#ffffffa6;letter-spacing:.12em;margin-top:1rem;font-size:.58rem;display:block}.featured-copy{padding-block:1.5rem}.featured-copy h3,.project-tile h3{letter-spacing:-.07em;margin:1rem 0 0;font-family:Shippori Mincho,Noto Serif SC,serif;font-size:clamp(2rem,4vw,4rem);line-height:1.05}.featured-copy>p:not(.project-type):not(.project-note){max-width:450px;color:var(--muted);margin:1.7rem 0 0;font-size:.95rem;line-height:1.9}.project-stats{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;max-width:430px;margin:2.6rem 0 0;padding-top:1.45rem;display:grid}.project-stats div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.85rem;display:flex}.project-stats dt{color:var(--muted);font-size:.76rem}.project-stats dd{color:var(--blue-deep);margin:0;font-family:Shippori Mincho,Noto Serif SC,serif;font-size:1.4rem;font-weight:700}.project-note{color:var(--muted);margin:1.2rem 0 0;font-size:.72rem;line-height:1.7}.project-grid{background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:1px;display:grid}.project-tile{min-height:355px;padding:clamp(28px,4vw,58px);transition:transform .22s,box-shadow .22s}.project-tile:hover{z-index:1;position:relative;transform:translateY(-8px);box-shadow:0 20px 42px #142a521f}.project-tile-blue{background:var(--blue-soft)}.project-tile-light{background:var(--surface)}.tile-heading{color:var(--blue-deep);justify-content:space-between;align-items:center;display:flex}.project-tile h3{max-width:420px;margin-top:4.6rem;font-size:clamp(2.3rem,4.8vw,5.2rem)}.project-tile p{max-width:385px;color:var(--muted);margin:1.4rem 0 0;font-size:.9rem;line-height:1.9}.tile-link{border-bottom:1px solid var(--ink);letter-spacing:.1em;margin-top:2.8rem;padding-bottom:.4rem;font-size:.62rem;display:inline-block}.contact{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:10vw;display:grid}.contact-copy>p:last-child{max-width:430px;color:var(--muted);margin-top:2rem;font-size:.98rem;line-height:1.9}.contact-links{border-top:1px solid var(--ink);align-self:end}.contact-link,.wechat-contact{border-bottom:1px solid var(--line);grid-template-columns:82px minmax(0,1fr) 24px;align-items:center;gap:1rem;min-height:80px;display:grid}.contact-link>span:first-child,.wechat-contact>div>span{color:var(--muted);font-size:.8rem}.contact-link strong,.wechat-contact strong{overflow-wrap:anywhere;font-size:.92rem;font-weight:500}.contact-link>span:last-child{color:var(--blue-deep);font-size:1.1rem;transition:transform .18s}.contact-link:hover>span:last-child{transform:translate(3px,-3px)}.wechat-contact{grid-template-columns:82px minmax(0,1fr) 88px;padding-block:1.15rem}.wechat-contact>div{gap:.5rem;display:grid}.wechat-contact small{color:var(--muted);font-size:.64rem;line-height:1.5}.qr-trigger{border:1px solid var(--line);cursor:zoom-in;background:#fff;justify-self:end;width:88px;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.qr-trigger img{object-fit:cover;width:100%;height:108px;transition:transform .18s}.qr-trigger:hover{border-color:var(--blue);box-shadow:4px 4px 0 var(--blue-soft);transform:translate(-2px,-2px)}.qr-trigger:hover img{transform:scale(1.04)}.qr-dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04112c9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.qr-dialog{background:var(--surface);text-align:center;width:min(100%,420px);padding:clamp(32px,5vw,48px);position:relative;box-shadow:18px 18px #021f5f59}.qr-dialog-close{aspect-ratio:1;border:1px solid var(--line);width:34px;color:var(--ink);background:0 0;place-items:center;padding:0;font-size:1.35rem;line-height:1;transition:background .18s,color .18s;display:grid;position:absolute;top:14px;right:14px}.qr-dialog-close:hover{background:var(--ink);color:var(--surface)}.qr-dialog-label{color:var(--blue-deep);letter-spacing:.14em;margin:0;font-size:.68rem;font-weight:700}.qr-dialog h3{letter-spacing:-.06em;margin:.85rem 0 1.75rem;font-family:Shippori Mincho,Noto Serif SC,serif;font-size:clamp(1.75rem,5vw,2.5rem)}.qr-dialog img{background:#fff;width:min(100%,280px);margin-inline:auto}.qr-dialog-instruction{color:var(--muted);text-align:left;margin:1.5rem 0 0;font-size:.82rem;line-height:1.8}.qr-dialog-save{background:var(--blue-deep);color:#fff;letter-spacing:.08em;justify-content:center;min-width:148px;margin-top:1.25rem;padding:.78rem 1rem;font-size:.76rem;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.qr-dialog-save:hover{background:var(--blue);transform:translateY(-2px)}.site-footer{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr 1fr auto;gap:1.5rem;padding-block:28px 40px;font-size:.72rem;display:grid}.site-footer span:first-child{color:var(--ink);letter-spacing:-.06em;font-family:Shippori Mincho,Noto Serif SC,serif;font-weight:700}@media (width<=900px){:root{--frame:min(100% - 48px, 720px)}.hero-title{font-size:clamp(3.3rem,14vw,7rem)}.hero-tagline{max-width:180px;font-size:.58rem}.identity,.about,.contact{grid-template-columns:1fr;gap:4rem}.identity-note{justify-self:start}.about-detail{padding-top:0}.works-title{grid-template-columns:minmax(0,.9fr) minmax(180px,.7fr)}.works-title .section-summary{margin-left:0}.featured-project{grid-template-columns:1fr}.featured-copy{padding-bottom:0}.contact-links{align-self:start}}@media (width<=680px){:root{--frame:calc(100% - 36px)}.site-nav{min-height:68px}.site-mark{gap:.2rem;display:grid}.site-mark small{font-size:.46rem}.nav-links{gap:1rem}.nav-links a{font-size:.72rem}.hero{min-height:520px}.hero-image{object-position:46% 42%}.hero-content{padding-bottom:108px}.hero-title{font-size:clamp(3.4rem,19vw,6.2rem)}.hero-tagline{max-width:220px}.section-block{padding-block:90px}.identity{min-height:0;padding-block:96px 110px}.identity h1{font-size:clamp(3rem,16vw,5.6rem)}.identity-intro{margin-top:1.8rem;font-size:.94rem}.about-lead{font-size:clamp(1.65rem,8vw,2.8rem)}.about-text{grid-template-columns:1fr;gap:1.4rem;margin-top:2.5rem;font-size:.9rem}.works-title{display:block}.works-title h2{margin-top:2.4rem}.works-title .section-summary{margin:1.5rem 0 0}.featured-project{margin-top:3.8rem;padding:14px}.featured-proof{box-shadow:10px 10px 0 var(--blue-soft);padding:9px}.featured-copy{padding:1.45rem .35rem .5rem}.featured-copy h3{font-size:2.65rem}.featured-copy>p:not(.project-type):not(.project-note){font-size:.88rem}.project-stats{gap:.8rem 1.1rem;margin-top:2rem}.project-stats dd{font-size:1.05rem}.project-grid{grid-template-columns:1fr}.project-tile{min-height:315px;padding:30px 24px}.project-tile h3{margin-top:3.6rem;font-size:3.15rem}.contact h2{font-size:clamp(2.7rem,13vw,4.8rem)}.contact-link,.wechat-contact{grid-template-columns:62px minmax(0,1fr) 20px;gap:.75rem}.wechat-contact{grid-template-columns:62px minmax(0,1fr) 72px}.wechat-contact small{font-size:.55rem}.qr-trigger{width:72px}.qr-trigger img{height:90px}.qr-dialog-backdrop{padding:18px}.qr-dialog{padding:36px 28px 30px}.contact-link strong,.wechat-contact strong{font-size:.8rem}.site-footer{grid-template-columns:1fr auto;padding-bottom:28px}.site-footer span:nth-child(2){grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ink-cursor{display:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none),(pointer:coarse){.ink-cursor{display:none}}