*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#c9c7c2;color:#1a1a1a}#root{min-height:100vh}html,body,#root{font-family:Helvetica,Helvetica Neue,Arial,Liberation Sans,sans-serif;font-size:16px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,p,a,span{font-weight:700}:root{--concrete: #c9c7c2;--concrete-dark: #b3b1ab;--panel: #e4e2dd;--ink: #1a1a1a;--muted: #4c4a44;--border: 3px solid var(--ink);--border-heavy: 5px solid var(--ink);--shadow: 12px 12px 0 0 var(--ink);--shadow-sm: 8px 8px 0 0 var(--ink)}::selection{background:var(--ink);color:var(--concrete)}.app{min-height:100vh;background:var(--concrete);color:var(--ink);padding:24px clamp(20px,5vw,96px) 120px;overflow-x:hidden}a{color:inherit;text-decoration:none}.statusline{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.16em;border-bottom:var(--border);padding-bottom:10px}.masthead{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;padding:clamp(40px,8vw,120px) 0 clamp(48px,9vw,130px)}.name{margin:0;font-size:clamp(4rem,19vw,15rem);line-height:.78;letter-spacing:-.05em;text-transform:uppercase}.masthead-meta{text-align:right;margin-bottom:.4em}.role{margin:0 0 16px;font-size:clamp(1rem,2.2vw,1.8rem)}.nav{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:clamp(1rem,1.6vw,1.3rem)}.nav a:hover,.nav a:focus-visible{background:var(--ink);color:var(--concrete);outline:none}.content{display:flex;flex-direction:column}.slab{position:relative}.slab-title{margin:0 0 28px;font-size:clamp(.9rem,1.4vw,1.2rem);letter-spacing:.1em}.slab--about{width:min(660px,94%);margin:0 auto clamp(120px,18vw,240px) 0}.slab--projects{width:100%;margin-bottom:clamp(120px,18vw,240px)}.slab--projects .slab-title{margin-left:auto;width:fit-content}.slab--resume{width:min(720px,96%);margin:0 0 clamp(110px,16vw,220px) auto}.slab--index{width:min(880px,100%);margin:0 auto 0 6%;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}.slab--index .slab-title{flex-basis:100%}.bio{margin:0 0 56px;font-size:clamp(1.6rem,4.5vw,3.4rem);line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}.contact-plaque{background:var(--panel);border:var(--border);box-shadow:var(--shadow-sm);padding:24px;width:min(420px,100%);margin-left:auto}.plaque-tag{display:inline-block;margin-bottom:16px;font-size:.72rem;letter-spacing:.16em}.contact-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.contact-list li{display:flex;align-items:baseline;gap:8px;font-size:.85rem}.contact-key{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.leader{flex:1;align-self:center;border-bottom:2px dotted var(--ink);min-width:14px}.contact-list a:hover,.contact-list a:focus-visible{background:var(--ink);color:var(--panel);outline:none}.project-list{display:flex;flex-direction:column;gap:clamp(72px,12vw,160px)}.project{display:block;position:relative;color:inherit}.project:focus-visible{outline:4px solid var(--ink);outline-offset:8px}.project-figure{margin:0}.project--left{width:min(820px,100%);margin-right:auto}.project--right{width:min(720px,100%);margin-left:auto}.project-list .project:nth-child(3){width:min(900px,100%)}.project-list .project:nth-child(4){width:min(640px,100%)}.project-image{position:relative;width:100%;aspect-ratio:16 / 11;border:var(--border-heavy);box-shadow:var(--shadow);background:var(--concrete-dark);overflow:hidden}.project:focus-visible .project-image{outline:none}.project-image:before,.project-image:after{content:"";position:absolute;width:38px;height:38px;z-index:2;pointer-events:none}.project-image:before{top:12px;left:12px;border-top:6px solid var(--concrete);border-left:6px solid var(--concrete)}.project-image:after{bottom:12px;right:12px;border-bottom:6px solid var(--concrete);border-right:6px solid var(--concrete)}.project-image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;transition:opacity .3s ease}.project-image-hover{opacity:0}.project:hover .project-image-hover,.project:focus-visible .project-image-hover{opacity:1}.project:hover .project-image-main,.project:focus-visible .project-image-main{opacity:0}.plaque{position:relative;z-index:3;background:var(--panel);border:var(--border);box-shadow:var(--shadow-sm);padding:20px 24px 24px;width:min(440px,88%);margin-top:-54px}.project--left .plaque{margin-left:clamp(24px,8%,120px)}.project--right .plaque{margin-left:auto;margin-right:clamp(24px,8%,120px)}.plaque-index{display:block;font-size:.78rem;letter-spacing:.12em;margin-bottom:8px}.plaque-title{margin:0 0 8px;font-size:clamp(1.3rem,2.6vw,2rem);line-height:.98;letter-spacing:-.02em;text-transform:uppercase}.plaque-medium{margin:0 0 12px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.plaque-caption{margin:0;font-size:.95rem;line-height:1.35}.project:hover .plaque,.project:focus-visible .plaque{transform:translate(-4px,-4px)}.plaque{transition:transform .15s ease}.experience-list{display:flex;flex-direction:column;gap:24px}.experience-card{display:flex;gap:20px;background:var(--panel);border:var(--border);box-shadow:var(--shadow-sm);padding:24px}.experience-card:nth-child(2n){margin-left:clamp(20px,8%,90px)}.experience-index{font-size:.8rem;letter-spacing:.1em;white-space:nowrap}.experience-body h3{margin:0;font-size:clamp(1.1rem,2vw,1.5rem);text-transform:uppercase;letter-spacing:-.01em}.experience-company{margin:4px 0 14px;font-size:.95rem}.experience-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.7rem;letter-spacing:.06em;color:var(--muted)}.index-block{background:var(--panel);border:var(--border);box-shadow:var(--shadow-sm);padding:24px;flex:1 1 240px}.index-block:nth-of-type(2){margin-top:48px}.index-block:nth-of-type(3){margin-top:24px}.resume-item h3{margin:0 0 6px;font-size:1.05rem;text-transform:uppercase}.resume-sub{margin:0 0 8px;font-size:.9rem}.resume-meta{margin:0;font-size:.7rem;letter-spacing:.06em;color:var(--muted)}.skill-list{display:grid;gap:16px}.skill-row{display:grid;gap:4px}.skill-label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.skill-items{font-size:.88rem;line-height:1.4;color:var(--muted)}.interest-list{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem}.footer{display:flex;justify-content:space-between;margin-top:clamp(80px,14vw,200px);border-top:var(--border);padding-top:14px;font-size:.72rem;letter-spacing:.16em}@media(max-width:900px){.slab--about,.slab--resume,.slab--index,.project--left,.project--right,.project-list .project:nth-child(3),.project-list .project:nth-child(4){width:100%;margin-left:0;margin-right:0}.slab--projects .slab-title{margin-left:0}.experience-card:nth-child(2n){margin-left:0}.plaque,.project--left .plaque,.project--right .plaque{width:min(440px,100%);margin-left:auto;margin-right:auto}}@media(max-width:600px){.masthead{flex-direction:column;align-items:flex-start}.masthead-meta{text-align:left}.nav{align-items:flex-start}.contact-plaque{margin-left:0}}@media(prefers-reduced-motion:reduce){.plaque,.project-image{transition:none}}