:root{color:#172033;background:#f5f7fb;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{background:#f5f7fb;margin:0}main{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 56px}nav{z-index:10;background:#fffffff0;border-bottom:1px solid #dde3ee;position:sticky;top:0}nav:p{margin:0;font-weight:800}ul{justify-content:flex-end;align-items:center;gap:10px;width:min(1120px,100% - 32px);margin:0 auto;padding:16px 0;list-style-type:none;display:flex}li{color:#3d4a5f;border-radius:8px;padding:8px 12px;font-weight:600}li:hover{color:#172033;background:#eef2f7}section{margin-bottom:36px}h2{color:#172033;margin:0 0 20px;font-size:2rem;line-height:1.2}a{color:#3d4a5f;font-weight:700;text-decoration:none}a:hover{text-decoration:underline}#bio{background:#fff;border:1px solid #dde3ee;border-radius:24px;grid-template-columns:minmax(240px,420px) 1fr;align-items:center;gap:34px;padding:34px;display:grid;box-shadow:0 14px 32px #18243a14}#lentz{object-fit:cover;border-radius:18px;width:100%;max-height:420px;display:block}#about{color:#3d4a5f;max-width:620px;margin:0;font-size:1.15rem;line-height:1.75}#methodSection{padding-top:4px}#methoSection h2{text-align:left}#methodSection{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.projects{background:#fff;border:1px solid #dde3ee;border-radius:18px;flex-direction:column;gap:16px;min-height:360px;margin:0;padding:22px;display:flex;box-shadow:0 12px 28px #18243a14}.projects p{color:#3d4a5f;max-width:620px;margin:0;font-size:1.15rem;line-height:1.75}.projects img{aspect-ratio:16/9;object-fit:cover;border:1px solid #e2e8f0;border-radius:12px;width:100%}.projects div{color:#526174;margin:0;line-height:1.55}.projects a{background:#edf3ff;border-radius:8px;width:fit-content;margin-top:auto;padding:10px 12px}form{flex-direction:column;gap:14px;display:flex}#contactMe{padding-top:4px}#contactMeBox{background:#fff;border:1px solid #dde3ee;border-radius:18px;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);align-items:start;gap:32px;max-width:1200px;margin:0 auto;padding:28px;display:grid;box-shadow:0 12px 28px #18243a14}#contactMe h2{text-align:left}#contactMe p{color:#3d4a5f;margin:0;line-height:1.6}#contactMe input,#contactMe textarea{color:#172033;width:100%;font:inherit;background:#fff;border:1px solid #cfd8e6;border-radius:8px;padding:12px 14px}#contactMe input:focus,#contactMe textarea:focus{border-color:#1f5eff;outline:3px solid #dbeafe}#contactMe textarea{resize:vertical}#contactMe button{color:#fff;font:inherit;cursor:pointer;background:#172033;border:0;border-radius:8px;align-self:flex-start;padding:12px 18px;font-weight:700}#contactMe button:hover{background:#263349}@media (width<=800px){ul{flex-wrap:wrap;justify-content:center}#bio,#methodSection,#contactMeBox{grid-template-columns:1fr}#bio{padding:24px}#lentz{max-height:none}}@media (width<=520px){main{width:min(100% - 24px,1120px);padding-top:24px}h2{font-size:1.65rem}ul{gap:4px;width:min(100% - 24px,1120px);padding:12px 0}li{padding:7px 8px;font-size:.9rem}#bio,.projects,#contactMeBox{border-radius:14px;padding:20px}#about{font-size:1rem}#contactMe button{width:100%}}.skills{grid-template-columns:auto auto auto;place-items:center;gap:20px;display:grid}.skills img{width:70px;height:70px;margin-bottom:10px}.skills p{margin:0}.skills>div{text-align:center;flex-direction:column;align-items:center;display:flex}
