.project-media-strip{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;margin-top:28px;display:grid}.project-media-single{grid-template-columns:1fr}.project-media-three{grid-template-columns:repeat(3,minmax(0,1fr))}.project-media-strip figure{min-width:0;margin:0}.project-media-strip a{display:block}.project-media-strip img{border:1px solid var(--border);width:100%;height:auto;display:block}.project-media-strip figcaption{color:var(--fg-muted);justify-content:space-between;gap:10px;margin-top:10px;font-size:12px;line-height:1.7;display:flex}.project-media-strip a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:600px){.project-media-strip{grid-template-columns:1fr;gap:28px}}
.dream-case{margin-top:36px}.dream-case section[id]{scroll-margin-top:28px}.dream-index{border-block:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dream-index a{align-items:center;gap:16px;padding:22px 16px 22px 0;font-size:13px;display:flex}.dream-index a>span:first-child{color:var(--fg-muted);font:10px var(--font-mono)}.dream-index a>span:last-child{color:var(--accent);margin-left:auto}.dream-index a:hover{color:var(--accent)}.dream-origin{grid-template-columns:1fr 1.15fr;gap:clamp(32px,6vw,96px);padding:80px 0 44px;display:grid}.dream-statement{letter-spacing:-.045em;margin-top:22px;font-size:clamp(30px,3.5vw,52px);font-weight:500;line-height:1.35}.dream-prose p{color:var(--fg-muted);text-wrap:pretty;font-size:17px;line-height:1.95}.dream-prose p+p{margin-top:22px}.dream-facts{border-block:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:28px 0;display:grid}.dream-facts dt{color:var(--fg-muted);margin-bottom:12px;font-size:11px}.dream-facts dd{margin:0;font-size:14px;line-height:1.7}.dream-thesis{background:var(--bg-subtle);margin-top:60px;padding:clamp(28px,4vw,64px)}.dream-thesis h2{letter-spacing:-.04em;max-width:900px;margin:20px 0 26px;font-size:clamp(26px,3vw,44px);font-weight:600;line-height:1.45}.dream-thesis>p:not(.eyebrow){max-width:920px;color:var(--fg-muted);font-size:16px;line-height:1.9}.dream-journey{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:38px 0 0;padding:0;list-style:none;display:grid}.dream-journey li{border-top:1px solid var(--border-strong);grid-template-columns:1fr 20px;gap:12px;padding-top:18px;font-size:14px;display:grid}.dream-journey .eyebrow{grid-column:1/-1}.dream-journey li>span:last-child{color:var(--accent)}.dream-section{padding-top:90px}.dream-section-heading{border-bottom:1px solid var(--fg);grid-template-columns:1.3fr 1fr;align-items:end;gap:48px;padding-bottom:32px;display:grid}.dream-section-heading h2{letter-spacing:-.04em;margin-top:18px;font-size:clamp(27px,3vw,42px);font-weight:500;line-height:1.4}.dream-section-heading>p{color:var(--fg-muted);justify-self:end;max-width:450px;font-size:14px;line-height:1.9}.dream-feature-group{margin-top:42px}.dream-group-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px;display:flex}.dream-group-heading h3{align-items:baseline;gap:20px;font-size:20px;font-weight:500;display:flex}.dream-group-heading p{color:var(--fg-muted);font-size:13px;line-height:1.8}.dream-feature-grid{grid-template-columns:1fr;gap:40px;display:grid}.dream-feature{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:clamp(24px,3.5vw,56px);display:grid}.dream-feature+.dream-feature{border-top:1px solid var(--border);padding-top:40px}.dream-feature-copy{min-width:0}.dream-feature-copy .dream-feature-number{margin-top:0}.dream-feature-points{color:var(--fg-muted);margin:24px 0 0;padding-left:20px;font-size:15px;line-height:1.95;list-style:outside}.dream-feature-points li+li{margin-top:16px}.dream-feature-points li::marker{color:var(--accent);font-size:11px}.dream-feature,.dream-template{min-width:0}.dream-media{margin:0}.dream-media-placeholder{aspect-ratio:4/3;background:var(--bg-subtle);border:1px dashed var(--border-strong);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.dream-media-portrait .dream-media-placeholder{aspect-ratio:3/4}.dream-media-placeholder>.eyebrow{align-self:flex-start}.dream-media-mark{color:var(--fg-subtle);margin:auto 0 14px;font-size:36px;font-weight:300}.dream-media-title{font-size:14px;line-height:1.7}.dream-media-hint{color:var(--fg-muted);margin:8px 0 auto;font-size:11px;line-height:1.8}.dream-media img{width:100%;height:auto;display:block}.dream-media figcaption{color:var(--fg-muted);gap:12px;margin-top:10px;font-size:10px;line-height:1.6;display:flex}.dream-feature-number{color:var(--accent);margin-top:26px;margin-bottom:12px}.dream-feature h4,.dream-template h3{letter-spacing:-.025em;text-wrap:balance;font-size:21px;font-weight:500;line-height:1.5}.dream-template>p:not(.eyebrow){color:var(--fg-muted);margin-top:16px;font-size:14px;line-height:1.9}.dream-template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.dream-template{flex-direction:column;display:flex}.dream-template .dream-audience{color:var(--accent);margin-top:8px;font-size:12px}.dream-template .dream-template-focus{padding-bottom:24px;font-size:12px}.dream-template-metrics{border-top:1px solid var(--border-strong);grid-template-columns:repeat(2,1fr);gap:12px;margin-top:auto;padding-top:18px;display:grid}.dream-template-metrics dt{color:var(--fg-muted);font-size:11px}.dream-template-metrics dd{letter-spacing:-.055em;margin:6px 0 0;font-size:clamp(30px,3.3vw,46px);font-weight:400}.dream-template-metrics dd span{margin-left:4px;font-size:16px}.dream-metric-note{color:var(--fg-muted);margin-top:24px;font-size:11px;line-height:1.8}.dream-learning,.dream-roadmap{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding:36px 0;display:grid}.dream-learning h3,.dream-roadmap h3{margin-bottom:16px;font-size:21px;font-weight:500;line-height:1.5}.dream-learning p,.dream-roadmap p:not(.eyebrow){color:var(--fg-muted);font-size:15px;line-height:1.9}.dream-roadmap{border-top:1px solid var(--border);padding-bottom:60px}.dream-roadmap .eyebrow{color:var(--accent);margin-bottom:16px}@media (max-width:1000px){.dream-origin{gap:32px}.dream-facts,.dream-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dream-feature-grid{gap:20px}.dream-media-placeholder{padding:16px}.dream-media-title{font-size:12px}.dream-media-mark{font-size:28px}.dream-feature h4{font-size:20px}.dream-feature-points{font-size:14px}.dream-group-heading{display:block}.dream-group-heading p{margin-top:12px}}@media (max-width:767px){.dream-index{grid-template-columns:repeat(2,minmax(0,1fr))}.dream-index a{padding-block:16px;font-size:12px}.dream-origin,.dream-section-heading{grid-template-columns:1fr;gap:24px}.dream-origin{padding-top:44px}.dream-prose p{font-size:15px}.dream-thesis{margin-top:36px;padding:26px}.dream-thesis>p:not(.eyebrow){font-size:14px}.dream-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.dream-section{padding-top:56px}.dream-section-heading>p{justify-self:start}.dream-feature-grid{grid-template-columns:1fr;gap:36px}.dream-feature{grid-template-columns:1fr;gap:24px}.dream-feature+.dream-feature{padding-top:32px}.dream-feature h4{font-size:22px}.dream-media-title{font-size:15px}.dream-media-placeholder{padding:24px}.dream-learning,.dream-roadmap{grid-template-columns:1fr;gap:30px}.dream-template-grid{gap:32px 20px}}@media (max-width:600px){.dream-template-grid{grid-template-columns:1fr;gap:42px}.dream-facts dd{font-size:12px}.dream-index a{gap:10px}.dream-thesis{padding:22px}.dream-journey li{font-size:12px}.dream-template-metrics dd{font-size:42px}}
.xs-case{--xs-green:#23705b;margin-top:28px}.xs-case section[id]{scroll-margin-top:40px}.xs-index{border-block:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.xs-index a{align-items:center;gap:12px;padding:23px 12px 23px 0;font-size:13px;display:flex}.xs-index small,.xs-index span{color:var(--xs-green)}.xs-index span{margin-left:auto}.xs-kicker{font:11px var(--font-mono);letter-spacing:.08em;color:var(--xs-green);line-height:1.7}.xs-intro{grid-template-columns:1fr 1fr;gap:60px;padding:80px 0 50px;display:grid}.xs-intro h2{letter-spacing:-.04em;margin-top:20px;font-size:clamp(30px,3.6vw,52px);font-weight:500;line-height:1.45}.xs-intro em{color:var(--xs-green);font-style:normal}.xs-case p{color:var(--fg-muted);font-size:15px;line-height:1.95}.xs-intro p+p{margin-top:20px}.xs-facts{border-block:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 0;display:grid}.xs-facts b{color:var(--xs-green);font-size:34px;font-weight:500;display:block}.xs-facts span{color:var(--fg-muted);margin-top:12px;font-size:12px;display:block}.xs-heading{border-bottom:1px solid var(--border);grid-template-columns:1.2fr 1fr;gap:16px 64px;padding:80px 0 30px;display:grid}.xs-heading>span{font:11px var(--font-mono);letter-spacing:.08em;color:var(--xs-green);grid-column:1/-1}.xs-heading h2{letter-spacing:-.03em;font-size:clamp(26px,3vw,40px);font-weight:500;line-height:1.45}.xs-heading>p{align-self:end;font-size:13px}.xs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;display:grid}.xs-grid article{background:var(--bg-subtle);flex-direction:column;padding:30px;display:flex}.xs-case h3{margin:16px 0;font-size:22px;font-weight:500;line-height:1.5}.xs-grid p{font-size:14px}.xs-grid a,.xs-boundary a{color:var(--xs-green);text-underline-offset:4px;margin-top:24px;font-size:12px;text-decoration:underline}.xs-grid small{color:var(--xs-green);margin-top:auto;padding-top:26px;font-size:12px;line-height:1.8}.xs-source-links{flex-wrap:wrap;gap:20px;display:flex}.xs-step{grid-template-columns:.65fr 1.35fr;align-items:start;gap:44px;padding-top:54px;display:grid}.xs-step>div{padding-top:24px}.xs-step p+p{margin-top:20px}.xs-media{min-width:0;margin:0}.xs-media>a{background:#e6efe9;border-radius:12px;padding:16px;display:block}.xs-media img{object-fit:contain;width:100%;height:auto;display:block}.xs-media figcaption{color:var(--fg-muted);padding:12px 0;font-size:11px;line-height:1.8}.xs-media figcaption span{color:var(--xs-green)}.xs-selection .xs-media{justify-self:end;max-width:640px}.xs-details{border-block:1px solid var(--border);margin-top:36px;padding:24px 0}.xs-details summary{cursor:pointer;color:var(--xs-green);font-size:14px}.xs-details .xs-media{max-width:900px;margin:24px auto 0}#xs-architecture>.xs-media{margin-top:32px}.xs-goals{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:32px;display:grid}.xs-goals article>span{font:40px var(--font-mono);color:var(--xs-green)}.xs-goals p{font-size:14px}.xs-boundary{border-left:3px solid var(--xs-green);background:var(--bg-subtle);margin-top:40px;padding:28px 32px}.xs-boundary b{font-size:16px;font-weight:500}.xs-boundary p{margin-top:12px;font-size:13px}.xs-boundary a{margin-top:12px;display:inline-block}.xs-sources{border-top:1px solid var(--border);margin-top:60px;padding:30px 0}.xs-sources>p{margin-top:12px}.xs-sources>div{flex-wrap:wrap;gap:14px 24px;margin:16px 0;display:flex}.xs-sources a{text-underline-offset:4px;color:var(--xs-green);font-size:12px;text-decoration:underline}.xs-sources small{color:var(--fg-muted);max-width:950px;font-size:11px;line-height:1.9;display:block}:root[data-theme=dark] .xs-case{--xs-green:#91d5bb}:root[data-theme=dark] .xs-media>a{background:#263e36}.xs-case a:focus-visible,.xs-details summary:focus-visible{outline:2px solid var(--xs-green);outline-offset:5px}@media (max-width:1000px){.xs-grid{gap:16px}.xs-grid article{padding:22px}.xs-step{grid-template-columns:1fr;gap:24px}.xs-step>div{max-width:760px}.xs-selection .xs-media{justify-self:center;width:100%}.xs-intro{gap:32px}.xs-heading{gap:16px 32px}.xs-index a{gap:8px;font-size:12px}}@media (max-width:650px){.xs-index{grid-template-columns:repeat(2,minmax(0,1fr))}.xs-index a{padding:16px 10px 16px 0}.xs-intro,.xs-heading,.xs-grid,.xs-goals{grid-template-columns:1fr}.xs-intro{gap:24px;padding:48px 0 32px}.xs-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.xs-facts b{font-size:28px}.xs-heading{gap:14px;padding-top:54px}.xs-grid article{padding:26px}.xs-goals{gap:28px}.xs-goals article{gap:22px;display:flex}.xs-goals h3{margin-top:0}.xs-media>a{border-radius:6px;padding:7px}.xs-step{padding-top:28px}.xs-boundary{padding:22px}.xs-case p{font-size:14px}.xs-case h3{font-size:20px}}
.xialin-case{--xialin-blue:#315bcc;margin-top:32px}:root[data-theme=dark] .xialin-case{--xialin-blue:#9fbaff}.xialin-case section[id]{scroll-margin-top:32px}.xialin-index{border-block:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.xialin-index a{align-items:center;gap:14px;padding:23px 18px 23px 0;font-size:13px;display:flex}.xialin-index a span:first-child{color:var(--fg-muted);font:10px var(--font-mono)}.xialin-index a span:last-child{color:var(--xialin-blue);margin-left:auto}.xialin-index a:hover,.xialin-source a:hover{color:var(--xialin-blue)}.xialin-intro{grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,96px);padding:80px 0 56px;display:grid}.xialin-intro h2{letter-spacing:-.045em;margin-top:24px;font-size:clamp(32px,4vw,58px);font-weight:500;line-height:1.4}.xialin-intro em{color:var(--xialin-blue);font-style:normal}.xialin-prose{padding-top:36px}.xialin-prose p{color:var(--fg-muted);text-wrap:pretty;font-size:16px;line-height:2}.xialin-prose p+p{margin-top:22px}.xialin-facts{border-block:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:28px 0;display:grid}.xialin-facts dt{color:var(--fg-muted);margin-bottom:12px;font-size:11px}.xialin-facts dd{margin:0;font-size:14px;line-height:1.8}.xialin-scope{color:var(--fg-muted);align-items:baseline;gap:12px;padding:22px 0;font-size:11px;line-height:1.9;display:flex}.xialin-dot{background:var(--xialin-blue);border-radius:50%;flex:none;width:6px;height:6px}.xialin-section{padding-top:80px}.xialin-section-heading{border-bottom:1px solid var(--fg);grid-template-columns:1.3fr 1fr;align-items:end;gap:48px;padding-bottom:30px;display:grid}.xialin-section-heading h2{letter-spacing:-.035em;margin-top:20px;font-size:clamp(27px,3vw,43px);font-weight:500;line-height:1.4}.xialin-section-heading>p{color:var(--fg-muted);justify-self:end;max-width:450px;font-size:13px;line-height:1.9}.xialin-audiences{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:36px;display:grid}.xialin-audiences article{background:var(--bg-subtle);flex-direction:column;padding:28px;display:flex}.xialin-audience-number{font:12px var(--font-mono);color:var(--xialin-blue);margin-bottom:30px}.xialin-audiences h3{margin-bottom:18px;font-size:21px;font-weight:500;line-height:1.5}.xialin-audiences p{color:var(--fg-muted);font-size:14px;line-height:1.9}.xialin-audiences .xialin-need{color:var(--fg);margin-bottom:14px}.xialin-audiences small{color:var(--xialin-blue);margin-top:auto;padding-top:30px;font-size:11px;line-height:1.7;display:block}.xialin-architecture{margin-top:36px}.xialin-evidence{min-width:0;margin:0}.xialin-evidence a{border:1px solid var(--border);background:#f5f7fc;display:block;overflow:hidden}.xialin-evidence img{width:100%;height:auto;display:block}.xialin-evidence a:focus-visible{outline:2px solid var(--xialin-blue);outline-offset:5px}.xialin-evidence figcaption{color:var(--fg-muted);justify-content:space-between;gap:16px;margin-top:12px;font-size:11px;line-height:1.8;display:flex}.xialin-evidence figcaption>span:last-child{font-size:16px}.xialin-architecture-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:32px 0;display:grid}.xialin-architecture-notes h3{margin-bottom:12px;font-size:17px;font-weight:500}.xialin-architecture-notes p{color:var(--fg-muted);font-size:13px;line-height:1.9}.xialin-role-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.xialin-journey{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:24px 0;list-style:none;display:grid}.xialin-journey li{align-items:center;gap:12px;font-size:13px;line-height:1.8;display:flex}.xialin-journey span{font:10px var(--font-mono);color:var(--fg-muted)}.xialin-journey b{color:var(--xialin-blue);margin-left:auto;font-weight:400}.xialin-feature{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);align-items:center;gap:clamp(28px,4vw,64px);padding:48px 0;display:grid}.xialin-feature+.xialin-feature{border-top:1px solid var(--border)}.xialin-feature-copy .eyebrow{color:var(--xialin-blue);margin-bottom:18px}.xialin-feature h3{letter-spacing:-.03em;text-wrap:pretty;font-size:clamp(23px,2.3vw,32px);font-weight:500;line-height:1.5}.xialin-feature-copy>p:not(.eyebrow){color:var(--fg-muted);margin-top:16px;font-size:14px;line-height:1.9}.xialin-feature ul{color:var(--fg-muted);margin-top:24px;padding-left:17px;font-size:13px;line-height:1.95}.xialin-feature li+li{margin-top:12px}.xialin-feature li::marker{color:var(--xialin-blue)}.xialin-ai-thesis{background:var(--bg-subtle);margin-top:32px;padding:clamp(24px,4vw,56px)}.xialin-pill{border:1px solid var(--border-strong);letter-spacing:.08em;color:var(--xialin-blue);padding:6px 12px;font-size:10px;display:inline-block}.xialin-ai-thesis h3{max-width:1000px;margin:22px 0;font-size:clamp(24px,3vw,38px);font-weight:500;line-height:1.5}.xialin-ai-thesis p{max-width:920px;color:var(--fg-muted);font-size:15px;line-height:1.95}.xialin-closing{border-top:1px solid var(--fg);margin-top:30px;padding:44px 0 30px}.xialin-closing h2{max-width:1000px;margin:24px 0 30px;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.5}.xialin-closing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;display:grid}.xialin-closing-grid p{color:var(--fg-muted);font-size:14px;line-height:1.95}.xialin-source{border-top:1px solid var(--border);color:var(--fg-muted);justify-content:space-between;gap:20px;margin-top:36px;padding-top:24px;font-size:11px;line-height:1.8;display:flex}@media (max-width:1000px){.xialin-audiences{gap:16px}.xialin-audiences article{padding:20px}.xialin-feature{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:26px}.xialin-feature h3{font-size:24px}.xialin-index a{gap:8px;font-size:12px}}@media (max-width:760px){.xialin-index{grid-template-columns:repeat(2,minmax(0,1fr))}.xialin-index a{padding:18px 12px 18px 0}.xialin-intro,.xialin-section-heading,.xialin-feature,.xialin-closing-grid{grid-template-columns:1fr;gap:26px}.xialin-intro{padding:44px 0 32px}.xialin-prose{padding:0}.xialin-prose p{font-size:15px}.xialin-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.xialin-section{padding-top:52px}.xialin-section-heading>p{justify-self:start}.xialin-audiences,.xialin-architecture-notes,.xialin-role-proof{grid-template-columns:1fr}.xialin-audiences article{padding:28px}.xialin-audience-number{margin-bottom:18px}.xialin-feature{padding:34px 0}.xialin-feature h3{font-size:27px}.xialin-feature ul{font-size:14px}.xialin-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.xialin-source{flex-direction:column;gap:12px}.xialin-architecture{margin-top:24px}}@media (prefers-reduced-motion:reduce){.xialin-case *{scroll-behavior:auto}}
.project-video{position:relative}.project-video-play{color:#fff;cursor:pointer;background:#191e14a6;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:80px;height:80px;padding:0;transition:background .2s,scale .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 24px #00000029}.project-video-play:hover{background:#191e14d9;scale:1.06}.project-video-play:focus-visible{outline-offset:5px;outline:3px solid #fff}.project-video-error{color:#fff;background:#000000bf;padding:12px;font-size:14px;position:absolute;bottom:12px;left:12px;right:12px}.project-video-error a{text-decoration:underline}@media (max-width:600px){.project-video-play{width:60px;height:60px}.project-video-play svg{width:26px;height:26px}}
.zhang-case{margin-top:16px}.zhang-overview{grid-template-columns:minmax(240px,1fr) minmax(0,1.7fr);align-items:center;gap:clamp(32px,6vw,96px);padding-bottom:48px;scroll-margin-top:28px;display:grid}.zhang-case .zhang-demo{justify-self:start;width:100%;max-width:408px}.zhang-demo .detail-video{background:#080d29}.zhang-demo figcaption{text-align:center}.zhang-overview-copy{min-width:0}.zhang-overview-copy>.eyebrow{color:var(--accent)}.zhang-overview-copy>h2{letter-spacing:-.025em;margin:16px 0 22px;font-size:clamp(24px,2.4vw,36px);font-weight:500;line-height:1.4}.zhang-overview-copy>p:not(.eyebrow){color:var(--fg-muted);margin-top:20px;font-size:16px;line-height:2.15}.zhang-try{margin-top:28px}.zhang-try h3{margin-bottom:14px;font-size:16px;font-weight:500;line-height:1.6}.zhang-try a{max-width:440px;display:block}.zhang-try img{width:100%;height:auto;display:block}.zhang-try a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.zhang-try p{color:var(--fg-muted);margin-top:12px;font-size:12px;line-height:1.8}.zhang-section{scroll-margin-top:28px}.zhang-section-body{min-width:0}.zhang-section-body>p{color:var(--fg-muted);font-size:16px;line-height:1.9}.zhang-section-body>h3{margin:32px 0 12px;font-size:19px;font-weight:500;line-height:1.5}.zhang-section-body>h3:first-child{margin-top:0}.zhang-loop{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.zhang-loop li{border-top:1px solid var(--border);padding-top:12px;font-size:13px;line-height:1.6}.zhang-loop span{color:var(--accent);margin-bottom:8px;font-size:11px;display:block}.zhang-platforms,.zhang-asset-grid,.zhang-state-grid{gap:20px;margin:24px 0;display:grid}.zhang-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.zhang-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.zhang-state-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.zhang-case figure{min-width:0;margin:0}.zhang-case .zhang-artwork{margin:24px 0}.zhang-artwork>a{display:block}.zhang-artwork img{width:100%;height:auto;display:block}.zhang-artwork>a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.zhang-sprite{background:#233149;justify-content:center;align-items:center;height:170px;padding:18px;display:flex;overflow:hidden}.zhang-sprite img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated;display:block}.zhang-sprite:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.zhang-platforms .zhang-sprite{height:110px}.zhang-state-grid .zhang-sprite{height:110px;padding:12px}.zhang-case figcaption{color:var(--fg-muted);margin-top:10px;font-size:12px;line-height:1.6}.zhang-asset-grid h3{margin:14px 0 8px;font-size:17px;font-weight:500}.zhang-asset-grid p{color:var(--fg-muted);font-size:14px;line-height:1.8}.zhang-animation-list{gap:24px;margin-top:24px;display:grid}.zhang-animation-list>figure>figcaption{justify-content:space-between;gap:16px;margin:0 0 10px;font-size:13px;display:flex}.zhang-frame-strip{background:#233149;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:4px;padding:12px;display:grid}.zhang-frame-strip .zhang-sprite{height:100px;padding:4px}.zhang-frame-strip>div>span{text-align:center;color:#c5d0df;margin-top:6px;font-size:10px;display:block}.zhang-evolution{border-block:1px solid var(--border);margin-top:32px;padding:16px 0}.zhang-evolution summary{cursor:pointer;font-size:14px}.zhang-comparisons{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.zhang-comparisons h4{margin-bottom:12px;font-size:14px;font-weight:500}.zhang-comparisons>div>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.zhang-comparisons .zhang-sprite{height:100px;padding:8px}@media (max-width:900px){.zhang-state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zhang-comparisons{grid-template-columns:1fr}}@media (max-width:767px){.zhang-overview{grid-template-columns:1fr;gap:32px;padding-bottom:32px}.zhang-case .zhang-demo{max-width:360px}}@media (max-width:600px){.zhang-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.zhang-sprite{height:140px;padding:12px}.zhang-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zhang-frame-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.zhang-asset-grid{gap:24px 16px}}