:root{--bg:#070b18;--panel:#0d1428;--panel2:#121c34;--text:#f4f7ff;--muted:#9ca9c6;--cyan:#6ce7ff;--violet:#a88cff;--line:#243250;--radius:20px;--max:1500px;color-scheme:dark;font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#162048 0,transparent 34rem),var(--bg);color:var(--text)}button,a{font:inherit}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.skip{position:fixed;left:1rem;top:-4rem;z-index:99;background:#fff;color:#000;padding:.7rem 1rem}.skip:focus{top:1rem}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:1rem max(4vw,24px);background:rgba(7,11,24,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(108,231,255,.14)}.brand{font-size:1.15rem;font-weight:900;letter-spacing:.05em}.brand small{color:var(--cyan);font-size:.62rem;margin-left:.45rem}.topbar nav{display:flex;gap:1.4rem;color:var(--muted);font-size:.9rem}.topbar nav a:hover{color:var(--cyan)}main,footer{width:min(var(--max),92vw);margin:auto}.hero{min-height:78vh;display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:center;padding:7rem 0}.eyebrow,.project-kicker{color:var(--cyan);font-weight:800;letter-spacing:.16em;font-size:.76rem}.hero h1{font-size:clamp(3.2rem,7vw,7.6rem);line-height:.95;margin:1.2rem 0 2rem;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #9fc6ff}.lead{color:#c4cee5;font-size:clamp(1rem,1.35vw,1.24rem);line-height:1.9;max-width:46rem}.cta{display:inline-flex;margin-top:1.8rem;border:1px solid var(--cyan);border-radius:999px;padding:.8rem 1.15rem;color:var(--cyan)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stats article{background:var(--panel);padding:clamp(1.4rem,3vw,3rem);min-height:11rem;display:flex;flex-direction:column;justify-content:space-between}.stats strong{font-size:clamp(2rem,4vw,4rem);color:var(--cyan);line-height:1}.stats span{color:var(--muted);line-height:1.55}.section-nav{display:flex;gap:.65rem;position:sticky;top:65px;z-index:15;padding:1rem 0;background:linear-gradient(var(--bg) 75%,transparent);overflow-x:auto;scrollbar-width:none}.section-nav a{white-space:nowrap;border:1px solid var(--line);background:var(--panel);padding:.65rem .9rem;border-radius:999px;color:#b9c4dc;font-size:.85rem}.section-nav a:hover{border-color:var(--cyan);color:var(--cyan)}.collection,.proof,.about{padding:8rem 0 2rem;scroll-margin-top:7rem}.collection-heading{display:grid;grid-template-columns:10rem 1fr;gap:2rem;align-items:start;margin-bottom:3rem}.section-number{font-size:clamp(3rem,7vw,7rem);color:var(--cyan);font-weight:200;line-height:.85}.collection-heading p{color:var(--cyan);font-size:.78rem;letter-spacing:.14em;margin:0 0 .8rem}.collection-heading h2{font-size:clamp(2rem,4.4vw,4.8rem);line-height:1.05;margin:0 0 1rem;letter-spacing:-.04em}.collection-heading div>span{color:var(--muted);line-height:1.8}.case-study{padding:clamp(1rem,3vw,3rem);background:linear-gradient(145deg,var(--panel),#111a32);border:1px solid var(--line);border-radius:28px;margin-bottom:5rem}.case-intro{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.case-intro h3{font-size:clamp(1.7rem,3vw,3.2rem);margin:.6rem 0}.case-intro p{color:var(--muted);max-width:52rem;line-height:1.7}.case-badge{border:1px solid var(--violet);color:#d7cdff;padding:.6rem .8rem;border-radius:999px;white-space:nowrap}.case-grid{display:grid;grid-template-columns:1fr .8fr;gap:1rem}.brief-panel,.featured-art{background:#080c17;border:1px solid var(--line);border-radius:18px;overflow:hidden}.brief-panel button,.featured-art{border:0;padding:0;color:inherit;text-align:left;cursor:zoom-in}.brief-panel img{width:100%;aspect-ratio:16/8;object-fit:cover}.brief-panel p{padding:0 1.2rem 1rem;color:var(--muted);line-height:1.65}.brief-panel strong{color:var(--text)}.featured-art{position:relative}.featured-art img{width:100%;height:100%;max-height:35rem;object-fit:cover}.featured-art span{position:absolute;right:1rem;bottom:1rem;background:rgba(7,11,24,.8);border:1px solid var(--cyan);border-radius:999px;padding:.55rem .8rem}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1rem;border-radius:16px;overflow:hidden}.process-grid article{background:#0b1122;padding:1.25rem}.process-grid b{color:var(--cyan)}.process-grid p{color:var(--muted);line-height:1.7;font-size:.9rem}.year-band{display:grid;grid-template-columns:9rem 1fr;gap:2rem;padding:2.2rem 0;border-top:1px solid var(--line)}.year-marker{position:sticky;top:125px;align-self:start;display:flex;flex-direction:column}.year-marker span{font-size:2.2rem;color:#c8eaff;font-weight:200}.year-marker small{color:var(--muted)}.mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:.55rem}.work-card{position:relative;grid-column:span 3;min-height:11rem;aspect-ratio:clamp(.65,var(--ratio),1.8);padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--panel2);color:var(--text);cursor:zoom-in;text-align:left}.work-card:nth-child(7n+1){grid-column:span 4}.work-card:nth-child(9n+4){grid-column:span 2}.work-card img,.work-card video{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.work-card:hover img{transform:scale(1.035)}.card-meta{position:absolute;inset:auto 0 0;padding:2.8rem .8rem .75rem;background:linear-gradient(transparent,rgba(4,7,15,.95));display:flex;flex-direction:column;opacity:0;transition:opacity .25s}.work-card:hover .card-meta,.work-card:focus-visible .card-meta{opacity:1}.card-meta strong{font-size:.83rem}.card-meta span{color:#bcc7df;font-size:.7rem;margin-top:.25rem}.video-card{cursor:default;aspect-ratio:16/9}.video-card video{object-fit:contain}.project-block{border-top:1px solid var(--line);padding:3.5rem 0}.project-heading{display:flex;justify-content:space-between;align-items:start;gap:2rem;margin-bottom:1.6rem}.project-heading h3{font-size:clamp(2rem,4vw,4rem);margin:.4rem 0}.project-heading p{color:var(--muted)}.project-heading>strong{font-size:1.3rem;color:#c8eaff;white-space:nowrap}.project-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:.5rem}.project-tile{grid-column:auto!important;min-height:16rem;aspect-ratio:.48}.project-tile:nth-child(even){aspect-ratio:.62}.reader{margin-top:1.3rem;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.reader summary{cursor:pointer;padding:1rem 1.25rem;color:var(--cyan);font-weight:700}.reader-pages{width:min(900px,100%);margin:auto;padding:1rem}.reader-page{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.reader-page img{width:100%;height:auto}.proof-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}.proof-stats article{padding:2rem;border-right:1px solid var(--line);background:var(--panel)}.proof-stats b{color:var(--cyan);font-size:.75rem;letter-spacing:.12em}.proof-stats strong{display:block;font-size:2rem;margin:1rem 0}.proof-stats p{color:var(--muted);line-height:1.7}.subheading{margin:3rem 0 1rem}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.evidence-card{padding:0;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;overflow:hidden;cursor:zoom-in;text-align:left}.evidence-card img{width:100%;height:15rem;object-fit:cover}.evidence-card span{display:block;padding:.8rem}.awards .evidence-card img{height:12rem}.about{display:grid;grid-template-columns:1fr 1fr;gap:5vw;border-top:1px solid var(--line);margin-top:7rem}.about h2{font-size:clamp(2rem,4vw,4rem);line-height:1.15}.about p{color:#c1cbe0;line-height:1.9}footer{display:flex;justify-content:space-between;color:var(--muted);padding:3rem 0;border-top:1px solid var(--line);margin-top:5rem}.lightbox{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;padding:0;border:0;background:rgba(2,4,10,.97);color:var(--text);overflow:hidden}.lightbox::backdrop{background:#02040a}.viewer-stage{position:absolute;inset:56px 0 58px;overflow:hidden;touch-action:none;cursor:grab}.viewer-stage.dragging{cursor:grabbing}.viewer-stage img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;transform-origin:center;user-select:none;-webkit-user-drag:none;will-change:transform}.viewer-toolbar{position:absolute;z-index:3;left:0;right:0;top:0;height:56px;display:flex;justify-content:center;align-items:center;gap:.5rem;background:rgba(8,12,24,.9);border-bottom:1px solid var(--line)}.viewer-toolbar button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:.45rem .65rem;border-radius:8px}.viewer-toolbar [data-close]{position:absolute;right:1rem;font-size:1.25rem}.viewer-toolbar output{min-width:4rem;text-align:center;color:var(--cyan)}.viewer-caption{position:absolute;z-index:3;left:0;right:0;bottom:0;height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 1.2rem;background:rgba(8,12,24,.92);border-top:1px solid var(--line)}.viewer-caption div{display:flex;gap:.8rem;align-items:center}.viewer-caption span{color:var(--muted)}.viewer-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);border:1px solid var(--line);background:rgba(13,20,40,.8);color:#fff;width:3rem;height:4rem;font-size:2.2rem}.viewer-arrow.prev{left:1rem}.viewer-arrow.next{right:1rem}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:5rem 0}.collection-heading{grid-template-columns:5rem 1fr}.case-grid,.about{grid-template-columns:1fr}.process-grid,.proof-stats{grid-template-columns:1fr 1fr}.year-band{grid-template-columns:1fr}.year-marker{position:static;flex-direction:row;gap:1rem;align-items:baseline}.mosaic{grid-template-columns:repeat(6,1fr)}.work-card{grid-column:span 2!important}.work-card:nth-child(5n+1){grid-column:span 3!important}.topbar nav{display:none}}@media(max-width:560px){main,footer{width:min(94vw,var(--max))}.hero h1{font-size:3.1rem}.stats,.process-grid,.proof-stats{grid-template-columns:1fr}.stats article{min-height:8rem}.collection{padding-top:5rem}.collection-heading{grid-template-columns:1fr}.section-number{font-size:3rem}.case-intro,.project-heading{flex-direction:column;align-items:start}.mosaic{grid-template-columns:repeat(4,1fr);gap:.35rem}.work-card{grid-column:span 2!important;min-height:9rem}.project-strip{grid-template-columns:repeat(4,1fr)}.project-tile{grid-column:span 1!important;min-height:11rem}.viewer-toolbar{justify-content:flex-start;padding-left:.5rem;overflow-x:auto}.viewer-toolbar button{white-space:nowrap}.viewer-caption strong{max-width:55vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-arrow{width:2.4rem;height:3.2rem}.evidence-grid{grid-template-columns:1fr 1fr}.evidence-card img{height:10rem}footer{font-size:.8rem}}