/* build time:Wed May 27 2026 07:17:53 GMT+0000 (Coordinated Universal Time)*/
:root{--ink:#12120f;--muted:#6d6b62;--paper:#f4efe5;--paper-2:#e7ded0;--line:rgba(18, 18, 15, 0.16);--charcoal:#181a17;--bone:#fff8ea;--red:#c94735;--blue:#2d5f87;--moss:#63715a;--gold:#c39b49;--ease:cubic-bezier(0.22, 1, 0.36, 1);color-scheme:light;font-family:"WP Sans","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{background:var(--charcoal);scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:linear-gradient(90deg,rgba(18,18,15,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(18,18,15,.045) 1px,transparent 1px),radial-gradient(circle at 86% 12%,rgba(201,71,53,.12),transparent 34%),linear-gradient(135deg,#fff8ea 0,#f3ecdf 42%,#d7e0d5 100%);background-size:48px 48px,48px 48px,auto,auto}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.project-page{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:24px 0 84px}.site-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;animation:projectReveal .7s var(--ease) both}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--charcoal);font-size:.88rem;font-weight:800;letter-spacing:0}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(18,18,15,.24);border-radius:50%;background:var(--charcoal);color:var(--bone);font-size:.75rem}.top-links{display:flex;align-items:center;gap:4px;border:1px solid rgba(18,18,15,.12);background:rgba(255,248,234,.56);padding:4px}.top-links a{min-height:38px;padding:10px 14px;color:var(--muted);font-size:.88rem;transition:background-color 180ms ease,color 180ms ease}.top-links a:focus-visible,.top-links a:hover{background:var(--charcoal);color:var(--bone);outline:0}.project-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(32px,7vw,96px);min-height:min(780px,calc(100vh - 76px));padding:clamp(56px,8vw,108px) 0 clamp(48px,7vw,86px)}.hero-copy{animation:projectReveal 760ms var(--ease) 90ms both}.eyebrow{margin:0 0 18px;color:var(--red);font-size:.76rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.project-hero h1{max-width:780px;margin:0;font-family:"WP Serif","Noto Serif SC",serif;font-size:clamp(4.2rem,8.6vw,9.2rem);font-weight:600;line-height:.9;letter-spacing:0}.hero-lead{max-width:620px;margin:28px 0 0;color:#4f5149;font-size:clamp(1.04rem,1.6vw,1.2rem);line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.ghost-action,.inline-link,.primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid var(--charcoal);font-size:.92rem;font-weight:800;transition:transform 220ms var(--ease),background-color 220ms ease,color 220ms ease}.primary-action{background:var(--charcoal);color:var(--bone)}.ghost-action,.inline-link{background:rgba(255,248,234,.6);color:var(--charcoal)}.ghost-action:focus-visible,.ghost-action:hover,.inline-link:focus-visible,.inline-link:hover,.primary-action:focus-visible,.primary-action:hover{background:var(--red);color:var(--bone);outline:0;transform:translateY(-2px)}.hero-showcase{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(118px,10vw,148px);gap:clamp(12px,2vw,18px);min-height:clamp(440px,48vw,640px);align-content:center;isolation:isolate;animation:projectReveal 820ms var(--ease) 180ms both}.hero-showcase::before{position:absolute;inset:15% 2% 8% 20%;border:1px solid rgba(18,18,15,.2);background:linear-gradient(135deg,rgba(201,71,53,.18),transparent 46%),rgba(24,26,23,.92);content:"";transform:skewY(-5deg);z-index:-1}.hero-device{position:relative;display:block;overflow:hidden;border:1px solid rgba(18,18,15,.22);background:var(--bone);box-shadow:0 30px 80px rgba(18,18,15,.22);transform:rotate(-2deg);transition:transform 320ms var(--ease),box-shadow 320ms var(--ease)}.hero-device:nth-child(1),.hero-device:nth-child(4){grid-column:span 3}.hero-device:nth-child(2),.hero-device:nth-child(3),.hero-device:nth-child(5){grid-column:span 2}.hero-device:nth-child(even){transform:rotate(2deg)}.hero-device:focus-visible,.hero-device:hover{box-shadow:0 38px 100px rgba(18,18,15,.3);outline:0;transform:rotate(0) translateY(-8px)}.device-label{position:absolute;top:12px;left:12px;z-index:2;padding:7px 9px;background:rgba(24,26,23,.92);color:var(--bone);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.status-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,248,234,.48);animation:projectReveal 760ms var(--ease) 260ms both}.status-track div{display:grid;gap:8px;min-height:118px;padding:24px;border-right:1px solid var(--line)}.status-track div:last-child{border-right:0}.status-track strong{font-family:"WP Serif","Noto Serif SC",serif;font-size:clamp(1.9rem,4vw,3.4rem);font-weight:600;line-height:.9}.status-track span{color:var(--muted);font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.project-roll{display:grid;gap:clamp(26px,5vw,52px);border-top:1px solid var(--charcoal);padding-top:clamp(34px,6vw,66px)}.project-roll__intro{display:grid;grid-template-columns:minmax(240px,.64fr) minmax(0,1fr);gap:clamp(22px,5vw,68px);align-items:end}.project-roll__intro h2{margin:0;font-family:"WP Serif","Noto Serif SC",serif;font-size:clamp(2.9rem,6.2vw,6.4rem);font-weight:600;line-height:.92;letter-spacing:0}.project-roll__intro p:last-child{max-width:620px;margin:0;color:#4f5149;font-size:1.02rem;line-height:1.86}.project-list{display:grid;border-top:1px solid rgba(18,18,15,.22)}.project-row{display:grid;grid-template-columns:76px minmax(112px,160px) minmax(180px,.72fr) minmax(220px,1.1fr) minmax(120px,.34fr);gap:clamp(16px,3vw,34px);align-items:center;min-height:146px;border-bottom:1px solid rgba(18,18,15,.22);color:var(--charcoal);transition:background-color 220ms ease,color 220ms ease,transform 260ms var(--ease)}.project-row:focus-visible,.project-row:hover{background:var(--charcoal);color:var(--bone);outline:0;transform:translateX(8px)}.project-row__index{color:var(--red);font-size:.82rem;font-weight:900;letter-spacing:.14em}.project-row__thumb{display:block;overflow:hidden;aspect-ratio:16/10;border:1px solid rgba(18,18,15,.18);background:var(--paper-2);transform:rotate(-2deg);transition:transform 260ms var(--ease),border-color 260ms ease}.project-row:nth-child(even) .project-row__thumb{transform:rotate(2deg)}.project-row:focus-visible .project-row__thumb,.project-row:hover .project-row__thumb{border-color:rgba(255,248,234,.5);transform:rotate(0) scale(1.04)}.project-row:focus-visible .project-row__index,.project-row:hover .project-row__index{color:var(--gold)}.project-row__title{font-family:"WP Serif","Noto Serif SC",serif;font-size:clamp(1.9rem,4vw,3.7rem);font-weight:600;line-height:.98;letter-spacing:0}.project-row__summary{color:var(--muted);font-size:1rem;line-height:1.72}.project-row:focus-visible .project-row__summary,.project-row:hover .project-row__summary{color:rgba(255,248,234,.78)}.project-row__tag{justify-self:end;color:var(--moss);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.project-row:focus-visible .project-row__tag,.project-row:hover .project-row__tag{color:var(--gold)}@keyframes projectReveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1040px){.project-hero,.project-roll__intro{grid-template-columns:1fr}.hero-showcase{grid-auto-rows:clamp(108px,16vw,140px);min-height:clamp(390px,60vw,520px)}.project-row{grid-template-columns:54px 128px minmax(0,1fr)}.project-row__summary,.project-row__tag{grid-column:3;justify-self:start}}@media (max-width:760px){.project-page{width:min(100% - 28px,1240px);padding-top:16px}.site-top{align-items:flex-start;flex-direction:column}.top-links{width:100%;overflow-x:auto}.top-links a{flex:0 0 auto}.project-hero{min-height:auto;padding-top:48px}.project-hero h1{font-size:clamp(3.4rem,17vw,5.9rem)}.hero-showcase{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:118px;min-height:420px}.hero-device:nth-child(n){grid-column:span 1}.status-track{grid-template-columns:repeat(2,minmax(0,1fr))}.status-track div{min-height:92px;padding:18px}.status-track div:nth-child(2){border-right:0}.project-roll{padding-top:54px}.project-row{grid-template-columns:1fr;gap:12px;min-height:0;padding:24px 0}.project-row:focus-visible,.project-row:hover{transform:none}.project-row__summary,.project-row__tag{grid-column:auto}.project-row__thumb{width:min(72vw,220px)}.project-row__tag{justify-self:start;white-space:normal}}@media (max-width:430px){.project-page{width:min(100% - 24px,1240px)}.hero-showcase{grid-auto-rows:108px;min-height:560px}.hero-actions{align-items:stretch;flex-direction:column}.ghost-action,.inline-link,.primary-action{width:100%}}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}
/* rebuild by neat */