/* skin.css: pelle design-taste-frontend (scelta sua, 08/10/2026), caricata dopo style.css. Geist self-hostato. Hero centrato come prima. */
@font-face{font-family:'Geist';src:url('assets/fonts/geist-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--nav-h:75px;--tr:14px;--radius:14px;--font-heading:'Geist',system-ui,sans-serif;--font-body:'Geist',system-ui,sans-serif;
 --bg:#0e0e11;--surface:#16161b;--surface-2:#1f1f26;--tz:color-mix(in srgb,var(--text) 6%,var(--bg));
 --shadow:0 1px 2px color-mix(in srgb,var(--accent) 6%,transparent),0 18px 40px -20px rgba(0,0,0,.7)}
[data-theme="light"]{--bg:#f5f5f7;--surface:#fff;--shadow:0 1px 2px rgba(20,20,30,.06),0 18px 40px -22px rgba(20,20,30,.28)}
*{scrollbar-width:none}*::-webkit-scrollbar{display:none}
body{font-family:'Geist',system-ui,sans-serif;line-height:1.65}
h1,h2,h3{letter-spacing:-.03em}
.navbar{backdrop-filter:blur(14px)}
.nav-container{max-width:1200px;margin:0 auto;padding:.7rem 1rem}
.site-title{font-weight:700;letter-spacing:-.03em}
.nav-links a{font-weight:500;border-radius:var(--tr);padding:.4rem .8rem}
.nav-links a:hover,.nav-links a.active{background:var(--tz)}
.theme-toggle{border-radius:var(--tr);border:0;background:var(--tz)}
/* HERO: centrato e col nome sfumato come prima (scelta sua); cambia solo il font */
.hero-name{letter-spacing:-.03em}
.stage-link{border-radius:var(--tr);font-weight:600;letter-spacing:-.01em;box-shadow:none}
/* sezioni: titoli a sinistra, niente barretta */
.section-title{text-align:left;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.045em}
.section-title::after,.about-text h2::after{display:none}
.section-subtitle{text-align:left;margin:.6rem 0 2.5rem}
.about{padding:7rem 1rem}
.about-container{max-width:1200px;gap:5rem;align-items:flex-start}
.about-photo{width:min(340px,100%);height:420px;border-radius:calc(var(--tr) + 6px);border:0;box-shadow:var(--shadow)}
.about-text{padding-top:.5rem}
.about-text h2{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.045em;margin-bottom:1.2rem}
.about-text p{font-size:1.15rem;max-width:56ch;line-height:1.7}
.about-text p:first-of-type{font-size:1.5rem;line-height:1.35;letter-spacing:-.02em;font-weight:500}
.interests{padding:2.5rem 1rem;background:var(--bg);border-top:1px solid var(--border);min-height:calc(100dvh - var(--nav-h));display:flex;flex-direction:column;justify-content:center}
.interests .container{width:100%}
.interests .section-subtitle{margin-bottom:1.6rem}
.stage-panel{min-height:clamp(300px,calc(100dvh - 440px),460px)}
.interests-cards{grid-template-columns:1.4fr 1fr 1fr;grid-auto-rows:minmax(180px,auto);gap:1rem}
.interest-card:first-child{grid-row:span 2}.interest-card:nth-child(4){grid-column:span 2}
.interest-card{min-height:0;border:0;border-radius:calc(var(--tr) + 6px);box-shadow:var(--shadow)}
.interest-card h3{font-size:1.6rem;letter-spacing:-.03em}
.interest-card:hover{border-color:transparent;box-shadow:0 0 0 2px var(--accent),var(--shadow)}
.contacts{padding:7rem 1rem;border-top:1px solid var(--border)}
.contacts .section-title{text-align:center}
.contact-form{margin:2rem auto 0}
.contact-form button{align-self:center}
section[id]{scroll-margin-top:var(--nav-h)}
.contacts .container{max-width:1200px}
.contact-form{max-width:560px}
.contact-form label{margin-top:1rem;font-weight:500}
.contact-form input,.contact-form textarea{border:0;background:var(--tz);border-radius:var(--tr);padding:.9rem 1rem}
.contact-form input:focus,.contact-form textarea:focus{box-shadow:0 0 0 2px var(--accent)}
.contact-form button{margin:1.6rem auto 0;border-radius:var(--tr);color:#1a0d00;font-weight:600;padding:.9rem 2rem}
.contact-form button:hover{transform:translateY(-1px)}
.contact-form button:active{transform:scale(.98)}
.footer{background:none;text-align:left}
.footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
@media(max-width:768px){
 .about{padding:4rem 1rem}.about-container{gap:2rem}.about-photo{height:340px;width:100%}
 .contacts{padding:4rem 1rem}
 .interests{min-height:0;padding:3rem 1rem}
 .interests-cards{grid-template-columns:1fr}.interest-card:first-child{grid-row:auto}.interest-card:nth-child(4){grid-column:auto}
}
.stage-title{color:#fff}