@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--paper:#f3ecdf;--paper-light:#faf6ed;--ink:#171716;--soft-ink:#3d3b36;--red:#e63c2e;--red-dark:#b72e26;--blue:#1645b9;--blue-light:#dbe4fb;--line:#17171640;--muted:#766f64;--sans:"Space Grotesk", "Arial Narrow", Arial, sans-serif;--body:"DM Sans", "Noto Sans SC", "Microsoft YaHei", sans-serif;--mono:"DM Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}body:before{z-index:50;pointer-events:none;opacity:.22;content:"";mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}:is(button:focus-visible,a:focus-visible){outline:2px solid var(--red);outline-offset:4px}.portfolioShell{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--ink);background:var(--paper-light);z-index:3;grid-template-columns:56px 1fr auto;align-items:center;gap:18px;min-height:62px;padding:0 26px;display:grid;position:relative}.brandMark{width:32px;height:32px;color:var(--paper-light);background:var(--ink);font:700 .72rem var(--mono);place-items:center;display:grid}.topIdentity{align-items:baseline;gap:14px;display:flex}.topIdentity b{font:600 .78rem var(--mono);letter-spacing:.04em}.topIdentity span,.topMeta{color:var(--muted);font:400 .62rem var(--mono)}.topMeta{gap:24px;display:flex}.portfolioBody{grid-template-columns:minmax(245px,24vw) minmax(0,1fr);min-height:calc(100vh - 62px);display:grid}.categoryRail{min-height:calc(100vh - 62px);color:var(--paper-light);background:var(--red);border-right:1px solid var(--ink);flex-direction:column;padding:28px 24px 22px;display:flex}.railIntro{font:500 .58rem var(--mono);grid-template-columns:auto 1fr;align-items:center;gap:9px;margin-bottom:62px;display:grid}.railIntro i{opacity:.65;background:currentColor;height:1px;display:block}.categoryRail nav{gap:10px;display:grid}.categoryButton{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #17171673;grid-template-rows:auto auto;grid-template-columns:30px 1fr auto;gap:0 9px;min-height:92px;padding:13px 10px 11px 0;transition:background .18s,padding .18s;display:grid;position:relative}.categoryButton:last-child{border-bottom:1px solid #17171673}.categoryButton:hover,.categoryButton.isActive{background:var(--paper);color:var(--ink);padding-left:10px}.categoryNumber{font:500 .68rem var(--mono);align-self:start}.categoryLabel{gap:5px;display:grid}.categoryLabel b{font-size:1.08rem;font-weight:700;line-height:1}.categoryLabel small{font:500 .55rem var(--mono);letter-spacing:.04em}.categoryArrow{grid-area:1/3/3;align-self:center;font-size:1.2rem}.contentColumn{background:var(--paper);min-width:0}.contentTopline{border-bottom:1px solid var(--line);color:var(--muted);font:500 .58rem var(--mono);letter-spacing:.04em;justify-content:space-between;gap:20px;padding:17px clamp(22px,4vw,64px) 13px;display:flex}.view{min-height:calc(100vh - 110px);padding:clamp(35px,5vw,78px) clamp(22px,4vw,64px) 100px;animation:.3s both viewIn}@keyframes viewIn{0%{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:none}}.viewIntro{max-width:840px;margin-bottom:clamp(38px,6vw,72px)}.viewEyebrow{color:var(--red-dark);font:500 .62rem var(--mono);letter-spacing:.06em;margin:0 0 19px}.view h1{font:700 clamp(3.9rem, 8vw, 8.5rem)/.82 var(--sans);letter-spacing:-.09em;text-transform:uppercase;margin:0}.externalArrow{margin-left:7px;font-size:1.1em;display:inline-block}.socialGrid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.socialCard{background:var(--paper-light);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-rows:auto 1fr auto;gap:14px;min-height:268px;padding:16px;transition:background .18s,transform .18s;display:grid;position:relative}.socialCard:hover{z-index:1;background:var(--blue-light);box-shadow:4px 4px 0 var(--ink);transform:translate(-4px,-4px)}.socialCard.isPending{color:var(--muted);background:0 0}.cardNumber,.cardHandle,.cardMain small,.pendingMark{font:500 .58rem var(--mono)}.cardMain{align-self:center;gap:9px;display:grid}.cardMain b{font:700 clamp(1.6rem, 3vw, 3.1rem)/.92 var(--sans);letter-spacing:-.07em}.cardMain small{letter-spacing:.05em}.cardHandle{color:var(--red-dark)}.pendingMark{color:var(--red);align-self:end;font-size:1.4rem}.videoArchive{gap:clamp(48px,8vw,92px);display:grid}.videoCollection{min-width:0}.videoCollectionHeader{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-start;gap:22px;min-width:0;padding-bottom:13px;display:flex}.videoCollectionHeader>div{flex:auto;align-items:baseline;gap:17px;min-width:0;display:flex}.videoCollectionHeader>div>span{color:var(--red-dark);font:500 .64rem var(--mono)}.videoCollectionHeader h2{overflow-wrap:anywhere;min-width:0;font:700 clamp(1.7rem, 3.5vw, 3.6rem)/.9 var(--sans);letter-spacing:-.075em;margin:0}.videoCollectionHeader>span{max-width:15rem;color:var(--muted);font:500 .56rem/1.4 var(--mono);text-align:right;white-space:normal;flex:0 15rem}.videoCardGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding-top:17px;display:grid}.videoArchiveCard{min-width:0;color:var(--ink)}.videoArchiveImage{aspect-ratio:16/10;background:var(--ink);border:1px solid var(--ink);position:relative;overflow:hidden}.videoArchiveImage img{object-fit:cover;filter:saturate(.85);width:100%;height:100%;transition:transform .26s,filter .26s;display:block}.videoArchiveImage span{color:var(--paper-light);background:var(--red);font:500 .54rem var(--mono);padding:6px 8px;position:absolute;bottom:10px;right:10px}.videoArchiveCard:hover .videoArchiveImage img{filter:saturate(1.05);transform:scale(1.035)}.videoArchiveCardMeta{gap:7px;padding-top:13px;display:grid}.videoArchiveCardMeta>span,.videoArchiveCardMeta small{color:var(--muted);font:500 .56rem var(--mono)}.videoArchiveCardMeta h3{overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.1}.videoCollection-aigc .videoCardGrid{grid-template-columns:minmax(0,.68fr) minmax(260px,.32fr)}.videoCollection-aigc .videoArchiveCard:first-child .videoArchiveImage{aspect-ratio:16/9}.webArchive{grid-template-columns:minmax(0,1.22fr) minmax(260px,.78fr);align-items:start;gap:clamp(22px,4vw,58px);display:grid}.webFeature{min-width:0}.featureTop,.indexHeading{border-bottom:1px solid var(--ink);font:500 .58rem var(--mono);justify-content:space-between;gap:15px;padding-bottom:10px;display:flex}.featureImage{aspect-ratio:1.35;background:var(--blue);border:1px solid var(--ink);place-items:center;margin-top:14px;display:grid;overflow:hidden}.featureImage img{object-fit:cover;width:100%;height:100%;display:block}.featureCopy{padding:20px 0 0;position:relative}.featureCopy p{color:var(--red-dark);font:500 .6rem var(--mono);margin:0 0 9px}.featureCopy h2{font:700 clamp(2.3rem, 5vw, 5.3rem)/.82 var(--sans);letter-spacing:-.09em;margin:0}.featureCopy>span{max-width:42ch;color:var(--soft-ink);font-size:.88rem;line-height:1.55;display:block}.featureCopy>a,.featureCopy>.pendingInline{color:var(--red-dark);font:500 .63rem var(--mono);border-bottom:1px solid;margin-top:19px;display:inline-block}.tagRow{flex-wrap:wrap;gap:6px;margin-top:17px;display:flex}.tagRow em{border:1px solid var(--ink);font:500 .54rem var(--mono);padding:5px 7px;font-style:normal}.projectIndex{border-top:1px solid var(--ink)}.indexHeading{padding-top:10px}.projectRow{text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;min-height:91px;padding:12px 0;transition:padding .18s,background .18s;display:grid}.projectRow:hover,.projectRow.isActive{background:var(--blue-light);padding-left:10px}.projectNumber{color:var(--red-dark);font:500 .68rem var(--mono)}.projectTitle{gap:6px;display:grid}.projectTitle b{font-size:1rem;line-height:1}.projectTitle small,.projectStatus{color:var(--muted);font:500 .54rem var(--mono)}.projectStatus{text-align:right;align-items:center;gap:8px;display:flex}.projectStatus i{color:var(--red);font-size:1.1rem;font-style:normal}.deviceShelf{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);align-items:end;gap:clamp(16px,3vw,38px);padding:18px 0 38px;display:grid}.deviceCard{flex-direction:column;min-width:0;display:flex}.deviceCard2{transform:translateY(34px)}.deviceCard3{transform:translateY(-9px)}.deviceFrame{aspect-ratio:.53;background:var(--ink);border:1px solid var(--ink);box-shadow:7px 7px 0 var(--red);border-radius:18px;place-items:center;padding:9px;display:grid;position:relative;overflow:hidden}.deviceFrame:after{pointer-events:none;content:"";border:1px solid #f3ecdf80;border-radius:12px;position:absolute;inset:7px}.deviceFrame img{object-fit:cover;border-radius:11px;width:100%;height:100%;display:block}.deviceSpeaker{z-index:1;background:var(--ink);border-radius:10px;width:36px;height:4px;position:absolute;top:14px;left:50%}.deviceCaption{flex-direction:column;flex:1;min-width:0;padding-top:18px;display:flex}.deviceCaption>span,.deviceCaption small{color:var(--muted);font:500 .56rem var(--mono)}.deviceCaption h2{overflow-wrap:anywhere;font:700 clamp(1.1rem, 2vw, 1.7rem)/.95 var(--sans);letter-spacing:-.06em;margin:11px 0 7px}.deviceCaption p{color:var(--soft-ink);overflow-wrap:anywhere;margin:13px 0 0;font-size:.82rem;line-height:1.5}.deviceActions{align-items:end;gap:15px;min-height:104px;margin-top:auto;padding-top:18px;display:flex}.qrBlock{gap:7px;width:82px;margin:0;display:grid}.qrBlock img{object-fit:cover;border:1px solid var(--ink);background:#fff;width:82px;height:82px;display:block}.qrBlock figcaption{color:var(--muted);font:500 .5rem/1.25 var(--mono)}.deviceLink{min-height:29px;color:var(--red-dark);font:500 .6rem var(--mono);border-bottom:1px solid;align-self:end;align-items:center;padding-bottom:5px;display:inline-flex}.siteFooter{border-top:1px solid var(--ink);color:var(--muted);font:500 .56rem var(--mono);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:52px;padding-top:15px;display:grid}.siteFooter a{color:var(--red-dark)}.siteFooter span:last-child{text-align:right}@media (max-width:1050px){.portfolioBody{grid-template-columns:205px minmax(0,1fr)}.categoryRail,.topbar{padding-inline:18px}.webArchive{grid-template-columns:1fr}.videoCardGrid,.videoCollection-aigc .videoCardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.videoCollectionHeader{display:block}.videoCollectionHeader>span{text-align:left;max-width:none;margin-top:11px;display:block}}@media (max-width:720px){.topbar{grid-template-columns:37px 1fr auto;gap:10px;min-height:54px;padding:0 12px}.brandMark{width:28px;height:28px}.topIdentity{gap:3px;display:grid}.topIdentity b{font-size:.66rem}.topIdentity span,.topMeta span:first-child{display:none}.topMeta{font-size:.52rem}.portfolioBody{display:block}.categoryRail{border-right:0;min-height:auto;padding:13px 12px 0}.railIntro{margin:0 0 12px}.categoryRail nav{grid-template-columns:repeat(4,1fr);gap:5px}.categoryButton{border:1px solid #17171673;min-height:70px;padding:8px 7px 7px;display:block}.categoryButton:hover,.categoryButton.isActive{padding-left:7px}.categoryNumber{margin-bottom:7px;display:block}.categoryLabel{display:block}.categoryLabel b{font-size:.8rem;display:block}.categoryLabel small{margin-top:4px;font-size:.46rem;display:block}.categoryArrow{display:none}.contentTopline{padding:12px;font-size:.5rem}.view{min-height:auto;padding:39px 14px 72px}.viewIntro{margin-bottom:38px}.view h1{font-size:clamp(3.8rem,19vw,6rem)}.socialGrid{grid-template-columns:1fr}.socialCard{min-height:160px}.videoCollectionHeader{display:block}.videoCollectionHeader>span{margin-top:11px;display:block}.videoCollectionHeader>div{gap:10px}.videoCardGrid,.videoCollection-aigc .videoCardGrid{grid-template-columns:1fr}.featureImage{aspect-ratio:1/.92}.featureCopy h2{font-size:clamp(2.6rem,15vw,5rem)}.projectRow{grid-template-columns:27px 1fr}.projectStatus{text-align:left;grid-column:2}.projectStatus i{display:none}.deviceShelf{grid-template-columns:1fr 1fr;gap:17px}.deviceCard3{grid-column:1/-1;justify-self:center;max-width:50%;transform:none}.deviceCard2{transform:translateY(25px)}.deviceFrame{box-shadow:4px 4px 0 var(--red);border-radius:12px;padding:6px}.deviceFrame:after{border-radius:8px;inset:5px}.deviceFrame img{border-radius:7px}.deviceSpeaker{width:25px;height:3px;top:10px}.deviceCaption p{font-size:.78rem}.deviceActions{align-items:start;min-height:95px}.qrBlock,.qrBlock img{width:72px}.qrBlock img{height:72px}.deviceLink{font-size:.55rem}.siteFooter{grid-template-columns:1fr;gap:8px;margin-top:34px}.siteFooter span:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}