:root{--bg:#f4f0e8;--surface:#fffaf2;--ink:#15110d;--muted:#6f665c;--line:#15110d24;--accent:#e4582f;--blue:#2457ff;--green:#4d7c4a;--sidebar:244px;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}body{margin:0}a{color:inherit}img{max-width:100%;display:block}.site-shell{min-height:100vh}.sidebar{z-index:10;width:var(--sidebar);border-right:1px solid var(--line);backdrop-filter:blur(14px);background:#f4f0e8eb;flex-direction:column;gap:34px;padding:28px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brandmark{font-size:20px;font-weight:900;text-decoration:none}.nav{gap:7px;display:grid}.nav a{border-radius:var(--radius);min-height:38px;color:var(--muted);align-items:center;gap:12px;padding:0 10px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.nav a:before{content:attr(data-index);min-width:34px;color:var(--ink);font-size:11px}.nav a:hover,.nav .private-link{background:var(--ink);color:var(--surface)}.nav a:hover:before,.nav .private-link:before{color:var(--surface)}.sidebar-note{color:var(--muted);margin:auto 0 0;font-size:12px;line-height:1.7}.content{margin-left:var(--sidebar);padding:24px clamp(28px,4vw,76px) 76px}section,.private{max-width:1360px;margin:0 auto 72px;scroll-margin-top:24px}.hero{grid-template-columns:minmax(380px,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(20px,3vw,44px);max-width:1360px;min-height:760px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.72;background-size:38px 38px;position:absolute;inset:4% 0 0 38%;mask-image:linear-gradient(90deg,#0000,#000 18% 80%,#0000)}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:900}h1,h2,h3,p{margin:0}.hero h1{letter-spacing:0;word-break:keep-all;overflow-wrap:normal;max-width:620px;font-size:clamp(78px,7vw,132px);line-height:.88}.hero-copy{max-width:560px;color:var(--muted);margin-top:22px;font-size:20px;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:10px;max-width:560px;margin-top:30px;display:flex}.btn,.text-link{border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);min-height:42px;color:var(--surface);white-space:nowrap;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.btn.secondary,.text-link{color:var(--ink);background:0 0}.hero-figure{place-items:center end;min-height:560px;display:grid;position:relative}.hero-figure img{filter:drop-shadow(0 34px 58px #15110d2e);mix-blend-mode:multiply;width:min(660px,100%);mask-image:radial-gradient(at 58%,#000 42%,#000000d1 66%,#0000 100%)}.hero-figure span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900;position:absolute;bottom:12%;right:8%}.public-layer{border:1px solid var(--line);border-radius:var(--radius);background:#fffaf2b3;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);gap:24px;padding:28px;display:grid}.public-layer h2,.section-title{letter-spacing:0;font-size:clamp(34px,4vw,68px);line-height:1.02}.public-layer p,.section-note{color:var(--muted);font-size:17px;line-height:1.75}.mini-map{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mini-map div,.identity-strip article,.library-card,.atlas-nodes article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.mini-map div{align-content:space-between;min-height:150px;padding:22px;display:grid}.mini-map strong,.mini-map span{display:block}.mini-map span{color:var(--muted);font-size:13px}.section-head{grid-template-columns:minmax(300px,.95fr) minmax(260px,.45fr);align-items:end;gap:32px;margin-bottom:24px;display:grid}.identity-strip{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.identity-strip article{min-height:220px;padding:22px}.identity-strip span{color:var(--accent);font-size:12px;font-weight:900}.identity-strip strong{margin-top:30px;font-size:24px;display:block}.identity-strip p,.project-card p,.library-card p,.atlas-copy p,.atlas-nodes p,.update-row p,.private p{color:var(--muted);line-height:1.7}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.project-card.featured{grid-column:span 2}.thumb{aspect-ratio:16/9;background:#efe5d5;display:block;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform .22s}.project-card:hover .thumb img{transform:scale(1.035)}.project-body{padding:18px}.project-meta{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.tag.ready{color:var(--green)}.project-card h3{margin-bottom:10px;font-size:24px}.project-link{color:var(--accent);margin-top:18px;font-size:14px;font-weight:900;text-decoration:none;display:inline-block}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.case-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.case-card.featured{grid-column:span 2;grid-template-columns:minmax(380px,1.2fr) minmax(320px,.8fr);display:grid}.case-thumb{aspect-ratio:16/10;background:#efe5d5;display:block;overflow:hidden}.case-card.featured .case-thumb{aspect-ratio:auto;min-height:440px}.case-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .22s}.case-card:hover .case-thumb img{transform:scale(1.03)}.case-card-body{padding:22px}.case-card-body h2{margin-bottom:12px;font-size:clamp(30px,4vw,54px);line-height:1.02}.case-card-body p{color:var(--muted);line-height:1.72}.atlas{grid-template-columns:minmax(280px,.65fr) minmax(520px,1.35fr);gap:18px;display:grid}.atlas-copy{border-left:4px solid var(--accent);padding:26px}.atlas-copy h3{margin-bottom:16px;font-size:32px;line-height:1.1}.atlas-copy .text-link{margin-top:24px}.atlas-nodes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.atlas-nodes article{min-height:170px;padding:18px}.atlas-nodes small{color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:900}.atlas-nodes strong{margin:18px 0 8px;display:block}.library-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.library-card{min-height:280px;padding:22px}.library-card h3{margin-bottom:12px;font-size:28px}.sample{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.sample span{color:var(--accent);background:#e4582f14;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800}.updates{border-top:1px solid var(--line)}.update-row{border-bottom:1px solid var(--line);grid-template-columns:120px 140px 1fr 1.4fr;align-items:baseline;gap:16px;padding:18px 0;display:grid}.update-row time,.update-row span{color:var(--muted);font-size:13px;font-weight:800}.private{border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--surface);padding:34px}.private p{color:#fffaf2b8;max-width:680px}.private .btn{border-color:var(--surface);margin-top:24px}.starter{align-content:center;gap:18px;max-width:760px;min-height:100vh;padding:48px;display:grid}.starter h1{font-size:72px;line-height:.95}.starter p{color:var(--muted);font-size:18px;line-height:1.75}.page{max-width:1360px;margin:0 auto;padding:42px clamp(20px,5vw,76px) 76px}.page-hero,.detail-hero{margin-bottom:36px}.page-hero{max-width:940px}.page-hero h1,.detail-hero h1{margin-bottom:20px;font-size:clamp(58px,9vw,136px);line-height:.9}.page-hero p,.detail-hero p{max-width:780px;color:var(--muted);font-size:20px;line-height:1.72}.back-link{color:var(--muted);margin-bottom:40px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.page-grid{margin-bottom:0}.detail-hero{grid-template-columns:minmax(320px,.8fr) minmax(380px,.7fr);align-items:end;gap:28px;display:grid}.detail-hero img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%}.detail-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.detail-grid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:190px;padding:20px}.detail-grid span{color:var(--accent);margin-bottom:22px;font-size:12px;font-weight:900;display:block}.detail-grid p,.content-section p,.resource-card p{color:var(--muted);line-height:1.72}.case-page{max-width:1440px}.case-hero{grid-template-columns:minmax(360px,.72fr) minmax(520px,1fr);align-items:end;gap:30px;margin-bottom:24px;display:grid}.case-hero h1{margin-bottom:18px;font-size:clamp(58px,8vw,124px);line-height:.9}.case-hero-copy>p:not(.eyebrow){color:var(--muted);font-size:20px;line-height:1.7}.case-hero-figure{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0;overflow:hidden}.case-hero-figure img{aspect-ratio:16/10;object-fit:contain;background:#efe5d5;width:100%;padding:12px}.case-hero-figure figcaption{color:var(--muted);padding:14px 16px;font-size:14px;line-height:1.65}.case-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:56px;display:grid}.case-metrics article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-content:space-between;min-height:140px;padding:18px;display:grid}.case-metrics span{color:var(--accent);font-size:12px;font-weight:900}.case-metrics strong{font-size:clamp(26px,3vw,42px);line-height:1}.case-showcase-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;display:grid}.case-play-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:420px;text-decoration:none;position:relative;overflow:hidden}.case-play-card:before{content:"";background:var(--case-play-image) center / cover no-repeat;transition:transform .26s;position:absolute;inset:0}.case-play-card.storyboard:before{background-color:#f7efe3;background-size:contain}.case-play-card:after{content:"";background:linear-gradient(#15110d14,#15110da3);position:absolute;inset:0}.case-play-card:hover:before{transform:scale(1.025)}.case-play-icon{z-index:2;background:#15110db8;border:1px solid #fffaf2b8;border-radius:999px;width:76px;height:76px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-play-icon:before{content:"";border-top:14px solid #0000;border-bottom:14px solid #0000;border-left:20px solid var(--surface);width:0;height:0;position:absolute;top:50%;left:52%;transform:translate(-42%,-50%)}.case-play-card-content{z-index:2;color:var(--surface);gap:5px;display:grid;position:absolute;bottom:20px;left:22px;right:22px}.case-play-card-content strong{font-size:clamp(24px,3vw,42px);line-height:1}.case-play-card-content small{color:#fffaf2c2;font-size:14px;font-weight:800}.case-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.case-timeline article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:54px 1fr;gap:16px;min-height:170px;padding:18px;display:grid}.case-timeline span{color:var(--accent);font-size:13px;font-weight:900}.case-timeline h3{margin-bottom:10px;font-size:26px}.case-section{grid-template-columns:minmax(320px,.72fr) minmax(420px,1fr);align-items:start;gap:24px;display:grid}.case-section article{padding-top:12px}.case-section .pill-list{margin-top:20px}.case-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.case-asset-grid figure{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0;overflow:hidden}.case-asset-grid figure.wide{grid-column:span 2}.case-asset-grid img{aspect-ratio:16/10;object-fit:cover;background:#efe5d5;width:100%}.case-asset-grid .contain img{object-fit:contain;padding:12px}.case-asset-grid figcaption{gap:6px;padding:14px 16px;display:grid}.case-asset-grid figcaption span{color:var(--muted);font-size:13px;line-height:1.6}.content-section{margin-top:52px}.content-section .section-title{margin-bottom:22px}.pill-list{flex-wrap:wrap;gap:10px;display:flex}.pill-list span{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:12px 14px;font-weight:800}.asset-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.asset-grid figure{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0;overflow:hidden}.asset-grid img{aspect-ratio:16/9;object-fit:cover;width:100%}.asset-grid figcaption{color:var(--muted);padding:12px 14px;font-size:13px}.bookmark-list{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.resource-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:18px;padding:22px;display:grid}.resource-card>div:first-child>span{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:900}.resource-card h2{margin:14px 0 10px;font-size:28px;line-height:1.1}.full-map{grid-template-columns:repeat(3,1fr)}.site-shell>main.content{margin-left:var(--sidebar)}.category-sidebar{color:#f7f0e5;background:#10100f;border-right-color:#fffaf21a;overflow-y:auto}.category-sidebar .brandmark{color:#f7f0e5}.category-nav{gap:28px;display:grid}.category-nav a{text-decoration:none}.category-nav .home-link{border-radius:var(--radius);color:#fffaf2b8;border:1px solid #fffaf21a;grid-template-columns:34px 1fr;align-items:center;min-height:44px;padding:0 10px;display:grid}.category-nav .home-link span{color:#f7f0e5;font-size:11px;font-weight:900}.nav-group{gap:9px;display:grid}.nav-group p{color:#fffaf261;gap:12px;margin:0 0 6px;font-size:12px;font-weight:800;display:flex}.nav-group p span{letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.nav-group a{color:#fffaf2c7;grid-template-columns:14px 1fr;align-items:center;gap:10px;min-height:34px;font-size:14px;font-weight:900;display:grid}.nav-group a>span{background:#fffaf22e;border-radius:999px;width:7px;height:7px}.category-nav a:hover,.category-nav a.active{color:#fffaf2}.category-nav a:hover>span,.category-nav a.active>span{background:var(--accent)}.sidebar-actions{gap:8px;margin-top:auto;display:grid}.sidebar-actions a{border-radius:var(--radius);color:#fffaf2c2;border:1px solid #fffaf224;align-items:center;min-height:36px;padding:0 10px;font-size:12px;font-weight:900;text-decoration:none;display:flex}.sidebar-actions a:hover,.sidebar-actions .private-link{color:#15110d;background:#fffaf2}.home-hero{grid-template-columns:minmax(360px,.86fr) minmax(420px,.72fr);align-items:end;gap:28px;max-width:1360px;min-height:520px;display:grid}.home-hero h1{max-width:760px;font-size:clamp(72px,9vw,152px);line-height:.88}.home-hero-visual{place-items:center end;min-height:460px;display:grid;position:relative}.home-hero-visual img{filter:drop-shadow(0 34px 58px #15110d2e);mix-blend-mode:multiply;width:min(640px,100%);mask-image:radial-gradient(at 58%,#000 42%,#000000d1 66%,#0000 100%)}.home-hero-panel,.category-stat,.empty-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.home-hero-panel{backdrop-filter:blur(12px);background:#fffaf2c7;align-content:space-between;width:min(210px,48%);min-height:150px;padding:16px;display:grid;position:absolute;bottom:8px;right:0}.category-stat{align-content:space-between;min-height:220px;padding:22px;display:grid}.home-hero-panel span,.category-stat span{color:var(--accent);font-size:12px;font-weight:900}.home-hero-panel strong,.category-stat strong{font-size:clamp(62px,7vw,118px);line-height:.86}.home-hero-panel p,.category-stat p{color:var(--muted);line-height:1.65}.section-head.compact{grid-template-columns:minmax(300px,1fr) auto}.category-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.category-group-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:280px;padding:22px}.category-group-card>p{color:var(--accent);gap:12px;margin:0 0 20px;font-size:12px;font-weight:900;display:flex}.category-group-card>p span{color:var(--muted);letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.category-group-card>div,.category-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.category-group-card a,.category-link-grid a{border:1px solid var(--line);border-radius:var(--radius);background:#f4f0e87a;align-content:space-between;min-height:118px;padding:16px;text-decoration:none;transition:transform .18s,border-color .18s;display:grid}.category-group-card a:hover,.category-link-grid a:hover{border-color:#e4582f7a;transform:translateY(-2px)}.category-group-card strong,.category-link-grid strong{font-size:21px}.category-group-card a span,.category-link-grid a span{color:var(--muted);font-size:13px;line-height:1.55}.category-hero{grid-template-columns:minmax(360px,1fr) minmax(260px,.36fr);align-items:end;gap:28px;max-width:1360px;min-height:420px;margin:0 auto 36px;display:grid}.category-hero h1{margin-bottom:20px;font-size:clamp(72px,11vw,168px);line-height:.86}.category-hero p:not(.eyebrow){max-width:780px;color:var(--muted);font-size:20px;line-height:1.72}.empty-state{align-content:center;justify-items:start;gap:14px;min-height:220px;padding:28px;display:grid}.empty-state strong{font-size:28px}.empty-state p{color:var(--muted);line-height:1.7}.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-meta a.tag{text-decoration:none}@media (width<=1120px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:auto;padding:12px;position:sticky;top:0}.brandmark,.sidebar-note{display:none}.nav{display:flex;overflow-x:auto}.nav a{flex:none}.content{margin-left:0;padding:24px}.site-shell>main.content{margin-left:0}.category-sidebar{overflow-y:visible}.category-nav{gap:12px;display:flex;overflow-x:auto}.category-nav .home-link{flex:none}.nav-group{flex:none;gap:8px;display:flex}.nav-group p,.sidebar-actions{display:none}.nav-group a{border-radius:var(--radius);border:1px solid #fffaf21f;min-width:max-content;padding:0 10px}.hero,.home-hero,.category-hero,.public-layer,.section-head,.atlas,.case-hero,.case-section,.detail-hero{grid-template-columns:1fr}.hero,.hero-figure{min-height:auto}.hero-figure span{display:none}}@media (width<=760px){.content{padding:18px}section,.private{margin-bottom:52px}.hero h1{font-size:72px}.hero-copy{font-size:17px}.mini-map,.identity-strip,.project-grid,.case-grid,.atlas-nodes,.library-grid,.category-groups,.category-group-card>div,.category-link-grid,.detail-grid,.case-metrics,.case-showcase-grid,.case-timeline,.case-section,.asset-grid,.case-asset-grid,.bookmark-list{grid-template-columns:1fr}.project-card.featured,.case-card.featured,.case-asset-grid figure.wide{grid-column:span 1}.case-card.featured{display:block}.case-card.featured .case-thumb{aspect-ratio:16/10;min-height:0}.update-row{grid-template-columns:1fr;gap:6px}}.site-footer[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:auto;padding:28px 24px 32px;font-size:13px;line-height:1.6}.site-footer[data-astro-cid-jo6i4kqk] .divider[data-astro-cid-jo6i4kqk]{opacity:.6;margin:0 8px}.site-footer[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.site-footer[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--ink)}