:root{color-scheme:light;--bg: #f6f3ee;--paper: #fffdfa;--ink: #122948;--muted: #687386;--line: rgba(18, 41, 72, .12);--gold: #d8a632;--shadow: 0 22px 70px rgba(18, 41, 72, .13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(135deg,rgba(216,166,50,.1),transparent 34rem),var(--bg);color:var(--ink);font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px;padding:14px clamp(18px,5vw,72px);border-bottom:1px solid var(--line);background:#f6f3eee0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:46px;height:46px;border-radius:12px;object-fit:cover;background:var(--paper);box-shadow:0 8px 24px #1229481a}.brand span{display:grid;gap:2px}.brand strong{font-size:18px;line-height:1}.brand small,.kicker,.category-tab small,.work-button small,.section-title span,.hero-stats small,.lightbox figcaption span{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.site-nav{display:flex;gap:clamp(14px,4vw,34px);color:var(--muted);font-size:14px}.site-nav a:hover{color:var(--ink)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);gap:clamp(28px,6vw,88px);align-items:center;padding:clamp(44px,8vw,96px) clamp(18px,5vw,72px) clamp(30px,6vw,72px)}.hero-copy{display:grid;align-content:center;gap:18px}.hero-logo{width:clamp(76px,12vw,118px);height:clamp(76px,12vw,118px);border-radius:24px;object-fit:cover;background:var(--paper);box-shadow:var(--shadow)}.hero h1{margin:0;font-size:clamp(58px,12vw,154px);font-weight:900;letter-spacing:0;line-height:.92}.intro{max-width:560px;margin:0;color:#31435d;font-size:clamp(18px,2.4vw,28px);line-height:1.55}.contact-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.contact-row a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:#263956}.contact-row a:hover{border-color:#d8a6328c;box-shadow:0 12px 34px #12294817}.hero-photo{overflow:hidden;border-radius:26px;background:var(--paper);box-shadow:var(--shadow)}.hero-photo img{width:100%;aspect-ratio:4 / 5;object-fit:cover}.hero-stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:420px}.hero-stats div{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fffdfaad}.hero-stats span{display:block;color:var(--ink);font-size:34px;font-weight:800;line-height:1}.works-section{scroll-margin-top:92px;padding:28px clamp(18px,5vw,72px) 80px}.section-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:end;margin-bottom:18px}.section-title .kicker{grid-column:1 / -1;margin:0}.section-title h2{margin:0;font-size:clamp(30px,5vw,58px);line-height:1}.category-tabs{position:sticky;top:76px;z-index:10;display:flex;gap:10px;margin:0 -4px 22px;padding:12px 4px;overflow-x:auto;background:linear-gradient(to bottom,#f6f3eefa,#f6f3eedb);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);cursor:pointer}.category-tab.is-active{border-color:var(--ink);background:var(--ink);color:#fffdfa}.category-tab.is-active small{color:#fffdfab8}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,22px)}.work-card{min-width:0}.work-button{position:relative;display:grid;width:100%;padding:0;overflow:hidden;border:0;border-radius:18px;background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:0 10px 34px #12294814;text-align:left}.work-button img{width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .35s ease}.work-button span{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:12px 14px}.work-button strong{font-size:16px;line-height:1.25}.work-button:hover img{transform:scale(1.035)}.lightbox{width:min(94vw,1180px);height:min(92vh,820px);padding:0;overflow:hidden;border:0;border-radius:24px;background:#0e1726;color:#fff}.lightbox::backdrop{background:#070d16bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;margin:0}.lightbox img{width:100%;height:100%;min-height:0;object-fit:contain;background:#091120}.lightbox figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.12)}.lightbox-close,.lightbox-nav{position:absolute;z-index:4;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;background:#ffffffe6;color:#0e1726;cursor:pointer;font-size:28px;line-height:1}.lightbox-close{right:16px;top:16px}.lightbox-nav{top:50%;transform:translateY(-50%)}.lightbox-nav.prev{left:16px}.lightbox-nav.next{right:16px}@media (max-width: 980px){.hero{grid-template-columns:1fr}.hero-photo{max-width:520px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.site-header{min-height:68px}.brand img{width:40px;height:40px}.site-nav{gap:14px}.hero{padding-top:30px}.hero h1{font-size:clamp(54px,18vw,84px)}.contact-row a{width:100%;justify-content:center}.section-title{grid-template-columns:1fr}.category-tabs{top:68px}.works-grid{grid-template-columns:1fr}.work-button img{aspect-ratio:1 / .78}.lightbox{width:96vw;height:86vh;border-radius:18px}.lightbox figcaption{align-items:flex-start;flex-direction:column;gap:4px}}