:root{color-scheme:dark;--bg:#101b24;--ink:#edf1ec;--muted:#a9b6bd;--line:#33434e;--accent:#62d4e3;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.shell{max-width:1180px;margin:auto;padding:0 40px}header{display:flex;align-items:center;justify-content:space-between;min-height:118px;border-bottom:1px solid var(--line)}.brand{display:block;width:260px;max-width:70vw}.brand img{width:100%;height:auto;display:block}nav{display:flex;gap:30px;font-size:.9rem}nav a{text-decoration:none;padding:12px 0}nav a[aria-current]{color:var(--accent)}.eyebrow{font:600 .72rem/1.5 monospace;letter-spacing:.15em;color:var(--accent);margin:0 0 25px}.hero{padding:95px 0 90px}h1{font-size:clamp(2.8rem,5.8vw,5rem);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:0 0 30px}h1 span{color:var(--muted)}.lead{max-width:580px;color:var(--muted);font-size:1.18rem;line-height:1.75;margin:0 0 32px}.button{display:inline-flex;gap:28px;justify-content:space-between;align-items:center;padding:16px 23px;background:var(--accent);color:#15231b;font-size:.9rem;font-weight:600;text-decoration:none}.button:hover{background:#94e4ed;color:#15231b}h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500;letter-spacing:-.035em;margin:0 0 20px}h3{font-size:1.35rem;font-weight:500;margin:0 0 10px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading .eyebrow{margin:0}.muted{color:var(--muted);font-size:.85rem}.feature{display:grid;grid-template-columns:1.1fr 1fr;background:#172630;border:1px solid var(--line)}.feature-copy{padding:50px}.feature-copy p:not(.eyebrow){color:var(--muted);font-size:1.02rem;line-height:1.8}.text-link{display:block;margin-top:25px;font-size:.9rem}.orbit{min-height:355px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#5f4f74 0,transparent 60%),linear-gradient(145deg,#181f36,#352a43);padding:45px;display:flex;flex-direction:column;justify-content:flex-end}.orbit:after{content:"";position:absolute;width:450px;height:210px;border:1px solid #c5a9d66b;border-radius:50%;top:50px;left:20px;transform:rotate(-27deg);z-index:-1}.planet{position:absolute;border-radius:50%;width:155px;height:155px;top:35px;right:50px;background:radial-gradient(circle at 30% 25%,#f4d1a6,#ae7895 47%,#4d3f64 75%);box-shadow:0 0 80px #c09bd22b;z-index:-1}.orbit span{font-size:2.7rem;line-height:1.05;font-weight:500;letter-spacing:-.04em}.orbit i{font: .57rem monospace;letter-spacing:.13em;margin-top:20px;color:#e2cedf}.projects,.updates{padding:75px 0 0}.project-row{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.project-row p{color:var(--muted);line-height:1.7;margin:0;max-width:650px}.project-row>a{flex-shrink:0;font-size:.9rem}.closing{border-top:1px solid var(--line);margin-top:60px;padding:65px 0 75px}.closing h2{margin-bottom:25px}footer{border-top:1px solid var(--line);padding-top:30px!important;padding-bottom:35px!important;display:flex;justify-content:space-between;gap:25px;font-size:.85rem}.page-head{padding:85px 0 55px}.page-head h1{max-width:900px}.banner{min-height:330px}.banner .planet{right:20%;width:230px;height:230px}.banner:after{left:40%;width:550px}.prose{max-width:720px;margin:55px 0 75px;font-size:1.08rem;line-height:1.85;color:var(--muted)}.prose h2{color:var(--ink);margin-top:45px}.prose a{color:var(--ink)}.prose pre{padding:20px;background:#172630;overflow:auto}.prose img{max-width:100%}.skip{position:absolute;left:15px;top:-100px;z-index:5;padding:12px;background:var(--accent);color:var(--bg)}.skip:focus{top:12px}@media(max-width:700px){.shell{padding:0 22px}header{min-height:120px;align-items:flex-start;justify-content:center;flex-direction:column;gap:15px;padding-top:20px!important;padding-bottom:20px!important}.brand{width:200px}nav{gap:23px;font-size:.8rem}.hero{padding:65px 0}.feature{grid-template-columns:1fr}.feature-copy{padding:30px}.orbit{min-height:320px;padding:30px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.project-row{align-items:flex-start;flex-direction:column;gap:15px}.projects{padding-top:55px}.page-head{padding-top:60px}footer{flex-direction:column}.banner .planet{right:25px}.banner:after{left:0}.closing{padding:45px 0}.prose{margin-top:30px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}.os-feature{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);background:#172630;margin-bottom:25px;align-items:center}.project-art{display:block;background:#101820}.project-art img{display:block;width:100%;height:auto}.project-copy{padding:30px}.project-copy p:not(.eyebrow){color:var(--muted);line-height:1.75;margin:0 0 23px}.project-copy small{display:block;color:var(--muted);font-size:.72rem;margin-top:20px}.os-icon{width:48px;height:48px;margin-bottom:20px}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.art-card{border:1px solid var(--line);background:#172630;overflow:hidden}.steelcast>img{display:block;width:100%;height:auto}@media(max-width:700px){.os-feature,.art-grid{grid-template-columns:1fr}.project-copy{padding:25px}}body{overflow-x:clip}.hero{position:relative;min-height:clamp(520px,82vh,820px);display:flex;align-items:center;margin-inline:calc(50% - 50vw);padding:0;background:#10171e url(/images/steel-and-code-hero.webp) center/cover no-repeat;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#10171ef2,#10171edb 40%,#10171e52 68%,#10171e00);z-index:-1}.hero-inner{position:relative;width:100%;max-width:1440px;margin:auto;padding:60px 6%}.hero .eyebrow{margin:0 0 22px;font-size:.72rem}.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(42px,8vw,120px);line-height:.96;letter-spacing:-.02em;margin:14px 0 24px}.hero h1 span{display:block;color:#f1f5f7}.hero h1 .hero-accent{color:var(--accent)}.hero .lead{max-width:560px;margin:18px 0 0;font-size:19px;color:#d9dfe2;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.hero-actions .button{font-weight:700;min-height:50px}.button-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.button-ghost:hover{background:#10171e99;border-color:var(--accent);color:var(--accent)}.hero-terminal{margin:26px 0 0;padding:12px 16px;font:15px/1.6 ui-monospace,Cascadia Mono,Consolas,monospace;color:var(--muted);background:#10171e8c;border-left:3px solid #db9b41;max-width:440px;white-space:nowrap;overflow-x:auto}.terminal-prompt{color:#db9b41;margin-right:8px}.terminal-command{color:var(--accent)}.terminal-cursor{display:inline-block;width:9px;height:18px;margin-left:4px;vertical-align:-3px;background:var(--accent);animation:terminal-blink 1.1s steps(1) infinite}@keyframes terminal-blink{50%{opacity:0}}.work{padding-top:65px}@media(max-width:760px){.hero{min-height:540px;align-items:flex-start;background-position:62% center}.hero:before{background:linear-gradient(to bottom,#10171eeb,#10171edb 55%,#10171ec7)}.hero-inner{padding:60px 22px 48px}.hero h1{font-size:clamp(42px,12vw,80px)}.hero .eyebrow{font-size:.62rem;letter-spacing:.12em}.hero-actions{align-items:stretch}.hero-terminal{font-size:clamp(10px,3vw,15px);padding:12px 10px}.hero-actions .button{padding:14px 16px}.work{padding-top:45px}}@media(prefers-reduced-motion:reduce){.terminal-cursor{animation:none}}
