:root{--ink:#071312;--ink-soft:#102324;--paper:#f3f6f3;--paper-2:#e8efea;--mist:#e7f0ee;--muted:#6d817b;--bamboo:#77b891;--accent:#62dcc9;--line:rgba(91,143,116,.25);--warning:#b87924;font-family:"Microsoft YaHei UI","Noto Sans SC",sans-serif;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;color:var(--mist);background:var(--ink)}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;z-index:30;left:16px;top:-60px;padding:10px 14px;background:var(--mist);color:var(--ink);border-radius:4px}.skip-link:focus{top:16px}
.site-header{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(20px,4vw,64px);transition:background .25s,border-color .25s}.site-header.scrolled,.site-header.menu-active{background:rgba(7,19,18,.91);border-bottom:1px solid rgba(123,234,213,.13);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(123,234,213,.42);border-radius:50%;font-family:"Songti SC","STSong",serif;color:var(--accent)}.brand strong,.brand small{display:block}.brand strong{font-size:15px;font-weight:600}.brand small{margin-top:3px;font:8px/1.2 "Segoe UI",sans-serif;color:var(--muted)}.site-nav{display:flex;align-items:center;gap:30px;font-size:12px}.site-nav>a{padding:8px 0;color:#c8d9d5}.site-nav>a:hover{color:#fff}.menu-button{display:none;border:1px solid rgba(231,240,238,.35);border-radius:4px;background:rgba(7,19,18,.42);padding:8px 11px;backdrop-filter:blur(8px)}
.hero{position:relative;min-height:92svh;overflow:hidden;display:flex;align-items:center;padding:120px clamp(22px,8vw,124px) 105px}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:61% 48%;filter:saturate(.82) contrast(1.02) brightness(.78);animation:heroBreathe 18s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 68% 48%,transparent 0%,rgba(5,17,16,.12) 37%,rgba(5,17,16,.34) 100%),linear-gradient(90deg,rgba(5,17,16,.92) 0%,rgba(5,17,16,.73) 31%,rgba(5,17,16,.3) 59%,rgba(5,17,16,.08) 100%),linear-gradient(0deg,rgba(5,17,16,.72),transparent 35%)}.hero-content{position:relative;z-index:1;width:min(600px,48vw)}.eyebrow,.section-kicker{margin:0;color:var(--bamboo);font-size:11px}.eyebrow{display:flex;align-items:center;gap:13px}.eyebrow span{width:34px;height:1px;background:var(--accent)}.hero h1{font-family:"Songti SC","STSong","SimSun",serif;font-weight:400;font-size:clamp(56px,6vw,90px);line-height:1.08;margin:24px 0 16px;color:#f4f8f5;text-shadow:0 7px 36px rgba(0,0,0,.34)}.hero-subtitle{font-family:"Songti SC","STSong",serif;font-size:clamp(22px,2vw,29px);line-height:1.65;margin:0;color:#d8e5e1}.hero-intro{max-width:530px;margin:20px 0 0;color:#aebfba;font-size:13px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.primary-action,.secondary-action{min-height:46px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:0 18px;border-radius:4px;font-size:13px;transition:transform .2s}.primary-action{background:var(--mist);color:var(--ink);min-width:184px}.secondary-action{border:1px solid rgba(231,240,238,.32);background:rgba(7,19,18,.22);backdrop-filter:blur(8px)}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}.hero-focus{display:flex;gap:12px;flex-wrap:wrap;list-style:none;margin:32px 0 0;padding:0}.hero-focus li{padding:7px 10px;border-left:1px solid rgba(98,220,201,.52);color:#a9bbb5;font-size:10px;background:rgba(7,19,18,.18)}.hero-tools{position:absolute;z-index:2;left:clamp(22px,4vw,64px);right:clamp(22px,4vw,64px);bottom:24px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a4b6ae}.motion-button{border:0;background:transparent;padding:8px 0;cursor:pointer}.motion-button span{margin-right:6px}.motion-paused .hero-art{animation-play-state:paused}
.featured-section,.projects-section{color:var(--ink-soft);padding:92px clamp(22px,6vw,92px) 104px}.featured-section{background:var(--paper)}.projects-section{background:#e9efeb;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(280px,1.1fr);gap:50px;align-items:end;max-width:1280px;margin:auto}.section-kicker{color:#527965}.section-heading h2,.about-section h2{font-family:"Songti SC","STSong",serif;font-size:clamp(40px,5vw,68px);font-weight:400;line-height:1.22;margin:14px 0 0}.section-heading>p{max-width:550px;margin:0;color:var(--muted);font-size:14px;line-height:1.9}.compact-heading h2{font-size:clamp(38px,4vw,56px)}
.featured-grid{max-width:1280px;margin:52px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-card{display:grid;grid-template-columns:1fr;background:#fff;border:1px solid var(--line);min-width:0}.case-primary{grid-column:1 / -1;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.case-media{display:block;overflow:hidden;background:#dce7e2;min-height:230px}.case-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .3s}.case-media:hover img{transform:scale(1.018);filter:saturate(1.07)}.case-body{display:flex;flex-direction:column;padding:28px}.case-meta,.project-top{display:flex;justify-content:space-between;gap:16px;color:#527965;font-size:10px}.case-meta b,.project-top b{font-weight:500}.case-body h3{font-family:"Songti SC","STSong",serif;font-size:clamp(25px,2.2vw,34px);font-weight:500;line-height:1.5;margin:25px 0 12px}.case-body>p{margin:0;color:var(--muted);font-size:13px;line-height:1.85}.case-body .boundary{margin-top:16px;padding-left:10px;border-left:2px solid #c89a5d;font-size:11px;color:#7c817a}.case-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:auto;padding-top:26px}.case-actions a{color:#255e50;font-size:11px;border-bottom:1px solid rgba(37,94,80,.25);padding-bottom:5px}
.project-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:42px auto 24px;border-bottom:1px solid var(--line);padding-bottom:14px}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter-button{border:0;background:transparent;color:var(--muted);padding:8px 11px;border-radius:4px;cursor:pointer}.filter-button.active{background:var(--ink-soft);color:var(--mist)}#projectCount{font-size:11px;color:var(--muted)}.project-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-card{background:var(--paper);min-height:360px;display:flex;flex-direction:column;border:1px solid var(--line);transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(25,51,43,.08)}.project-card[hidden]{display:none}.project-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#dce7e2}.project-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}.project-card:hover .project-media img{transform:scale(1.02)}.project-copy{display:flex;flex:1;flex-direction:column;padding:21px}.project-card[data-category="creative"] .project-top{color:#437a6b}.project-card[data-category="automation"] .project-top{color:#526b85}.project-card[data-category="industry"] .project-top{color:#a16d22}.project-card h3{font-family:"Songti SC","STSong",serif;font-size:22px;font-weight:500;line-height:1.45;margin:18px 0 9px}.project-card h3 a{display:flex;justify-content:space-between;gap:15px}.project-card h3 span{color:#4f7868}.project-card p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 20px}.project-card footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line);font-size:9px;color:#7d8d87}.project-card footer a{font-size:10px;color:#315f51;white-space:nowrap}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#102324;padding:100px clamp(22px,8vw,126px);border-top:1px solid rgba(123,234,213,.12)}.about-copy{align-self:end;max-width:610px}.about-copy>p{color:#a4b6ae;font-size:15px;line-height:2;margin:0}.about-copy .about-note{margin-top:20px;padding:15px 18px;border-left:2px solid var(--bamboo);background:rgba(231,240,238,.035);font-size:11px;line-height:1.8}.about-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:32px}.about-links a{color:var(--accent);font-size:12px;border-bottom:1px solid rgba(98,220,201,.3);padding-bottom:6px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);padding:34px clamp(22px,5vw,76px);color:#a4b6ae;font-size:10px}.site-footer>p{margin:0}.site-footer>a:last-child{font-size:11px}.reveal{opacity:0;transform:translateY(16px)}.revealed{opacity:1;transform:none;transition:opacity .5s,transform .5s}@keyframes heroBreathe{from{transform:scale(1)}to{transform:scale(1.025)}}
@media(max-width:980px){.case-primary{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-section{gap:40px}}
@media(max-width:700px){.site-header{padding:18px 20px}.menu-button{display:block}.site-nav{position:absolute;top:100%;left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:8px 20px 18px;background:rgba(7,19,18,.97);border-bottom:1px solid rgba(123,234,213,.14)}.site-header.menu-active .site-nav{display:flex}.site-nav>a{padding:14px 0;border-bottom:1px solid rgba(231,240,238,.09)}.hero{min-height:94svh;align-items:flex-end;padding:116px 22px 92px}.hero-art{object-position:61% 48%;filter:saturate(.78) brightness(.64)}.hero-shade{background:linear-gradient(0deg,rgba(5,17,16,.96) 0%,rgba(5,17,16,.58) 54%,rgba(5,17,16,.18) 82%),linear-gradient(90deg,rgba(5,17,16,.46),transparent)}.hero-content{width:100%;overflow:hidden}.hero h1{font-size:clamp(48px,15vw,64px);margin:17px 0 11px}.hero-subtitle{font-size:20px}.hero-intro{font-size:12px;line-height:1.75;margin-top:14px;max-width:340px}.hero-actions{margin-top:24px}.hero-focus{margin-top:25px}.hero-tools>span{display:none}.featured-section,.projects-section{padding:64px 16px 74px}.section-heading{grid-template-columns:1fr;gap:18px}.section-heading h2{font-size:42px}.section-heading>p{font-size:13px}.featured-grid{grid-template-columns:1fr;margin-top:34px;gap:12px}.case-primary{grid-column:auto}.case-media{min-height:0;aspect-ratio:16/9}.case-body{padding:22px 20px}.case-body h3{font-size:25px;margin-top:20px}.project-toolbar{align-items:flex-end;margin-top:34px}.filter-group{gap:4px}.filter-button{font-size:11px;padding:7px 8px}.project-grid{grid-template-columns:1fr;gap:10px}.project-card{min-height:0}.project-copy{padding:20px}.about-section{grid-template-columns:1fr;padding:70px 22px;gap:30px}.about-section h2{font-size:42px}.site-footer{align-items:flex-start;flex-direction:column}.site-footer>p{order:3}}
@media(max-width:380px){.hero-actions{display:grid}.primary-action,.secondary-action{width:100%}.hero-focus{gap:5px}.project-toolbar{align-items:flex-start;flex-direction:column}.project-card footer{align-items:flex-start;flex-direction:column}.site-footer{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{animation:none}.reveal,.revealed{opacity:1;transform:none;transition:none}.motion-button{display:none}.project-card,.project-media img,.case-media img{transition:none}}