/*
Theme Name: NowHow
Template: bootstrap-origini
Description: Child theme landing NowHow (grafica fissa negli elementi builder nh_*, testi modificabili dal builder)
Version: 1.0.0
Text Domain: nowhow
*/
:root{--nh-y:#F9CF19;--nh-k:#0b0b0b;--nh-g:#555}
html{scroll-behavior:smooth}
body{font-family:'Space Grotesk',sans-serif;color:var(--nh-k);background:#fff;-webkit-font-smoothing:antialiased}
.nh-display,.nh-title,.nh-num,.nh-btn{font-family:'Barlow Semi Condensed',sans-serif;font-weight:700}
.nh-wrap{padding-left:clamp(1.25rem,5vw,6rem);padding-right:clamp(1.25rem,5vw,6rem)}
.nh-label{display:inline-block;border-left:3px solid var(--nh-y);padding:.2rem 0 .2rem .8rem;font-size:clamp(.9rem,1.1vw,1.25rem);text-transform:uppercase;font-weight:500}
.nh-bar{background:var(--nh-k);padding:1rem clamp(1.25rem,5vw,6rem)}.nh-bar img{height:44px;width:auto}

/* hero */
.nh-hero{position:relative;color:#fff;background:#000 url(assets/img/hero.jpg) 70% center/cover no-repeat;min-height:clamp(520px,56vw,1080px);display:flex;flex-direction:column;justify-content:space-between;padding-top:clamp(1.5rem,3vw,4rem);padding-bottom:clamp(1.5rem,3vw,4rem)}
.nh-hero-logo{width:clamp(220px,38vw,740px);height:auto}
.nh-hero-tag{font-weight:300;text-transform:uppercase;font-size:clamp(1.6rem,3.2vw,3.6rem);line-height:1.12;margin:0}

/* chi siamo */
.nh-about{padding-top:clamp(3rem,6vw,7rem);padding-bottom:clamp(3rem,6vw,7rem)}
.nh-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(2rem,6vw,8rem)}
.nh-title{font-size:clamp(2.4rem,4.6vw,5.4rem);line-height:1.03;margin:clamp(1.5rem,5vw,6rem) 0 clamp(1.5rem,3vw,3rem)}
.nh-partners{display:flex;gap:2.5rem;align-items:center}.nh-partners img{height:clamp(70px,7vw,120px);width:auto}
.nh-about-text{border-left:2px solid var(--nh-y);padding:1rem 0 1rem clamp(1.5rem,4vw,5rem);display:flex;flex-direction:column;justify-content:center;font-size:clamp(.95rem,1.05vw,1.15rem);line-height:1.5}
.nh-about-text p:first-child{font-weight:700}
@media(max-width:991px){.nh-about-grid{grid-template-columns:1fr}.nh-about-text{border-left:0;border-top:2px solid var(--nh-y);padding:1.5rem 0 0;margin-top:1rem}.nh-title{margin-top:1.5rem}}

/* usp */
.nh-usp-head{padding-top:1.5rem;padding-bottom:1.5rem}
.nh-usp-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.nh-usp-img{background:#ddd url(assets/img/usp.jpg) center/cover no-repeat;min-height:420px}
.nh-usp-list{padding:clamp(2rem,5vw,6rem) clamp(1.25rem,6vw,8rem);display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,3rem);justify-content:center}
.nh-usp-item{display:grid;grid-template-columns:clamp(70px,9vw,170px) 1fr;gap:1rem 2rem;align-items:start}
.nh-num{color:var(--nh-y);font-size:clamp(3.5rem,6.5vw,7.5rem);line-height:.9}
.nh-usp-t{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.4rem,2vw,2.3rem);line-height:1.1;margin:0 0 .6rem}
.nh-usp-d{font-size:clamp(.85rem,.95vw,1.05rem);color:var(--nh-g);line-height:1.5;margin:0}
@media(max-width:991px){.nh-usp-grid{grid-template-columns:1fr}.nh-usp-img{min-height:300px}}

/* clienti */
.nh-clients{background:var(--nh-y);padding-top:1.5rem;padding-bottom:clamp(2.5rem,5vw,6rem)}
.nh-clients .nh-label{border-color:var(--nh-k)}
.nh-clients-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(1.5rem,3vw,4rem) clamp(1rem,2vw,3rem);align-items:center;justify-items:center;margin-top:clamp(2rem,4vw,5rem)}
.nh-clients-grid img{max-width:100%;max-height:clamp(60px,6vw,110px);width:auto;height:auto;object-fit:contain}
@media(max-width:991px){.nh-clients-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:575px){.nh-clients-grid{grid-template-columns:repeat(3,1fr)}}

/* company profile */
.nh-profile{text-align:center;padding-top:clamp(2.5rem,5vw,5rem);padding-bottom:clamp(2.5rem,5vw,5rem)}
.nh-btn{display:inline-block;background:var(--nh-y);color:var(--nh-k);text-transform:uppercase;font-size:clamp(1.3rem,2vw,2.2rem);padding:.7em 1.6em;border-radius:999px;text-decoration:none;transition:transform .15s}
.nh-btn:hover{color:var(--nh-k);transform:translateY(-2px)}
.nh-profile small{display:block;margin-top:.6rem;font-size:.75rem;color:var(--nh-g)}

/* contatti */
.nh-contact{display:grid;grid-template-columns:1221fr 699fr}
.nh-contact-l{background:#000 url(assets/img/contatti.jpg) left center/cover no-repeat;color:#fff;padding:clamp(1.5rem,3vw,4rem);display:flex;flex-direction:column;gap:2rem;min-height:480px}
@media(min-width:992px){.nh-contact-l{aspect-ratio:1221/962;min-height:0}}
.nh-contact-l img{width:clamp(150px,17vw,330px);height:auto}
.nh-contact-tag{font-weight:300;text-transform:uppercase;font-size:clamp(1rem,1.5vw,1.8rem);line-height:1.15;margin:0}
.nh-contact-info{font-size:clamp(.8rem,.95vw,1.05rem);line-height:1.45;max-width:24em}
.nh-contact-info p{margin:0 0 .7rem}.nh-contact-info strong{color:var(--nh-y);font-weight:500;text-transform:uppercase;display:block}
.nh-contact-info a{color:var(--nh-y);text-decoration:none}
.nh-contact-r{padding:clamp(1.5rem,3vw,4rem);display:flex;flex-direction:column;justify-content:center}
.nh-contact-r h2{font-weight:400;font-size:clamp(1.8rem,2.6vw,3rem);text-transform:uppercase;text-align:center;border-bottom:2px solid var(--nh-k);padding-bottom:.4rem;margin:0 0 1rem;letter-spacing:.02em}
.nh-contact-r>p{font-size:.8rem;text-align:center;color:var(--nh-g)}
.nh-contact-r .gform_wrapper.gform-theme--framework{--gf-ctrl-bg-color:#dcdcdc;--gf-ctrl-bg-color-focus:#e8e8e8;--gf-ctrl-border-color:transparent;--gf-ctrl-border-color-focus:var(--nh-k);--gf-ctrl-radius:0;--gf-ctrl-shadow:none;--gf-ctrl-color:var(--nh-k);--gf-ctrl-placeholder-color:#6b6b6b;--gf-ctrl-font-size:.85rem;--gf-ctrl-padding-x:.8rem;--gf-ctrl-padding-y:.7rem;--gf-form-gap-y:.6rem;--gf-field-gap-x:.6rem;--gf-color-primary:var(--nh-k);font-family:inherit}
.nh-contact-r .gform_wrapper input[type=text],.nh-contact-r .gform_wrapper input[type=email],.nh-contact-r .gform_wrapper input[type=tel],.nh-contact-r .gform_wrapper textarea{width:100%;border:0;border-radius:0;box-shadow:none;background:#dcdcdc;color:var(--nh-k);font:inherit;font-size:.85rem;padding:.7rem .8rem;min-block-size:0}
.nh-contact-r .gform_wrapper textarea.textarea{height:170px!important;min-height:170px!important;min-block-size:170px!important;block-size:170px!important;resize:vertical}
.nh-contact-r .gform_wrapper .gfield_consent_label .gfield_required{display:none}
.nh-contact-r .gform_wrapper input:focus,.nh-contact-r .gform_wrapper textarea:focus{outline:2px solid var(--nh-k);background:#e8e8e8}
.nh-contact-r .gform_wrapper ::placeholder{color:#6b6b6b;opacity:1}
.nh-contact-r .gform_wrapper .gfield_consent_label,.nh-contact-r .gform_wrapper .gfield_consent_description{font-size:.75rem;line-height:1.4;color:var(--nh-g)}
.nh-contact-r .gform_wrapper .gfield_consent_label a{color:inherit}
.nh-contact-r .gform_wrapper .gform-field-label.gfield_label_before_complex{display:none}
.nh-contact-r .gform_wrapper .gform_footer{margin:.6rem 0 0;padding:0}
.nh-contact-r .gform_wrapper input.gform_button.button{width:100%!important;background:var(--nh-y)!important;color:var(--nh-k)!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-family:'Barlow Semi Condensed',sans-serif!important;font-weight:700!important;text-transform:uppercase!important;font-size:1.1rem!important;padding:.8rem!important;min-block-size:0!important;cursor:pointer}
.nh-contact-r .gform_wrapper input.gform_button.button:hover{background:var(--nh-k)!important;color:var(--nh-y)!important}
.nh-contact-r .gform_confirmation_message{padding:.8rem 1rem;background:#e8f5d8;font-size:.9rem}
.nh-contact-r .gform_wrapper .gform_validation_errors,.nh-contact-r .gform_wrapper .gfield_validation_message{font-size:.8rem}
@media(max-width:991px){.nh-contact{grid-template-columns:1fr}}

/* footer */
.nh-footer{padding-top:2rem;padding-bottom:2rem;text-align:center;font-size:.75rem;color:var(--nh-g);border-top:1px solid #eee}
.nh-footer-logos{display:flex;gap:1.5rem;justify-content:center;align-items:center;margin-bottom:1rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em}
.nh-footer-logos img{height:34px;width:auto}
.nh-footer a{color:inherit}
.nh-doc{max-width:860px;padding-top:3rem;padding-bottom:3rem}
.nh-contact-info strong+br{display:none}