/* SMART PACK Chi siamo - v1.0.0 - styles strictly scoped */
.sp-about {
  --spnavy:#102e57;--spnavy2:#173c6a;--spblue:#2071bd;
  --spmid:#58718e;--sptext:#193352;--splight:#f5f8fa;
  --spborder:#d7e1e9;--spwhite:#fff;--max:1260px;
  --ease:cubic-bezier(.22,1,.36,1);
  font-family:inherit;line-height:1.55;color:var(--sptext);
  width:100%;min-width:0;overflow:clip;
}
.sp-about :where(h1,h2,h3,p) {text-transform:none;}
.sp-about :where(h1,h2,h3) {font-family:inherit;}
.sp-about section[id]{scroll-margin-top:130px;}
.sp-about .reveal {opacity:1;transform:none;}
.sp-about.sp-about--ready .reveal:not(.visible) {opacity:0;transform:translateY(25px);}
.sp-about .reveal.visible {opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.sp-about.sp-about--ready .reveal:not(.visible){opacity:1;transform:none}}
.sp-about{--spnavy:#102e57;--spnavy2:#173c6a;--spblue:#2071bd;--spmid:#58718e;--sptext:#193352;--splight:#f5f8fa;--spborder:#d7e1e9;--spwhite:#fff;--max:1260px;--ease:cubic-bezier(.22,1,.36,1)}
.sp-about, .sp-about *{box-sizing:border-box}
.sp-about button,.sp-about input,.sp-about a{font:inherit}
.sp-about a{color:inherit;text-decoration:none}
.sp-about a:focus-visible,.sp-about button:focus-visible{outline:3px solid #2d8bd5;outline-offset:4px}
.sp-about img{display:block;width:100%}
.sp-about .wrap{width:min(var(--max),100% - 72px);margin-inline:auto}
.sp-about .eyebrow{font-size:12px;font-weight:750;letter-spacing:.19em;text-transform:uppercase;color:var(--spblue);display:flex;align-items:center;gap:13px}
.sp-about .eyebrow:before{content:"";width:31px;height:2px;background:var(--spblue);display:block;flex-shrink:0}
.sp-about .hero{background:linear-gradient(114deg,#f5f8fb 0%,#edf3f7 55%,#e1ebf3 100%);position:relative;overflow:hidden;padding:80px 0 68px}
.sp-about .hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),#becbd8 calc(100% - 1px));background-size:118px 100%}
.sp-about .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:54px}
.sp-about .hero h1{font-size:clamp(44px,5.4vw,78px);line-height:1.04;letter-spacing:-.052em;color:var(--spnavy);font-weight:750;max-width:760px;margin:25px 0 27px}
.sp-about .hero h1 em{color:var(--spblue);font-style:normal}
.sp-about .lead{font-size:clamp(16px,1.45vw,19px);line-height:1.65;color:#546c82;max-width:555px;margin:0 0 32px}
.sp-about .actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.sp-about .btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:14px 20px;min-height:50px;background:var(--spblue);color:white;font-size:13px;font-weight:750;letter-spacing:.02em;transition:transform .35s var(--ease),background .35s; border:1px solid var(--spblue)}
.sp-about .btn:hover{background:#0c5ca9;transform:translateY(-3px)}
.sp-about .btn.secondary{color:var(--spnavy);background:transparent;border-color:#abc4da}
.sp-about .btn.secondary:hover{background:#edf4f9}
.sp-about .hero-art{height:470px;position:relative}
.sp-about .hero-art .machine{position:absolute;inset:0 20px 50px 0;object-fit:cover;border-radius:0 0 8px 0;filter:saturate(.86)}
.sp-about .hero-art:before{content:"";position:absolute;z-index:1;inset:0 20px 50px 0;background:linear-gradient(to right,rgba(13,41,80,.08),transparent 42%)}
.sp-about .hero-art .tag{position:absolute;bottom:9px;right:0;background:var(--spnavy);color:white;padding:20px 27px;font-size:13px;z-index:2;min-width:255px}
.sp-about .tag b{font-size:17px;display:block;margin-bottom:4px}
.sp-about .tag small{color:#c3d5e7;font-size:11px;letter-spacing:.05em;text-transform:uppercase}
.sp-about .hero-art .decoration{position:absolute;width:160px;height:160px;left:-26px;top:-23px;border-top:2px solid #2370b3;border-left:2px solid #2370b3;z-index:3;pointer-events:none}
.sp-about .features{border-top:1px solid #dfe8f0;background:#fff}
.sp-about .features-inner{padding:27px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sp-about .feature{display:flex;align-items:center;gap:16px;padding:0 16px;border-left:1px solid var(--spborder);font-weight:700;font-size:13px;letter-spacing:.015em;color:var(--spnavy)}
.sp-about .feature:first-child{border-left:0;padding-left:0}
.sp-about .feature .line{width:23px;height:2px;background:var(--spblue);flex-shrink:0}
.sp-about .section{padding:112px 0}
.sp-about .section-head{max-width:900px;margin-bottom:54px}
.sp-about .section-head h2,.sp-about .story h2,.sp-about .innovation h2,.sp-about .cta h2{font-size:clamp(34px,3.55vw,54px);color:var(--spnavy);letter-spacing:-.044em;line-height:1.13;margin:19px 0 21px}
.sp-about .section-head p{font-size:17px;color:#5b6d7e;max-width:750px}
.sp-about .story{display:grid;grid-template-columns:.87fr 1.13fr;gap:96px;align-items:center}
.sp-about .portrait{height:605px;position:relative}
.sp-about .portrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.sp-about .portrait:after{position:absolute;content:"";width:72px;height:72px;border-left:7px solid var(--spblue);border-bottom:7px solid var(--spblue);bottom:-16px;left:-16px}
.sp-about .story .copy{max-width:595px}
.sp-about .story h2{margin-bottom:24px}
.sp-about .story p{font-size:17px;color:#566b7d;line-height:1.8;margin:0 0 19px}
.sp-about .quote{border-left:3px solid var(--spblue);background:#f3f8fc;padding:19px 25px;margin-top:30px;color:var(--spnavy);font-size:16px;font-weight:650}
.sp-about .production{background:#f4f7fa}
.sp-about .production .section-head{margin-bottom:34px}
.sp-about .tabs{display:flex;gap:0;margin-bottom:28px;flex-wrap:wrap;border-bottom:1px solid #cedce9}
.sp-about .tab{border:0;background:transparent;color:#536d88;font-weight:750;font-size:13px;padding:16px 22px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
.sp-about .tab[aria-selected=true]{color:var(--spblue);border-bottom-color:var(--spblue)}
.sp-about .industrial-gallery{display:grid;grid-template-columns:1.3fr 1fr;min-height:370px;gap:20px}
.sp-about .industrial-gallery .photo{position:relative;overflow:hidden;background:#dce6ed;height:370px}
.sp-about .industrial-gallery .photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.sp-about .industrial-gallery .photo:hover img{transform:scale(1.045)}
.sp-about .photo .label{position:absolute;left:24px;bottom:24px;background:rgba(255,255,255,.94);color:var(--spnavy);padding:11px 15px;font-size:12px;font-weight:750}
.sp-about .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:42px}
.sp-about .process{padding:25px 0;border-top:2px solid #cbd9e3}
.sp-about .process b{display:block;font-size:12px;letter-spacing:.18em;color:var(--spblue);margin-bottom:15px}
.sp-about .process h3{font-size:18px;margin:0 0 11px;line-height:1.25;color:var(--spnavy)}
.sp-about .process p{font-size:14px;line-height:1.6;color:#607388;margin:0}
.sp-about .innovation{background:var(--spnavy);color:#fff;overflow:hidden}
.sp-about .innovation-inner{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.sp-about .innovation h2{color:#fff}
.sp-about .innovation p{color:#cfdae7;font-size:17px;line-height:1.75}
.sp-about .innovation .eyebrow{color:#8cc3fb}
.sp-about .innovation .eyebrow:before{background:#8cc3fb}
.sp-about .innovation .visual{height:410px;background:#edf3f8;position:relative;overflow:hidden}
.sp-about .innovation .visual img{position:absolute;right:12%;height:128%;top:-5%;width:auto;object-fit:contain}
.sp-about .innovation .visual:after{content:"DETTAGLIO TECNICO";position:absolute;bottom:20px;left:22px;background:white;padding:7px 12px;color:#204568;font-size:10px;font-weight:800;letter-spacing:.15em}
.sp-about .innovation .btn{background:white;color:var(--spnavy);border-color:white}
.sp-about .innovation .btn:hover{background:#e9f3fc}
.sp-about .values{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.sp-about .value{padding:37px;background:#f5f8fa;border-top:3px solid #1e74b8}
.sp-about .value h3{font-size:25px;letter-spacing:-.025em;color:var(--spnavy);margin:0 0 14px}
.sp-about .value p{color:#607489;line-height:1.7;margin:0}
.sp-about .value.dark{background:#e6f1f9}
.sp-about .results{border-top:1px solid var(--spborder);margin-top:40px;padding-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.sp-about .result h3{font-size:20px;color:var(--spnavy);margin:0 0 8px}
.sp-about .result p{font-size:14px;color:#607388;margin:0}
.sp-about .result:before{content:"";display:block;width:32px;height:2px;background:var(--spblue);margin-bottom:18px}
.sp-about .cta{background:linear-gradient(110deg,#eaf1f7,#fff);padding:90px 0;position:relative}
.sp-about .cta .inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}
.sp-about .cta h2{margin-bottom:16px}
.sp-about .cta p{font-size:17px;color:#5a7085;max-width:720px;margin:0}
.sp-about .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.sp-about .reveal.visible{opacity:1;transform:none}
@media (max-width:1020px){.sp-about .hero-inner{grid-template-columns:1fr .9fr;gap:25px}
.sp-about .hero-art{height:360px}
.sp-about .story{gap:48px}
.sp-about .portrait{height:510px}
.sp-about .section{padding:80px 0}}
@media (max-width:760px){.sp-about .wrap{width:min(100% - 36px,var(--max))}
.sp-about .hero{padding:55px 0}
.sp-about .hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:45px}
.sp-about .hero h1{font-size:clamp(40px,9.8vw,60px)}
.sp-about .lead{font-size:16px}
.sp-about .hero-art{height:310px}
.sp-about .hero-art .machine{inset:0 8px 38px 0}
.sp-about .features-inner{display:flex;flex-direction:column;gap:14px;padding:25px 0}
.sp-about .feature{border-left:0;padding:0}
.sp-about .section{padding:72px 0}
.sp-about .story,.sp-about .innovation-inner{grid-template-columns:1fr;gap:40px}
.sp-about .story .portrait{height:460px;max-width:480px}
.sp-about .industrial-gallery{grid-template-columns:1fr;min-height:auto}
.sp-about .industrial-gallery .photo{height:250px}
.sp-about .process-grid{grid-template-columns:repeat(2,1fr);gap:22px}
.sp-about .section-head{margin-bottom:35px}
.sp-about .values{grid-template-columns:1fr}
.sp-about .results{grid-template-columns:1fr}
.sp-about .cta .inner{grid-template-columns:1fr}}
@media (max-width:420px){.sp-about .hero h1{font-size:40px}
.sp-about .section-head h2,.sp-about .story h2,.sp-about .innovation h2,.sp-about .cta h2{font-size:35px}
.sp-about .process-grid{grid-template-columns:1fr}
.sp-about .tab{padding:13px 12px;font-size:11px}
.sp-about .portrait{height:390px}
.sp-about .hero-art{height:270px}
.sp-about .hero-art .tag{min-width:210px;padding:15px 18px}
.sp-about .innovation .visual{height:320px}}
@media (prefers-reduced-motion:reduce){.sp-about, .sp-about *,.sp-about *::before,.sp-about *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
.sp-about .reveal{opacity:1;transform:none}}