*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #d94f4f;--blue: #3d5af1;--teal: #2aac98;--yellow: #f0c932;--pink: #e87ea1;--ink: #1a1a1a;--cream: #faf6ee;--muted: #888;--light-muted: #bbb;--soft-rule: #e0dbd2;--serif: "Instrument Serif", Georgia, serif;--display: "Syne", system-ui, sans-serif;--mono: "Space Mono", monospace;--hand: "Caveat", cursive;--nav-h: 60px}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{background:var(--cream);color:var(--ink);font-family:var(--display);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul,ol{list-style:none}svg{display:block}img{max-width:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.anim{animation:fadeUp .6s ease-out both}.anim-2{animation:fadeUp .6s .1s ease-out both}.anim-3{animation:fadeUp .6s .2s ease-out both}.anim-4{animation:fadeUp .6s .3s ease-out both}.anim-5{animation:fadeUp .6s .4s ease-out both}.section-inner{max-width:1140px;margin-inline:auto;padding-inline:32px;padding-block:80px}.section-hd{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:48px;border-bottom:1px solid var(--soft-rule)}.section-hd-left{display:flex;align-items:baseline;gap:12px}.section-num{font-family:var(--serif);font-size:22px;color:var(--light-muted)}.section-label{font-family:var(--display);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.section-hd-shapes{display:flex;align-items:center;gap:8px}.sh-circle{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink)}.sh-square{width:9px;height:9px;border:2px solid var(--ink);transform:rotate(30deg)}.nav{position:fixed;inset-block-start:0;inset-inline:0;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding-inline:32px;z-index:100;border-bottom:3px solid var(--ink);background:var(--cream);overflow:hidden}.nav-logo{font-family:var(--display);font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);display:flex;align-items:center;gap:7px;position:relative;z-index:1}.nav-logo-dot{width:8px;height:8px;border-radius:50%;background:var(--red);border:1.5px solid var(--ink);flex-shrink:0}.nav-circle{position:absolute;right:148px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;border:2px solid var(--ink);background:var(--yellow);opacity:.45;pointer-events:none}.nav-links{display:flex;gap:28px;position:relative;z-index:1}.nav-links a{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);position:relative;transition:color .2s ease}.nav-links a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--red);transition:width .2s ease}.nav-links a:hover{color:var(--red)}.nav-links a:hover:after{width:100%}.nav-toggle{display:none;background:none;border:none;color:var(--ink);font-size:1.4rem;cursor:pointer;font-family:var(--display);font-weight:700;line-height:1;position:relative;z-index:1}.divider-bar{display:flex;height:8px;border-bottom:3px solid var(--ink)}.divider-bar div{flex:1}.divider-bar div:nth-child(1){background:var(--red)}.divider-bar div:nth-child(2){background:var(--blue)}.divider-bar div:nth-child(3){background:var(--yellow)}.divider-bar div:nth-child(4){background:var(--teal)}.divider-bar div:nth-child(5){background:var(--pink)}.ticker{display:flex;border-bottom:3px solid var(--ink);overflow:hidden;background:var(--cream)}.ticker-item{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:.65rem 1.5rem;border-right:2px solid var(--ink);white-space:nowrap;flex-shrink:0}.ticker-annot{font-family:var(--hand);font-size:14px;font-weight:600;color:var(--red);text-transform:none;letter-spacing:0;transform:rotate(-3deg);display:inline-block;margin-left:5px;opacity:.75}.hero{min-height:100svh;display:grid;grid-template-columns:1.5fr 1fr;border-bottom:3px solid var(--ink);padding-top:var(--nav-h);overflow:hidden}.hero-content{padding:80px 52px 80px 32px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--soft-rule);position:relative}.hero-eyebrow{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:20px;display:flex;align-items:center;gap:12px}.hero-eyebrow:before{content:"";display:block;width:20px;height:3px;background:var(--red);flex-shrink:0}.hero-name{font-family:var(--serif);font-size:clamp(42px,5.5vw,62px);font-weight:400;line-height:1.05;letter-spacing:-.03em;color:var(--ink);margin-bottom:16px}.hero-name em{color:var(--blue);font-style:italic}.hero-role{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:24px}.hero-tagline{font-family:var(--display);font-size:15px;color:#555;line-height:1.65;max-width:400px;margin-bottom:40px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.btn-ink{display:inline-block;padding:11px 28px;border:2.5px solid var(--ink);background:var(--ink);color:var(--cream);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:4px 4px 0 var(--red);transition:box-shadow .15s ease,transform .15s ease}.btn-ink:hover{box-shadow:2px 2px 0 var(--red);transform:translate(2px,2px)}.btn-ghost{display:inline-block;padding:11px 28px;border:2.5px solid var(--ink);background:transparent;color:var(--ink);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:box-shadow .15s ease,transform .15s ease}.btn-ghost:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.hero-sidebar{background:var(--yellow);position:relative;padding:80px 40px 80px 48px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,var(--ink) 1px,transparent 1px);background-size:14px 14px;opacity:.06;pointer-events:none}.hero-sidebar-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);opacity:.55;margin-bottom:40px;position:relative;z-index:1}.hero-stat{margin-bottom:36px;position:relative;z-index:1}.hero-stat-num{font-family:var(--serif);font-size:52px;line-height:1;color:var(--ink);margin-bottom:6px}.hero-stat-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);opacity:.55}.hero-divider{width:40px;height:2px;background:var(--ink);opacity:.25;margin-bottom:36px;position:relative;z-index:1}.hero-annotation{font-family:var(--hand);font-size:18px;font-weight:600;color:var(--ink);opacity:.6;transform:rotate(-4deg);display:inline-block;position:relative;z-index:1}.hero-ghost-circle{position:absolute;bottom:-40px;right:-40px;width:160px;height:160px;border-radius:50%;border:3px solid var(--ink);opacity:.1;pointer-events:none}.hero-ghost-triangle{position:absolute;top:48px;left:28px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:34px solid var(--ink);opacity:.07;pointer-events:none}.about-section{border-bottom:3px solid var(--ink)}.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:0;align-items:start}.about-text{border-right:1px solid var(--soft-rule);padding-right:48px}.about-text p{font-size:15px;color:#555;line-height:1.7}.about-text p+p{margin-top:16px}.about-side{padding-left:48px;display:flex;flex-direction:column;gap:20px}.about-side-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px;display:flex;align-items:center;gap:10px}.about-side-label:before{content:"";display:block;width:16px;height:3px;background:var(--teal);flex-shrink:0}.about-side-value{font-family:var(--display);font-size:14px;font-weight:600;color:var(--ink)}.experience-section{border-bottom:3px solid var(--ink)}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:200px 1fr;gap:32px;padding-block:36px;border-bottom:1px solid var(--soft-rule);transition:background .2s ease}.timeline-item:first-child{padding-top:0}.timeline-item:last-child{border-bottom:none;padding-bottom:0}.timeline-item:hover{background:#ffffff73}.timeline-date{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:4px}.timeline-role{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.2;margin-bottom:6px}.timeline-company{font-family:var(--display);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blue);margin-bottom:12px}.timeline-desc{font-size:14px;color:#555;line-height:1.65;margin:0;padding:0;list-style:none}.timeline-desc li{position:relative;padding-left:1.1em;margin-bottom:8px}.timeline-desc li:last-child{margin-bottom:0}.timeline-desc li:before{content:"–";position:absolute;left:0;color:#aaa}.skills-section{border-bottom:3px solid var(--ink)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.skill-group{padding-right:28px;margin-right:28px;border-right:1px solid var(--soft-rule);position:relative}.skill-group:last-child{border-right:none;padding-right:0;margin-right:0}.skill-group-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--soft-rule)}.skill-category{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.skill-list{display:flex;flex-direction:column}.skill-list li{font-family:var(--display);font-size:14px;color:#555;padding:7px 4px;border-bottom:1px solid transparent;line-height:1.3;transition:background .2s ease}.skill-list li:hover{background:#ffffff80}.skill-ghost-circle{position:absolute;bottom:0;right:-12px;width:36px;height:36px;border-radius:50%;border:2px solid var(--ink);opacity:.1;pointer-events:none}.projects-section{border-bottom:3px solid var(--ink)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--ink);border:3px solid var(--ink)}.project-card{background:var(--cream);padding:28px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:background .2s ease}.project-card:hover{background:#fff}.project-hover-dot{position:absolute;top:16px;right:16px;width:14px;height:14px;border-radius:50%;background:var(--red);border:2px solid var(--ink);opacity:0;transition:opacity .2s ease;pointer-events:none}.project-card:hover .project-hover-dot{opacity:1}.project-header{display:flex;justify-content:space-between;align-items:flex-start}.project-icon{font-size:1.8rem}.project-links{display:flex;gap:12px}.icon-link{color:var(--muted);transition:color .2s ease;width:20px;height:20px}.icon-link:hover{color:var(--ink)}.icon-link svg{width:100%;height:100%}.project-title{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.2}.project-desc{font-family:var(--display);font-size:13px;color:#555;flex:1;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{display:inline-block;padding:3px 10px;border:2px solid var(--ink);border-radius:3px;font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:2px 2px 0 var(--ink)}.tag-yellow{background:var(--yellow)}.tag-lavender{background:#e0d4f8}.tag-mint{background:#c8eedd}.tag-peach{background:#ffd0b8}.contact-section{border-bottom:3px solid var(--ink)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;min-height:440px;max-width:1140px;margin-inline:auto}.contact-left{padding:80px 52px 80px 32px;border-right:3px solid var(--ink);display:flex;flex-direction:column;justify-content:center}.contact-eyebrow{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:10px}.contact-eyebrow:before{content:"";display:block;width:16px;height:3px;background:var(--blue);flex-shrink:0}.contact-title{font-family:var(--serif);font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1.1;margin-bottom:16px}.contact-text{font-size:14px;color:#555;line-height:1.65;max-width:380px;margin-bottom:32px}.contact-right{background:var(--blue);padding:80px 40px 80px 52px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.contact-right-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;margin-bottom:28px}.social-links{display:flex;flex-direction:column;gap:20px}.social-links a{display:flex;align-items:center;gap:14px;color:#ffffffa6;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.07em;transition:color .2s ease}.social-links a:hover{color:#fff}.social-links svg{width:18px;height:18px;flex-shrink:0}.contact-ghost-circle{position:absolute;bottom:-48px;right:-48px;width:180px;height:180px;border-radius:50%;border:3px solid rgba(255,255,255,.15);pointer-events:none}.contact-ghost-triangle{position:absolute;top:36px;right:64px;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:30px solid rgba(255,255,255,.2);pointer-events:none}.footer{padding:28px 32px;text-align:center;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:20px}.footer-shapes{display:flex;align-items:center;gap:8px}.footer-shape-circle{width:10px;height:10px;border-radius:50%;border:2px solid var(--light-muted)}.footer-shape-square{width:9px;height:9px;border:2px solid var(--light-muted);transform:rotate(15deg)}.footer-shape-triangle{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--light-muted)}@media(max-width:700px){.hero{grid-template-columns:1fr}.hero-sidebar{display:none}.hero-name{font-size:38px}.hero-content{padding:56px 24px}.about-layout{grid-template-columns:1fr}.about-text{border-right:none;padding-right:0;border-bottom:1px solid var(--soft-rule);padding-bottom:32px;margin-bottom:32px}.about-side{padding-left:0}.timeline-item{grid-template-columns:1fr;gap:8px}.skills-grid{grid-template-columns:1fr 1fr;gap:32px 0}.skill-group{border-right:none;padding-right:0;margin-right:0}.skill-group:nth-child(odd){padding-right:20px;border-right:1px solid var(--soft-rule);margin-right:20px}.skill-ghost-circle{display:none}.projects-grid,.contact-layout{grid-template-columns:1fr}.contact-left{border-right:none;border-bottom:3px solid var(--ink);padding:56px 24px}.contact-right{padding:56px 24px}.hero-annotation,.nav-circle{display:none}.nav-links{display:none;flex-direction:column;position:fixed;inset:var(--nav-h) 0 0 0;background:var(--cream);padding:40px 32px;gap:24px;border-top:1px solid var(--soft-rule);z-index:99;align-items:flex-start}.nav-links--open{display:flex}.nav-links a{font-size:18px}.nav-toggle{display:block}.section-inner{padding-inline:20px;padding-block:56px}.ticker{display:none}}