:root{--ink:#102c3b;--ink-soft:#183d4d;--cream:#f5f1e9;--paper:#fbfaf7;--amber:#e6a947;--muted:#71818a;--line:#d8ddd8;--white:#fffdfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.6}.site-shell{max-width:1440px;margin:auto;background:var(--paper);overflow:hidden}.site-header{height:82px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:800;text-decoration:none;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--amber);font:700 12px 'DM Mono',monospace;color:var(--ink);border-radius:50%}.main-nav{display:flex;gap:30px;margin-left:auto}.main-nav a,.header-contact,.text-link{color:var(--ink);font-size:12px;font-weight:700;text-decoration:none}.main-nav a{color:var(--muted);padding:30px 0 26px;border-bottom:2px solid transparent}.main-nav a span{font:400 10px 'DM Mono',monospace;margin-left:7px;color:#a9b2b0}.main-nav a.active,.main-nav a:hover{color:var(--ink);border-color:var(--amber)}.header-contact{border-bottom:1px solid var(--ink);padding-bottom:3px}.header-contact span,.text-link span,.button span{font-size:16px;margin-left:7px}.hero{min-height:650px;background:var(--ink);color:var(--cream);padding:clamp(70px,9vw,130px) clamp(24px,9vw,140px) 96px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative}.hero:after{content:'01';position:absolute;right:5%;top:18%;color:rgba(255,255,255,.05);font:700 clamp(140px,24vw,340px)/1 'Space Grotesk',sans-serif;letter-spacing:-.12em}.hero-copy,.hero-aside{position:relative;z-index:1}.eyebrow{font:500 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--amber);margin:0 0 26px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);margin-right:9px;box-shadow:0 0 0 5px rgba(230,169,71,.13)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em;line-height:.98}h1{font-size:clamp(48px,6.3vw,94px);font-weight:600;margin-bottom:30px}em{color:var(--amber);font-style:normal}.hero-intro{max-width:510px;color:#b5c3c3;font-size:16px;line-height:1.75;margin-bottom:38px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;text-decoration:none;padding:15px 20px;font-weight:800;font-size:12px}.button-primary{background:var(--amber);color:var(--ink)}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:3px}.hero .text-link{color:var(--cream)}.hero-aside{justify-self:end;text-align:center;max-width:360px}.orbit-card{width:min(34vw,330px);height:min(34vw,330px);min-width:260px;min-height:260px;position:relative;border-radius:50%;background:radial-gradient(circle at center,rgba(230,169,71,.18) 0 18%,transparent 18.5%),radial-gradient(circle at center,#1d4854 0 46%,transparent 46.5%);border:1px solid rgba(230,169,71,.32)}.orbit-ring{position:absolute;border:1px solid rgba(230,169,71,.52);border-radius:50%;inset:13% 4%;transform:rotate(27deg)}.ring-two{inset:4% 13%;transform:rotate(-36deg);border-color:rgba(180,207,196,.33)}.orbit-core{position:absolute;inset:33%;display:grid;place-content:center;border-radius:50%;background:var(--amber);color:var(--ink);font:700 18px/1.05 'DM Mono',monospace}.orbit-core small{font-size:11px;text-align:center}.orbit-label{position:absolute;font:11px 'DM Mono',monospace;color:#d5dfd9;background:var(--ink);padding:3px 7px}.label-one{top:14%;right:7%}.label-two{bottom:20%;left:3%}.label-three{bottom:4%;right:25%}.aside-note{margin:22px 0 0;color:var(--cream);font:12px 'DM Mono',monospace}.aside-note span{color:#7e999c}.signal-strip{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;background:var(--amber);padding:27px clamp(24px,9vw,140px);gap:30px;align-items:center}.signal-strip>div{display:flex;gap:13px;align-items:center}.signal-strip strong{font:600 39px/.9 'Space Grotesk',sans-serif}.signal-strip span{font:10px/1.35 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em}.strip-quote{font:500 14px/1.4 'Space Grotesk',sans-serif!important;justify-self:end}.content-section{padding:clamp(80px,10vw,140px) clamp(24px,9vw,140px);border-bottom:1px solid var(--line)}.section-label{display:flex;gap:16px;color:var(--muted);font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;margin-bottom:56px}.section-label span:first-child{color:var(--amber)}.about-content,.section-heading-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,10vw,160px)}h2{font-size:clamp(38px,4.5vw,68px);font-weight:600;margin-bottom:0}.about-text{max-width:550px;color:#4d6268;font-size:15px}.about-text p{margin-bottom:20px}.principles{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.principles span,.tags span{font:10px 'DM Mono',monospace;border:1px solid #bfcac4;padding:5px 9px;color:var(--ink-soft)}.section-heading-row{align-items:end;margin-bottom:60px}.section-heading-row p{max-width:390px;color:var(--muted);font-size:14px;margin-bottom:3px}.experience-list{border-top:1px solid var(--ink)}.experience-card{display:grid;grid-template-columns:24% 1fr;gap:35px;padding:30px 0;border-bottom:1px solid var(--line)}.card-meta{display:flex;flex-direction:column;gap:7px;color:var(--muted);font:11px 'DM Mono',monospace;text-transform:uppercase}.current-tag{color:var(--amber)}.experience-card h3{font:600 clamp(20px,2vw,28px)/1.2 'Space Grotesk',sans-serif;margin-bottom:9px}.experience-card h3 small{font:400 12px Manrope;color:var(--muted);margin-left:8px}.experience-card p{color:#5d6f73;font-size:13px;max-width:710px;margin-bottom:16px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:9px;padding:4px 8px}.stack-section{background:var(--cream)}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.stack-grid>div{background:var(--cream);padding:32px}.stack-number{color:var(--amber);font:11px 'DM Mono',monospace}.stack-grid h3{font:600 22px 'Space Grotesk',sans-serif;margin:35px 0 12px}.stack-grid p{color:#5d6f73;font-size:13px}.project-card{background:var(--ink);color:var(--cream);padding:clamp(30px,6vw,76px);display:grid;grid-template-columns:1fr 1fr;gap:50px}.project-kicker{color:var(--amber);font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.project-card h2{font-size:clamp(36px,4vw,62px);margin-top:36px}.project-detail{align-self:end;max-width:420px;color:#b5c3c3;font-size:14px}.project-detail .text-link{color:var(--cream);margin-top:32px}.credential-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;font:600 14px 'Space Grotesk',sans-serif}.credential-row small{display:block;color:var(--muted);font:10px 'DM Mono',monospace;text-transform:uppercase;margin-top:8px}.future-section{padding:110px clamp(24px,9vw,140px);background:#e8efe9;border-bottom:1px solid var(--line)}.future-section.personal{background:var(--ink);color:var(--cream)}.future-section h2{font-size:clamp(42px,6vw,80px);margin-bottom:25px}.future-section>p:last-child{max-width:400px;color:var(--muted)}.personal>p:last-child{color:#b5c3c3}.site-footer{padding:28px clamp(24px,5vw,76px);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:10px 'DM Mono',monospace}.site-footer a{color:var(--ink);text-decoration:none}@media(max-width:800px){.site-header{height:auto;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}.main-nav{order:3;width:100%;justify-content:space-between;gap:10px}.main-nav a{padding:10px 0 5px}.header-contact{margin-left:auto}.hero{grid-template-columns:1fr;gap:60px;padding-top:75px}.hero-aside{justify-self:start}.signal-strip{grid-template-columns:1fr 1fr}.strip-quote{display:none}.about-content,.section-heading-row,.project-card{grid-template-columns:1fr;gap:34px}.stack-grid,.credential-row{grid-template-columns:1fr}.experience-card{grid-template-columns:1fr;gap:13px}.site-footer{flex-direction:column}}@media(max-width:480px){.brand{font-size:13px}.main-nav a{font-size:10px}.main-nav a span{display:none}.hero{min-height:auto}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.signal-strip{gap:22px}.signal-strip strong{font-size:30px}.signal-strip span{font-size:9px}.content-section{padding-top:75px;padding-bottom:75px}.project-card{padding:30px 24px}}
