/*
Theme Name: VP Architecture
Theme URI: https://architetto-vp.it
Author: Valentina Piccione
Description: Tema WordPress personalizzato per Valentina Piccione Architetto. Responsive, con Progetti e rubrica "Posso chiederlo?" gestibili dal pannello.
Version: 0.3.0
Text Domain: vp-architecture
*/

:root{--color-primary:#6d7051;--color-accent:#dfb20c;--color-gray:#777872;--color-dark:#222;--color-bg:#fdfdfd;--color-bg-light:#f5f5f3;--color-border:#e0e0e0;--max:1200px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--color-dark);background:var(--color-bg);line-height:1.65;font-size:16px}body.menu-open{overflow:hidden}h1,h2,h3,h4,.footer-brand{font-family:"HK Grotesk","Lato",sans-serif;font-weight:400;letter-spacing:.025em;line-height:1.18}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.container-narrow{max-width:820px;margin:0 auto;padding:0 24px}.section-padded{padding:104px 0}.bg-light{background:var(--color-bg-light)}.text-center{text-align:center}.mt-large{margin-top:52px}.mt-medium{margin-top:30px}.section-tag,.answer-label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--color-primary);margin-bottom:16px;font-weight:700}.section-header{margin-bottom:58px}.section-header h1,.section-header h2{font-size:clamp(2rem,3.4vw,3.1rem);margin-bottom:20px}.section-header p{color:var(--color-gray);font-size:1.08rem;max-width:760px}.btn-primary,.btn-secondary{display:inline-block;padding:13px 24px;font-size:.83rem;letter-spacing:.11em;text-transform:uppercase;transition:.25s ease;border:1px solid var(--color-primary);cursor:pointer}.btn-primary{background:var(--color-primary);color:white}.btn-primary:hover{background:#55583e;border-color:#55583e}.btn-secondary{background:transparent;color:var(--color-dark)}.btn-secondary:hover{background:var(--color-primary);color:white}.link-arrow{display:inline-block;color:var(--color-primary);font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:20px}.link-arrow:after{content:" →"}.button-group{display:flex;gap:18px;justify-content:center}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(253,253,253,.97);border-bottom:1px solid var(--color-border);backdrop-filter:blur(9px)}body.admin-bar .site-header{top:32px}.site-header-inner{max-width:1400px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo-header img{max-height:48px;width:auto}.custom-logo-link{display:block}.main-nav ul{list-style:none;display:flex;gap:26px;align-items:center}.main-nav a{font-size:.82rem;color:#666;letter-spacing:.06em}.main-nav a:hover{color:var(--color-primary)}.main-nav .nav-cta{color:var(--color-primary);border-bottom:1px solid var(--color-primary);padding-bottom:3px}.mobile-menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:9px;cursor:pointer}.mobile-menu-toggle span{display:block;height:1px;background:var(--color-primary);margin:6px 0;width:100%}
.hero-section{position:relative;min-height:78vh;display:flex;align-items:flex-end;overflow:hidden;background:#c8c8c1}.hero-image-wrap,.hero-overlay{position:absolute;inset:0}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.11) 68%,rgba(0,0,0,.02))}.hero-content{position:relative;z-index:2;max-width:850px;padding:9vw max(24px,calc((100vw - 1200px)/2 + 24px));padding-right:24px;color:white}.hero-label{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;margin-bottom:18px}.hero-section h1{font-size:clamp(2.5rem,5.6vw,5.4rem);max-width:930px;margin-bottom:24px}.hero-section p{font-size:clamp(1rem,1.8vw,1.25rem);max-width:680px;margin-bottom:34px}.hero-section .btn-primary{background:rgba(109,112,81,.95)}
#metodo h2{font-size:clamp(2rem,3vw,3rem);margin-bottom:24px}#metodo p{color:var(--color-gray);font-size:1.08rem;margin-bottom:18px}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.service-card{background:white;padding:38px;border:1px solid var(--color-border);min-height:330px;display:flex;flex-direction:column}.service-number{font-size:3.1rem;line-height:1;color:rgba(109,112,81,.25);margin-bottom:32px}.service-card h3{font-size:1.35rem;margin-bottom:16px}.service-card p{color:var(--color-gray);font-size:.96rem}.service-card .link-arrow{margin-top:auto;padding-top:22px}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.project-card{background:white;padding:28px;border:1px solid var(--color-border);display:flex;flex-direction:column;}.project-media{display:block;aspect-ratio:4/3;overflow:hidden;background:#ddd}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.project-card:hover .project-media img{transform:scale(1.025)}.project-card .project-category{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-gray);margin:20px 0 9px}.project-card h2,.project-card h3{font-size:1.2rem;margin-bottom:9px}.project-card p{font-size:.92rem;color:var(--color-gray)}
.answers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.answer-card{border-top:1px solid var(--color-primary);padding:28px 0}.answer-card h2,.answer-card h3{font-size:1.25rem;margin-bottom:12px}.answer-card p{color:var(--color-gray);font-size:.95rem}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.about-text h2{font-size:clamp(2rem,3vw,3rem);margin-bottom:20px}.about-text p{color:var(--color-gray);margin-bottom:16px;font-size:1.04rem}.about-list{list-style:none;margin:26px 0}.about-list li{padding:7px 0 7px 20px;position:relative}.about-list li:before{content:"—";position:absolute;left:0;color:var(--color-primary)}.about-image-placeholder{aspect-ratio:4/5;overflow:hidden;background:#ddd}.about-image-placeholder img{width:100%;height:100%;object-fit:cover}.contact-section{background:white}.contact-placeholder{border:1px solid var(--color-border);padding:42px;text-align:center}.contact-placeholder p{margin-bottom:14px;color:var(--color-gray)}.contact-placeholder .btn-primary{margin-top:12px}.content-area h1,.project-single h1,.answer-single h1{font-size:clamp(2.4rem,5vw,4.5rem);margin-bottom:38px}.entry-content>*+*{margin-top:1.2em}.entry-content h2{font-size:2rem;margin-top:2em}.single-hero-media{margin-bottom:44px}.site-footer{background:var(--color-primary);color:white;padding:48px 0}.footer-container{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:24px;align-items:end}.footer-brand{letter-spacing:.12em}.footer-container p,.footer-container a{font-size:.82rem}.pagination{margin-top:44px}

/* Regola per rendere nero l'elenco di "Chi sono" */
.about-list,
.about-list li {
  color: #222 !important;
}

@media(max-width:1000px){.main-nav ul{gap:17px}.main-nav a{font-size:.76rem}.projects-grid,.answers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{gap:40px}}
@media(max-width:900px){body.admin-bar .site-header{top:46px}.site-header-inner{padding:14px 20px;flex-wrap:wrap}.mobile-menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:12px 24px 28px}.main-nav.is-open{display:block}.main-nav ul{flex-direction:column;align-items:flex-start;gap:13px}.main-nav a{font-size:1rem}.section-padded{padding:76px 0}.services-grid,.about-grid{grid-template-columns:1fr}.about-image-placeholder{max-width:600px}.footer-container{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container,.container-narrow{padding:0 20px}.hero-section{min-height:72vh}.hero-image{object-position:center}.hero-overlay{background:linear-gradient(0deg,rgba(0,0,0,.58),rgba(0,0,0,.08) 80%)}.hero-content{padding:70px 20px 48px}.hero-section h1{font-size:2.45rem}.services-grid,.projects-grid,.answers-grid{grid-template-columns:1fr}.service-card{padding:28px;min-height:auto}.button-group{flex-direction:column;align-items:stretch}.button-group a{text-align:center}.footer-container{grid-template-columns:1fr;text-align:center;align-items:center}.contact-placeholder{padding:30px 20px}.logo-header img{max-height:40px}}