:root{--paper:#f3f0e8;--ink:#11110f;--muted:#5e5d56;--primary:#19468d;--primary-contrast:#fff;--line:#11110f85;--hairline:#11110f2e;--page-gutter:clamp(1.25rem, 4vw, 4rem);--section-space:clamp(5rem, 10vw, 9rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}body::selection{background:var(--primary);color:var(--primary-contrast)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-header,.hero,.section,.contact{width:min(100%,1600px);padding-inline:var(--page-gutter);margin-inline:auto}.site-header{z-index:20;background:color-mix(in srgb, var(--paper) 94%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:1fr auto 1fr;align-items:center;min-height:5rem;display:grid;position:sticky;top:0}.brand{width:2.75rem;height:2.75rem;display:block}.brand img{object-fit:contain;width:100%;height:100%;display:block}.site-header nav{gap:clamp(2rem,5vw,5rem);font-size:.9rem;font-weight:560;display:flex}.site-header nav a,.resume-link{position:relative}.site-header nav a:after,.resume-link:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .18s;position:absolute;bottom:-.35rem;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after,.resume-link:hover:after,.resume-link:focus-visible:after{transform-origin:0;transform:scaleX(1)}.resume-link{justify-self:end;align-items:center;gap:.55rem;font-size:.9rem;font-weight:560;display:inline-flex}.arrow{flex:none;width:1.15rem;height:1.15rem;transition:transform .18s}.arrow path{stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.4px}a:hover>.arrow,a:focus-visible>.arrow{transform:translate(.22rem)}.hero{align-items:center;min-height:min(52rem,100svh - 5rem);padding-block:clamp(5rem,10vw,9rem);display:flex}.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);align-items:center;gap:clamp(4rem,10vw,11rem);width:100%;display:grid}.hero-copy{max-width:57rem}.hero h1{letter-spacing:-.078em;margin:0;font-size:clamp(4.6rem,9.4vw,10rem);font-weight:760;line-height:.82}.hero h2{letter-spacing:-.035em;max-width:43rem;margin:clamp(1.75rem,3vw,2.75rem) 0 0;font-size:clamp(1.35rem,2.1vw,2.25rem);font-weight:560;line-height:1.12}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2.25rem;display:flex}.button{border:1px solid var(--ink);justify-content:space-between;align-items:center;gap:1.5rem;min-width:10.75rem;min-height:3.35rem;padding:.85rem 1rem;font-size:.93rem;font-weight:650;display:inline-flex}.button--primary{background:var(--primary);color:var(--primary-contrast)}.button--secondary{background:0 0}.hero-visual{aspect-ratio:1;width:100%;min-width:0;position:relative}.hero-portrait{aspect-ratio:4/5;transform-origin:50%;margin:0;transform:translate(-1.25rem,-1.25rem)scale(1.12)}.hero-portrait__image{object-fit:contain}.hero-project-index{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.hero-project-index__header{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:.72rem 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.66rem;font-weight:600;display:flex}.hero-project-index__preview{background:var(--ink);min-height:0;position:relative;overflow:hidden}.hero-project-index__preview>img{object-fit:cover;opacity:0;transition:opacity .28s,transform .5s cubic-bezier(.2,.8,.2,1);transform:scale(1.025)}.hero-project-index__preview>img.is-active{opacity:.92;transform:scale(1)}.hero-project-index__preview:after{content:"";pointer-events:none;background:linear-gradient(#0000,#11110fe6);position:absolute;inset:35% 0 0}.hero-project-index__caption{z-index:1;color:var(--paper);position:absolute;bottom:.9rem;left:1rem;right:1rem}.hero-project-index__caption span{letter-spacing:.06em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.61rem;font-weight:600}.hero-project-index__caption p{max-width:24rem;margin:.38rem 0 0;font-size:clamp(.86rem,1vw,1rem);line-height:1.35}.hero-project-index__list a{border-top:1px solid var(--line);grid-template-columns:2rem 1fr auto;align-items:center;gap:.65rem;min-height:3.4rem;padding:0 .7rem 0 0;transition:background-color .18s,padding-left .18s;display:grid}.hero-project-index__list a:hover,.hero-project-index__list a:focus-visible,.hero-project-index__list a.is-active{background:var(--primary);color:var(--primary-contrast);padding-left:.7rem}.hero-project-index__list a:focus-visible{z-index:2;outline-offset:-2px;position:relative}.hero-project-index__number{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.62rem}.hero-project-index__list strong{letter-spacing:-.025em;font-size:clamp(.95rem,1.25vw,1.1rem)}.hero-project-index__arrow{font-size:1rem;transition:transform .18s}.hero-project-index__list a:hover .hero-project-index__arrow,.hero-project-index__list a:focus-visible .hero-project-index__arrow{transform:translate(.12rem,.12rem)}.hero-trophy{margin:0;position:absolute;inset:-9%}.hero-trophy__float{transform-origin:50% 55%;animation:6.5s ease-in-out infinite trophy-float;position:absolute;inset:0}.hero-trophy__poster,.hero-trophy model-viewer{width:100%;height:100%;position:absolute;inset:0}.hero-trophy__poster{object-fit:contain;opacity:1;transition:opacity .45s}.hero-trophy model-viewer{z-index:1;--poster-color:transparent;opacity:0;touch-action:pan-y;background:0 0;transition:opacity .45s;display:block}.hero-trophy--ready .hero-trophy__poster{opacity:0}.hero-trophy--ready model-viewer{opacity:1}@keyframes trophy-float{0%,to{transform:translateY(-.35rem)rotate(-.65deg)}50%{transform:translateY(.75rem)rotate(.65deg)}}.section{padding-top:var(--section-space)}.section-label{letter-spacing:.09em;text-transform:uppercase;grid-template-columns:auto auto auto 1fr;align-items:center;gap:.65rem;margin-bottom:clamp(2.75rem,5vw,5rem);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;font-weight:600;display:grid}.section-label:before{background:var(--primary);content:"";width:.5rem;height:.5rem;margin-right:.15rem}.section-label{grid-template-columns:auto auto auto auto 1fr}.section-label__rule{background:var(--line);height:1px;margin-left:.35rem}.featured-projects{border-top:1px solid var(--line)}.project{border-bottom:1px solid var(--line);grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(3rem,9vw,10rem);min-height:36rem;padding-block:clamp(4rem,8vw,8rem);display:grid}.project--reverse{grid-template-columns:minmax(0,1.28fr) minmax(16rem,.72fr)}.project--reverse .project-details{order:2}.project--reverse .project-media{order:1}.project-details{align-self:center}.project-number{color:var(--muted);letter-spacing:.08em;margin-bottom:2.5rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.75rem;display:block}.project-details h3{letter-spacing:-.065em;margin:0;font-size:clamp(2.75rem,5vw,5.5rem);font-weight:650;line-height:.95}.project-accolade{color:var(--primary);margin:1.15rem 0 0;font-size:.88rem;font-weight:650}.project-description{max-width:28rem;margin:1.25rem 0 0;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.5}.project-links{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;display:flex}.project-links a{border-bottom:1px solid var(--ink);align-items:center;gap:.45rem;padding-bottom:.25rem;font-size:.86rem;font-weight:650;display:inline-flex}.project-links .arrow{width:.95rem;height:.95rem}.project-media{aspect-ratio:16/9;border:1px solid var(--ink);background:#d8d5ce;width:100%;position:relative;overflow:hidden}.project-media img,.project-media video{object-fit:cover;width:100%;height:100%}.project-media--2 video{object-position:center top}.project-rail{border-bottom:1px solid var(--line)}.project-rail a{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;min-height:5.25rem;font-size:clamp(1.05rem,1.5vw,1.25rem);transition:padding .18s,background-color .18s;display:flex}.project-rail a:hover,.project-rail a:focus-visible{background:color-mix(in srgb, var(--primary) 12%, transparent);padding-inline:1rem}.experience-list{border-top:1px solid var(--line)}.experience-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(14rem,1.15fr) minmax(13rem,.9fr) minmax(10rem,.7fr);gap:clamp(1.5rem,4vw,5rem);padding-block:2.5rem;display:grid}.experience-company{grid-template-columns:2rem 1fr;gap:.6rem;display:grid}.experience-company>span{color:var(--muted);padding-top:.28rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.7rem}.experience-company h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.4rem,2vw,2rem);font-weight:590;line-height:1.1}.experience-role p,.experience-date{margin:0;font-size:.98rem;line-height:1.45}.experience-role span{color:var(--muted);margin-top:.45rem;font-size:.82rem;display:block}.experience-date{text-align:right}.experience-summary{grid-column:2/4;grid-template-columns:1.2fr .8fr;gap:clamp(1rem,3vw,3rem);display:grid}.experience-summary p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.55}.experience-summary .experience-tech{color:var(--ink);text-align:right}.about{grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);display:grid}.about-column+.about-column{border-left:1px solid var(--line);padding-left:clamp(3rem,7vw,7rem)}.about .section-label{margin-bottom:3.5rem}.education-body{grid-template-columns:auto 1fr;gap:2rem;display:grid}.uk-mark{align-items:flex-start;width:5.5rem;min-height:5rem;padding-top:.15rem;display:flex}.uk-mark img{width:100%;height:auto}.education-title h3,.skill-group h3{letter-spacing:-.03em;margin:0;font-size:1.3rem;font-weight:620}.education-title p{margin:.4rem 0 0}.education-meta{color:var(--muted);font-size:.88rem}.education-meta span{margin-inline:.45rem}.education-list{grid-column:1/-1;gap:.6rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.education-list li{color:var(--muted);grid-template-columns:.5rem 1fr;gap:.75rem;font-size:.91rem;line-height:1.45;display:grid}.education-list li:before{background:var(--primary);content:"";width:.42rem;height:.42rem;margin-top:.45rem}.skill-grid{gap:2.25rem;display:grid}.skill-group{border-bottom:1px solid var(--line);padding-bottom:1.5rem}.skill-group p{color:var(--muted);margin:.8rem 0 0;font-size:.9rem;line-height:1.7}.contact{padding-top:var(--section-space);padding-bottom:2rem}.contact .section-label{margin-bottom:3rem}.contact-grid{grid-template-columns:1fr auto;align-items:end;gap:3rem;padding-block:2rem 4.5rem;display:grid}.contact h2{letter-spacing:-.065em;max-width:52rem;margin:0;font-size:clamp(3rem,6.5vw,7rem);font-weight:650;line-height:.94}.contact-email{align-items:center;gap:.8rem;margin-top:1.75rem;font-size:clamp(1rem,1.5vw,1.3rem);display:inline-flex}.contact-links{gap:1.4rem;min-width:10rem;display:grid}.contact-links a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:3rem;padding-bottom:.65rem;display:flex}.copyright{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;padding-top:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media (max-width:980px){.hero-grid{grid-template-columns:1fr 18rem;gap:3rem}.hero h1{font-size:clamp(4.5rem,11vw,7rem)}.project,.project--reverse{grid-template-columns:minmax(13rem,.8fr) minmax(0,1.2fr);gap:3rem;min-height:30rem}.project--reverse .project-details{order:2}.experience-row{grid-template-columns:1fr .8fr}.experience-date{grid-area:1/2}.experience-role{grid-column:1}.experience-summary{grid-column:2}.experience-summary,.experience-summary .experience-tech{text-align:left;display:block}.experience-tech{margin-top:.8rem!important}.about{gap:3rem}.about-column+.about-column{padding-left:3rem}}@media (max-width:720px){:root{--page-gutter:1.1rem;--section-space:5.5rem}html{scroll-padding-top:4.5rem}.site-header{grid-template-columns:1fr auto;min-height:4.5rem}.site-header nav{display:none}.hero{min-height:auto;padding-block:5rem 6rem}.hero-grid{display:block}.hero h1{font-size:clamp(4rem,21vw,6.6rem);line-height:.86}.hero h2{margin-top:1.75rem;font-size:clamp(1.35rem,5.8vw,1.8rem);line-height:1.16}.hero-visual{width:min(88vw,27rem);margin:4rem auto 0}.hero-portrait{width:min(84vw,25rem);margin-top:3rem;transform:none}.hero-trophy{inset:-6%}.section-label{margin-bottom:2.5rem}.project,.project--reverse{flex-direction:column;align-items:stretch;gap:2.5rem;min-height:0;padding-block:4rem;display:flex}.project .project-details,.project--reverse .project-details{order:1}.project .project-media,.project--reverse .project-media{order:2}.project-number{margin-bottom:1.5rem}.project-details h3{font-size:clamp(3rem,15vw,4.75rem)}.project-description{max-width:23rem}.project-rail a{min-height:4.75rem}.experience-row{padding-block:2.25rem;display:block}.experience-company{margin-bottom:1.25rem}.experience-role span{margin-top:.3rem}.experience-date{text-align:left;margin-top:.5rem}.experience-summary{margin-top:1.4rem}.about{display:block}.about-column+.about-column{border-left:0;margin-top:5rem;padding-left:0}.education-body{grid-template-columns:4.5rem 1fr;gap:1.25rem}.uk-mark{width:4.5rem;min-height:4rem}.contact-grid{padding-bottom:4rem;display:block}.contact h2{font-size:clamp(3.3rem,15vw,5rem)}.contact-links{margin-top:3.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.hero-trophy__float{animation:none}}