:root{--ink:#182b29;--muted:#64716c;--paper:#f7f8f2;--line:#dce1d8;--green:#254e42}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #8874d2;outline-offset:5px}.skip{position:absolute;top:-70px;padding:12px;background:white;z-index:10}.skip:focus{top:0}header,main,footer{max-width:1280px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:22px}.brand span{font-size:14px;font-weight:400;margin-left:12px}nav{display:flex;gap:30px;font-size:13px}.nav-contact{border-bottom:1px solid var(--ink)}main{padding:0 48px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:88px 0 70px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#568f56;margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.5vw,64px);letter-spacing:-2.7px;line-height:1.07;font-weight:500;margin:27px 0}em{font-family:Georgia,serif;font-weight:400;color:#58705d}h2{font-size:39px;line-height:1.15;letter-spacing:-1.4px;font-weight:500;margin-bottom:25px}.intro{font-size:16px;color:var(--muted);max-width:480px;line-height:1.8}.actions{display:flex;align-items:center;gap:27px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);color:white;padding:13px 21px;font-size:12px;border-radius:4px}.button:hover{background:#346552}.text-link{font-size:12px;border-bottom:1px solid var(--line)}.seeking{font-size:11px;max-width:380px;color:var(--muted);margin:24px 0 0}.hero-art{height:398px;position:relative;overflow:hidden;border-radius:5px;background:#e4eadb}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#506d5210 1px,transparent 1px),linear-gradient(90deg,#506d5210 1px,transparent 1px);background-size:28px 28px}.art-label{position:absolute;top:25px;left:25px;font-size:9px;letter-spacing:2px}.sphere{position:absolute;width:185px;height:185px;border-radius:50%;top:102px;left:calc(50% - 92px);background:radial-gradient(circle at 30% 25%,#d4e2ab,#8ba572 35%,#395a44 70%,#182c28);box-shadow:20px 32px 50px #2c46332d}.orbit{position:absolute;width:330px;height:128px;border:1px solid #617d5780;border-radius:50%;top:133px;left:calc(50% - 165px);z-index:2;transform:rotate(-35deg)}.two{transform:rotate(30deg);width:340px;left:calc(50% - 170px)}.three{transform:rotate(85deg);border-color:#f7f8f280}.art-bottom{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.credential-strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;font-size:10px;color:var(--muted);letter-spacing:.7px}section[id]{padding:80px 0}.section-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.section-top>p{color:var(--muted);font-size:12px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 30px}.filters button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:7px 16px;color:var(--muted);font-size:11px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}small{font-size:9px;font-weight:400}.filters small{margin-left:7px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project[hidden]{display:none}.project-visual{height:225px;border-radius:5px;position:relative;padding:20px;overflow:hidden}.violet{background:#e7e3f1;color:#5d4e79}.green{background:#dfe9df;color:#335d47}.peach{background:#f0e4d8;color:#8c6349}.visual-label,.visual-foot{font-size:8px;letter-spacing:1px}.visual-foot{position:absolute;bottom:15px;left:20px;font-size:7px}.match{display:flex;align-items:center;justify-content:center;gap:12px;height:140px}.mini-profile{background:#75638e;color:white;border-radius:7px;width:90px;padding:18px 12px;font-family:Georgia,serif;font-size:27px;box-shadow:0 10px 20px #58446715}.mini-profile small{display:block;font:8px Arial;margin-top:10px}.mini-profile.light{background:#f8f6fc;color:#65547f}.connection{font-size:20px}.mock-dashboard{background:#f7faf7;margin:15px auto 0;padding:13px;border-radius:4px;max-width:250px;box-shadow:0 10px 25px #335d4710}.mock-top{font-size:9px;display:flex;justify-content:space-between}.mock-top span{font-size:6px}.mock-stats{display:flex;gap:38px;margin:10px 0;font-size:23px}.mock-stats small{display:block;font-size:7px}.bars{display:flex;align-items:end;height:32px;gap:8px}.bars i{width:22px;height:70%;background:#7a9d83}.bars i:nth-child(2n){height:100%}.bars i:nth-child(3n){height:45%}.finance-art{padding:18px 5px}.finance-art>span{font-size:11px}.finance-art svg{width:100%;height:90px;margin-top:7px}.finance-art>div{display:flex;justify-content:space-between;font-size:8px}.project-info{padding:23px 0 0}.project-info .eyebrow{font-size:8px;color:var(--muted)}h3{font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.4px;margin-bottom:12px}.project-info>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:5px;margin:19px 0}.tags span{font-size:8px;border:1px solid var(--line);padding:3px 8px;border-radius:3px}.project-info>a{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:5px}.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:75px}.about p:not(.eyebrow){color:var(--muted);font-size:13px}.about p.large-copy{color:var(--ink);font-size:21px;line-height:1.5}.skills{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.skills h3{font-size:13px}.skills p{font-size:11px!important}.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.outline:hover{background:#e4eadb}.timeline{margin-top:20px}.timeline article{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);padding:28px 0;gap:25px}.timeline article>p{font-size:12px;color:var(--muted)}.timeline h3{margin-bottom:4px}.timeline span{font-size:12px;color:#58705d}.timeline div p{font-size:12px;color:var(--muted);margin:12px 0 0;max-width:580px}.contact{background:#e8eddf;margin:0 -48px;padding:65px 48px!important;text-align:center}.contact h2{font-size:48px}.contact>p:not(.eyebrow){font-size:13px;color:var(--muted)}.email{font-size:23px;display:inline-block;border-bottom:1px solid #96a58d;padding-bottom:7px;margin:15px 0 25px}.contact-links{display:flex;justify-content:center;align-items:center;gap:27px;flex-wrap:wrap;font-size:11px}.contact-links button{border:0;background:transparent;color:var(--ink);padding:0;font-size:11px}#copy-status{font-size:10px}footer{display:flex;justify-content:space-between;padding:28px 48px;font-size:10px;color:var(--muted)}@media(min-width:1440px){header,main,footer{max-width:1360px}.hero{gap:100px}}@media(max-width:900px){header{padding:0 24px}main{padding:0 24px}.hero{gap:28px}.hero-art{height:340px}h1{font-size:45px}.projects{gap:16px}.project-visual{padding:14px}.mini-profile{width:72px;padding:14px 8px}.match{gap:7px}.about{gap:35px}.contact{margin:0 -24px}footer{padding:25px 24px}.credential-strip{font-size:8px}}@media(max-width:650px){header{height:80px}.brand span{display:none}nav{gap:18px;font-size:11px}.nav-contact{display:none}.hero{grid-template-columns:1fr;padding:48px 0 35px;gap:35px}h1{font-size:47px}.hero-art{height:300px}.sphere{top:60px}.orbit{top:90px}.credential-strip{flex-wrap:wrap;gap:7px 18px}.credential-strip span:first-child{width:100%}section[id]{padding:50px 0}.section-top{display:block}.section-top>p{margin-top:-8px}.projects{grid-template-columns:1fr;gap:35px}.project-visual{height:245px}.match{height:165px;gap:22px}.mini-profile{width:100px;padding:20px}.mock-dashboard{margin-top:25px}.finance-art{max-width:320px;margin:auto}.project-info{padding-top:17px}.about{grid-template-columns:1fr;gap:5px}h2{font-size:34px}.timeline article{grid-template-columns:1fr;gap:0}.timeline article>p{margin-bottom:10px}.outline{margin-bottom:15px}.contact h2{font-size:38px}.contact{padding:48px 24px!important}.email{font-size:20px}.contact-links{gap:18px}footer{gap:14px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
