@import "https://fonts.googleapis.com/css2?family=Rubik:wght@500;700;800;900&family=Space+Mono:wght@400;700&display=swap";:root{color:#000;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#efefef;font-family:Space Mono,Courier New,monospace;font-weight:400;line-height:1.2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#000;margin:0}img{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}#app{min-height:100vh}.portfolio-shell{width:100%;min-height:100vh}.landing,.about,.projects{justify-content:center;align-items:stretch;width:100%;min-height:100vh;display:flex}.page-inner{flex-direction:column;justify-content:space-between;gap:32px;width:min(100%,1560px);padding-left:min(32px,4vw);padding-right:min(32px,4vw);display:flex}.landing{color:#000;background:#efefef;padding:32px 0}.hero{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.hero h1,.hero h2,.about h3,.details-column h4,.bracket{margin:0;font-family:Rubik,Segoe UI,sans-serif}.hero h1{letter-spacing:-.05em;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:clamp(4.2rem,8.5vw,12rem);font-weight:900}.hero-name{flex-wrap:nowrap;align-items:flex-end;gap:.06em;display:flex}.hero-word{white-space:nowrap;align-items:flex-end;display:inline-flex}.hero-letter-h1{filter:blur(max(0px, calc((var(--i) - 3) * .5px)));transition:filter .18s;display:inline-block}.hero-letter-h2{filter:blur(max(0px, calc((var(--i) - 3) * .25px)));transition:filter .18s;display:inline-block}.hero h2{letter-spacing:-.04em;color:#000;white-space:nowrap;max-width:100%;font-size:clamp(2.2rem,4vw,5rem);font-weight:700;line-height:1.2}.info-row{grid-template-columns:minmax(220px,1fr) minmax(360px,2.2fr) minmax(160px,.7fr);align-items:start;gap:32px;width:100%;padding:10px 0 0;display:grid}.skill-list,.contact-list,.nav-links{flex-direction:column;gap:10px;display:flex}.skill-list,.contact-list,.nav-list,.details-column{color:#000;letter-spacing:-.72px;font-family:Space Mono,Courier New,monospace;font-size:clamp(1rem,1.4vw,1.5rem);line-height:1.2}.skill-list,.contact-list{text-transform:uppercase;align-items:flex-start}a,a:visited{color:inherit}.contact-link{color:inherit;white-space:nowrap;align-items:center;gap:10px;text-decoration:none;transition:opacity .2s;display:inline-flex}.contact-link:hover,.contact-link:focus-visible,.nav-links a:hover,.nav-links a:focus-visible{text-underline-offset:4px;outline:none;text-decoration:underline;text-decoration-thickness:2px}.contact-marker{justify-content:center;align-items:center;min-width:64px;font-size:22px;line-height:1;display:inline-flex;transform:translateY(-2px)}.marker-left,.marker-right{font-size:22px;font-weight:700;display:inline-block}.contact-marker img{object-fit:contain;flex-shrink:0;width:23px;height:19px;transform:rotate(45deg)}.nav-list{text-transform:uppercase;justify-self:end;align-items:flex-start;gap:64px;display:flex}.nav-title{letter-spacing:-.72px;white-space:nowrap;font-size:clamp(1rem,1.4vw,1.5rem)}.nav-links{gap:10px}.nav-links a{color:#000;white-space:nowrap;text-decoration:none}.about{color:#efefef;background:#000;padding:32px 0}.about h3{letter-spacing:-.04em;text-transform:uppercase;margin-bottom:32px;font-size:clamp(3.125rem,6vw,5rem);font-weight:700;line-height:1.2}.about-content{justify-content:space-between;align-items:end;gap:32px;width:100%;margin-bottom:64px;display:flex}.bio-block{letter-spacing:-.72px;color:#efefef;flex-direction:column;gap:24px;max-width:46%;font-family:Space Mono,Courier New,monospace;font-size:22px;line-height:1.25;display:flex}.bio-block p{margin:0}.portrait-wrapper{justify-content:center;align-items:center;gap:12px;display:flex}.bracket{letter-spacing:-.06em;color:#efefef;font-size:clamp(9rem,17vw,22rem);font-weight:500;line-height:.8;transform:translateY(10px)}.portrait-frame{background:#d9d9d9;border:25px solid #efefef;width:min(296px,28vw);height:min(370px,34vw);overflow:hidden}.portrait-frame img{object-fit:cover;filter:grayscale();width:100%;height:100%}.details-grid{justify-content:space-between;align-items:flex-start;gap:32px;width:100%;display:flex}.details-column{color:#efefef;text-transform:uppercase;align-items:flex-start;gap:28px;display:flex}.details-column h4{letter-spacing:-.72px;color:#efefef;margin:0;font-size:24px;font-weight:700;line-height:1.2}.details-column ul{flex-direction:column;gap:10px;min-width:200px;display:flex}.details-column li{letter-spacing:-.72px;white-space:nowrap;align-items:center;gap:12px;font-size:24px;line-height:1.2;display:flex}.divider-rotated{transform-origin:50%;margin-right:6px;font-size:28px;font-weight:700;line-height:1;display:inline-block;transform:rotate(90deg)}.projects{color:#efefef;background:#000;border-top:1px solid #efefef40;padding:32px 0}.projects-inner{flex-direction:column;gap:28px;display:flex}.projects-header{border-bottom:1px solid #efefef33;justify-content:space-between;align-items:end;gap:24px;padding-top:12px;padding-bottom:32px;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#efefef;font-family:Space Mono,Courier New,monospace;font-size:18px;line-height:1.1}.projects-header h3{letter-spacing:-.05em;text-transform:uppercase;margin:0;font-family:Rubik,Segoe UI,sans-serif;font-size:clamp(2.4rem,4vw,4.5rem);font-weight:700;line-height:1}.projects-grid{grid-template-columns:1fr;gap:24px;padding-top:18px;display:grid}.project-card{background:#efefef05;border:1px solid #efefef33;flex-direction:column;justify-content:space-between;min-height:320px;padding:22px 20px 18px;transition:transform .2s,border-color .2s,background .2s;display:flex}.project-card:hover,.project-card:focus-within{background:#efefef0a;border-color:#efefef80;transform:translateY(-4px)}.project-card-top,.project-meta{letter-spacing:.08em;text-transform:uppercase;color:#efefef;justify-content:space-between;align-items:center;gap:16px;font-family:Space Mono,Courier New,monospace;font-size:14px;line-height:1.2;display:flex}.project-index{opacity:.72}.project-card h4{letter-spacing:-.06em;text-transform:uppercase;color:#efefef;margin:24px 0 16px;font-family:Rubik,Segoe UI,sans-serif;font-size:clamp(2rem,2.6vw,3rem);font-weight:700;line-height:1.05}.project-card p{letter-spacing:-.02em;color:#efefefd1;max-width:34ch;margin:0;font-family:Space Mono,Courier New,monospace;font-size:15px;line-height:1.6}.project-meta{border-top:1px solid #efefef33;margin-top:26px;padding-top:14px}.project-meta a{color:#efefef;text-decoration:none;transition:opacity .2s}.project-meta a:hover,.project-meta a:focus-visible{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.site-footer{color:#000;background:#efefef;border-top:1px solid #0000002e;padding:20px 0 32px}.footer-inner{justify-content:space-between;align-items:center;gap:24px;width:min(100%,1560px);margin:0 auto;padding-left:min(32px,4vw);padding-right:min(32px,4vw);display:flex}.footer-copy,.footer-links a{letter-spacing:.08em;text-transform:uppercase;color:#000;font-family:Space Mono,Courier New,monospace;font-size:14px;line-height:1.2;text-decoration:none}.footer-links{align-items:center;gap:20px;display:flex}.footer-links a:hover,.footer-links a:focus-visible{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}@media (width<=1024px){.landing,.about,.projects{min-height:auto;padding:20px 0}.info-row{grid-template-columns:1fr;gap:18px}.about-content,.details-grid{flex-direction:column;align-items:flex-start}.nav-list{flex-direction:column;justify-self:stretch;gap:12px;width:100%}.nav-links{flex-flow:wrap}.bio-block{max-width:100%;font-size:18px}.portrait-wrapper{justify-content:center;width:100%}.portfolio-shell{overflow-x:hidden}.hero h1,.hero h2{white-space:normal;max-width:100%}.hero-name{flex-wrap:wrap;gap:.05em}.hero-word{white-space:normal}.hero-word-second{margin-left:0}.details-column{flex-direction:column;gap:10px;width:100%}.projects-header{flex-direction:column;align-items:flex-start}.projects-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}.details-column h4,.details-column li,.skill-list,.contact-list,.nav-list,.nav-title,.contact-item{white-space:normal}}@media (width<=640px){.landing,.about,.projects{padding:16px 0}.page-inner{padding-left:20px;padding-right:20px}.hero{gap:8px}.hero h1{font-size:clamp(2.8rem,20vw,5rem);line-height:.9}.hero-name{flex-wrap:wrap;display:inline-flex}.hero h2{font-size:clamp(1.5rem,8vw,2.4rem);line-height:1.1}.skill-list,.contact-list,.nav-list,.details-column h4,.details-column li{font-size:18px}.contact-item{flex-wrap:wrap;align-items:flex-start}.contact-link{align-items:flex-start;gap:8px}.contact-marker{min-width:44px;transform:translateY(0)}.portrait-frame{border-width:18px;width:min(210px,56vw);height:min(270px,72vw)}.projects-header h3{font-size:clamp(2rem,9vw,3rem)}.project-card{min-height:260px;padding:18px 16px}.project-card h4{font-size:clamp(1.5rem,7vw,2.2rem)}.project-card-top,.project-meta{flex-wrap:wrap;align-items:flex-start;gap:12px}.footer-links{gap:12px}}