.about-page{padding-top:var(--nav-expanded-height);background:var(--bg);color:var(--ink)}
.about-hero{padding:clamp(2.25rem,4vw,4.5rem) clamp(1.5rem,4vw,5rem) clamp(2.75rem,5vw,5rem)}
.about-hero-inner{width:min(1500px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.35fr);gap:clamp(3rem,7vw,8rem);align-items:stretch}
.about-portrait{position:relative;min-height:100%;background:var(--bg2);overflow:hidden}
.about-portrait:before,.about-portrait:after{content:"";position:absolute;z-index:2;pointer-events:none}.about-portrait:before{inset:0;border-left:7px solid var(--lm);border-bottom:7px solid var(--mg)}.about-portrait:after{width:36%;height:7px;right:0;top:0;background:var(--cy)}
.about-portrait-image{width:100%;height:100%;object-fit:cover}.about-portrait-placeholder{display:grid;place-items:center;width:100%;height:100%;font:clamp(4rem,10vw,9rem)/1 var(--serif);color:rgba(20,18,16,.14)}
.about-kicker{display:flex;align-items:center;gap:1rem;font:600 .58rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#393530;margin:0 0 1.35rem}.about-kicker span{width:38px;height:1px;background:currentColor}
.about-intro{margin-bottom:0;font-family:var(--sans);font-style:normal;font-size:inherit;color:var(--ink)}
.about-intro h1{max-width:900px;font-size:clamp(3.3rem,6.8vw,7.7rem);line-height:.94;letter-spacing:-.045em;margin-bottom:1.3rem;color:var(--ink)}.about-intro h1 em{font-weight:400}.about-lead{max-width:760px;font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:700;margin-bottom:1.5rem;color:#27231f}.about-bio{max-width:780px;color:#393530;font-size:.93rem}.about-bio p+p{margin-top:.8rem}
.about-tags,.experience-keywords{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.about-tags li,.experience-keywords li{border:1px solid rgba(20,18,16,.18);padding:.45rem .65rem;font:500 .52rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.about-hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.6rem}.about-text-link{font:700 .58rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding:.65rem 0;color:var(--ink)}
.about-cv{background:var(--ink);color:#fff;padding:clamp(5rem,9vw,9rem) clamp(1.5rem,4vw,5rem)}.about-cv>*{width:min(1600px,100%);margin-left:auto;margin-right:auto}.about-cv-header{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:3rem;align-items:end;margin-bottom:4rem}.about-kicker-light{color:rgba(255,255,255,.45)}.about-cv-header h2{font-size:clamp(3rem,6vw,7rem);line-height:.95;max-width:900px}.about-cv-header>p{color:rgba(255,255,255,.6);font-size:.9rem;max-width:520px;padding-bottom:.4rem}
.experience-list{display:grid;gap:1.2rem}.experience-card{position:relative;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.025);padding:clamp(1.5rem,3vw,3rem);overflow:hidden;transition:border-color .25s,transform .25s,background .25s}.experience-card:hover{border-color:var(--exp-accent);background:rgba(255,255,255,.045)}.experience-card.is-current{border:2px solid var(--exp-accent);box-shadow:inset 7px 0 0 var(--exp-accent)}.experience-number{position:absolute;right:1.4rem;top:.5rem;font:400 clamp(4rem,8vw,8rem)/1 var(--serif);color:rgba(255,255,255,.035);pointer-events:none}.experience-heading{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.experience-dates{font:.56rem/1.3 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--exp-accent);margin-bottom:.8rem}.experience-heading h3{font:700 clamp(1.8rem,3.6vw,3.8rem)/1 var(--cond);text-transform:uppercase;letter-spacing:.005em;max-width:1000px}.experience-company{color:rgba(255,255,255,.55);font:.62rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:.55rem}.experience-badge{flex:none;background:var(--exp-accent);color:var(--ink);padding:.45rem .7rem;font:700 .5rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.experience-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:clamp(2rem,6vw,6rem);padding-top:1.7rem}.experience-summary{font:400 clamp(1.1rem,1.7vw,1.45rem)/1.55 var(--serif);max-width:850px}.experience-description{font-size:.85rem;color:rgba(255,255,255,.68);margin-top:1.2rem;max-width:850px}.experience-description p+p{margin-top:.8rem}.experience-tasks{margin-top:1.4rem;display:grid;gap:.65rem}.experience-tasks li{position:relative;padding-left:1.2rem;color:rgba(255,255,255,.78);font-size:.78rem;line-height:1.65}.experience-tasks li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;background:var(--exp-accent)}.experience-keywords li{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.65)}
.experience-skills{display:grid;align-content:start;gap:1.15rem}.skill-meter-label{display:flex;justify-content:space-between;gap:1rem;font:.55rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.skill-meter-label b{color:var(--skill-color)}.skill-meter-track{height:2px;background:rgba(255,255,255,.12);margin-top:.55rem;overflow:hidden}.skill-meter-track i{display:block;width:var(--skill-value);height:100%;background:var(--skill-color);transform-origin:left center;transition:width .5s ease}
.cv-details-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:1.2rem;margin-top:4rem}.cv-panel{border:1px solid rgba(255,255,255,.12);padding:clamp(1.4rem,2.5vw,2.4rem);background:rgba(255,255,255,.02)}.cv-panel-label{font:.55rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.4);padding-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:1.4rem}.cv-approach article+article{margin-top:1.7rem;padding-top:1.7rem;border-top:1px solid rgba(255,255,255,.08)}.cv-approach h3,.cv-education h3{font:400 1.25rem/1.3 var(--serif);margin-bottom:.5rem}.cv-approach p,.cv-education p,.cv-skills p{font-size:.72rem;color:rgba(255,255,255,.58)}.cv-skills{display:grid;align-content:start;gap:1.35rem}.cv-skills .cv-panel-label{margin-bottom:0}.skill-meter-general p{margin:.35rem 0 .5rem}.cv-side-stack{display:grid;gap:1.2rem;align-content:start}.language-row+.language-row{margin-top:1.4rem}.language-row>div:first-child{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.language-row strong{font-size:.82rem}.language-row span{font:.48rem/1.3 var(--mono);color:rgba(255,255,255,.45);text-align:right}.cv-education article+article{margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.08)}.cv-education article>span{display:block;font:.48rem/1 var(--mono);color:var(--lm);margin-bottom:.5rem}.cv-education article>strong{display:block;font:.52rem/1.4 var(--mono);color:rgba(255,255,255,.55);margin-bottom:.5rem}
.cv-download{margin-top:4rem;padding:3rem 0 0;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:end;justify-content:space-between;gap:2rem}.cv-download p{font:.55rem/1 var(--mono);text-transform:uppercase;letter-spacing:.15em;color:var(--lm);margin-bottom:.7rem}.cv-download h2{font-size:clamp(1.7rem,3.2vw,3.5rem)}
@media(max-width:1100px){.about-hero-inner{grid-template-columns:minmax(240px,.75fr) 1.25fr;gap:3rem}.cv-details-grid{grid-template-columns:1fr 1fr}.cv-side-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:780px){.about-hero-inner,.about-cv-header,.experience-content,.cv-details-grid{grid-template-columns:1fr}.about-portrait{min-height:0;aspect-ratio:4/3}.about-portrait-image{object-position:center 25%}.about-intro h1{font-size:clamp(3rem,14vw,5.5rem)}.about-cv-header{align-items:start}.experience-heading{display:block}.experience-badge{display:inline-block;margin-top:1rem}.experience-card.is-current{box-shadow:inset 4px 0 0 var(--exp-accent)}.cv-side-stack{grid-column:auto;grid-template-columns:1fr}.cv-download{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.about-hero,.about-cv{padding-left:1rem;padding-right:1rem}.about-hero{padding-top:2.5rem}.about-tags li,.experience-keywords li{font-size:.46rem}.experience-card{padding:1.3rem}.experience-heading h3{font-size:1.9rem}.experience-number{font-size:4rem}.about-hero-actions{align-items:flex-start;flex-direction:column}}

/* Gerarchia editoriale della pagina CV */
.cv-section-heading{display:grid;grid-template-columns:70px minmax(0,1fr);gap:1.5rem;align-items:start;margin-top:clamp(4rem,7vw,7rem);margin-bottom:1.6rem;padding-top:1.7rem;border-top:1px solid rgba(255,255,255,.18)}
.about-cv>.cv-section-heading:first-child{margin-top:0;padding-top:0;border-top:0}
.cv-section-heading>span{font:700 .62rem/1 var(--mono);color:var(--lm);padding-top:.35rem}
.cv-section-heading p{font:700 .58rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.58);margin-bottom:.7rem}
.cv-section-heading h2{font-size:clamp(1.8rem,3.5vw,3.8rem);line-height:1.05;max-width:900px}
.experience-card{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.035)}
.experience-card:hover{background:rgba(255,255,255,.055)}
.experience-company{color:rgba(255,255,255,.68)}
.experience-description{color:rgba(255,255,255,.74)}
.experience-tasks li{color:rgba(255,255,255,.84)}
.experience-keywords li{border-color:rgba(255,255,255,.24);color:rgba(255,255,255,.75)}
.cv-details-grid{grid-template-columns:.85fr 1.15fr;margin-top:0}
.cv-panel{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.035)}
.cv-tech-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:1.2rem}
.cv-tools article,.cv-innovation article{position:relative;padding-left:1rem}
.cv-tools article:before,.cv-innovation article:before{content:"";position:absolute;left:0;top:.55rem;width:6px;height:6px;background:var(--lm)}
.cv-tools article+article,.cv-innovation article+article{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.09)}
.cv-tools h3,.cv-innovation h3{font:600 1rem/1.35 var(--sans);margin-bottom:.45rem}
.cv-tools p,.cv-innovation p{font-size:.76rem;color:rgba(255,255,255,.7)}
.cv-foundation-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem}
.cv-foundation-grid .cv-education{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.cv-foundation-grid .cv-education>.cv-panel-label{grid-column:1/-1}
.cv-foundation-grid .cv-education article+article{margin-top:0;padding-top:0;border-top:0;border-left:1px solid rgba(255,255,255,.1);padding-left:1.5rem}
.cv-download{background:var(--lm);color:var(--ink);padding:2.2rem clamp(1.4rem,3vw,3rem);border:0}
.cv-download p{color:var(--ink)}
.cv-download .btn-p.light{background:var(--ink);color:#fff}
@media(max-width:900px){.cv-details-grid,.cv-tech-grid,.cv-foundation-grid{grid-template-columns:1fr}.cv-foundation-grid .cv-education{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.cv-section-heading{grid-template-columns:38px 1fr}.cv-details-grid,.cv-foundation-grid .cv-education{grid-template-columns:1fr}.cv-foundation-grid .cv-education article+article{border-left:0;border-top:1px solid rgba(255,255,255,.1);padding-left:0;padding-top:1.5rem}}
