/**
 * team.css — stili della pagina "Team" (template page-team.php).
 *
 * Solo selettori specifici di questa pagina. Header, footer, social, burger e
 * cursore custom restano a shared.css. Caricato solo sulla pagina Team.
 * Riprodotto fedelmente dal prototipo team-prototype-v4.html, con due aggiunte:
 *   - segnaposto foto a iniziali (.is-placeholder / .ph-initials) finché non
 *     si carica l'immagine in evidenza nella scheda Collaboratore;
 *   - colore del link CV legato alla classe .vinaccia/.blu (campo colore_cv),
 *     non più allo slug del nome.
 */

/* ---- Contenitore ---- */
.main-content{padding-top:120px;max-width:1140px;margin:0 auto;padding-left:clamp(14px,4vw,40px);padding-right:clamp(14px,4vw,40px)}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(10px,1.05vw,11.5px);font-weight:400;letter-spacing:0.28em;color:#2B2622;text-align:center;margin-bottom:clamp(28px,3.4vw,42px);text-transform:uppercase}
/* Titolo di pagina come h1: niente margine superiore e clear di Underscores (style.css), aspetto identico al div */
h1.section-title{margin-top:0;clear:none}
.section-sep{width:100%;height:1px;background:#EDE8DF;margin:clamp(44px,5.5vw,80px) 0}
.section-sep-wide{width:100%;height:1px;background:#EDE8DF;margin:clamp(80px,10vw,140px) 0}

/* ---- Manifesto ---- */
.manifesto{max-width:720px;margin:0 auto;font-family:'Cormorant Garamond',serif;color:#2B2622;text-align:justify;letter-spacing:-0.012em;word-spacing:-0.02em}
.manifesto p{font-size:clamp(15px,1.75vw,19px);font-weight:400;line-height:1.5;margin-bottom:clamp(12px,1.4vw,18px)}
.manifesto p:last-child{margin-bottom:0}
.manifesto strong{font-weight:500;color:#2B2622}
.manifesto em{font-style:italic;color:#453F38}

/* ---- Fondatori ---- */
.founders{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,38px);max-width:640px;margin:0 auto}
.founder{cursor:none}
.founder-photo{aspect-ratio:3/4;background-color:#EDE8DF;background-size:cover;background-position:center;position:relative;overflow:hidden;transition:all 0.45s ease;filter:grayscale(1);margin-bottom:clamp(10px,1.4vw,16px)}
.founder:hover .founder-photo{filter:grayscale(0.1)}
.founder-info{text-align:center}
.founder-name{font-family:'DM Serif Display',serif;font-size:clamp(18px,2.3vw,26px);color:#2B2622;margin-bottom:2px;line-height:1.1;letter-spacing:-0.01em}
.founder-role{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(13px,1.4vw,16px);font-weight:400;color:#7D7365;margin-bottom:clamp(10px,1.3vw,14px);letter-spacing:0.01em}
.founder-cv-link{font-family:'Montserrat',sans-serif;font-size:10px;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;padding-bottom:3px;border-bottom:1px solid transparent;transition:all 0.3s;background:none;border-top:none;border-left:none;border-right:none;cursor:none}
.founder-cv-link::after{content:'\2192';font-size:12px;transition:transform 0.3s}
/* colore link CV per palette (campo colore_cv: vinaccia | blu) */
.founder.vinaccia .founder-cv-link{color:#A45A52}
.founder.vinaccia .founder-cv-link:hover{border-bottom-color:#A45A52;gap:12px}
.founder.blu .founder-cv-link{color:#2A4869}
.founder.blu .founder-cv-link:hover{border-bottom-color:#2A4869;gap:12px}

/* ---- Spazio creativo ---- */
.studio-space{max-width:980px;margin:0 auto}
.studio-photo{aspect-ratio:16/9;background-color:#EDE8DF;background-image:url('../img/team/spazio-creativo.jpg');background-size:cover;background-position:center;position:relative;overflow:hidden;filter:grayscale(1);transition:filter 0.5s}
.studio-photo:hover{filter:grayscale(0.2)}
.studio-caption{text-align:center;margin-top:clamp(14px,1.8vw,20px);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(13px,1.4vw,16px);font-weight:400;color:#7D7365;letter-spacing:0.01em;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.5}

/* ---- Collaboratori attuali ---- */
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,240px));justify-content:center;gap:clamp(16px,3vw,36px);max-width:820px;margin:0 auto}
.team-member{text-align:center}
.team-photo{aspect-ratio:4/5;background-color:#EDE8DF;background-size:cover;background-position:center;position:relative;overflow:hidden;filter:grayscale(1);transition:filter 0.5s;margin-bottom:clamp(10px,1.4vw,16px)}
.team-member:hover .team-photo{filter:grayscale(0.15)}
.team-name{font-family:'DM Serif Display',serif;font-size:clamp(15px,1.7vw,20px);color:#2B2622;margin-bottom:2px;line-height:1.15}
.team-role{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(11px,1.2vw,14px);font-weight:400;color:#7D7365;letter-spacing:0.02em;min-height:1em}

/* ---- Segnaposto foto (iniziali) finché non si carica l'immagine ---- */
.is-placeholder{display:flex;align-items:center;justify-content:center}
.ph-initials{font-family:'DM Serif Display',serif;font-size:clamp(26px,4vw,52px);color:#BFB5A3;letter-spacing:0.04em;line-height:1}

/* ---- Ex collaboratori ---- */
.past-intro{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(13px,1.45vw,17px);font-weight:400;color:#453F38;line-height:1.55;text-align:center;max-width:580px;margin:0 auto clamp(24px,3vw,36px)}
.past-list{max-width:820px;margin:0 auto;columns:3;column-gap:clamp(24px,4vw,54px);column-rule:1px solid #EDE8DF}
.past-list li{font-family:'Cormorant Garamond',serif;font-size:clamp(14px,1.5vw,17px);font-weight:400;color:#2B2622;line-height:1.75;list-style:none;padding:3px 0;break-inside:avoid;text-align:left}

/* ---- Network / Deark ---- */
.deark-section{max-width:960px;margin:0 auto}
.deark-header{text-align:center;margin-bottom:clamp(32px,4vw,52px)}
.deark-label{font-family:'Montserrat',sans-serif;font-size:10px;letter-spacing:0.3em;color:#7D7365;text-transform:uppercase;margin-bottom:12px}
.deark-logo{margin:0 auto clamp(14px,1.8vw,22px);max-width:clamp(180px,22vw,260px)}
.deark-logo img{width:100%;height:auto;display:block}
.deark-tagline{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(14px,1.55vw,18px);font-weight:400;color:#7D7365;max-width:480px;margin:0 auto;line-height:1.5}
.deark-body{font-family:'Cormorant Garamond',serif;color:#2B2622;max-width:720px;margin:0 auto;text-align:justify;letter-spacing:-0.012em}
.deark-body p{font-size:clamp(15px,1.65vw,18px);font-weight:400;line-height:1.55;margin-bottom:clamp(12px,1.3vw,18px)}
.deark-body p:last-child{margin-bottom:0}
.deark-body strong{font-weight:500}

/* ---- Modale CV ---- */
.cv-modal{position:fixed;inset:0;background:rgba(43,38,34,0.65);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,40px);opacity:0;visibility:hidden;transition:all 0.4s}
.cv-modal.open{opacity:1;visibility:visible}
.cv-panel{background:#F8F5F0;max-width:720px;width:100%;max-height:88vh;overflow-y:auto;padding:clamp(24px,3.5vw,48px) clamp(22px,3.5vw,56px);position:relative;transform:translateY(30px);transition:transform 0.45s cubic-bezier(0.25,0.1,0.25,1);scrollbar-width:thin}
.cv-modal.open .cv-panel{transform:translateY(0)}
.cv-panel.vinaccia{background:#F5ECE9;scrollbar-color:#A45A52 #F5ECE9;border-top:3px solid #A45A52}
.cv-panel.blu{background:#DFE5EF;scrollbar-color:#2A4869 #DFE5EF;border-top:3px solid #2A4869}
.cv-panel::-webkit-scrollbar{width:6px}
.cv-panel.vinaccia::-webkit-scrollbar-track{background:#F5ECE9}
.cv-panel.vinaccia::-webkit-scrollbar-thumb{background:#A45A52}
.cv-panel.blu::-webkit-scrollbar-track{background:#DFE5EF}
.cv-panel.blu::-webkit-scrollbar-thumb{background:#2A4869}
.cv-close{position:absolute;top:clamp(12px,1.8vw,20px);right:clamp(14px,1.8vw,24px);background:none;border:none;font-size:26px;color:#7D7365;cursor:none;font-weight:200;transition:color 0.3s;line-height:1;padding:4px 8px;z-index:2}
.cv-panel.vinaccia .cv-close:hover{color:#A45A52}
.cv-panel.blu .cv-close:hover{color:#2A4869}
.cv-header{text-align:center;margin-bottom:clamp(24px,3vw,36px);padding-bottom:clamp(16px,2.2vw,26px);border-bottom:1px solid #EDE8DF}
.cv-name{font-family:'DM Serif Display',serif;font-size:clamp(22px,2.9vw,34px);color:#2B2622;margin-bottom:4px;line-height:1.1;letter-spacing:-0.01em}
.cv-role{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(13px,1.5vw,17px);font-weight:400;color:#7D7365;letter-spacing:0.02em;margin-bottom:8px}
.cv-birth{font-family:'Montserrat',sans-serif;font-size:9.5px;font-weight:400;letter-spacing:0.28em;text-transform:uppercase}
.cv-panel.vinaccia .cv-birth{color:#A45A52}
.cv-panel.blu .cv-birth{color:#2A4869}
.cv-list{display:flex;flex-direction:column;gap:clamp(10px,1.4vw,16px)}
.cv-entry{display:grid;grid-template-columns:clamp(84px,11vw,118px) 1fr;gap:clamp(12px,1.8vw,24px);align-items:baseline;padding-bottom:clamp(8px,1.2vw,12px);border-bottom:1px solid rgba(237,232,223,0.7)}
.cv-entry:last-child{border-bottom:none}
.cv-date{font-family:'Montserrat',sans-serif;font-size:clamp(8.5px,0.95vw,10px);font-weight:500;letter-spacing:0.16em;text-transform:uppercase;line-height:1.3}
.cv-panel.vinaccia .cv-date{color:#A45A52}
.cv-panel.blu .cv-date{color:#2A4869}
.cv-desc{font-family:'Cormorant Garamond',serif;font-size:clamp(13px,1.45vw,16px);font-weight:400;color:#2B2622;line-height:1.5}
.cv-desc em{font-style:italic;color:#453F38}
.cv-desc .note{font-size:0.88em;color:#7D7365;font-style:italic}

/* ---- Responsive ---- */
@media(max-width:760px){
.founders{grid-template-columns:1fr 1fr;gap:14px;max-width:480px}
.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:480px}
.cv-entry{grid-template-columns:1fr;gap:4px;padding-bottom:12px}
.cv-date{font-size:9px}
/* ex collaboratori: sequenza inline orizzontale separata da punti */
.past-list{columns:unset;column-gap:unset;column-rule:none;display:block;text-align:center;line-height:2;padding:0 6px}
.past-list li{display:inline;padding:0;text-align:center;font-size:clamp(13px,3.4vw,15px);line-height:2}
.past-list li::after{content:" \00b7 ";color:#BFB5A3;margin:0 6px;font-weight:400}
.past-list li:last-child::after{content:""}
}
@media(max-width:440px){
.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.team-name{font-size:13px}
.team-role{font-size:10.5px}
.founders{gap:12px}
.founder-name{font-size:17px}
.founder-role{font-size:12.5px}
}