/*
Theme Name: Edilchimica Studio
Description: Tema aziendale su misura per Edilchimica, con pagine gestite da WordPress.
Version: 1.0.0
Author: Edilchimica
*/
:root{--ink:#182d35;--blue:#005a78;--paper:#f6f5f1;--line:#d8ddda;--muted:#5b696c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #d78d44;outline-offset:5px}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:400;letter-spacing:-.055em;line-height:1.06}h2{font-size:clamp(35px,4.3vw,66px)}h3{font-weight:500;font-size:24px;letter-spacing:-.025em}.utility{background:var(--ink);color:#fff;display:flex;justify-content:space-between;padding:12px 4.5%;font-size:10px;letter-spacing:.12em}.utility div{display:flex;gap:30px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.98);display:flex;align-items:center;gap:32px;padding:22px 4.5%;border-bottom:1px solid var(--line)}.brand{flex-shrink:0;width:207px}.brand img{width:100%;height:auto}.site-header nav{margin-left:auto}.navigation{list-style:none;display:flex;gap:25px;margin:0;padding:0;font-size:13px}.navigation>li>a{display:block;padding:12px 0}.navigation>li.current-menu-item>a{color:var(--blue);border-bottom:1px solid}.navigation .sub-menu{display:none;position:absolute;top:78%;padding:18px 24px;background:#fff;box-shadow:0 15px 25px #18303920;list-style:none;max-height:75vh;overflow:auto;min-width:250px;border-top:3px solid var(--blue)}.sub-menu a{display:block;padding:9px 0;font-size:13px}.navigation li:hover>.sub-menu,.navigation li:focus-within>.sub-menu{display:block}.header-cta{display:flex;gap:30px;font-size:12px;border-left:1px solid var(--line);padding:12px 0 12px 24px}.header-cta span{font-size:20px}.menu-toggle{display:none}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.18em;line-height:1.5;margin-bottom:28px}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);min-height:640px}.hero-copy{padding:72px 8% 62px 9%;display:flex;flex-direction:column;align-items:flex-start}.hero h1{font-size:clamp(52px,5.7vw,88px);margin-bottom:28px;max-width:650px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:16px;color:var(--muted);max-width:380px;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--blue);color:#fff;min-height:52px;padding:17px 23px;font-size:12px;font-weight:600;transition:background .2s}.button:hover{background:#143b4a}.button span{font-size:21px;line-height:1}.button.light{background:white;color:var(--ink)}.hero-visual{position:relative;overflow:hidden;min-width:0}.hero-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:50% 47%}.hero-visual .caption{position:absolute;bottom:26px;left:30px;right:30px;border-top:1px solid #ffffff70;padding-top:15px;color:#fff;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em}.hero-note{margin-top:auto;padding-top:35px;display:flex;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.hero-note:before{content:'';width:24px;height:1px;background:var(--blue)}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:0 4.5%}.quick-links a{padding:30px 24px;display:flex;justify-content:space-between;align-items:center;border-right:1px solid var(--line);font-size:14px}.quick-links a:first-child{padding-left:0}.quick-links a:last-child{border:0}.quick-links small{color:var(--muted);font-size:10px;margin-right:24px}.section{padding:100px 4.5%}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:48px}.section-head h2{margin-bottom:0;max-width:650px}.section-head>p{max-width:330px;font-size:14px;color:var(--muted);margin-bottom:4px}.text-link{display:inline-block;padding-bottom:8px;border-bottom:1px solid;font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card .photo{height:360px;position:relative;overflow:hidden;margin-bottom:23px}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.feature-card:hover img,.solution-card:hover img{transform:scale(1.035)}.feature-card .tag{position:absolute;top:18px;left:18px;background:#fff;padding:8px 12px;font-size:9px;letter-spacing:.1em}.feature-card h3{display:flex;justify-content:space-between;font-size:26px;margin-bottom:10px}.feature-card p{font-size:13px;color:var(--muted);max-width:350px}.section-bottom{margin-top:36px}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white}.story-image{min-height:600px;position:relative}.story-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 35%}.story-copy{padding:80px 12%;}.story-copy p{font-size:14px;color:#ccd5d6}.story-copy h2{font-size:clamp(35px,4vw,60px)}.story-stats{display:flex;gap:50px;border-top:1px solid #ffffff30;margin:35px 0;padding-top:25px}.story-stats strong{font-size:42px;font-weight:400;display:block;letter-spacing:-.05em}.story-stats span{font-size:11px;color:#c9d4d6}.palette{display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.palette-copy{padding:85px 9%}.palette-copy p{max-width:380px;color:var(--muted);font-size:14px}.palette-preview{background:#9da89b;display:flex;align-items:flex-end;justify-content:space-between;padding:45px;transition:background .35s;min-height:480px;position:relative;overflow:hidden}.palette-preview:before{content:'';position:absolute;left:18%;top:0;width:25%;height:110%;transform:skew(-27deg);background:linear-gradient(90deg,#ffffff00,#ffffff55);pointer-events:none}.palette-preview:after{content:'';width:130px;height:160px;border-radius:65px 65px 0 0;background:#eee8da;position:absolute;right:10%;bottom:0;box-shadow:-25px 10px 30px #0002}.palette-label{position:relative;z-index:1;background:#ffffffec;padding:24px;max-width:65%}.palette-label strong{display:block;font-size:23px;font-weight:400;margin-bottom:10px}.palette-label p{font-size:12px;line-height:1.5;margin:0}.swatches{display:flex;gap:12px;margin:28px 0}.swatch{height:45px;width:45px;border:3px solid white;outline:1px solid transparent;background:var(--swatch);border-radius:50%}.swatch[aria-pressed=true]{outline-color:var(--ink)}.palette-disclaimer{font-size:10px!important}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.editorial-card{display:grid;grid-template-columns:42% 1fr;gap:28px;border-top:1px solid var(--line);padding-top:25px;align-items:center}.editorial-card img{width:100%;height:220px;object-fit:cover}.editorial-card h3{font-size:25px}.editorial-card p{font-size:13px;color:var(--muted)}.contact-band{background:var(--blue);color:white;padding:65px 6%;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-band h2{font-size:clamp(35px,4vw,58px);margin:0}.contact-band .eyebrow{color:#c5dce6}.site-footer{padding:65px 4.5% 25px;background:var(--paper)}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:40px}.footer-top>div>img{margin-bottom:25px}.footer-top h3{font-size:12px;font-weight:600;margin-bottom:25px}.footer-top p,.footer-top a{font-size:12px;line-height:1.8}.footer-top a{display:block;margin-bottom:9px}.footer-bottom{border-top:1px solid var(--line);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.footer-bottom a{margin-left:25px}.page-hero{background:var(--paper);padding:65px 6%;}.page-hero.has-image{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.page-hero h1{font-size:clamp(43px,5.5vw,80px);margin-bottom:25px}.page-hero p{color:var(--muted);font-size:17px;max-width:650px}.page-hero img{width:100%;height:360px;object-fit:cover}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:50px}.breadcrumbs span{margin:0 15px}.page-content{padding:75px 6%;min-height:300px}.page-content>p,.page-content>ul,.page-content>h2,.page-content>h3{max-width:850px}.page-content>p{font-size:17px;color:var(--muted)}.page-content h2{font-size:38px;margin:45px 0 22px}.page-content h2:first-child{margin-top:0}.page-content ul{padding-left:20px;line-height:2}.page-content .button{margin:25px 0}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 25px}.card-photo{height:260px;position:relative;overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.circle-arrow{position:absolute;right:15px;bottom:15px;border-radius:50%;background:white;width:40px;height:40px;display:grid;place-items:center}.solution-card h3{margin:20px 0 10px}.solution-card p{font-size:13px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:35px 0}.contact-box{padding:38px;background:var(--paper)}.contact-box h2{margin-top:0;font-size:32px}.contact-box a:not(.button){text-decoration:underline;text-underline-offset:4px}.contact-box .button{margin-bottom:0}.note{border-left:3px solid var(--blue);padding:16px 22px;background:var(--paper);font-size:14px!important}.skip{position:fixed;top:-80px;left:20px;background:white;padding:20px;z-index:100}.skip:focus{top:10px}
@media(min-width:1600px){.hero{min-height:740px}.hero-copy{padding-top:90px}}@media(max-width:1150px){.navigation{gap:15px;font-size:12px}.header-cta{display:none}.brand{width:190px}.hero{min-height:590px}.hero-copy{padding-top:55px}.feature-card .photo{height:300px}.story-copy{padding:60px 9%}}
@media(max-width:800px){.utility{font-size:8px;letter-spacing:.08em;padding:10px 5%}.utility div a:first-child{display:none}.site-header{padding:18px 5%;justify-content:space-between}.brand{width:170px}.menu-toggle{display:flex;gap:15px;background:none;border:0;font-size:12px;padding:10px}.menu-toggle span{font-size:18px}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;max-height:75vh;overflow:auto;padding:20px 6%;border-bottom:1px solid var(--line)}.site-header nav.open{display:block}.navigation{display:block;font-size:16px}.navigation>li>a{padding:13px 0}.navigation .sub-menu{display:block;position:static;box-shadow:none;padding:0 0 10px 20px;border:0;max-height:none;min-width:0}.sub-menu a{font-size:13px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 6% 40px}.hero h1{font-size:61px;max-width:520px}.hero-copy>p{font-size:15px;max-width:450px}.hero-visual{height:420px}.hero-note{padding-top:26px}.eyebrow{margin-bottom:22px;font-size:9px}.quick-links{padding:0 6%;display:block}.quick-links a{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.quick-links a:last-child{border:0}.section{padding:65px 6%}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:42px}.section-head>p{max-width:100%;margin-top:24px}.feature-grid{grid-template-columns:1fr;gap:30px}.feature-card .photo{height:340px;margin-bottom:20px}.feature-card h3{font-size:27px}.feature-card p{max-width:100%}.story{grid-template-columns:1fr}.story-image{min-height:420px}.story-copy{padding:55px 6%}.story-copy h2{font-size:43px}.palette{grid-template-columns:1fr}.palette-copy{padding:60px 6%}.palette-preview{min-height:380px;padding:28px}.editorial-grid{grid-template-columns:1fr;gap:30px}.editorial-card{gap:20px}.editorial-card img{height:200px}.editorial-card h3{font-size:23px}.contact-band{display:block;padding:50px 6%}.contact-band h2{font-size:43px}.contact-band .button{margin-top:30px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 22px}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}.footer-bottom a{margin:0 20px 0 0}.page-hero,.page-hero.has-image{padding:40px 6%;display:block}.page-hero h1{font-size:48px;overflow-wrap:anywhere}.page-hero img{height:280px;margin-top:35px}.breadcrumbs{margin-bottom:35px}.page-content{padding:50px 6%}.solution-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.card-photo{height:220px}.solution-card h3{font-size:23px}.contact-grid{grid-template-columns:1fr}.contact-box{padding:28px}.page-content h2{font-size:32px}}
@media(max-width:420px){.hero h1{font-size:53px}.hero-visual{height:370px}.solution-grid{grid-template-columns:1fr}.card-photo{height:280px}.footer-top{grid-template-columns:1fr}.editorial-card{grid-template-columns:1fr}.editorial-card img{height:240px}.story-stats{gap:35px}.utility div{gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
