*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080a0f;color:#f7f7f4;font-family:'DM Sans',sans-serif;line-height:1.65}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");z-index:50}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:rgba(8,10,15,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:700}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.14);border-radius:12px;font:800 13px 'Manrope';background:linear-gradient(145deg,#181c25,#0d0f14);box-shadow:inset 0 1px rgba(255,255,255,.08)}.brand-name{font-family:'Manrope'}.nav{display:flex;gap:25px;align-items:center}.nav a{color:#aeb4c0;text-decoration:none;font-size:14px;transition:.2s}.nav a:hover{color:#fff}.nav-cta{padding:9px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:1px;background:#fff;margin:6px}.section-shell{width:min(1180px,90vw);margin:auto}.hero{min-height:82vh;display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:center;padding:115px 0 95px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.19em;color:#9098a8;font-weight:700}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79e59c;margin-right:8px;box-shadow:0 0 18px rgba(121,229,156,.65)}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.04;margin-top:0}h1{font-size:clamp(3.5rem,7vw,7.2rem);letter-spacing:-.06em;margin-bottom:28px;max-width:930px}h1 span{color:#8c94a4}.hero-lead{max-width:750px;color:#aeb5c2;font-size:18px;line-height:1.75}.hero-actions,.contact-actions{display:flex;gap:11px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:999px;text-decoration:none;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#f2f2ed;color:#0a0c11}.button-ghost{border:1px solid rgba(255,255,255,.14);color:#fff}.hero-card,.project-card{border:1px solid rgba(255,255,255,.085);background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 35px 90px rgba(0,0,0,.22)}.hero-card{padding:28px;border-radius:28px}.hero-card-top{display:flex;gap:16px;align-items:center;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.075)}.avatar-wrap{width:70px;height:70px;border-radius:19px;overflow:hidden}.avatar-wrap img{width:100%;height:100%;object-fit:cover}.mini-label,.hero-card-grid span{font-size:11px;color:#7f8796;margin:0;text-transform:uppercase;letter-spacing:.08em}.hero-card-top h2{font-size:20px;margin:4px 0 1px}.card-subtitle{font-size:12px;color:#8f97a5;margin:0}.hero-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 18px;padding-top:25px}.hero-card-grid strong{display:block;font-size:13px;margin-top:5px;line-height:1.35}.marquee{overflow:hidden;border-top:1px solid rgba(255,255,255,.065);border-bottom:1px solid rgba(255,255,255,.065);padding:15px 0;color:#747c8b}.marquee-track{width:max-content;display:flex;gap:29px;align-items:center;animation:marquee 30s linear infinite;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.marquee-track i{font-style:normal;color:#bfc2bd}@keyframes marquee{to{transform:translateX(-50%)}}.split-section,.timeline-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;padding:140px 0}.section-heading h2,.projects-intro h2,.timeline-section h2{font-size:clamp(2.5rem,4vw,4.5rem);letter-spacing:-.045em}.about-copy{color:#a8afbc}.large-copy{font-size:27px;line-height:1.42;color:#eceee9}.skill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:31px}.skill-row span,.tags span{border:1px solid rgba(255,255,255,.105);background:rgba(255,255,255,.025);padding:7px 11px;border-radius:999px;font-size:11px;color:#b9bfca}.projects-section{padding:85px 0 145px}.projects-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.projects-intro>p{max-width:440px;color:#949caa}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{border-radius:26px;overflow:hidden;transition:transform .3s,border-color .3s}.project-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.16)}.project-featured{grid-column:1/-1;display:grid;grid-template-columns:1.38fr .62fr}.project-visual{min-height:350px;position:relative;overflow:hidden}.project-featured .project-visual{min-height:520px}.visual-z{background:radial-gradient(circle at 72% 28%,#653122 0,#271915 36%,#0b0c0e 76%);padding:36px}.browser-bar{display:flex;gap:6px}.browser-bar span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3)}.mock-site{position:absolute;inset:100px 40px 42px;border:1px solid rgba(255,255,255,.13);border-radius:21px;padding:48px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(0,0,0,.48));box-shadow:0 30px 60px rgba(0,0,0,.2)}.mock-site small{letter-spacing:.25em}.mock-site h3{font-size:54px;margin:7px 0 4px}.mock-site p{color:#d2c9c4;margin:0 0 16px}.mock-button{width:max-content;padding:9px 13px;background:#efe5d7;color:#23140f;border-radius:999px;font-size:11px;font-weight:700}.visual-indigo{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#193460,#09152a 50%,#070b13);text-align:center}.indigo-word{font:800 clamp(3rem,8vw,7rem) 'Manrope';letter-spacing:.12em;color:#f4efdc;text-shadow:0 12px 40px rgba(0,0,0,.3)}.indigo-pill{position:absolute;bottom:27px;padding:7px 13px;border:1px solid rgba(255,255,255,.17);border-radius:999px;font-size:11px;color:#d9d5c6}.visual-gold{background:radial-gradient(circle,#4a3b1e,#17140e 57%,#0c0d0d);display:grid;place-items:center}.gold-center{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(232,195,104,.48);font:700 34px 'Manrope';color:#edcf7a}.gold-orbit{position:absolute;border:1px solid rgba(232,195,104,.16);border-radius:50%}.orbit-one{width:220px;height:220px}.orbit-two{width:310px;height:310px}.visual-gold>span{position:absolute;bottom:30px;letter-spacing:.25em;font-size:11px;color:#c9aa59}.project-body{padding:30px}.project-meta{display:flex;justify-content:space-between;color:#737b89;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.project-body h3{font-size:31px;margin:20px 0 11px}.project-body p{color:#a4abb7;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:21px 0}.text-link{color:#f3f2ed;text-decoration:none;font-weight:700;font-size:13px}.project-state{font-size:12px;color:#767e8c}.timeline{border-top:1px solid rgba(255,255,255,.1)}.timeline article{display:grid;grid-template-columns:130px 1fr;gap:25px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.085)}.timeline-year{color:#808897;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.timeline h3{font-size:20px;margin-bottom:7px}.timeline p{margin:0;color:#8f97a5}.contact-section{margin-bottom:90px;padding:72px;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;border-radius:32px;background:#eeede7;color:#101218}.contact-section .eyebrow{color:#6b7079}.contact-main h2{font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.05em;max-width:850px;margin-bottom:24px}.contact-main>p:not(.eyebrow){max-width:720px;color:#5f646d;font-size:16px}.button-light{background:#111318;color:#fff}.button-dark-outline{border:1px solid rgba(17,19,24,.2);color:#111318}.contact-card{align-self:stretch;background:#111319;color:#f5f5f1;border-radius:24px;padding:28px;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.15)}.contact-label{font-size:10px;letter-spacing:.17em;color:#818998;margin-bottom:26px}.contact-item{padding:18px 0;border-top:1px solid rgba(255,255,255,.09)}.contact-item small{display:block;color:#747d8d;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.contact-item strong,.contact-item a{font-size:13px;color:#f1f1ed;text-decoration:none}.availability{margin-top:auto;padding-top:22px;font-size:12px;color:#b4bac4}.footer{display:flex;justify-content:space-between;align-items:end;padding:35px 0 48px;border-top:1px solid rgba(255,255,255,.085);color:#858d9b}.footer strong{color:#fff}.footer p{margin:3px 0 0;font-size:12px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.18s}@media(max-width:900px){.nav{position:absolute;top:77px;left:5vw;right:5vw;display:none;flex-direction:column;align-items:stretch;padding:20px;background:#10131a;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 70px rgba(0,0,0,.4)}.nav.open{display:flex}.menu-toggle{display:block}.hero,.split-section,.timeline-section,.contact-section{grid-template-columns:1fr}.hero{padding:80px 0 65px}.hero-card{max-width:580px}.projects-intro{align-items:start;flex-direction:column}.project-featured{display:block}.project-featured .project-visual{min-height:420px}.timeline-section,.split-section{gap:38px}.contact-section{padding:45px 30px;gap:40px}.contact-card{min-height:330px}}@media(max-width:620px){.brand-name{display:none}h1{font-size:3.35rem}.hero-actions,.contact-actions{flex-direction:column;align-items:stretch}.hero-card-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.project-featured{grid-column:auto}.project-visual,.project-featured .project-visual{min-height:320px}.mock-site{inset:80px 20px 24px;padding:25px}.mock-site h3{font-size:37px}.timeline article{grid-template-columns:1fr;gap:7px}.footer{align-items:start;flex-direction:column;gap:18px}.contact-section{width:94vw;padding:38px 22px}.large-copy{font-size:23px}}