@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap');
:root{color-scheme:dark;--bg:#090b0e;--fg:#f0f0ed;--muted:#adafb2;--line:#45484b;--line-soft:#292c30;--panel:#101216;--max:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.65 'IBM Plex Mono',monospace;-webkit-font-smoothing:antialiased}a{color:inherit}a:hover{color:#fff}button{font:inherit}.wrap{max-width:var(--max);margin:0 auto;padding-left:clamp(22px,4.2vw,68px);padding-right:clamp(22px,4.2vw,68px)}.skip-link{position:absolute;top:-60px;left:12px;z-index:100;background:#fff;color:#000;padding:10px}.skip-link:focus{top:10px}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:6;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.2vw,68px);border-bottom:1px solid var(--line-soft);position:relative;z-index:8;background:rgba(9,11,14,.92)}.brand{display:inline-flex;align-items:center;gap:17px;text-decoration:none;font:700 clamp(18px,2vw,26px)/1 'Space Mono',monospace;letter-spacing:.13em;white-space:nowrap}.brand-mark{width:26px;height:26px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.brand-mark span{background:#bec4d2}.site-nav{display:flex;align-items:center;gap:clamp(17px,3.4vw,53px)}.nav-link{text-decoration:none;font-size:13px;padding:25px 0;position:relative}.nav-link::after{position:absolute;content:'';left:0;right:0;bottom:17px;height:1px;transform:scaleX(0);transform-origin:left;background:var(--fg);transition:transform .2s}.nav-link:hover::after,.nav-link.is-active::after{transform:scaleX(1)}.menu-toggle{display:none}.hero{min-height:460px;position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 5%,var(--bg) 51%,var(--bg) 100%)}.face-art{position:absolute;z-index:-2;inset:0 auto 0 0;width:min(43%,590px);background:url('assets/hero-face.webp') center 30%/cover no-repeat;filter:contrast(1.12) brightness(.85)}.hero-inner{width:100%;display:grid;grid-template-columns:35% 65%;padding-top:50px;padding-bottom:50px}.hero-copy{grid-column:2;max-width:850px}.eyebrow,.section-number,.status,.card-kicker,.panel-heading,.about-grid dt{font-size:11px;letter-spacing:.13em;color:#aaaeb4}.pulse-dot{display:inline-block;width:6px;height:6px;background:#dedede;border-radius:100%;margin-right:7px;vertical-align:middle}.hero h1{font:700 clamp(66px,8.5vw,118px)/1 'Space Mono',monospace;letter-spacing:.045em;margin:10px 0 4px;text-shadow:3px 0 #888, -3px 0 #30353b}.tagline{font:italic clamp(16px,2vw,23px)/1.5 'Space Mono',monospace;letter-spacing:.03em;margin:0}.short-rule{height:2px;width:31px;background:var(--fg);margin:21px 0}.hero-lead{font-size:clamp(16px,1.6vw,20px);line-height:1.42;max-width:690px;margin:0 0 10px}.hero-detail{font-size:13px;line-height:1.65;color:#c5c8ca;max-width:710px;margin:0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;justify-content:space-between;gap:24px;align-items:center;padding:10px 17px;border:1px solid #c8c8c8;font-weight:600;font-size:13px;text-decoration:none;transition:background .2s,color .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#ececec;color:#0b0c0e}.btn-primary:hover{background:#fff;color:#000}.btn-outline{background:transparent}.btn-outline:hover{background:#24272b}.overview{padding-top:0;padding-bottom:26px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-card{border:1px solid #85898b;display:flex;flex-direction:column;background:rgba(10,11,13,.84);text-decoration:none;min-height:294px;transition:border-color .2s,transform .2s,background .2s}.project-card:hover{border-color:#fff;transform:translateY(-3px);background:#14161a}.project-card img{width:100%;height:113px;object-fit:cover;filter:grayscale(1) contrast(1.06);border-bottom:1px solid var(--line-soft)}.card-body{padding:17px 23px 18px}.card-kicker{font-size:10px}.project-card h2{font:700 clamp(17px,2vw,23px)/1.25 'Space Mono',monospace;margin:9px 0 12px;display:flex;justify-content:space-between;gap:12px}.project-card h2 span{font-weight:400}.project-card p{color:#dadcdd;line-height:1.62;font-size:12px;margin:0}.origin{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:14px;margin-bottom:70px;padding-top:30px;padding-bottom:30px}.origin h2{font:700 22px 'Space Mono',monospace;margin:0}.origin-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;gap:20px;padding:0;margin:0}.origin-steps li{position:relative;display:flex;flex-direction:column;padding:0 25px 0 0}.origin-steps li:not(:last-child):after{content:'→';position:absolute;right:1px;top:7px;color:#ddd;font-size:22px}.origin-steps strong{font-size:13px;font-weight:600}.origin-steps span{font-size:11px;color:var(--muted)}.content-section{padding-top:48px;padding-bottom:70px;border-top:1px solid var(--line-soft);scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:23px}.two-column{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1fr);gap:clamp(30px,6vw,110px)}.content-section h2,.about-section h2{font:700 clamp(33px,4.5vw,54px)/1.2 'Space Mono',monospace;letter-spacing:-.03em;margin:4px 0 16px}.section-lead{font-size:17px;color:var(--fg)!important;line-height:1.5}.content-section p,.about-section p{color:#aeb2b7;max-width:640px}.inline-link{display:inline-block;border-bottom:1px solid #fff;text-decoration:none;padding-bottom:5px;margin-top:12px}.chapter-panel,.outline-panel,.process-panel{border:1px solid var(--line);background:var(--panel)}.panel-heading{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.chapters{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr}.chapters li{border-bottom:1px solid var(--line-soft)}.chapters li:nth-child(odd){border-right:1px solid var(--line-soft)}.chapters a{display:flex;gap:11px;text-decoration:none;padding:10px 13px;font-size:12px;align-items:center;transition:background .2s}.chapters a:hover{background:#24272c}.chapter-no{font-size:10px;color:#858b93}.chapters a span:last-child{margin-left:auto;color:#939aa3}.acts{margin:0;padding:0;list-style:none}.acts li{display:grid;grid-template-columns:74px 1fr;padding:17px 20px;border-bottom:1px solid var(--line-soft);gap:12px}.acts li:last-child{border:0}.acts li>span{font-size:11px;color:#9a9da2}.acts strong{font-size:14px}.acts p{font-size:12px;margin:4px 0 0;line-height:1.5}.process-panel>a{padding:19px 20px;display:flex;gap:15px;justify-content:space-between;text-decoration:none;border-bottom:1px solid var(--line-soft);font-size:12px;transition:background .2s}.process-panel>a:hover{background:#24272c}.process-panel>a span:last-child{font-size:18px}.panel-note{padding:0 20px;font-size:11px}.about-section{padding-top:50px;padding-bottom:70px;border-top:1px solid var(--line-soft)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.about-grid p{margin-top:0}.about-grid dl{margin:0}.about-grid dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line-soft);padding:10px 0}.about-grid dd{margin:0;text-align:right;font-size:12px}.closing-line{font:italic 17px 'Space Mono',monospace;margin-top:70px}.closing-line span{font-size:12px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);min-height:94px;display:flex;justify-content:space-between;gap:25px;align-items:center}.site-footer p{font-size:12px;color:#b5b8ba}.site-footer>div{display:flex;gap:30px;flex-wrap:wrap}.site-footer a{text-decoration:none;font-size:12px}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:950px){.hero-inner{grid-template-columns:22% 78%}.hero:after{background:linear-gradient(90deg,rgba(9,11,14,.3),var(--bg) 58%)}.face-art{width:48%}.origin{grid-template-columns:1fr}.origin-steps{margin-top:10px}.two-column{gap:35px}.site-nav{gap:20px}.site-footer{align-items:flex-start;flex-direction:column;padding-top:23px;padding-bottom:23px}}@media(max-width:700px){.site-header{height:68px}.menu-toggle{display:flex;width:42px;height:42px;background:none;border:1px solid var(--line);flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{width:19px;height:1px;background:#eee}.site-nav{display:none;position:absolute;left:0;right:0;top:68px;padding:12px 23px 23px;background:#0d1013;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.nav-link{padding:13px 0}.nav-link::after{bottom:9px;right:auto;width:45px}.hero{min-height:0}.hero-inner{display:block;padding-top:75px;padding-bottom:65px}.hero-copy{max-width:100%}.hero:after{background:linear-gradient(90deg,rgba(9,11,14,.65),rgba(9,11,14,.92) 80%)}.face-art{width:100%;opacity:.48;background-position:center 35%}.hero h1{font-size:clamp(64px,15vw,88px)}.hero-detail{font-size:12px}.eyebrow{font-size:10px}.cards{grid-template-columns:1fr;gap:13px}.project-card{min-height:0}.project-card img{height:160px}.origin{margin-top:34px;margin-bottom:40px}.origin-steps{grid-template-columns:1fr 1fr;gap:25px}.origin-steps li:nth-child(2):after{display:none}.two-column,.about-grid{grid-template-columns:1fr;gap:25px}.content-section{padding-top:40px;padding-bottom:50px}.section-heading{flex-wrap:wrap}.chapters{grid-template-columns:1fr 1fr}.site-footer>div{gap:16px}.about-grid{gap:20px}.closing-line{line-height:1.6}}@media(max-width:390px){.chapters{grid-template-columns:1fr}.chapters li:nth-child(odd){border-right:0}.brand{font-size:17px;gap:12px}.brand-mark{width:21px;height:21px}.btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}