.hero{padding:10x 10px;background:linear-gradient(to right, var(--nav-bg-start), var(--nav-bg-end));min-height:80vh;color:var(--paragraph_color);justify-content:space-between;align-items:center;margin-top:100px;position:relative;overflow:hidden}.hero-content{z-index:3;text-shadow:0 2px 8px #000c;pointer-events:none;flex-direction:column;align-items:center;padding:20px;display:flex;position:relative}.hero-role{margin-bottom:8px}.hero h1{margin:0 0 32px;font-size:clamp(3rem,6vw,5rem)}.hero-description{font-size:var(--paragraph-size)}.hero-content>p{width:100%;max-width:500px;color:var(--paragraph_color);border:1px solid color-mix(in srgb, var(--base-color) 45%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--base-color) 20%, transparent);background:#0009;border-radius:25px;padding:10px 18px;line-height:1.7}.hero-actions{text-align:center;z-index:3;flex-direction:column;gap:20px;width:100%;max-width:500px;padding:10px;display:flex;position:relative}.hero-scene{z-index:1;width:100%;height:100%;position:absolute;inset:0}.hero-name{color:var(--base-color);text-shadow:0 0 12px var(--hero-shadow-color)}.hero-actions a{color:var(--paragraph_color);background-color:var(--navbar-bg-color);pointer-events:auto;padding:20px;transition:transform .3s,background-color .3s,color .3s}.hero-actions a:hover{color:var(--base-color);background-color:var(--nav-hover-bg);text-decoration:none;transform:scale(1.03)}.hero-overlay{background:linear-gradient(to right, color-mix(in srgb, var(--nav-bg-start) 30%, transparent), color-mix(in srgb, var(--nav-bg-end) 30%, transparent));z-index:2;pointer-events:none;position:absolute;inset:0}
.scene{width:100%;height:600px;position:relative}.scene-fallback{background:0 0;width:100%;height:600px}
.projects{color:var(--nav-hover-text);background-color:#0000;flex-direction:column;gap:20px;padding:0;display:flex}.projects-grid{color:var(--nav-hover-text);background-color:#0000;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:stretch;gap:20px;padding:25px;display:grid}@media (min-width:500px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));align-items:stretch}}.project-card{text-align:center;box-sizing:border-box;border:1px solid var(--nav-hover-text);background:#0009;flex-direction:column;gap:20px;height:100%;transition:transform .2s,box-shadow .2s;display:flex}.project-card-image{object-fit:cover;object-position:center top;width:auto;height:400px;display:block}.project-card-image-left{object-position:left top}.project-card-text{flex-grow:1;padding:0 10px}.projects h1{text-align:center;border-bottom:1px solid var(--nav-hover-text);padding:20px;font-weight:700}.project-card p{color:var(--paragraph_color)}.project-status{letter-spacing:.03em;border-radius:20px;width:fit-content;margin:8px 0 12px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.project-status.in-progress{color:var(--nav-hover-text);background-color:var(--nav-hover-bg)}.project-card-links{margin-top:auto;display:flex}.project-card-links a{box-sizing:border-box;white-space:nowrap;min-width:0;color:var(--paragraph_color);background-color:var(--navbar-bg-color);pointer-events:auto;flex:1;padding:20px;transition:transform .3s,background-color .3s,color .3s}.project-card-links a:hover{color:var(--base-color);background-color:var(--nav-hover-bg);text-decoration:none}
#about{flex-direction:column;display:flex}.about h1{text-align:center;border-bottom:1px solid var(--nav-hover-text);color:var(--nav-hover-text);margin-top:40px;padding:20px;font-weight:700}.about p{font-size:var(--paragraph-size);color:var(--paragraph_color);max-width:1000px;margin:0 auto;padding:30px 30px 0}
#contact{flex-direction:column;padding-bottom:150px;display:flex}.contact h1{text-align:center;border-bottom:1px solid var(--nav-hover-text);color:var(--nav-hover-text);margin-top:40px;margin-bottom:40px;padding:20px;font-weight:700}.contact-form{flex-direction:column;width:100%;max-width:600px;margin:0 auto;padding:0 20px;display:flex}.form-group{color:var(--nav-hover-text);flex-direction:column;display:flex}.form-group input,.form-group textarea{color:var(--paragraph_color);font:inherit;border:1px solid var(--nav-hover-bg);background-color:#00000037;padding:15px}.form-group textarea{resize:none}.contact-form button{background-color:var(--nav-hover-text);cursor:pointer;border:none;padding:20px;font-weight:600;transition:transform .3s,background-color .3s,color .3s}.contact-form button:hover{color:var(--nav-hover-text);background-color:var(--nav-hover-bg);transform:scale(1.03)}.status{text-align:center;color:var(--nav-hover-text);padding:10px;font-size:25px}.form-description{width:100%;color:var(--nav-hover-text);border:1px solid color-mix(in srgb, var(--base-color) 45%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--base-color) 20%, transparent);line-height:1.7;font-size:var(--paragraph-size);background:#0009;border-radius:25px;padding:10px 18px}