:root{color-scheme:light;--paper:#f4f3e9;--paper-deep:#e9e6d4;--surface:#fffef7;--ink:#20201d;--ink-soft:#3c3c36;--muted:#68685f;--accent:#f1c644;--accent-deep:#cda428;--line:#20201d3d;--grid-line:#20201d12;--zhixi:#6544d8;--shadow:#c8b768;--shell:72rem;--reading:46rem;--header-height:4.25rem;font-synthesis:none;text-rendering:optimizelegibility}@view-transition{navigation:auto}::view-transition-old(root){animation:.16s ease-out both portal-page-out}::view-transition-new(root){animation:.24s cubic-bezier(.16,1,.3,1) both portal-page-in}@keyframes portal-page-out{to{opacity:0;transform:translateY(-.25rem)}}@keyframes portal-page-in{0%{opacity:0;transform:translateY(.4rem)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:2rem 2rem;margin:0;font-family:Aptos,Segoe UI,Microsoft YaHei UI,PingFang SC,sans-serif;font-size:1rem;line-height:1.7}img,picture,video,svg{max-width:100%;display:block}img{height:auto}button,input,textarea,select{font:inherit}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:.08em}a:hover{text-decoration-color:var(--accent-deep)}:focus-visible{outline:.2rem solid var(--ink);outline-offset:.2rem}::selection{color:var(--ink);background:var(--accent)}h1,h2,h3,h4,p{margin-block-start:0}h1,h2,h3,.display-type{letter-spacing:-.035em;text-wrap:balance;font-family:Noto Serif SC,Songti SC,STSong,Georgia,serif;font-weight:700}h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:1.02}h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12}h3{font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.25}p{max-width:65ch}.skip-link{z-index:100;color:var(--surface);background:var(--ink);padding:.6rem .85rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(calc(100% - 2.5rem), var(--shell));margin-inline:auto}.section{padding-block:clamp(4.5rem,9vw,8rem)}.section--compact{padding-block:clamp(3rem,6vw,5rem)}.site-header{z-index:20;min-height:var(--header-height);border-bottom:1px solid var(--line);backdrop-filter:blur(.6rem);view-transition-name:site-header;background:#f4f3e9f0;position:sticky;top:0}.site-header__inner{width:min(calc(100% - 2.5rem), var(--shell));min-height:var(--header-height);justify-content:space-between;align-items:center;gap:1.5rem;margin-inline:auto;display:flex}.site-logo{border:2px solid var(--ink);background:var(--accent);min-height:2.25rem;box-shadow:.22rem .22rem 0 var(--ink-soft);letter-spacing:.08em;align-items:center;padding-inline:.65rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.site-logo:active{box-shadow:none;transform:translate(.12rem,.12rem)}.site-nav{white-space:nowrap;align-items:center;gap:clamp(.7rem,2vw,1.5rem);margin:0;padding:0;list-style:none;display:flex}.site-nav a{z-index:0;align-items:center;min-height:2.75rem;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex;position:relative}.site-nav a:after{background:var(--accent);content:"";transform-origin:0;z-index:-1;height:.42rem;position:absolute;bottom:.35rem;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after,.site-nav a:focus-visible:after,.site-nav a[aria-current=page]:after{transform:scaleX(1)}.site-nav a[aria-current=page]{z-index:0}.site-footer{border-top:1px solid var(--line);background:#f4f3e9db}.site-footer__inner{width:min(calc(100% - 2.5rem), var(--shell));min-height:7rem;color:var(--muted);justify-content:space-between;align-items:center;gap:2rem;margin-inline:auto;font-size:.86rem;display:flex}.site-footer__inner p{margin:0}.site-footer nav{gap:1.2rem;display:flex}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.button{border:2px solid var(--ink);min-height:3rem;color:var(--ink);background:var(--surface);box-shadow:.28rem .28rem 0 var(--shadow);white-space:nowrap;justify-content:center;align-items:center;padding:.72rem 1rem;font-weight:750;line-height:1;text-decoration:none;display:inline-flex}.button--primary{color:var(--surface);background:var(--ink);box-shadow:.28rem .28rem 0 var(--accent)}.button:hover{text-decoration:none;transform:translateY(-.1rem)}.button:active{box-shadow:none;transform:translate(.16rem,.16rem)}.page-intro{max-width:52rem}.page-intro p{color:var(--muted);margin-top:1.25rem;font-size:clamp(1.05rem,2vw,1.25rem)}.hero{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);align-items:end;gap:clamp(2rem,6vw,5rem);padding-block:clamp(3rem,7vw,5.5rem);display:grid}.hero__content{max-width:48rem}.hero h1{max-width:12ch;margin-bottom:1.5rem}.hero h1 span{isolation:isolate;display:block;position:relative}.hero h1 span:after{background:var(--accent);content:"";transform-origin:0;z-index:-1;height:.28em;position:absolute;bottom:.03em;left:0;right:0}.hero__summary{color:var(--ink-soft);margin-bottom:1.8rem;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.65}.now-note{border:2px solid var(--ink);background:var(--accent);box-shadow:.5rem .5rem 0 var(--ink-soft);padding:clamp(1.4rem,3vw,2rem);transform:rotate(.8deg)}.now-note__label,.project-meta{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;font-weight:750}.now-note h2{margin:1rem 0 .65rem;font-size:clamp(1.4rem,2.5vw,2rem)}.now-note p{margin-bottom:0;font-size:.95rem}.now-current{border:2px solid var(--ink);background:var(--accent);max-width:48rem;box-shadow:.5rem .5rem 0 var(--ink-soft);margin-top:3rem;padding:clamp(1.5rem,4vw,2.8rem)}.now-current h2{margin:1rem 0 .75rem}.now-current p{margin-bottom:0}.section-heading{margin-bottom:clamp(1.8rem,4vw,3rem)}.section-heading p{color:var(--muted);margin-top:.9rem}.featured-project{border:2px solid var(--ink);background:var(--surface);min-height:31rem;box-shadow:.55rem .55rem 0 var(--shadow);grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);display:grid}.featured-project__visual{border-right:2px solid var(--ink);background:#e4defa;min-height:31rem;position:relative;overflow:hidden}.featured-project__visual img{object-fit:cover;object-position:top center;width:100%;height:100%}.featured-project__visual--contain{background:#091b3c}.featured-project__visual--contain img{object-fit:contain;object-position:center}.featured-project__content{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(1.8rem,5vw,4.5rem);display:flex}.featured-project__content h3{margin:1.25rem 0 .9rem;font-size:clamp(2.2rem,5vw,4.2rem)}.featured-project__content p{color:var(--ink-soft)}.text-link{border-bottom:2px solid var(--ink);margin-top:1.5rem;padding-bottom:.12rem;font-weight:750;text-decoration:none;display:inline-flex}.text-link:hover{border-color:var(--accent-deep)}.about-strip{border-top:2px solid var(--ink);grid-template-columns:1fr auto;align-items:end;gap:2rem;padding-block:clamp(3.5rem,7vw,6rem);display:grid}.about-strip h2{max-width:15ch;margin-bottom:1rem}.project-list{gap:2rem;display:grid}.project-story-header{grid-template-columns:minmax(0,.85fr) minmax(20rem,1.15fr);align-items:center;gap:clamp(2rem,7vw,6rem);display:grid}.project-story-header__media{border:2px solid var(--ink);max-height:46rem;box-shadow:.55rem .55rem 0 var(--shadow);background:#e4defa;overflow:hidden}.project-story-header__media img{object-fit:cover;object-position:top center;width:100%;height:100%}.project-story-header__summary{color:var(--ink-soft);font-size:clamp(1.05rem,2vw,1.3rem)}.project-story-header__actions{margin-top:2rem}.project-story-header--service .project-story-header__media{background:#091b3c;box-shadow:.55rem .55rem #4dc7f3}.project-facts{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2rem;display:grid}.project-facts div{border-top:1px solid var(--line);padding-top:.75rem}.project-facts dt{color:var(--muted);font-size:.78rem}.project-facts dd{margin:.3rem 0 0;font-weight:650}.project-services{padding-top:1rem}.project-services .section-heading{max-width:48rem}.project-services .section-heading h2{margin:.8rem 0 1rem}.project-services .section-heading p,.service-card p{color:var(--ink-soft)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.service-card{border:2px solid var(--ink);background:var(--surface);padding:clamp(1.4rem,3vw,2rem);box-shadow:.35rem .35rem #4dc7f3}.service-card h3{margin:.8rem 0 .65rem}.service-card p{margin-bottom:0}.prose{width:min(100%, var(--reading));margin-inline:auto;padding-block:clamp(4rem,8vw,7rem)}.prose h2{margin:4.5rem 0 1.2rem}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:var(--ink-soft);font-size:1.08rem}.prose ul{grid-template-columns:1fr 1fr;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.prose li{border-left:.35rem solid var(--accent);background:#fffef7bd;padding:1rem}.prose picture,.prose>img{border:1px solid var(--line);width:min(100vw - 2.5rem,60rem);max-width:none;margin:2.2rem 50%;transform:translate(-50%)}.prose img{width:100%}.status-list{gap:1.5rem;max-width:54rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.status-list li{border-top:1px solid var(--line);grid-template-columns:minmax(6.5rem,auto) 1fr;gap:1.25rem;padding-top:1.1rem;display:grid}.status-list time{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem}.status-list strong{font-size:1.05rem}.contact-block{grid-template-columns:minmax(0,1fr) minmax(16rem,24rem);align-items:center;gap:clamp(2.5rem,8vw,7rem);display:grid}.contact-block__qr{border:2px solid var(--ink);box-shadow:.5rem .5rem 0 var(--accent);background:#fff;padding:1rem}.contact-block__qr img{width:100%}.contact-block figure{margin:0}.content-grid{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:start;gap:clamp(2.5rem,8vw,7rem);display:grid}.content-grid p,.info-block li{color:var(--ink-soft);font-size:1.06rem}.info-block{border:2px solid var(--ink);background:var(--surface);box-shadow:.45rem .45rem 0 var(--accent);padding:clamp(1.4rem,3vw,2rem)}.info-block ul{margin:1.25rem 0 0;padding-left:1.2rem}.info-block li+li{margin-top:.8rem}.error-page{min-height:calc(100dvh - var(--header-height));align-content:center;display:grid}.error-code{margin-bottom:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1rem;font-weight:700}@media (prefers-reduced-motion:no-preference){.button,.site-logo,.text-link,.featured-project,.featured-project__visual img,.now-note,.site-nav a:after{transition:transform .22s cubic-bezier(.16,1,.3,1),translate .22s cubic-bezier(.16,1,.3,1)}.hero[data-motion-ready=true] h1 span:after{animation:.62s cubic-bezier(.16,1,.3,1) .12s both accent-sweep}.featured-project:focus-within{transform:translate(-.18rem,-.18rem)}.featured-project:focus-within .featured-project__visual img{transform:scale(1.025)}.featured-project:focus-within .featured-project__visual--contain img{transform:none}.now-note:focus-within{translate:0 -.18rem}@keyframes accent-sweep{0%{transform:scaleX(0)}}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.featured-project:hover{transform:translate(-.18rem,-.18rem)}.featured-project:hover .featured-project__visual img{transform:scale(1.025)}.featured-project:hover .featured-project__visual--contain img{transform:none}.now-note:hover{translate:0 -.18rem}}@media (width<=48rem){.shell,.site-header__inner,.site-footer__inner{width:min(calc(100% - 2rem), var(--shell))}.site-header__inner{gap:.6rem}.site-nav{gap:.65rem}.site-nav a{font-size:.78rem}.hero,.featured-project,.project-story-header,.about-strip,.contact-block,.content-grid{grid-template-columns:1fr}.hero{align-items:start;min-height:auto;padding-block:3.5rem 5rem}.hero h1{max-width:none}.now-note{transform:none}.featured-project,.featured-project__visual{min-height:0}.featured-project__visual{border-right:0;border-bottom:2px solid var(--ink);height:22rem}.project-story-header__media{grid-row:1;max-height:31rem}.prose ul,.project-facts,.service-grid{grid-template-columns:1fr}.status-list li{grid-template-columns:1fr;gap:.25rem}.site-footer__inner{flex-direction:column;align-items:flex-start;gap:1rem;min-height:auto;padding-block:2.5rem}}@media (width<=23rem){.hero h1{font-size:2.35rem}.site-logo{padding-inline:.45rem}.site-nav{gap:.45rem}.site-nav a{font-size:.72rem}.button-row{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-old(root),::view-transition-new(root){animation:none}.button,.site-logo,.text-link,.featured-project,.featured-project__visual img,.now-note,.site-nav a:after{transition-duration:0s}}