@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Inter:wght@300;400;500&family=Roboto+Mono&display=swap&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{color:#111;background-color:#fcfcfc;line-height:1.6;font-family:"DM Sans",sans-serif}.nav-container{position:relative;width:100%;height:120px;overflow:hidden;margin-bottom:0}.nav-image,.overlay{width:100%;height:100%}.nav-image{object-fit:cover;filter:grayscale(40%)}.overlay{position:absolute;top:0;left:0;background:linear-gradient(90deg,#fcfcfc 0,rgba(252,252,252,.8) 25%,rgba(252,252,252,0) 100%);display:flex;flex-direction:column;justify-content:center;padding-left:12%}.name,.title{font-family:"Inter",sans-serif;font-size:2.2rem;font-weight:300;letter-spacing:-.7px}.title{font-size:.85rem;font-weight:400;letter-spacing:2px;text-transform:uppercase;opacity:.6;margin-top:5px}.layout-grid{display:grid;grid-template-columns:repeat(12,1fr);max-width:1300px;margin:0 auto;gap:5rem 1.5rem;padding:6rem 2rem}h2,section{position:relative}#about{grid-column:3/10}#links,#projects{grid-column:3/11}h2{font-family:"Inter",sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:2.5rem;font-weight:500;color:#666;display:inline-block;margin-left:30px}h2:before{content:"";position:absolute;width:20px;height:1px;background:#000;left:-30px;top:50%;transform:translateY(-50%)}p{margin-bottom:1.5rem;font-size:1rem;line-height:1.8;opacity:.87}p:last-child{margin-bottom:0}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem}.project-card{position:relative;padding-top:1.5rem}.project-card:before{content:none}.project-title{font-family:"Inter",sans-serif;font-size:1.1rem;font-weight:500;margin-bottom:1rem;letter-spacing:-.3px}.project-desc{font-size:.95rem;line-height:1.7}.tech{font-family:"Roboto Mono",monospace;font-size:.75rem;opacity:.6;margin-top:1rem}.links{display:flex;flex-wrap:wrap;gap:3.5rem;margin-top:.5rem}.link-item{text-decoration:none;color:#111;font-size:1rem;position:relative;transition:opacity .2s;padding:3px 0}.link-item:after{content:"";position:absolute;width:0;height:1px;background:#000;left:0;bottom:0;transition:width .3s}.link-item:hover:after{width:100%}.link-item:hover{opacity:.7}footer{text-align:center;padding:4rem 0 2rem;font-size:.8rem;opacity:.5;letter-spacing:.5px}.overlay{padding-left:calc(((100% - 1300px)/2) + 2rem + ((1300px - 4rem)*2/12))}@media (max-width:1300px){.overlay{padding-left:calc(2rem + (100% - 4rem)*2/12)}}@media (max-width:1100px){#about,#links,#projects{grid-column:2/12}.overlay{padding-left:calc(1.5rem + (100% - 3rem)*1/6)}}@media (max-width:900px){.layout-grid{grid-template-columns:repeat(6,1fr);gap:4rem 1rem;padding:4rem 1.5rem}#about,#links,#projects{grid-column:1/7}.projects-grid{grid-template-columns:1fr;gap:3rem}.name{font-size:1.8rem}.links{gap:2rem}.nav-container{height:100px}.overlay{padding-left:1.5rem}}.link-item:focus-visible{outline:2px solid #000;outline-offset:2px}