:root{color-scheme:dark;--bg:#090b0e;--panel:#11151a;--text:#f1eee8;--muted:#a8adb5;--line:#2a2d32;--accent:#ffb58b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.skip{position:absolute;top:-80px;left:20px;background:var(--accent);color:#111;padding:14px;z-index:10}.skip:focus{top:10px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:22px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-style:italic;font-weight:700;letter-spacing:-.5px}.brand img{width:32px;height:32px;border-radius:8px}.navlinks{display:flex;align-items:center;gap:32px;font-size:13px}.navlinks .current{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--text);color:#141414;border:1px solid transparent;border-radius:100px;padding:14px 24px;font-size:14px;font-weight:600;line-height:1.3}.button:hover{background:var(--accent);color:#141414}.button.outline{background:transparent;border-color:#535254;color:var(--text)}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600;color:var(--accent);text-transform:uppercase}.hero{padding:64px 0 58px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end}.hero h1{font-size:clamp(38px,4.8vw,64px);line-height:1.28;letter-spacing:-.055em;font-weight:500;margin:22px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:570px;color:var(--muted);line-height:1.9;font-size:15px}.hero-note{font:12px ui-monospace,monospace;color:var(--muted);text-align:right;padding-bottom:9px}.featured{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:52px 0 60px}.art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:300px;border-radius:4px;background:radial-gradient(ellipse at center,#563c2d 0%,#211c19 45%,#131416 80%)}.art:before,.art:after{content:"";position:absolute;width:320px;height:320px;border:1px solid #ffffff12;border-radius:50%}.art:after{width:230px;height:230px}.art img{position:relative;z-index:1;width:90%;height:auto;filter:drop-shadow(0 25px 25px #0008);transition:transform .4s}.art:hover img{transform:translateY(-5px)}.art.rain{background:radial-gradient(ellipse,#243c52,#141b22 60%,#11151a)}.art.forest{background:radial-gradient(ellipse,#284536,#161f19 60%,#11151a)}.art.night{background:radial-gradient(ellipse,#2c3056,#171926 60%,#11151a)}.art.airplane{background:radial-gradient(ellipse,#304e54,#192124 60%,#11151a)}.art-label{position:absolute;z-index:2;bottom:20px;left:24px;font:10px ui-monospace,monospace;letter-spacing:.15em;color:#d8d8d8}.featured h2{font-size:32px;line-height:1.5;font-weight:500;letter-spacing:-.03em;margin:17px 0}.featured p,.card p{color:var(--muted);font-size:14px;line-height:1.85}.textlink{display:inline-flex;align-items:center;gap:40px;margin-top:15px;font-size:14px;color:var(--accent)}.meta{color:var(--muted);font-size:12px;line-height:1.8}.sectionhead{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:28px 0}.sectionhead h2{font-size:20px;font-weight:500;margin:0}.sectionhead span{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 28px;padding-bottom:64px}.card .art{min-height:190px}.card .art:before{width:190px;height:190px}.card .art:after{width:130px;height:130px}.card .eyebrow{display:block;margin-top:23px}.card h3{font-size:20px;line-height:1.65;font-weight:500;margin:10px 0}.card p{margin:8px 0 16px}.card .art-label{bottom:14px;left:18px;font-size:9px}.cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:40px;border:1px solid #584438;background:linear-gradient(110deg,#241b16,#141311);border-radius:5px;margin:20px 0 60px}.cta h2{font-size:27px;letter-spacing:-.03em;font-weight:500;margin:12px 0}.cta p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.footer{padding:32px 0 36px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px;line-height:1.8}.footer a{text-decoration:underline;text-underline-offset:4px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin:32px 0}.article-head{max-width:900px;padding:22px 0 38px}.article-head h1{font-size:clamp(30px,4vw,49px);font-weight:500;letter-spacing:-.035em;line-height:1.45;margin:18px 0}.article-head .intro{font-size:17px;color:#bfc2c9;line-height:1.9;margin:24px 0}.article-head .meta{display:flex;gap:15px;flex-wrap:wrap}.article-image{max-width:900px;height:330px;min-height:0}.article-image img{max-width:650px;width:70%}.layout{display:grid;grid-template-columns:230px minmax(0,720px);gap:55px;margin:44px 0 70px;align-items:start}.toc{position:sticky;top:26px}.toc h2{font-size:12px;letter-spacing:.08em;color:var(--muted);font-weight:500}.toc ol{list-style:none;padding:0;margin-top:22px}.toc li{margin-bottom:14px;font-size:12px;line-height:1.65}.toc a{color:#c3c5cc}.toc a:hover{color:var(--accent)}.toc .button{margin-top:14px;font-size:12px;padding:12px 16px}.prose{min-width:0;font-size:16px;line-height:1.95;color:#d2d3d8}.prose h2{color:var(--text);font-size:25px;line-height:1.6;font-weight:500;letter-spacing:-.02em;margin:42px 0 16px}.prose p{margin:0 0 20px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.prose .source{font-size:13px}.takeaway{border-left:2px solid var(--accent);background:#181614;padding:24px 27px;color:#e2d4c9}.takeaway strong{display:block;color:var(--accent);font-size:12px;letter-spacing:.1em;margin-bottom:9px}.disclosure{font-size:12px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:35px}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:15px;color:var(--text)}.faq details p{font-size:14px;margin:14px 0 0;color:var(--muted)}.share{display:flex;align-items:center;gap:16px;margin-top:28px}.share button{background:transparent;color:var(--text);border:1px solid #535254;border-radius:50px;padding:10px 18px;cursor:pointer;font-size:13px}.share [role=status]{font-size:12px;color:var(--muted)}.related .grid{grid-template-columns:repeat(3,1fr)}.about{max-width:760px;padding:50px 0 80px}.about h1{font-size:40px;font-weight:500}.about p{font-size:16px;line-height:1.95;color:#c3c5cc}.about a{color:var(--accent);text-decoration:underline}.prose .cta{display:block;padding:26px;margin:36px 0}.prose .cta .button{color:#141414;text-decoration:none}.prose .cta .outline{color:var(--text)}.prose .cta .cta-actions{margin-top:20px}.prose .cta h2{margin:8px 0 12px}.prose .cta p{margin:0}.prose .cta .eyebrow{line-height:1.5}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.hero{gap:25px}.featured{gap:30px}.featured h2{font-size:27px}.grid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.cta{grid-template-columns:1fr}.related .grid{grid-template-columns:repeat(2,1fr)}.article-image{height:280px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{height:78px;gap:12px}.brand{font-size:17px;gap:8px}.brand img{width:27px;height:27px}.navlinks{gap:16px;font-size:12px}.navlinks .home-link{display:none}.navlinks .button{padding:10px 14px;font-size:12px}.hero{display:block;padding:42px 0 28px}.hero h1{font-size:40px}.hero-note{text-align:left;margin-top:24px;font-size:10px}.featured{display:flex;flex-direction:column;gap:26px;padding:32px 0 42px;align-items:stretch}.featured .art{min-height:230px}.featured h2{font-size:26px}.grid,.related .grid{grid-template-columns:1fr;gap:35px}.card .art{min-height:220px}.card h3{font-size:21px}.cta{padding:26px 22px;margin-bottom:40px}.cta h2{font-size:24px}.cta-actions{gap:10px}.button{font-size:13px;padding:13px 20px}.footer{align-items:flex-start;flex-direction:column;gap:12px}.article-head{padding-top:10px}.article-head h1{font-size:30px}.article-head .intro{font-size:16px}.article-image{height:210px}.article-image img{width:90%}.layout{display:block;margin-top:26px}.toc{position:static;border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:20px}.toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:15px}.toc li{font-size:11px}.toc .button{display:none}.prose{font-size:16px}.prose h2{font-size:23px;margin-top:35px}.takeaway{padding:20px}.sectionhead span{font-size:10px}.about h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:600px){.language-menu[open] .language-options{position:fixed;top:96px;left:18px;right:18px;inset-inline-end:18px;width:auto}}
/* Existing project renders and readable inline screenshots. */
.art.duo-art{background:#e9e7e2;min-height:0;aspect-ratio:1200/860}.art.duo-art:before,.art.duo-art:after{display:none}.art.duo-art img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;filter:none}.art.duo-art .art-label{color:#535350;font-size:9px}.article-image.duo-art{height:auto;max-width:900px}.image-provenance{font-size:12px;line-height:1.8;color:var(--muted);max-width:900px;margin:14px 0 0}.duo-gallery{margin:28px 0 32px;display:grid;gap:24px}.duo-figure{margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#13161a}.duo-figure>a{display:block;background:#e9e7e2}.duo-figure img{display:block;width:100%;height:auto}.duo-figure figcaption{padding:18px 22px;font-size:13px;line-height:1.8;color:var(--muted)}.duo-figure figcaption strong{display:block;color:var(--text);font-size:15px;font-weight:500}.duo-figure figcaption span{display:block;margin:5px 0 9px}.prose .duo-figure figcaption a{font-size:12px}html[dir=rtl] .takeaway{border-left:0;border-right:2px solid var(--accent)}html[dir=rtl] .hero-note{text-align:left}html[dir=rtl] .art-label{left:auto;right:24px}.language-menu{position:relative;font-size:12px;min-width:0}.language-menu summary{cursor:pointer;list-style:none;padding:10px 13px;border:1px solid var(--line);border-radius:30px;white-space:nowrap}.language-menu summary::-webkit-details-marker{display:none}.language-menu[open] .language-options{position:absolute;z-index:20;top:46px;inset-inline-end:0;width:min(360px,calc(100vw - 36px));max-height:60vh;overflow:auto;background:#171b21;border:1px solid #4a4e55;border-radius:12px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px;box-shadow:0 15px 60px #0008}.language-options a{padding:10px;border-radius:6px}.language-options a[aria-current=page]{background:#393128;color:var(--accent)}.translation-note{font-size:12px;color:var(--muted);line-height:1.8;margin:14px 0 0}.navlinks{gap:22px}.article-head h1,.card h3,.featured h2,.hero h1{overflow-wrap:anywhere}html:not([lang=zh-CN]) .hero h1{font-size:clamp(32px,4vw,52px)}html:not([lang=zh-CN]) .hero{grid-template-columns:1.5fr 1fr}
@media(max-width:600px){.nav{height:auto;min-height:78px;padding:15px 0;flex-wrap:wrap}.navlinks{gap:10px;flex-wrap:wrap;justify-content:flex-end}.navlinks .current{display:none}.language-menu summary{font-size:11px;padding:10px}.art.duo-art{min-height:0}.art.duo-art .art-label{bottom:12px;left:14px}.duo-figure figcaption{padding:16px}.hero-note{text-align:start!important}.footer{overflow-wrap:anywhere}.toc ol{grid-template-columns:1fr}.cta .button{white-space:normal}.article-head h1{font-size:28px}html:not([lang=zh-CN]) .hero{display:block}}
@media(max-width:600px){.language-menu[open] .language-options{position:fixed;top:96px;left:18px;right:18px;inset-inline-end:18px;width:auto}}