:root{color-scheme:light;--paper:#f3eee3;--paper-deep:#e9e1cf;--ink:#1b1a14;--ink-soft:#3a382e;--blue:#2a4fde;--red:#bd2e24;--yellow:#ffc824;--font-display:"Archivo Black", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", system-ui, sans-serif;--font-mono:"Space Mono", "Noto Sans SC", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.75;overflow-x:hidden}::selection{background:var(--yellow);color:var(--ink)}a{color:inherit}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;box-shadow:0 0 0 6px var(--yellow)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main,.site-header__inner,.site-footer__inner{width:min(100% - 2rem,72rem);margin-inline:auto}#bg{z-index:0;pointer-events:none;position:fixed;inset:0}.site-header,.site-footer,main{z-index:1;position:relative}.skip-link{z-index:100;background:var(--ink);color:var(--paper);font-family:var(--font-mono);border:2px solid var(--ink);padding:10px 18px;font-size:.8rem;text-decoration:none;transition:top .2s;position:absolute;top:-64px;left:12px}.skip-link:focus{top:12px}.site-header{z-index:10;background:var(--paper);border-bottom:2px solid var(--ink);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;min-height:64px;display:flex}.site-nav{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.site-nav__brand{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:10px;font-size:1.05rem;text-decoration:none;display:inline-flex}.site-nav__brand-mark{background:var(--yellow);border:2px solid var(--ink);width:30px;height:30px;box-shadow:2px 2px 0 var(--ink);justify-content:center;align-items:center;font-size:.85rem;display:inline-flex;transform:rotate(-4deg)}.site-nav__links{flex-wrap:wrap;gap:1.25rem;display:flex}.site-nav__links a{font-family:var(--font-mono);letter-spacing:.05em;padding:2px 0;font-size:.8rem;text-decoration:none;position:relative}.site-nav__links a:after{content:"";background:var(--red);transform-origin:0;width:100%;height:3px;transition:transform .18s;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.site-nav__links a:hover:after{transform:scaleX(1)}.language-switch{font-family:var(--font-mono);align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.language-switch button{font-family:inherit;font-size:inherit;letter-spacing:.05em;background:var(--paper);color:var(--ink);border:2px solid var(--ink);cursor:pointer;padding:5px 10px;transition:background .15s,box-shadow .15s,transform .15s}.language-switch button:hover{background:var(--yellow)}.language-switch button[aria-pressed=true]{background:var(--yellow);box-shadow:2px 2px 0 var(--ink);transform:translate(-1px,-1px)}#welcome,#about,#timeline,#contact{scroll-margin-top:6rem}.home-preview__copy{max-width:46rem}.home-preview .btn{margin-top:1.25rem}.intro-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:3rem;padding:6rem 0 5rem;display:grid}.intro-hero__eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ink);background:var(--paper);align-items:center;gap:10px;margin:0 0 1.75rem;padding:6px 14px;font-size:.8rem;display:inline-flex}.intro-hero__eyebrow:before{content:"";background:var(--red);flex:none;width:10px;height:10px}.intro-hero h1{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;text-shadow:5px 5px 0 var(--red), -5px -5px 0 var(--blue);margin:0 0 1.5rem;font-size:clamp(2.75rem,8vw,6rem);font-weight:400;line-height:1.08}.intro-hero__intro{max-width:36em;color:var(--ink-soft);margin:0 0 2.5rem;font-size:1.06rem}.intro-hero__links{flex-wrap:wrap;gap:1rem;display:flex}.btn{font-family:var(--font-mono);letter-spacing:.04em;border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink);align-items:center;gap:8px;padding:12px 22px;font-size:.88rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{box-shadow:6px 6px 0 var(--ink);background:var(--yellow);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{background:var(--blue);color:var(--paper)}.hero-art{height:300px;position:relative}.hero-art .shape{border:2px solid var(--ink);position:absolute}.hero-art .shape--circle{background:var(--blue);width:180px;height:180px;box-shadow:6px 6px 0 var(--ink);border-radius:50%;top:0;left:0}.hero-art .shape--tri{border:none;border-left:90px solid #0000;border-right:90px solid #0000;border-bottom:155px solid var(--red);width:0;height:0;filter:drop-shadow(6px 6px 0 var(--ink));top:55px;right:0}.hero-art .shape--sq{background:var(--yellow);width:115px;height:115px;box-shadow:6px 6px 0 var(--ink);bottom:8px;left:42%;transform:rotate(8deg)}.hero-art .shape--halftone{background:radial-gradient(var(--ink) 1.5px, transparent 1.5px) 0 0 / 10px 10px;opacity:.35;border:none;width:140px;height:100px;bottom:0;right:20px}.stamp{background:var(--red);width:104px;height:104px;color:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:50%;justify-content:center;align-items:center;animation:22s linear infinite spin;display:flex;position:absolute;top:6px;right:10px}.stamp svg{width:84px;height:84px}@keyframes spin{to{transform:rotate(360deg)}}.timeline-section{border-top:2px solid var(--ink);padding:5rem 0 6rem}.timeline-heading{font-family:var(--font-display);text-transform:uppercase;margin:0 0 3.5rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:400;line-height:1.15}.timeline-heading:after{content:"";background:var(--red);width:14px;height:14px;margin-left:12px;display:inline-block;transform:rotate(8deg)}.timeline-intro{max-width:48ch;color:var(--ink-soft);margin:-2rem 0 3rem}.timeline-rail{isolation:isolate;position:relative}.timeline-rail:before{content:"";background:var(--blue);z-index:-1;width:4px;position:absolute;top:0;bottom:0;left:calc(50% - 2px)}.timeline-start,.timeline-end{border:2px solid var(--ink);background:var(--yellow);width:fit-content;max-width:100%;font-family:var(--font-mono);text-align:center;margin:0 auto;padding:.65rem 1rem;position:relative}.timeline-start{font-size:1.5rem;font-weight:700}.timeline-end{margin-top:3rem}.timeline-year{padding-top:3rem}.timeline-year__label{font-family:var(--font-mono);background:var(--paper);border:2px solid var(--blue);text-align:center;width:fit-content;max-width:100%;margin:0 auto 2.5rem;padding:.5rem 1rem;font-size:1rem;line-height:1.5}.timeline-year__entries{gap:2.5rem;display:grid}.timeline-event{width:calc(50% - 2.5rem);position:relative}.timeline-event--right{margin-left:auto}.timeline-event:before{content:"";background:var(--blue);z-index:-1;width:2.5rem;height:2px;position:absolute;top:2rem;left:100%}.timeline-event:after{content:"";border:2px solid var(--ink);background:var(--red);border-radius:50%;width:16px;height:16px;position:absolute;top:calc(2rem - 7px);left:calc(100% + 2.5rem - 8px)}.timeline-event--right:before{left:auto;right:100%}.timeline-event--right:after{left:auto;right:calc(100% + 2.5rem - 8px)}.timeline-entry{border:2px solid var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--blue);color:var(--ink);grid-template-columns:minmax(0,1fr);grid-template-areas:"cover""meta""title""summary""action";gap:.85rem;padding:1.5rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid}.timeline-entry:hover{box-shadow:9px 9px 0 var(--blue), -4px -4px 0 var(--red);transform:translate(-2px,-2px)}.timeline-entry__cover{grid-area:cover;margin:0}.timeline-entry__cover img{border:2px solid var(--ink);aspect-ratio:16/9;object-fit:cover;background:var(--paper-deep);width:100%}.timeline-entry__meta{flex-wrap:wrap;grid-area:meta;align-items:center;gap:8px;display:flex}.timeline-entry__period{font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:8px;margin:0;font-size:.78rem;display:inline-flex}.timeline-entry__period:before{content:"";background:var(--red);flex:none;width:9px;height:9px}.timeline-entry__category{font-family:var(--font-mono);border:1.5px solid var(--ink);background:var(--paper);margin:0;padding:2px 9px;font-size:.72rem}.timeline-entry__status{font-family:var(--font-mono);border:1.5px solid var(--ink);background:var(--yellow);margin:0;padding:2px 9px;font-size:.72rem}.timeline-entry h4{grid-area:title;margin:0;font-size:1.3rem;font-weight:900;line-height:1.3}.timeline-entry__summary{color:var(--ink-soft);grid-area:summary;margin:0;font-size:.95rem}.timeline-entry__action{font-family:var(--font-mono);letter-spacing:.04em;color:var(--blue);grid-area:action;align-items:center;gap:6px;margin:0;font-size:.8rem;display:inline-flex}.timeline-entry:hover .timeline-entry__action{color:var(--red)}.timeline-entry__arrow{transition:transform .18s}.timeline-entry:hover .timeline-entry__arrow{transform:translate(4px)}.contact-links{flex-wrap:wrap;gap:1rem;margin:2rem 0;padding:0;list-style:none;display:flex}.contact-links a{overflow-wrap:anywhere;max-width:100%;font-family:var(--font-mono);border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);flex-direction:column;gap:.35rem;padding:10px 18px;font-size:.85rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.contact-links li{min-width:0;max-width:100%}.contact-links strong{color:var(--blue)}.contact-links a:hover{box-shadow:6px 6px 0 var(--ink);background:var(--yellow);transform:translate(-2px,-2px)}.page-section{border-bottom:2px solid var(--ink);padding:5rem 0 6rem}.page-title{width:fit-content;max-width:100%;font-family:var(--font-display);text-transform:uppercase;background:linear-gradient(transparent 62%, var(--yellow) 62%, var(--yellow) 94%, transparent 94%);margin:0 0 2rem;padding:0 8px;font-size:clamp(2.2rem,6vw,4rem);font-weight:400;line-height:1.15}.page-section p{max-width:70ch;margin:0 0 1.25rem;font-size:1.05rem}.page-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.site-footer{border-top:2px solid var(--ink);padding:2.5rem 0 3rem}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.site-footer__name{font-family:var(--font-display);color:#857c6b;text-transform:uppercase;letter-spacing:.02em;user-select:none;margin:0 0 1.25rem;font-size:clamp(2rem,6vw,4rem);font-weight:400;line-height:1}.site-footer__legal{font-family:var(--font-mono);letter-spacing:.04em;margin:0;font-size:.75rem}.site-footer a{font-family:var(--font-mono);border-bottom:2px solid var(--blue);font-size:.78rem;text-decoration:none}.site-footer a:hover{color:var(--red);border-color:var(--red)}.research-project{--accent:var(--blue);--on-accent:var(--paper)}.engineering-project{--accent:var(--red);--on-accent:var(--paper)}.experience-entry{--accent:var(--yellow);--on-accent:var(--ink)}.research-project,.engineering-project,.experience-entry{width:min(100% - 2rem,46rem);margin-inline:auto;padding:4rem 0 6rem}.entry-header{padding-top:2rem}.entry-type{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:var(--on-accent);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);margin:0 0 1.5rem;padding:5px 12px;font-size:.78rem;display:inline-block}.entry-header h1{font-family:var(--font-display);text-transform:uppercase;text-shadow:4px 4px 0 var(--accent);margin:0 0 1.25rem;font-size:clamp(2rem,5.5vw,3.4rem);font-weight:400;line-height:1.1}.entry-period{font-family:var(--font-mono);letter-spacing:.05em;align-items:center;gap:8px;margin:0 0 1rem;font-size:.8rem;display:flex}.entry-period:before{content:"";background:var(--accent);flex:none;width:9px;height:9px}.entry-status{font-family:var(--font-mono);border:1.5px solid var(--ink);background:var(--yellow);margin:0 0 1.25rem;padding:2px 10px;font-size:.72rem;display:inline-block}.entry-summary{color:var(--ink-soft);max-width:38em;margin:0 0 2.5rem;font-size:1.08rem}.media-figure{margin:0 0 2.5rem}.media-figure figure{margin:0}.media-figure img{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--accent);background:var(--paper-deep)}.media-figure figcaption{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-soft);margin-top:.6rem;font-size:.75rem}.timeline-entry__cover img[src^="/images/photos/"]{object-fit:contain}.media-figure img[src^="/images/photos/"]{object-fit:contain;width:100%;max-height:44rem}.photo-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.5rem;margin:1.5rem 0 2.5rem;display:grid}.photo-gallery figure{min-width:0;margin:0}.photo-gallery img{object-fit:contain;background:var(--paper-deep);width:100%;height:auto;max-height:36rem;display:block}.photo-gallery figcaption{color:var(--ink-soft);margin-top:.6rem;font-size:.85rem}.research-figure{margin:1.5rem 0 2.5rem}.research-figure img{object-fit:contain;background:#fff;width:100%;height:auto;display:block}.research-figure figcaption{color:var(--ink-soft);margin-top:.75rem;font-size:.85rem;line-height:1.6}.entry-content{max-width:70ch;font-size:1rem}.entry-content p{margin:0 0 1.25rem}.entry-content h2,.entry-content h3{margin:2.25rem 0 1rem;font-weight:900;line-height:1.3}.entry-content h2{border-bottom:3px solid var(--yellow);padding-bottom:.4rem;font-size:1.5rem;display:inline-block}.entry-content h3{font-size:1.2rem}.entry-content ul,.entry-content ol{margin:0 0 1.25rem;padding-left:1.5rem}.entry-content li{margin-bottom:.4rem}.entry-content li::marker{color:var(--blue)}.entry-content a{color:var(--blue);text-underline-offset:3px;text-decoration:underline 2px}.entry-content a:hover{color:var(--red)}.entry-content code{font-family:var(--font-mono);background:var(--paper-deep);border:1px solid var(--ink);padding:1px 6px;font-size:.85em}.entry-content pre{background:var(--ink);color:var(--paper);border:2px solid var(--ink);margin:0 0 1.25rem;padding:1rem 1.25rem;overflow-x:auto}.entry-content pre code{background:0 0;border:none;padding:0}.entry-content blockquote{border-left:4px solid var(--red);color:var(--ink-soft);margin:0 0 1.25rem;padding:.5rem 0 .5rem 1.25rem}.entry-content img{border:2px solid var(--ink)}.entry-content hr{border:none;border-top:2px solid var(--ink);margin:2rem 0}.entry-links{margin:3rem 0 2rem}.entry-links h2{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem}.entry-links ul{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.entry-links a{font-family:var(--font-mono);border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);padding:8px 14px;font-size:.8rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-block}.entry-links a:hover{box-shadow:5px 5px 0 var(--ink);background:var(--yellow);transform:translate(-2px,-2px)}.entry-navigation{border-top:2px solid var(--ink);grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:3.5rem;padding-top:1.5rem;display:grid}.entry-navigation a{border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);flex-direction:column;gap:.35rem;padding:1rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.entry-navigation a:hover{box-shadow:6px 6px 0 var(--ink);background:var(--yellow);transform:translate(-2px,-2px)}.entry-navigation__back{text-align:center;font-family:var(--font-mono);justify-content:center;font-size:.8rem}.entry-navigation__step>span[data-lang-group]:first-child{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-size:.75rem}.entry-navigation__step>span[data-lang-group]:last-child{font-size:.95rem;font-weight:900;line-height:1.4}@media (width<=860px){.intro-hero{grid-template-columns:1fr;padding:4rem 0 3.5rem}.hero-art{width:100%;max-width:420px;height:220px;margin-inline:auto}.timeline-rail:before{left:10px}.timeline-start,.timeline-end,.timeline-year__label{margin-left:0}.timeline-event,.timeline-event--right{width:calc(100% - 2.5rem);margin-left:2.5rem}.timeline-event:before,.timeline-event--right:before{width:calc(2.5rem - 12px);left:auto;right:100%}.timeline-event:after,.timeline-event--right:after{left:auto;right:calc(100% + 2.5rem - 20px)}.entry-navigation{grid-template-columns:1fr}}@media (width<=720px){#welcome,#about,#timeline,#contact{scroll-margin-top:10rem}.site-header__inner{flex-direction:column;align-items:stretch;gap:.75rem;padding-block:.75rem}.site-nav{flex-direction:column;align-items:stretch;gap:.75rem}.site-nav__links{gap:1rem}.language-switch{align-self:flex-start}.timeline-entry{grid-template-columns:1fr;grid-template-areas:"cover""meta""title""summary""action"}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}