:root{--ink: #0b0a14;--cream: #f3ecdb;--cream-2: #ece3cb;--paper: #f7f1e0;--white: #ffffff;--violet: #6638e0;--violet-deep: #3b1d8f;--yellow: #ffc933;--pink: #ff3d80;--mint: #7ae0b0;--red: #e83838;--accent: var(--violet);--accent-2: var(--yellow);--accent-3: var(--pink);--f-display: "Fraunces", "Times New Roman", serif;--f-block: "Archivo Black", "Impact", sans-serif;--f-body: "Space Grotesk", -apple-system, system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace;--f-hand: "Caveat", cursive;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-6: 1.5rem;--s-8: 2rem;--s-12: 3rem;--s-16: 4rem;--s-24: 6rem;--maxw: 1280px;--pad: clamp(1rem, 3vw, 2.5rem);--shadow-offset: 6px;--shadow: var(--shadow-offset) var(--shadow-offset) 0 var(--ink);--shadow-tight: 4px 4px 0 var(--ink);--halftone-op: .85}[data-accent=sunburst]{--accent: #ff7a1a;--accent-2: #ffc933;--accent-3: #0b0a14;--cream:#f7f1e0}[data-accent=sub]{--accent: #1f6d8c;--accent-2: #ff6b4a;--accent-3: #6ed3ad;--cream:#eaf0e8}[data-accent=noir]{--accent: #e83838;--accent-2: #0b0a14;--accent-3: #d6c9a6;--cream:#e9e4d1}:root[data-mode=night]{--ink: #f3ecdb;--cream: #0a0612;--cream-2: #140a26;--paper: #17102a;--white: #1a0f2e;--violet: #c4a0ff;--violet-deep: #8c6bff;--yellow: #ffd84a;--pink: #ff5e9e;--mint: #8ee8be;--red: #ff5454;--accent: var(--violet);--accent-2: var(--yellow);--accent-3: var(--pink);--shadow: var(--shadow-offset) var(--shadow-offset) 0 var(--pink);--shadow-tight: 4px 4px 0 var(--pink)}[data-mode=night] body{background:radial-gradient(ellipse at 10% 20%,rgba(196,160,255,.18),transparent 60%),radial-gradient(ellipse at 90% 80%,rgba(255,94,158,.15),transparent 60%),var(--cream)}[data-mode=night] .grain{opacity:.25;mix-blend-mode:screen}[data-mode=night] .hero{background:radial-gradient(ellipse at top left,rgba(196,160,255,.25),transparent 60%),radial-gradient(ellipse at bottom right,rgba(255,94,158,.22),transparent 60%),var(--cream)}[data-mode=night] .hero-line-solo,[data-mode=night] .hero-line-2{-webkit-text-stroke:2px var(--ink);text-shadow:7px 7px 0 var(--accent-3)}[data-mode=night] .win-rank,[data-mode=night] .section-num,[data-mode=night] .project-year,[data-mode=night] .journey-label,[data-mode=night] .about-avatar-inner{-webkit-text-stroke:1.5px var(--ink);text-shadow:5px 5px 0 var(--accent-3)}[data-density=tight]{--s-24: 4rem;--s-16: 2.5rem;--s-12: 2rem}[data-motion=off] *{animation:none!important;transition:none!important}[data-halftone=off] .halftone,[data-halftone=off] .grain{display:none!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--f-body);font-size:17px;line-height:1.55;color:var(--ink);background:var(--cream);overflow-x:hidden;-webkit-font-smoothing:antialiased}img,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;border:0;cursor:pointer;background:none;color:inherit}em{font-style:italic;color:var(--accent)}.grain{position:fixed;inset:0;z-index:500;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.04) 0,transparent 2px),radial-gradient(circle at 70% 60%,rgba(0,0,0,.04) 0,transparent 2px),radial-gradient(circle at 40% 80%,rgba(0,0,0,.04) 0,transparent 2px);background-size:3px 3px,5px 5px,7px 7px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--pad);background:color-mix(in srgb,var(--cream) 85%,transparent);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}.nav-brand{display:flex;align-items:baseline;gap:var(--s-2);font-family:var(--f-block);letter-spacing:.02em}.nav-brand-mark{font-family:var(--f-display);font-weight:900;font-size:28px;color:var(--accent);font-style:italic}.nav-brand-name{font-size:16px;letter-spacing:.14em}.nav-links{display:flex;align-items:center;gap:var(--s-6);font-family:var(--f-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase}.nav-links a{position:relative;padding:4px 0}.nav-links a:hover{color:var(--accent)}.nav-links a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--accent);transition:width .2s ease}.nav-links a:not(.nav-cta):hover:after{width:100%}.nav-cta{padding:8px 14px;border:2px solid var(--ink);box-shadow:var(--shadow-tight);background:var(--accent-2);color:var(--ink);transition:transform .15s ease,box-shadow .15s ease}.nav-cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.mode-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:2px solid var(--ink);background:var(--cream);color:var(--ink);font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease}.mode-toggle:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.mode-toggle-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);border:1.5px solid var(--ink);box-shadow:inset -2px -2px #0003}[data-mode=night] .mode-toggle-dot{background:var(--accent-3)}@media (max-width: 760px){.mode-toggle-label{display:none}.mode-toggle{padding:6px 8px}}@media (max-width: 760px){.nav-links li:not(:last-child):not(:nth-last-child(2)){display:none}}.hero{position:relative;padding:calc(var(--s-24) + 40px) var(--pad) var(--s-24);overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%),radial-gradient(ellipse at bottom right,color-mix(in srgb,var(--accent-3) 15%,transparent),transparent 60%),var(--cream)}.hero-text{position:relative;z-index:5;max-width:1100px;text-align:center;padding:0 var(--s-4)}.hero-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;padding:8px 16px;background:var(--cream);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);margin-bottom:var(--s-6)}.star{color:var(--accent-3);font-size:14px}.hero-title{font-family:var(--f-display);font-weight:900;font-size:clamp(4rem,15vw,14rem);line-height:.88;letter-spacing:-.045em;margin-bottom:var(--s-6)}.hero-line{display:block}.hero-line-solo{color:var(--accent);font-style:italic;-webkit-text-stroke:2px var(--ink);text-shadow:7px 7px 0 var(--ink);white-space:nowrap}.hero-period{color:var(--accent-3);-webkit-text-stroke:0;text-shadow:none}.hero-sub{max-width:620px;margin:0 auto var(--s-6);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.55}.hero-sub b{color:var(--accent);font-weight:700}.hero-sub u{text-decoration-color:var(--accent-3);text-decoration-thickness:3px;text-underline-offset:3px}.hero-cta{display:flex;gap:var(--s-4);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--s-2);padding:14px 24px;font-family:var(--f-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;border:2px solid var(--ink);transition:transform .15s ease,box-shadow .15s ease}.btn-solid{background:var(--accent);color:var(--cream);box-shadow:var(--shadow-tight)}.btn-solid:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn-ghost{background:var(--cream);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.btn-ghost:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.intro{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:var(--s-16);align-items:center;max-width:var(--maxw);margin:0 auto;padding:calc(var(--s-12) + 56px) var(--pad) var(--s-12)}.intro-photo{position:relative;aspect-ratio:1 / 1;background:var(--accent);border:2px solid var(--ink);box-shadow:var(--shadow)}.intro-photo-mono{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-display);font-weight:900;font-style:italic;font-size:4.5rem;color:var(--cream);-webkit-text-stroke:2px var(--ink)}.intro-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.intro-photo-frame{position:absolute;inset:8px;border:2px dashed var(--ink);pointer-events:none}.intro-name{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:clamp(2.4rem,5.5vw,4rem);line-height:.95;letter-spacing:-.02em;margin:var(--s-2) 0 var(--s-4);color:var(--accent);-webkit-text-stroke:1.5px var(--ink)}.intro-lead{max-width:60ch;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.6;margin-bottom:var(--s-6)}.intro-lead p{margin-bottom:var(--s-4)}.intro-lead p:last-child{margin-bottom:0}.intro-lead b{color:var(--accent);font-weight:700}.intro-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4)}.intro-social{display:flex;gap:var(--s-3)}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:2px solid var(--ink);background:var(--cream);box-shadow:3px 3px 0 var(--ink);color:var(--ink);transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.social-icon svg{width:22px;height:22px;fill:currentColor}.social-icon:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink);background:var(--accent);color:var(--cream)}@media (max-width: 760px){.intro{grid-template-columns:1fr;gap:var(--s-6);padding-top:calc(var(--s-8) + 56px);text-align:left}.intro-photo{max-width:240px}}section{padding:var(--s-24) var(--pad);position:relative;max-width:var(--maxw);margin:0 auto}.section-head{display:grid;grid-template-columns:140px 1fr;gap:var(--s-8);margin-bottom:var(--s-16);align-items:start}.section-num{font-family:var(--f-display);font-style:italic;font-weight:900;font-size:clamp(4rem,8vw,7rem);line-height:.9;color:var(--accent);-webkit-text-stroke:1.5px var(--ink)}.section-kicker{font-family:var(--f-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);opacity:.6;margin-bottom:var(--s-3)}.section-title{font-family:var(--f-display);font-weight:900;font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.03em;margin-bottom:var(--s-4)}.section-title em{font-style:italic;color:var(--accent)}.section-desc{max-width:620px;font-size:1.05rem;line-height:1.55;color:color-mix(in srgb,var(--ink) 75%,transparent)}@media (max-width: 680px){.section-head{grid-template-columns:1fr;gap:var(--s-4)}.section-num{font-size:3.5rem}}.now{max-width:var(--maxw);margin:0 auto;padding:var(--s-4) var(--pad) var(--s-8)}.active-card{position:relative;border:2px solid var(--ink);background:var(--ink);color:var(--cream);box-shadow:var(--shadow);padding:var(--s-8);overflow:hidden}.active-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 70%,transparent) 1px,transparent 2px);background-size:20px 20px;opacity:.3}.active-ribbon{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--accent-2);color:var(--ink);border:2px solid var(--cream);font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;font-weight:700;margin-bottom:var(--s-6);transform:rotate(-1.5deg)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#21d67a;box-shadow:0 0 #21d67ab3;animation:pulse 1.8s ease infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #21d67a00}}.active-content{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-8)}@media (max-width: 820px){.active-content{grid-template-columns:1fr}}.active-title{font-family:var(--f-display);font-weight:900;font-style:italic;font-size:clamp(2rem,4.6vw,3.6rem);line-height:1;color:var(--accent-2);margin-bottom:var(--s-3)}.active-sub{font-size:1.1rem;margin-bottom:var(--s-4);color:color-mix(in srgb,var(--cream) 85%,transparent)}.active-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--s-4)}.active-tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;padding:4px 10px;border:1.5px solid var(--cream);color:var(--cream)}.active-bullets{display:flex;flex-direction:column;gap:10px}.active-bullet{display:flex;align-items:flex-start;gap:12px;font-size:.95rem}.active-bullet:before{content:"\2192";color:var(--accent-2);font-weight:700;font-family:var(--f-mono)}.active-gh{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s-6);padding:10px 18px;background:var(--accent-2);color:var(--ink);border:2px solid var(--cream);font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;font-weight:700;transition:transform .15s ease}.active-gh:hover{transform:translate(-2px,-2px)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s-6)}.project-card{grid-column:span 6;position:relative;background:var(--cream);border:2px solid var(--ink);box-shadow:var(--shadow-tight);padding:var(--s-6);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;display:block;color:var(--ink);text-decoration:none}.project-card:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.project-read-more{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s-4);font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--cat-color);-webkit-text-stroke:.5px var(--ink);transition:gap .15s ease}.project-card:hover .project-read-more{gap:12px}.project-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--ink)}.project-card[data-cat=Software]{--cat-color: var(--violet)}.project-card[data-cat=Electrical]{--cat-color: var(--yellow)}.project-card[data-cat=Mechanical]{--cat-color: var(--pink)}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--cat-color);z-index:1}.project-cover{margin:var(--s-4) 0 var(--s-8);border:2px solid var(--ink);background:var(--ink);overflow:hidden}.project-cover img{display:block;width:100%;aspect-ratio:16 / 7;object-fit:cover;transition:transform .3s ease}.project-card.has-cover:hover .project-cover img{transform:scale(1.05)}.project-top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-4);font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;margin-bottom:var(--s-3);padding-top:var(--s-2)}.project-year{font-family:var(--f-display);font-style:italic;font-weight:900;font-size:2.2rem;line-height:1;color:var(--cat-color);-webkit-text-stroke:1.5px var(--ink)}.project-cat{padding:3px 9px;border:1.5px solid var(--ink);background:var(--cat-color);color:var(--ink);font-weight:700;font-size:11px}.project-title{font-family:var(--f-display);font-weight:900;font-size:1.5rem;line-height:1.1;margin-bottom:var(--s-3)}.project-blurb{font-size:.95rem;line-height:1.55;color:color-mix(in srgb,var(--ink) 85%,transparent);margin-bottom:var(--s-4)}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s-4)}.project-tag{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;padding:3px 8px;background:color-mix(in srgb,var(--cat-color) 25%,transparent);border:1px solid var(--ink)}.project-highs{display:flex;flex-direction:column;gap:6px}.project-high{display:flex;gap:8px;font-size:.85rem;font-family:var(--f-mono)}.project-high:before{content:"\25b8";color:var(--cat-color)}@media (max-width: 820px){.project-card{grid-column:1 / -1}}.project-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-3);margin-bottom:var(--s-6)}.project-filter{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:8px 18px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:4px;background:var(--cream);color:var(--ink);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.project-filter:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--ink)}.project-filter--active{background:var(--violet);color:var(--cream)}.project-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.project-type{padding:3px 8px;border:1.5px solid var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink);font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;font-weight:700}.project-card--hidden{display:none}.journey-rail{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6);margin-bottom:var(--s-16)}.journey-rail:before{content:"";position:absolute;top:54px;left:5%;right:5%;height:3px;background:var(--ink);z-index:0}.journey-node{position:relative;background:var(--cream);border:2px solid var(--ink);box-shadow:var(--shadow-tight);padding:var(--s-6);padding-top:calc(var(--s-6) + 50px);z-index:1}.journey-badge{position:absolute;top:-2px;left:var(--s-6);background:var(--j-color, var(--accent));color:var(--ink);border:2px solid var(--ink);padding:8px 14px;font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.18em;transform:translateY(-50%);box-shadow:3px 3px 0 var(--ink)}.journey-node[data-id=mech]{--j-color: var(--pink)}.journey-node[data-id=elec]{--j-color: var(--yellow)}.journey-node[data-id=soft]{--j-color: var(--violet)}.journey-label{font-family:var(--f-display);font-style:italic;font-weight:900;font-size:2rem;line-height:1;color:var(--j-color, var(--accent));-webkit-text-stroke:1.5px var(--ink);margin-bottom:var(--s-1)}.journey-period{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:color-mix(in srgb,var(--ink) 60%,transparent);margin-bottom:var(--s-3)}.journey-tag{font-family:var(--f-hand);font-size:1.4rem;color:var(--ink);margin-bottom:var(--s-3);transform:rotate(-1.5deg);display:inline-block}.journey-items{display:flex;flex-direction:column;gap:6px;font-size:.92rem}.journey-items li:before{content:"\2014  ";color:var(--j-color, var(--accent));font-weight:700}@media (max-width: 800px){.journey-rail{grid-template-columns:1fr}.journey-rail:before{display:none}}.about-card{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:var(--s-8);padding:var(--s-8);background:var(--paper);border:2px solid var(--ink);box-shadow:var(--shadow);position:relative}.about-card:before{content:"\201c\201c";position:absolute;top:-20px;right:20px;font-family:var(--f-display);font-size:10rem;line-height:1;color:var(--accent);opacity:.25}.about-head{display:flex;flex-direction:column;gap:var(--s-4)}.about-avatar{position:relative;width:100%;max-width:360px;aspect-ratio:1 / 1;background:var(--accent);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.about-avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.about-avatar-inner{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-display);font-weight:900;font-style:italic;font-size:4.5rem;color:var(--cream);-webkit-text-stroke:2px var(--ink)}.about-avatar-frame{position:absolute;inset:6px;border:2px dashed var(--ink);pointer-events:none}.about-caveat{font-family:var(--f-hand);font-size:2rem;line-height:1.1;transform:rotate(-2deg);display:inline-block;color:var(--accent)}.about-sub{margin-top:var(--s-2);font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;color:color-mix(in srgb,var(--ink) 70%,transparent);line-height:1.5}.about-body{display:flex;flex-direction:column;gap:var(--s-4);font-size:1.05rem;line-height:1.65}.about-body a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}.about-body a:hover{color:var(--accent-3)}@media (max-width: 800px){.about-card{grid-template-columns:1fr}}a.about-card{text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}a.about-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--ink)}.about-more{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:var(--accent);-webkit-text-stroke:.5px var(--ink);transition:gap .15s ease}a.about-card:hover .about-more{gap:14px}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-6)}.stack-card{position:relative;padding:var(--s-6);background:var(--cream);border:2px solid var(--ink);box-shadow:var(--shadow-tight);transition:transform .2s ease}.stack-card:hover{transform:rotate(-1deg) translate(-2px,-2px)}.stack-card-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s-4);padding-bottom:var(--s-3);border-bottom:2px dashed var(--ink)}.stack-group{font-family:var(--f-block);font-size:.9rem;letter-spacing:.08em}.stack-num{font-family:var(--f-mono);font-size:11px;color:color-mix(in srgb,var(--ink) 50%,transparent)}.stack-items{display:flex;flex-wrap:wrap;gap:6px}.stack-item{font-family:var(--f-mono);font-size:12px;letter-spacing:.05em;padding:5px 10px;border:1.5px solid var(--ink);background:var(--paper);transition:background .15s ease,transform .15s ease}.stack-item:hover{background:var(--accent-2);transform:translateY(-2px)}.xp-list{display:flex;flex-direction:column;gap:var(--s-6)}.xp-row{display:grid;grid-template-columns:220px 1fr;gap:var(--s-6);padding:var(--s-6);background:var(--cream);border:2px solid var(--ink);box-shadow:var(--shadow-tight);transition:transform .2s ease}.xp-row:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.xp-meta{display:flex;flex-direction:column;gap:6px;border-right:2px dashed var(--ink);padding-right:var(--s-6)}.xp-period{font-family:var(--f-display);font-style:italic;font-weight:900;font-size:1.2rem;color:var(--accent)}.xp-place{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:color-mix(in srgb,var(--ink) 60%,transparent)}.xp-co{font-family:var(--f-block);font-size:1.3rem;line-height:1.1}.xp-role{font-family:var(--f-hand);font-size:1.5rem;line-height:1.1;color:var(--accent);margin-bottom:var(--s-3);transform:rotate(-1deg);display:inline-block;white-space:nowrap}.xp-blurb{margin-bottom:var(--s-3);font-size:.97rem}.xp-bullets{display:flex;flex-direction:column;gap:4px;font-size:.9rem;font-family:var(--f-mono)}.xp-bullets li:before{content:"\25c7";color:var(--accent)}@media (max-width: 720px){.xp-row{grid-template-columns:1fr}.xp-meta{border-right:0;border-bottom:2px dashed var(--ink);padding-right:0;padding-bottom:var(--s-4)}}.contact{background:var(--ink);color:var(--cream);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);max-width:none;margin:0;padding:var(--s-24) var(--pad)}.contact-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-8);align-items:start}.contact-left .section-kicker{color:var(--accent-2);opacity:1}.contact-title{font-family:var(--f-display);font-weight:900;font-size:clamp(2.2rem,4.8vw,4rem);line-height:.95;letter-spacing:-.03em;overflow-wrap:break-word}.contact-title em{color:var(--accent-2);font-style:italic}.contact-desc{margin-top:var(--s-4);max-width:420px;color:color-mix(in srgb,var(--cream) 80%,transparent)}.contact-right{display:flex;flex-direction:column;min-width:0}.contact-row{display:grid;grid-template-columns:100px minmax(0,1fr) 30px;gap:var(--s-4);align-items:center;padding:var(--s-4) 0;border-top:1.5px solid color-mix(in srgb,var(--cream) 30%,transparent);transition:padding .2s ease,color .2s ease;min-width:0}.contact-row:last-child{border-bottom:1.5px solid color-mix(in srgb,var(--cream) 30%,transparent)}.contact-row:hover{padding-left:var(--s-4);color:var(--accent-2)}.contact-label{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:color-mix(in srgb,var(--cream) 60%,transparent)}.contact-val{font-family:var(--f-display);font-weight:700;font-style:italic;font-size:1.4rem;min-width:0;overflow-wrap:anywhere;word-break:break-word}.contact-arrow{font-family:var(--f-mono);font-size:1.2rem;color:var(--accent-2)}@media (max-width: 780px){.contact-inner{grid-template-columns:1fr}.contact-row{grid-template-columns:70px minmax(0,1fr) 22px;gap:var(--s-3)}.contact-val{font-size:1.1rem}}@media (max-width: 420px){.contact-row{grid-template-columns:60px minmax(0,1fr);gap:var(--s-2)}.contact-val{font-size:1rem}.contact-arrow{display:none}}.footer{padding:var(--s-6) var(--pad);background:var(--cream);border-top:2px solid var(--ink);font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.footer-row{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-4)}.foot-caveat{font-family:var(--f-hand);text-transform:none;font-size:15px;color:var(--accent);letter-spacing:0}.work-more{margin-top:var(--s-24);margin-bottom:var(--s-16);display:flex;justify-content:center}.all-projects{display:block}.all-section{padding:var(--s-16) var(--pad);max-width:var(--maxw);margin:0 auto}.all-section--first{padding-top:calc(var(--s-16) + 60px)}.about-lead{padding-top:calc(var(--s-24) + 40px)}.pd-back-link{display:inline-block;margin-bottom:var(--s-8);font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink)}.pd-back-link:hover{color:var(--accent)}.compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--s-5)}.proj-compact{display:flex;flex-direction:column;gap:10px;background:var(--cream);border:2px solid var(--ink);box-shadow:var(--shadow-tight);padding:var(--s-5);color:var(--ink);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.proj-compact:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.proj-compact[data-cat=Software]{--cat-color: var(--violet)}.proj-compact[data-cat=Electrical]{--cat-color: var(--yellow)}.proj-compact[data-cat=Mechanical]{--cat-color: var(--pink)}.proj-compact-top{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--cat-color, var(--accent))}.proj-compact-title{font-family:var(--f-display);font-weight:900;font-size:1.15rem;line-height:1.15}.proj-compact-tags{display:flex;flex-wrap:wrap;gap:6px}.proj-compact.has-cover{padding:0;gap:0}.proj-compact-cover{width:100%;aspect-ratio:4 / 3;overflow:hidden;border-bottom:2px solid var(--ink);background:var(--ink)}.proj-compact-cover img{width:100%;height:100%;object-fit:cover;display:block}.proj-compact.has-cover .proj-compact-top,.proj-compact.has-cover .proj-compact-title{padding-left:var(--s-5);padding-right:var(--s-5)}.proj-compact.has-cover .proj-compact-top{padding-top:var(--s-5)}.proj-compact.has-cover .proj-compact-title{margin-top:10px}.proj-compact.has-cover .proj-compact-tags{padding:0 var(--s-5) var(--s-5);margin-top:10px}.tweaks{position:fixed;bottom:var(--s-4);right:var(--s-4);z-index:900;width:260px;background:var(--cream);border:2px solid var(--ink);box-shadow:var(--shadow)}.tweaks-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--ink);color:var(--cream);font-family:var(--f-mono);font-size:12px;letter-spacing:.12em}.tweaks-head button{color:var(--cream);font-size:20px;line-height:1}.tweaks-body{display:flex;flex-direction:column;gap:10px;padding:12px;font-family:var(--f-mono);font-size:12px}.tweaks-body label{display:flex;flex-direction:column;gap:4px;letter-spacing:.1em;text-transform:uppercase}.tweaks-body select{padding:6px 8px;border:1.5px solid var(--ink);font-family:inherit;background:var(--paper)}