:root{--ink:#122033;--ink-soft:#354257;--muted:#697587;--paper:#f5f4ef;--surface:#fffefa;--line:#dfe2dc;--blue:#2459d3;--blue-soft:#e4ebff;--green:#187c63;--green-soft:#dcefe7;--warm:#f3eadc;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--blue)}a:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 60%, white);outline-offset:4px}img,svg{max-width:100%}.container{width:min(calc(100% - 2rem), var(--max));margin-inline:auto}.site-header{z-index:20;background:color-mix(in srgb, var(--paper) 90%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--line) 82%, transparent);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1.4rem;min-height:72px;display:flex}.brand{letter-spacing:-.025em;align-items:center;gap:.7rem;font-weight:780;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);color:#fff;letter-spacing:-.08em;place-items:center;width:32px;height:32px;font:700 .68rem/1 SFMono-Regular,Consolas,monospace;display:grid}.site-nav{align-items:center;gap:1.25rem;font-size:.94rem;display:flex}.site-nav a{color:var(--muted);text-decoration:none;position:relative}.site-nav a[aria-current=page],.site-nav a:hover{color:var(--ink)}.site-nav a[aria-current=page]:after{background:var(--blue);content:"";height:2px;position:absolute;bottom:-.62rem;left:0;right:0}.header-socials{gap:.45rem;display:flex}.header-socials a{width:38px;height:38px;color:var(--muted);border:1px solid #0000;border-radius:50%;place-items:center;text-decoration:none;display:grid}.header-socials a:hover{border-color:var(--line);background:var(--surface);color:var(--ink)}.header-socials svg{fill:currentColor;width:22px;height:22px}.hero{background-color:var(--paper);border-bottom:1px solid var(--line);background-image:linear-gradient(#2459d30e 1px,#0000 1px),linear-gradient(90deg,#2459d30e 1px,#0000 1px);background-position:calc(50% + 310px) 0;background-size:48px 48px;padding:clamp(5rem,10vw,8.5rem) 0 5rem;position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(310px,.48fr);align-items:end;gap:clamp(3rem,8vw,8rem);display:grid}.eyebrow,.section-kicker{color:var(--blue);letter-spacing:.11em;text-transform:uppercase;margin:0 0 1rem;font:700 .76rem/1.2 SFMono-Regular,Consolas,monospace}.hero h1,.page-header h1,.empty-page h1{letter-spacing:-.075em;max-width:830px;margin:0;font-size:clamp(3.8rem,9vw,8rem);font-weight:790;line-height:.9}.hero h1 span{color:var(--blue);display:block}.hero-copy{max-width:640px;color:var(--ink-soft);margin:2rem 0 0;font-size:clamp(1.15rem,2vw,1.45rem)}.hero-actions,.actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:2.2rem;display:flex}.button{border:1px solid var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:.6rem;min-height:46px;padding:.68rem 1rem;font-size:.94rem;font-weight:700;text-decoration:none;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.button:hover{color:inherit;transform:translateY(-2px)}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:var(--blue);border-color:var(--blue);color:#fff}.text-button{color:var(--ink-soft);border-color:#0000}.hero-panel{background:var(--ink);color:#fff;box-shadow:14px 14px 0 var(--blue-soft);padding:1.35rem}.hero-panel-top{color:#aab7ce;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:1rem;font:650 .67rem/1.3 SFMono-Regular,Consolas,monospace;display:flex}.status{align-items:center;gap:.45rem;display:inline-flex}.status i{background:#48c398;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #48c3981f}.signal-graphic{background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:24px 24px;border:1px solid #ffffff24;height:175px;margin:2.1rem 0 1.7rem;position:relative}.signal-graphic strong{color:#dfe8ff;letter-spacing:.04em;text-align:right;text-transform:uppercase;font:600 .68rem/1.5 SFMono-Regular,Consolas,monospace;position:absolute;bottom:1rem;right:1rem}.signal-node{background:var(--ink);border:2px solid #6d91ef;border-radius:50%;width:11px;height:11px;position:absolute}.node-one{top:26%;left:22%}.node-two{border-color:#58cba9;top:58%;left:49%}.node-three{border-color:#e1b565;top:25%;right:17%}.signal-line{transform-origin:0;background:#ffffff57;height:1px;position:absolute}.line-one{width:29%;top:31%;left:25%;transform:rotate(32deg)}.line-two{width:28%;top:61%;left:52%;transform:rotate(-35deg)}.line-three{background:#e1b565b3;width:57%;top:30%;left:25%;transform:rotate(-2deg)}.hero-facts{gap:1.15rem;margin:0;display:grid}.hero-facts div{gap:.22rem;display:grid}.hero-facts dt{color:#8997af;letter-spacing:.08em;text-transform:uppercase;font:650 .68rem/1.2 SFMono-Regular,Consolas,monospace}.hero-facts dd{color:#f5f7ff;margin:0;font-size:.93rem;font-weight:650;line-height:1.35}.section{border-bottom:1px solid var(--line);padding:5rem 0}.two-column{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:3rem;display:grid}.section h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.03}.section-text{max-width:690px;color:var(--ink-soft);font-size:1.06rem}.section-text p{margin:0 0 1.2rem}.section-text p:last-child{margin-bottom:0}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-heading h2{max-width:650px}.inline-link{color:var(--blue);flex:none;font-weight:720;text-decoration:none}.inline-link span{margin-left:.35rem;transition:transform .16s;display:inline-block}.inline-link:hover span{transform:translate(3px,-3px)}.project-grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.project-tile{border:1px solid var(--line);flex-direction:column;min-height:285px;padding:1.35rem;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex;position:relative}.project-tile:hover{color:inherit;box-shadow:8px 8px 0 var(--blue-soft);transform:translateY(-4px)}.project-featured{background:var(--blue);color:#fff;border-color:var(--blue);grid-column:span 7}.project-green{background:var(--green-soft);grid-column:span 5}.project-cream{background:var(--warm);grid-column:span 5}.tile-index{letter-spacing:.08em;text-transform:uppercase;opacity:.72;margin-bottom:auto;font:650 .68rem/1.2 SFMono-Regular,Consolas,monospace}.project-tile h3{letter-spacing:-.06em;margin:2.5rem 0 .45rem;font-size:clamp(1.7rem,3vw,2.45rem)}.project-tile p{opacity:.8;max-width:560px;margin:0}.tile-tags{flex-wrap:wrap;gap:.45rem;margin-top:1.5rem;display:flex}.tile-tags span{color:inherit;opacity:.72;border:1px solid;padding:.24rem .48rem;font:650 .69rem/1.2 SFMono-Regular,Consolas,monospace}.tile-arrow{font-size:1.4rem;position:absolute;top:1.25rem;right:1.35rem}.project-featured .tile-tags span{border-color:#ffffff80}.project-featured:hover{box-shadow:8px 8px #b9c9ff}.stack-section{background:var(--surface)}.stack-list{border-top:1px solid var(--line);gap:0;display:grid}.stack-list div{border-bottom:1px solid var(--line);grid-template-columns:.42fr 1fr;gap:1rem;padding:1.1rem 0;display:grid}.stack-list strong{color:var(--green)}.stack-list span{color:var(--ink-soft)}.closing-section{background:var(--blue-soft)}.closing-grid{grid-template-columns:.72fr 1.28fr;gap:3rem;display:grid}.closing-grid h2{max-width:650px;margin-bottom:1.8rem}.page-header{border-bottom:1px solid var(--line);padding:5rem 0 3.7rem}.page-header h1{max-width:900px;font-size:clamp(3.1rem,7vw,6.4rem)}.page-header p:not(.eyebrow){max-width:720px;color:var(--ink-soft);margin:1.5rem 0 0;font-size:1.15rem}.project-detail-section{background:var(--surface)}.project-detail-list{border-top:1px solid var(--line)}.project-detail{border-bottom:1px solid var(--line);grid-template-columns:200px minmax(0,1fr);gap:2.5rem;padding:2.8rem 0;scroll-margin-top:100px;display:grid}.project-detail-marker{flex-direction:column;gap:.55rem;display:flex}.project-detail-marker span{color:var(--blue);letter-spacing:-.1em;font:750 3.6rem/.9 SFMono-Regular,Consolas,monospace}.project-detail-marker small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font:650 .68rem/1.35 SFMono-Regular,Consolas,monospace}.project-detail h2{max-width:820px;font-size:clamp(1.8rem,3.4vw,3rem)}.project-detail-copy>p{max-width:770px;color:var(--ink-soft);font-size:1.05rem}.project-detail ul{max-width:760px;color:var(--ink-soft);padding-left:1.1rem}.project-detail li{margin:.35rem 0}.about-section,.about-bottom{background:var(--surface)}.about-grid{grid-template-columns:.72fr 1.28fr;gap:3rem;display:grid}.timeline-section{background:var(--paper)}.timeline{border-left:1px solid var(--line);padding-left:1.6rem}.timeline article{margin-bottom:2.2rem;position:relative}.timeline article:last-child{margin-bottom:0}.timeline article:before{background:var(--blue);content:"";border-radius:50%;width:9px;height:9px;position:absolute;top:.45rem;left:calc(-1.6rem - 5px)}.timeline span{color:var(--blue);letter-spacing:.06em;text-transform:uppercase;font:650 .7rem/1.2 SFMono-Regular,Consolas,monospace}.timeline h3{margin:.45rem 0 .2rem;font-size:1.35rem}.timeline p{color:var(--muted);margin:0}.skill-cloud{flex-wrap:wrap;gap:.55rem;margin-top:1.8rem;display:flex}.skill-cloud span{background:var(--green-soft);color:var(--green);padding:.45rem .65rem;font:650 .72rem/1.2 SFMono-Regular,Consolas,monospace}.contact-section{background:var(--surface)}.contact-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.contact-card{border:1px solid var(--line);background:var(--paper);flex-direction:column;justify-content:space-between;min-height:195px;padding:1.35rem;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.contact-card:hover{color:inherit;border-color:var(--blue);box-shadow:7px 7px 0 var(--blue-soft);transform:translateY(-3px)}.contact-icon{color:var(--blue);font:750 2rem/1 SFMono-Regular,Consolas,monospace}.contact-card small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font:650 .7rem/1.2 SFMono-Regular,Consolas,monospace}.contact-card strong{overflow-wrap:anywhere;font-size:1rem}.contact-note{color:var(--muted);margin-top:2rem}.site-footer{color:var(--muted);padding:2.5rem 0;font-size:.88rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.footer-links{flex-wrap:wrap;gap:1rem;display:flex}.footer-links a{text-decoration:none}.empty-page{align-items:center;min-height:65vh;padding:5rem 0;display:grid}.empty-page h1{margin-bottom:2rem;font-size:clamp(3rem,8vw,6rem)}@media (width<=760px){.header-inner{flex-wrap:wrap;min-height:66px;padding:.75rem 0}.site-nav{flex-wrap:wrap;order:3;gap:.7rem 1rem;width:100%;font-size:.9rem}.site-nav a[aria-current=page]:after{bottom:-.32rem}.hero{background-position:0 0;padding-top:4rem}.hero-grid,.two-column,.closing-grid,.about-grid{grid-template-columns:1fr;gap:2.2rem}.hero h1{font-size:clamp(3.5rem,17vw,5.8rem)}.hero-panel{box-shadow:7px 7px 0 var(--blue-soft)}.section-heading{flex-direction:column;align-items:flex-start}.project-tile,.project-featured,.project-green,.project-cream{grid-column:span 12;min-height:240px}.project-detail{grid-template-columns:1fr;gap:1.25rem}.project-detail-marker{flex-direction:row;align-items:baseline;gap:.75rem}.project-detail-marker span{font-size:2.4rem}.contact-grid{grid-template-columns:1fr}.stack-list div{grid-template-columns:1fr;gap:.3rem}.page-header{padding-top:4rem}.page-header h1{font-size:clamp(3rem,14vw,5rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.contact-icon{width:34px;height:34px;color:var(--blue)}.footer-links a{align-items:center;gap:.4rem;display:inline-flex}.footer-links svg{width:17px;height:17px}