.story-page{--story-accent:#c65d17;--story-surface:#fbf7ed;--story-panel:#fffdf7;--story-ink:#211b14;--story-muted:#70665a;--story-line:#d5cbb8;--story-glow:#c65d1724;--story-pattern:repeating-linear-gradient(0deg,#42311f07 0 1px,transparent 1px 4px);width:calc(100% - 48px);max-width:1440px;color:var(--story-ink);margin:0 auto 4px}.story-page.story-era-boot{--story-accent:#c65d17;--story-surface:#fbf7ed;--story-panel:#fffdf7;--story-ink:#211b14;--story-muted:#70665a;--story-line:#d5cbb8;--story-glow:#c65d1724;--story-pattern:repeating-linear-gradient(0deg,#42311f07 0 1px,transparent 1px 4px)}.story-page.story-era-connected{--story-accent:#246aa2;--story-surface:#f3f8fb;--story-panel:#fbfdff;--story-ink:#122838;--story-muted:#5f7482;--story-line:#c5d7e2;--story-glow:#246aa224;--story-pattern:radial-gradient(circle at 1px 1px,#246aa21f 1px,transparent 1.5px)}.story-page.story-era-mobile{--story-accent:#2d7b58;--story-surface:#f4f9f4;--story-panel:#fcfffc;--story-ink:#152b20;--story-muted:#607368;--story-line:#c4d8c9;--story-glow:#2d7b5824;--story-pattern:radial-gradient(circle at 88% 12%,#2d7b5814 0 70px,transparent 71px),radial-gradient(circle at 82% 20%,transparent 0 104px,#2d7b580f 105px 106px,transparent 107px)}.story-page.story-era-online{--story-accent:#087e98;--story-surface:#f0fafb;--story-panel:#fbffff;--story-ink:#102d33;--story-muted:#5b7479;--story-line:#b9d7dc;--story-glow:#087e9824;--story-pattern:linear-gradient(#087e980b 1px,transparent 1px),linear-gradient(90deg,#087e980b 1px,transparent 1px)}.story-page.story-era-software{--story-accent:#6b55bb;--story-surface:#f7f5fc;--story-panel:#fdfcff;--story-ink:#251e3a;--story-muted:#6f6880;--story-line:#d2cce8;--story-glow:#6b55bb26;--story-pattern:linear-gradient(135deg,#6b55bb0a 25%,transparent 25% 50%,#6b55bb0a 50% 75%,transparent 75%)}.story-page.story-era-now{--story-accent:#f15a16;--story-surface:#11110f;--story-panel:#181816;--story-ink:#f2f1ec;--story-muted:#aaa9a2;--story-line:#343431;--story-glow:#f15a1633;--story-pattern:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px)}.story-page.story-era-next{--story-accent:#f15a16;--story-surface:#fff8f2;--story-panel:#fffdf9;--story-ink:#24150e;--story-muted:#785f53;--story-line:#efb79b;--story-glow:#f15a162e;--story-pattern:repeating-linear-gradient(135deg,#f15a160b 0 1px,transparent 1px 12px)}.story-page>article{border:1px solid var(--story-line);background:var(--story-panel);box-shadow:0 14px 50px var(--story-glow);border-radius:6px;transition:color .35s,border-color .35s,background .35s;overflow:hidden}.story-hero{border-bottom:1px solid var(--line);grid-template-columns:48% 52%;min-height:540px;display:grid}.story-hero-copy{color:var(--story-ink);background-color:var(--story-panel);background-image:var(--story-pattern);background-size:22px 22px;flex-direction:column;justify-content:center;align-self:stretch;padding:clamp(34px,5vw,72px);display:flex}.story-hero-copy>a{color:var(--story-muted);align-self:flex-start;align-items:center;gap:8px;font-size:8px;font-weight:600;display:inline-flex}.story-hero-copy>a:hover{color:var(--story-accent)}.story-hero-copy>a svg{width:11px;height:11px}.story-hero-copy>span{color:var(--story-accent);text-transform:uppercase;margin-top:34px;font:600 8px DM Mono,monospace;display:block}.story-hero-copy h1{max-width:720px;color:var(--story-ink);letter-spacing:-.05em;margin:13px 0 20px;font-size:clamp(42px,5vw,72px);line-height:.95}.story-hero-copy>p{max-width:590px;color:var(--story-muted);font-size:13px;line-height:1.7}.story-hero-copy>div{color:var(--story-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:27px;font-size:8px;display:flex}.story-hero-copy>div strong{color:var(--story-ink)}.story-hero-copy>div time:before,.story-hero-copy>div small:before{content:"";background:var(--story-accent);border-radius:50%;width:3px;height:3px;margin:0 12px 2px 0;display:inline-block}.story-hero-copy>div small{align-items:center;gap:5px;display:inline-flex}.story-hero-copy>div small svg{width:10px;height:10px}.story-hero-art{background:color-mix(in srgb,var(--story-surface) 88%,#d7c5aa);min-width:0;position:relative;overflow:hidden}.story-hero-art:after{content:"";background:linear-gradient(135deg,transparent 55%,color-mix(in srgb,var(--story-accent) 24%,transparent));pointer-events:none;position:absolute;inset:0}.story-hero-art>img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.story-hero-art>span{z-index:2;color:#fff;border-left:2px solid var(--story-accent);text-transform:uppercase;background:#080808c7;padding:7px 9px;font:500 7px DM Mono,monospace;position:absolute;bottom:16px;left:18px}.story-fallback-art{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--story-accent) 24%,transparent),transparent 35%),linear-gradient(145deg,#181817,#050505);position:absolute;inset:0}.story-fallback-art:before,.story-fallback-art:after{content:"";border:1px solid color-mix(in srgb,var(--story-accent) 48%,transparent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.story-fallback-art:before{width:190px;height:190px}.story-fallback-art:after{border-style:dashed;border-radius:50%;width:290px;height:290px;animation:18s linear infinite storyOrbit}.story-fallback-art i{background:var(--story-accent);width:7px;height:7px;box-shadow:0 0 12px var(--story-accent);position:absolute}.story-fallback-art i:first-child{top:24%;left:20%}.story-fallback-art i:nth-child(2){top:38%;right:19%}.story-fallback-art i:nth-child(3){bottom:16%;left:38%}@keyframes storyOrbit{to{transform:translate(-50%,-50%)rotate(405deg)}}.story-hero-art>img.story-fallback-mascot{object-fit:contain;background:radial-gradient(circle at 50% 42%,#6b3925 0,#2a211e 58%,#121110 100%);padding:clamp(22px,4vw,56px)}.story-body-layout{width:100%;color:var(--story-ink);background-color:var(--story-surface);background-image:var(--story-pattern);background-size:24px 24px;grid-template-columns:minmax(0,1fr);gap:42px;margin:0 auto;padding:56px max(24px,50% - 430px) 82px;display:grid}.story-body-layout>div{width:min(760px,100%);margin:0 auto}.story-body-layout>aside{border-top:1px solid var(--story-line);border-bottom:1px solid var(--story-line);flex-wrap:wrap;align-items:center;gap:8px 12px;width:min(760px,100%);margin:0 auto;padding:14px 0;display:flex}.story-body-layout>aside>span{color:var(--story-muted);text-transform:uppercase;font:500 7px DM Mono,monospace}.story-body-layout>aside>strong{color:var(--story-accent);font-size:10px}.story-body-layout>aside>small{color:var(--story-muted);font-size:8px}.story-body-layout>aside>small:before{content:"/";color:var(--story-line);margin-right:12px}.story-body-layout>aside>i{background:linear-gradient(90deg,var(--story-accent),var(--story-line));flex:1;min-width:34px;height:1px}.story-body-layout>aside>p{color:var(--story-muted);white-space:nowrap;margin:0;font:400 7px/1.6 DM Mono,monospace}.story-tags{flex-wrap:wrap;gap:5px;display:flex}.story-body-layout>aside .story-tags span{color:var(--story-muted);border:1px solid var(--story-line);text-transform:lowercase;border-radius:3px;padding:5px 6px;font-size:6px}.story-body{min-width:0;color:var(--story-ink);font-size:14px;line-height:1.85}.story-body>:first-child{margin-top:0}.story-body h1,.story-body h2,.story-body h3{color:var(--story-ink);letter-spacing:-.025em;margin:1.8em 0 .7em;line-height:1.16}.story-body h1{font-size:34px}.story-body h2{font-size:26px}.story-body h3{font-size:19px}.story-body p{margin-bottom:1.35em}.story-body a{color:var(--story-accent);text-underline-offset:3px;text-decoration:underline}.story-body blockquote{border-left:3px solid var(--story-accent);color:var(--story-muted);background:var(--story-panel);box-shadow:0 8px 24px var(--story-glow);margin:2em 0;padding:20px 24px;font-size:16px}.story-body pre{border:1px solid #292927;border-top-color:var(--story-accent);color:#eee;background:#0a0a09;border-radius:4px;padding:20px;overflow-x:auto}.story-body code{font-family:DM Mono,monospace;font-size:.86em}.story-body :not(pre)>code{color:var(--story-accent);background:var(--story-panel);padding:2px 5px}.story-body img{max-width:100%;height:auto;margin:2em auto;display:block}.story-body hr{border:0;border-top:1px solid var(--story-line);margin:3em 0}.story-body li{margin-bottom:.45em}.story-body table{border-collapse:collapse;width:100%;font-size:12px}.story-body th,.story-body td{border:1px solid var(--story-line);text-align:left;padding:10px}.story-author-card{border:1px solid var(--story-line);border-top:2px solid var(--story-accent);background:var(--story-panel);box-shadow:0 10px 28px var(--story-glow);grid-template-columns:70px minmax(0,1fr);gap:18px;margin-top:60px;padding:24px;display:grid}.story-author-avatar{color:#fff;background:#111;border-radius:50%;place-items:center;width:70px;height:70px;font:600 18px DM Mono,monospace;display:grid;overflow:hidden}.story-author-avatar img{object-fit:cover;width:100%;height:100%}.story-author-card small{color:var(--story-accent);text-transform:uppercase;font:600 7px DM Mono,monospace}.story-author-card h2{color:var(--story-ink);margin:5px 0 2px;font-size:18px}.story-author-card strong{color:var(--story-muted);font-size:8px}.story-author-card p{max-width:580px;color:var(--story-muted);margin:10px 0 0;font-size:10px;line-height:1.65}.story-end{color:#fff;border:1px solid #3c3c3a;border-top:2px solid var(--story-accent);isolation:isolate;background:radial-gradient(circle at 88%,#f15a1621,#0000 25%),linear-gradient(135deg,#151515,#090909 62%);border-radius:30px 30px 6px 6px;grid-template-columns:minmax(320px,1fr) auto 250px;align-items:center;gap:clamp(28px,4vw,68px);min-height:300px;padding:54px clamp(34px,5vw,72px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.story-end:before{content:"";z-index:-1;opacity:.11;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 10%,#000 48%,#0000 90%);mask-image:linear-gradient(90deg,#0000 10%,#000 48%,#0000 90%)}.story-end-copy{z-index:2;position:relative}.story-end-copy>span{color:var(--story-accent);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:12px;font:500 8px DM Mono,monospace;display:flex}.story-end-copy>span>i{align-items:flex-end;gap:3px;height:14px;display:inline-flex}.story-end-copy>span b{background:var(--story-accent);width:3px;display:block}.story-end-copy>span b:first-child{height:5px}.story-end-copy>span b:nth-child(2){height:9px}.story-end-copy>span b:nth-child(3){height:13px}.story-end h2{color:#f8f8f6;letter-spacing:-.045em;margin:20px 0 10px;font-size:clamp(42px,4vw,64px);line-height:.95}.story-end h2 i{color:var(--story-accent);font-style:normal}.story-end-copy>p{color:#aaa9a4;max-width:580px;margin:0;font-size:clamp(11px,1vw,14px);line-height:1.6}.story-end>a{z-index:3;color:#fff;background:linear-gradient(135deg,#f47a12,var(--story-accent));border:1px solid #ff8b26;border-radius:10px;justify-content:center;align-items:center;gap:18px;min-width:230px;min-height:68px;padding:0 24px;font-size:11px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 12px 38px #f15a162e,inset 0 1px #fff3}.story-end>a:hover{color:#fff;background:linear-gradient(135deg,#ff8a21,#e94d0a);transform:translateY(-2px)}.story-end svg{width:19px;height:19px}.story-end-art{z-index:1;width:320px;height:360px;position:absolute;bottom:-38%;right:-28px}.story-end-art img{z-index:2;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 28px #000000a6)}.story-end-orbit{z-index:1;border:1px solid #f15a1661;border-radius:50%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.story-end-orbit:before,.story-end-orbit:after{content:"";border:1px solid var(--story-accent);background:#101010;border-radius:50%;width:7px;height:7px;position:absolute}.story-end-orbit:before{top:15%;left:8%}.story-end-orbit:after{bottom:28%;right:4%}.story-end-orbit.orbit-one{width:280px;height:280px}.story-end-orbit.orbit-two{opacity:.75;border-style:dashed;width:220px;height:220px}.story-end-circuit{z-index:0;opacity:.25;border-bottom:1px solid var(--story-accent);height:30px;position:absolute;bottom:25px;left:28px;right:250px}.story-end-circuit i{border:1px solid var(--story-accent);background:#111;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-3px}.story-end-circuit i:first-child{left:0}.story-end-circuit i:nth-child(2){left:32%}.story-end-circuit i:nth-child(3){right:0}.story-era-boot .story-hero-copy h1,.story-era-boot .story-body h1,.story-era-boot .story-body h2{font-family:DM Mono,monospace;font-weight:500}.story-era-connected .story-body-layout>aside>strong:before{content:"●";margin-right:7px;font-size:7px}.story-era-mobile>article,.story-era-mobile .story-author-card,.story-era-mobile .story-body blockquote{border-radius:14px}.story-era-online .story-body h2:before{content:"// ";color:var(--story-accent);font-family:DM Mono,monospace}.story-era-software .story-body h2{text-shadow:0 5px 18px var(--story-glow)}.story-era-now .story-body img{border:1px solid var(--story-line)}.story-era-next>article{border-style:dashed}.story-era-next .story-body h2:after{content:"_";color:var(--story-accent)}@media (max-width:980px){.story-end{grid-template-columns:minmax(280px,1fr) auto;padding-right:210px}.story-end-art{width:280px;right:-70px}.story-end>a{min-width:210px}}@media (max-width:800px){.story-hero{grid-template-columns:1fr}.story-hero-art{grid-row:1;min-height:420px}.story-body-layout{gap:34px;padding-top:44px}.story-end{grid-template-columns:1fr;align-content:center;min-height:360px;padding:42px 190px 42px 34px}.story-end>a{width:max-content}.story-end-art{width:270px;height:320px;bottom:-22%;right:-72px}}@media (max-width:560px){.story-page{width:calc(100% - 16px)}.story-hero-art{min-height:320px}.story-hero-copy{padding:34px 20px 42px}.story-hero-copy h1{font-size:40px}.story-body-layout{gap:30px;width:100%;padding:34px 18px 50px}.story-body-layout>aside{align-items:flex-start}.story-body-layout>aside>i,.story-body-layout>aside>p{display:none}.story-body-layout>aside>.story-tags{width:100%}.story-body{overflow-wrap:break-word;width:100%;max-width:100%;font-size:13px}.story-body>*{max-width:100%}.story-body h1{font-size:28px}.story-body h2{font-size:23px}.story-body pre,.story-body table{max-width:100%;overflow-x:auto}.story-author-card{grid-template-columns:52px minmax(0,1fr);padding:18px}.story-author-avatar{width:52px;height:52px}.story-end{border-radius:22px 22px 6px 6px;min-height:490px;padding:34px 24px 205px}.story-end h2{font-size:42px}.story-end>a{justify-content:center;width:100%;min-width:0}.story-end-art{width:270px;height:330px;bottom:-145px;right:50%;transform:translate(50%)}.story-end-circuit{right:24px}}@media (prefers-reduced-motion:reduce){.story-fallback-art:after{animation:none}}