:root{--paper:#f4f5f2;--ink:#101310;--muted:#626963;--line:#cdd2cc;--acid:#c9ff38;--cyan:#24d2d8;--white:#fff;--max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.studio-head{height:78px;padding:0 clamp(20px,4vw,72px);display:flex;align-items:center;gap:34px;background:rgba(244,245,242,.88);backdrop-filter:blur(18px);position:relative;z-index:20;border-bottom:1px solid rgba(16,19,16,.12)}.wordmark{display:flex;align-items:center;gap:11px;margin-right:auto}.wordmark i{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--acid);font-style:normal;font-weight:900}.wordmark span{font-weight:900;font-size:20px;line-height:1}.wordmark small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.studio-head nav{display:flex;gap:26px;font-size:13px}.studio-head nav a:hover{color:#008b91}.head-cta,.primary{background:var(--ink);color:#fff;padding:12px 18px;font-weight:750}.menu{display:none;border:0;background:none;font-size:22px}.hero{height:calc(100svh - 78px);min-height:680px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,245,242,.97) 0%,rgba(244,245,242,.83) 31%,rgba(244,245,242,.05) 62%)}.hero-copy{position:absolute;z-index:2;left:clamp(24px,6vw,105px);top:50%;transform:translateY(-50%);width:min(650px,48vw)}.eyebrow,.device-rail header p,.relay-title>p,.task-collage article>p,.legacy-links>div>p,.journal header>p,.faq header>p,.guide-title>p,.archive-title>p,.story>header>p,.not-found>p{font:800 11px/1.2 ui-monospace,monospace;letter-spacing:1.4px;color:#087c82}.hero h1{font-size:clamp(60px,7vw,112px);line-height:.94;margin:24px 0 30px;letter-spacing:0}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:580px}.hero-copy>div{display:flex;gap:12px;margin-top:30px}.hero-copy>div>a{padding:14px 19px;border:1px solid var(--ink);font-weight:800}.hero-copy small{display:block;margin-top:22px;color:var(--muted)}.canvas-label{position:absolute;z-index:2;right:3vw;bottom:24px;display:flex;align-items:end;gap:12px}.canvas-label b{font-size:55px}.canvas-label span{font:10px ui-monospace}.device-rail,.relay,.legacy-links,.journal,.faq,.guide-main,.archive-main{padding:100px clamp(22px,6vw,100px);max-width:var(--max);margin:auto}.device-rail header{display:grid;grid-template-columns:190px 1fr;margin-bottom:45px}.device-rail h2,.relay h2,.legacy-links h2,.journal h2,.faq h2,.guide-title h1,.archive-title h1{font-size:clamp(38px,5vw,74px);line-height:1.05;margin:0;max-width:900px}.device-rail>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid}.device-rail a{min-height:230px;padding:28px 30px 28px 0;border-right:1px solid var(--line);display:grid;grid-template-columns:70px 1fr}.device-rail i{font:800 11px ui-monospace;color:#008b91}.device-rail b{font-size:30px}.device-rail span{grid-column:2;color:var(--muted);align-self:end}.relay{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.relay ol{list-style:none;margin:0;padding:0;border-top:2px solid}.relay li{display:grid;grid-template-columns:60px 180px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.relay li span{font:800 12px ui-monospace;color:#008b91}.relay li b{font-size:22px}.relay li p{margin:0;color:var(--muted)}.task-collage{max-width:var(--max);margin:auto;padding:0 clamp(22px,6vw,100px) 100px;display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:310px;gap:14px}.task-collage article{padding:32px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line)}.task-collage .wide{grid-row:span 2;background:#e8ece8}.task-collage .dark{grid-column:span 2;background:var(--ink);color:#fff}.task-collage .acid{background:var(--acid)}.task-collage h2{font-size:36px;margin:22px 0}.task-collage span{max-width:520px;color:var(--muted)}.task-collage .dark span{color:#b9c0bb}.task-collage a{margin-top:auto;font-weight:800}.legacy-links{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;background:#fff;max-width:none;padding-left:max(22px,calc((100vw - 1300px)/2));padding-right:max(22px,calc((100vw - 1300px)/2))}.legacy-links>div>p:last-of-type{font-size:18px;line-height:1.8}.legacy-links nav{border-top:2px solid}.legacy-links nav a{display:grid;grid-template-columns:1fr auto;padding:25px 0;border-bottom:1px solid var(--line)}.legacy-links nav b{font-size:22px}.legacy-links nav span{color:var(--muted)}.journal header,.faq header{display:grid;grid-template-columns:180px 1fr auto;align-items:end;margin-bottom:45px}.journal header>a{border-bottom:2px solid}.journal-grid,.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:2px solid}.journal-entry,.archive-entry{border-bottom:1px solid var(--line)}.journal-entry:nth-child(odd),.archive-entry:nth-child(odd){border-right:1px solid var(--line)}.journal-entry>a,.archive-entry>a{display:grid;grid-template-columns:110px 1fr;padding:28px;min-height:260px}.journal-entry time,.archive-entry time{font:12px ui-monospace}.journal-entry span,.archive-entry span{font-size:11px;color:#008b91;text-align:right}.journal-entry h3,.archive-entry h3{grid-column:1/-1;font-size:26px;line-height:1.35}.journal-entry p,.archive-entry p{grid-column:1/-1;color:var(--muted)}.journal-entry b,.archive-entry b{grid-column:2;text-align:right}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.faq header{display:block}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{font-size:20px;font-weight:800;cursor:pointer}.faq details p{color:var(--muted);line-height:1.8}.guide-title,.archive-title{padding:50px 0;border-bottom:2px solid}.guide-title span,.archive-title span{display:block;max-width:820px;font-size:20px;line-height:1.8;color:var(--muted);margin-top:25px}.guide-ledger{margin-top:55px;border-top:2px solid}.guide-ledger article{display:grid;grid-template-columns:70px 260px 1fr 120px;gap:25px;padding:30px 0;border-bottom:1px solid var(--line)}.guide-ledger i{font:800 14px ui-monospace;color:#008b91}.guide-ledger h2{margin:0;font-size:27px}.guide-ledger p{margin:0;color:var(--muted)}.guide-ledger a{font-weight:800}.guide-note,.directory-note{max-width:820px;margin:80px auto 20px;border-left:8px solid var(--acid);padding:10px 0 10px 35px}.guide-note h2,.directory-note h2{font-size:34px}.guide-note p,.directory-note p{font-size:18px;line-height:1.9}.guide-note a,.directory-note a{font-weight:800;border-bottom:2px solid}.archive-grid{margin-top:55px}.story-main{padding:55px 22px 110px}.story{max-width:940px;margin:auto}.story>header{padding-bottom:48px;border-bottom:2px solid}.story h1{font-size:clamp(46px,6vw,86px);line-height:1.06;margin:24px 0}.story-meta{display:flex;gap:25px;font:12px ui-monospace}.standfirst{font-size:22px;line-height:1.8;color:var(--muted)}.story-copy{max-width:800px;margin:auto}.story-copy section{margin:65px 0}.story-copy h2{font-size:34px;line-height:1.35}.story-copy p{font-family:"Noto Serif SC","Songti SC",serif;font-size:18px;line-height:2;color:#303b33}.story aside{max-width:800px;margin:80px auto 0;padding-top:25px;border-top:2px solid;display:flex;gap:22px;flex-wrap:wrap}.story aside b{width:100%}.not-found{padding:120px 8vw;min-height:70vh}.not-found h1{font-size:70px}.not-found a{display:inline-block;margin:25px 25px 0 0;border-bottom:2px solid}footer{padding:55px clamp(22px,6vw,100px);background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer p,footer small{color:#acb4ad}footer nav{display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap}footer small{grid-column:1/-1}@media(max-width:900px){.studio-head{height:68px;padding:0 18px}.studio-head nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column}.studio-head nav.open{display:flex}.menu{display:block;margin-left:auto}.head-cta{display:none}.hero{height:780px;min-height:0}.hero:after{background:linear-gradient(180deg,rgba(244,245,242,.05) 20%,rgba(244,245,242,.97) 70%)}.hero>img{object-position:65% center}.hero-copy{left:22px;right:22px;bottom:50px;top:auto;transform:none;width:auto}.hero h1{font-size:58px}.canvas-label{display:none}.device-rail header,.relay,.legacy-links,.faq{grid-template-columns:1fr}.device-rail>div{grid-template-columns:1fr}.device-rail a{border-right:0}.relay-title{margin-bottom:40px}.task-collage{grid-template-columns:1fr 1fr;grid-auto-rows:300px}.task-collage .wide{grid-row:auto;grid-column:span 2}.journal header,.faq header{grid-template-columns:1fr}.guide-ledger article{grid-template-columns:50px 1fr}.guide-ledger p,.guide-ledger a{grid-column:2}.archive-grid,.journal-grid{grid-template-columns:1fr}.journal-entry:nth-child(odd),.archive-entry:nth-child(odd){border-right:0}}@media(max-width:560px){.hero{height:700px}.hero h1{font-size:46px}.hero-copy>div{flex-direction:column;align-items:flex-start}.device-rail,.relay,.legacy-links,.journal,.faq,.guide-main,.archive-main{padding:70px 20px}.device-rail header{display:block}.device-rail h2,.relay h2,.legacy-links h2,.journal h2,.faq h2,.guide-title h1,.archive-title h1{font-size:40px}.relay li{grid-template-columns:45px 1fr}.relay li p{grid-column:2}.task-collage{padding:0 20px 70px;grid-template-columns:1fr;grid-auto-rows:auto}.task-collage article,.task-collage .wide,.task-collage .dark{grid-column:1;min-height:300px}.legacy-links nav a{grid-template-columns:1fr;gap:8px}.journal-entry>a,.archive-entry>a{padding:24px 0}.guide-title,.archive-title{padding-top:20px}.story-main{padding:35px 20px 75px}.story h1{font-size:43px}.story-copy h2{font-size:28px}.story-copy p{font-size:17px}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start}footer small{grid-column:1}}
.journal-entry .card-summary,.archive-entry .card-summary{grid-column:1/-1;color:var(--muted);font-size:16px;text-align:left;line-height:1.7}
@media(max-width:900px){.hero{height:auto;min-height:760px;padding:300px 22px 48px;background:#eef0ed}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-position:62% top}.hero:after{background:linear-gradient(180deg,rgba(244,245,242,.02) 8%,rgba(244,245,242,.94) 52%,var(--paper) 78%)}.hero-copy{position:relative;left:auto;right:auto;bottom:auto;top:auto;transform:none;width:100%;max-width:620px}.hero-copy>p:not(.eyebrow){max-width:100%;overflow-wrap:anywhere}}@media(max-width:560px){.hero{height:auto;min-height:760px;padding:245px 20px 42px}.hero-copy>div{flex-direction:row;flex-wrap:wrap}.hero-copy>div>a{padding:12px 14px}.hero-copy small{line-height:1.65}}