{"id":62,"date":"2026-05-30T09:37:23","date_gmt":"2026-05-30T09:37:23","guid":{"rendered":"https:\/\/test.okite.com\/?page_id=62"},"modified":"2026-07-10T08:04:44","modified_gmt":"2026-07-10T08:04:44","slug":"chi-siamo","status":"publish","type":"page","link":"https:\/\/test.okite.com\/?page_id=62","title":{"rendered":"Chi siamo"},"content":{"rendered":"<style>.kb-row-layout-id62_b646cf-08 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id62_b646cf-08 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id62_b646cf-08 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id62_b646cf-08 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id62_b646cf-08 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id62_b646cf-08 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id62_b646cf-08 alignfull wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column62_396e7a-2e > .kt-inside-inner-col,.kadence-column62_396e7a-2e > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column62_396e7a-2e > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column62_396e7a-2e > .kt-inside-inner-col{flex-direction:column;}.kadence-column62_396e7a-2e > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column62_396e7a-2e > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column62_396e7a-2e{position:relative;}@media all and (max-width: 1024px){.kadence-column62_396e7a-2e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column62_396e7a-2e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column62_396e7a-2e\"><div class=\"kt-inside-inner-col\">\n<!--\n  ISTRUZIONI WORDPRESS\n  1) Nell'editor a blocchi: aggiungi un blocco \"HTML personalizzato\" nella pagina Chi Siamo e incolla tutto questo codice.\n  2) Se usi Elementor: aggiungi un widget \"HTML\" e incolla il codice.\n  3) Prima di pubblicare, sostituisci questi 3 segnaposto con gli URL reali\n     (caricali nella Libreria Media di WordPress e copia l'URL di ciascuna immagine):\n       URL_IMMAGINE_COPERTINA   -> foto di copertina (stabilimento\/notturna)\n       URL_IMMAGINE_CAVA        -> foto aerea della cava (produzione inerti)\n       URL_IMMAGINE_CANTIERE    -> foto del cantiere con i pilastri\n  4) Il layout \u00e8 gi\u00e0 forzato a piena larghezza tramite la classe .sf-full-bleed (rompe il container\n     del tema, anche se questo ha un max-width). Se noti comunque margini laterali, imposta la pagina\n     su un template \"larghezza intera\" \/ \"senza sidebar\" dal tema per rimuovere eventuale padding residuo.\n-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;500;600;700&amp;family=IBM+Plex+Mono:wght@400;500&amp;family=Source+Sans+3:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --nero: #171614;\n    --nero-soft: #26241f;\n    --rosso: #C8102E;\n    --rosso-scuro: #93061f;\n    --bianco: #FDFCFA;\n    --grigio-cemento: #8c8b85;\n    --grigio-chiaro: #ECE9E3;\n    --grigio-testo: #4a4843;\n    --joint: rgba(23,22,20,0.12);\n\n    --font-display: 'Oswald', sans-serif;\n    --font-body: 'Source Sans 3', sans-serif;\n    --font-mono: 'IBM Plex Mono', monospace;\n  }\n\n  *{ box-sizing:border-box; margin:0; padding:0; }\n  html{ scroll-behavior:smooth; }\n  body{\n    font-family: var(--font-body);\n    color: var(--nero);\n    background: var(--bianco);\n    line-height:1.6;\n    -webkit-font-smoothing:antialiased;\n  }\n  img{ max-width:100%; display:block; }\n\n  \/* Forza il layout a piena larghezza, \"rompendo\" il container\/max-width del tema WordPress *\/\n  .sf-full-bleed{\n    width: 100vw;\n    max-width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    margin-top:-70px;\n    overflow-x: hidden;\n  }\n\n  \/* Precast joint-line motif: a thin recurring seam, like the line between two prefabricated panels *\/\n  .seam{\n    width:100%;\n    height:1px;\n    background: repeating-linear-gradient(90deg, var(--joint) 0 40px, transparent 40px 56px);\n  }\n\n  section{ position:relative; }\n\n  .eyebrow{\n    font-family: var(--font-mono);\n    font-size: 0.78rem;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--rosso);\n    display:flex;\n    align-items:center;\n    gap:0.6rem;\n  }\n  .eyebrow::before{\n    content:\"\";\n    width:22px;\n    height:2px;\n    background:var(--rosso);\n    display:inline-block;\n  }\n\n  h1,h2,h3{\n    font-family: var(--font-display);\n    text-transform: uppercase;\n    line-height:1.05;\n    letter-spacing:0.01em;\n  }\n\n  \/* ============ HERO ============ *\/\n  .hero{\n    min-height: 100vh;\n    display:flex;\n    align-items:flex-end;\n    background:\n      linear-gradient(180deg, rgba(23,22,20,0.25) 0%, rgba(23,22,20,0.5) 55%, rgba(23,22,20,0.94) 100%),\n      url('https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/modern_building_night_hq.png');\n    background-size: cover;\n    background-position: center 40%;\n    background-attachment: fixed;\n    padding: 8vh 6vw 7vh;\n    color: var(--bianco);\n  }\n  @media (max-width: 800px){\n    .hero{ background-attachment: scroll; }\n  }\n\n  .hero-inner{ max-width: 980px; }\n  .hero .eyebrow{ color: var(--rosso); margin-bottom:1.6rem; }\n  .hero h1{\n    font-size: clamp(2.1rem, 5.2vw, 4.1rem);\n    font-weight:600;\n    max-width: 16ch;\n    margin-bottom: 1.8rem;\n  }\n  .hero h1 span{ color: var(--rosso); }\n  .hero p{\n    font-size: clamp(1rem, 1.5vw, 1.2rem);\n    max-width: 56ch;\n    color: rgba(253,252,250,0.86);\n    font-weight:400;\n  }\n  .hero-scroll{\n    position:absolute;\n    bottom: 3.2rem;\n    right: 6vw;\n    font-family: var(--font-mono);\n    font-size:0.72rem;\n    letter-spacing:0.15em;\n    text-transform:uppercase;\n    color: rgba(253,252,250,0.6);\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    gap:0.6rem;\n  }\n  .hero-scroll::after{\n    content:\"\";\n    width:1px; height:38px;\n    background: linear-gradient(180deg, rgba(253,252,250,0.6), transparent);\n  }\n\n  \/* ============ STORIA \/ TIMELINE ============ *\/\n  .storia{\n    padding: 7rem 6vw 6rem;\n    background: var(--bianco);\n  }\n  .storia-head{ max-width:640px; margin-bottom:4rem; }\n  .storia-head h2{\n    font-size: clamp(1.8rem, 3.4vw, 2.6rem);\n    font-weight:600;\n    margin: 0.9rem 0 1.1rem;\n  }\n  .storia-head p{ color: var(--grigio-testo); font-size:1.02rem; }\n\n  .timeline{\n    position:relative;\n    display:flex;\n    flex-direction:column;\n  }\n  .timeline-track{\n    position:absolute;\n    left: 92px;\n    top: 8px;\n    bottom: 8px;\n    width:2px;\n    background: var(--grigio-chiaro);\n  }\n  .timeline-track::before{\n    content:\"\";\n    position:absolute;\n    left:0; top:0;\n    width:2px;\n    height: 0%;\n    background: var(--rosso);\n    transition: height 1.1s cubic-bezier(.2,.7,.2,1);\n  }\n  .timeline.is-visible .timeline-track::before{ height:100%; }\n\n  .tl-item{\n    display:grid;\n    grid-template-columns: 92px 1fr;\n    column-gap: 2.2rem;\n    padding: 2rem 0;\n    border-top: 1px solid var(--grigio-chiaro);\n  }\n  .tl-item:first-child{ border-top:none; }\n\n  .tl-year{\n    font-family: var(--font-mono);\n    font-size:1.05rem;\n    font-weight:500;\n    color: var(--rosso);\n    position:relative;\n  }\n  .tl-year::before{\n    content:\"\";\n    position:absolute;\n    left: 84px;\n    top: 6px;\n    width:12px; height:12px;\n    background: var(--bianco);\n    border: 2px solid var(--rosso);\n    border-radius:50%;\n    transform: translateX(-50%);\n  }\n\n  .tl-body h3{\n    font-size:1.15rem;\n    font-weight:500;\n    text-transform:none;\n    margin-bottom:0.4rem;\n    letter-spacing:0;\n  }\n  .tl-body p{\n    color: var(--grigio-testo);\n    font-size:0.98rem;\n    max-width: 62ch;\n  }\n  .tl-tag{\n    font-family:var(--font-mono);\n    font-size:0.68rem;\n    letter-spacing:0.1em;\n    text-transform:uppercase;\n    color: var(--grigio-cemento);\n    display:inline-block;\n    margin-bottom:0.5rem;\n  }\n\n  @media (max-width:640px){\n    .tl-item{ grid-template-columns: 64px 1fr; column-gap:1.2rem; }\n    .timeline-track{ left:64px; }\n    .tl-year::before{ left:56px; }\n    .tl-year{ font-size:0.92rem; }\n  }\n\n  \/* ---- Galleria fotografica della storia ---- *\/\n  .storia-gallery{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1px;\n    background: var(--joint);\n    border: 1px solid var(--joint);\n    margin-top: 3.5rem;\n  }\n  .storia-photo{\n    position:relative;\n    background: var(--nero);\n    overflow:hidden;\n    aspect-ratio: 4 \/ 3;\n  }\n  .storia-photo img{\n    width:100%; height:100%;\n    object-fit:cover;\n    display:block;\n    filter: grayscale(15%) contrast(1.05);\n    transition: transform 0.6s cubic-bezier(.2,.7,.2,1), filter 0.6s ease;\n  }\n  .storia-photo:hover img{\n    transform: scale(1.05);\n    filter: grayscale(0%) contrast(1.05);\n  }\n  .storia-photo figcaption{\n    position:absolute;\n    left:0; right:0; bottom:0;\n    padding: 1.4rem 1.6rem;\n    background: linear-gradient(0deg, rgba(23,22,20,0.88), transparent 70%);\n    color: var(--bianco);\n    font-size:0.92rem;\n  }\n  .storia-photo figcaption .tl-tag{ color: var(--rosso); margin-bottom:0.3rem; }\n  @media (max-width:640px){\n    .storia-gallery{ grid-template-columns: 1fr; }\n  }\n\n  \/* ============ MISSION \/ VISION split ============ *\/\n  .mv{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    min-height: 60vh;\n  }\n  .mv-panel{\n    padding: 5rem 5vw;\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n    position:relative;\n  }\n  .mv-panel.mission{ background: var(--nero); color: var(--bianco); }\n  .mv-panel.vision{ background: var(--rosso); color: var(--bianco); }\n\n  .mv-panel .eyebrow{ color: rgba(253,252,250,0.75); }\n  .mv-panel.mission .eyebrow::before,\n  .mv-panel.vision .eyebrow::before{ background: rgba(253,252,250,0.75); }\n\n  .mv-panel h2{\n    font-size: clamp(1.7rem, 2.6vw, 2.3rem);\n    font-weight:600;\n    margin: 1.1rem 0 1.4rem;\n  }\n  .mv-panel .placeholder{\n    font-family: var(--font-body);\n    font-style: italic;\n    font-size:1.02rem;\n    color: rgba(253,252,250,0.82);\n    border-left: 2px solid rgba(253,252,250,0.4);\n    padding-left: 1.1rem;\n    max-width: 46ch;\n  }\n\n  @media (max-width:800px){\n    .mv{ grid-template-columns: 1fr; }\n  }\n\n  \/* ============ VALORI ============ *\/\n  .valori{\n    padding: 7rem 6vw 8rem;\n    background: var(--grigio-chiaro);\n  }\n  .valori-head{ max-width:640px; margin-bottom:3.6rem; }\n  .valori-head h2{\n    font-size: clamp(1.8rem, 3.4vw, 2.6rem);\n    font-weight:600;\n    margin: 0.9rem 0 1.1rem;\n  }\n  .valori-head p{ color: var(--grigio-testo); }\n\n  .valori-grid{\n    display:grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 1px;\n    background: var(--joint);\n    border: 1px solid var(--joint);\n  }\n  .valore-card{\n    background: var(--bianco);\n    padding: 2.4rem 2rem;\n    position:relative;\n  }\n  .valore-num{\n    font-family: var(--font-mono);\n    font-size:0.75rem;\n    color: var(--grigio-cemento);\n    display:block;\n    margin-bottom:1.4rem;\n  }\n  .valore-mark{\n    width:34px; height:34px;\n    border: 2px solid var(--rosso);\n    margin-bottom:1.4rem;\n    transform: scale(0.4);\n    opacity:0;\n    transition: transform 0.6s cubic-bezier(.3,1.4,.4,1), opacity 0.6s ease;\n  }\n  .valore-card.is-visible .valore-mark{\n    transform:none;\n    opacity:1;\n  }\n  .valore-card h3{\n    font-size:1.05rem;\n    font-weight:500;\n    text-transform:uppercase;\n    letter-spacing:0.03em;\n    margin-bottom:0.6rem;\n  }\n  .valore-card p{\n    color: var(--grigio-testo);\n    font-size:0.95rem;\n    min-height: 3.4em;\n  }\n  .valore-card p.placeholder-text{ font-style:italic; opacity:0.75; }\n\n  \/* ============ FOOTER STRIP ============ *\/\n  .footer-strip{\n    background: var(--nero);\n    color: rgba(253,252,250,0.55);\n    padding: 1.6rem 6vw;\n    font-family: var(--font-mono);\n    font-size:0.72rem;\n    letter-spacing:0.06em;\n    display:flex;\n    justify-content:space-between;\n    flex-wrap:wrap;\n    gap:0.6rem;\n  }\n\n  @media (max-width: 640px){\n    .storia{ padding: 4.5rem 6vw 3.5rem; }\n    .valori{ padding: 4.5rem 6vw 5rem; }\n    .mv-panel{ padding: 3.5rem 6vw; }\n  }\n\n  \/* ============ ANIMAZIONI SCROLL ============ *\/\n  .hero-inner{\n    opacity:0;\n    transform: translateY(22px);\n    animation: hero-in 1.1s cubic-bezier(.2,.7,.2,1) 0.15s forwards;\n  }\n  .hero-scroll{\n    opacity:0;\n    animation: hero-in 1s ease 0.9s forwards;\n  }\n  @keyframes hero-in{\n    to{ opacity:1; transform:none; }\n  }\n\n  .reveal{\n    opacity:0;\n    transform: translateY(28px);\n    transition: opacity 0.8s cubic-bezier(.2,.7,.2,1), transform 0.8s cubic-bezier(.2,.7,.2,1);\n  }\n  .reveal.is-visible{\n    opacity:1;\n    transform:none;\n  }\n\n  \/* i figli diretti di un gruppo \"stagger\" si animano in sequenza *\/\n  .stagger .reveal:nth-child(1){ transition-delay: 0s; }\n  .stagger .reveal:nth-child(2){ transition-delay: 0.09s; }\n  .stagger .reveal:nth-child(3){ transition-delay: 0.18s; }\n  .stagger .reveal:nth-child(4){ transition-delay: 0.27s; }\n\n  @media (prefers-reduced-motion: reduce){\n    html{ scroll-behavior:auto; }\n    .hero-inner, .hero-scroll{ animation:none; opacity:1; transform:none; }\n    .reveal{ opacity:1; transform:none; transition:none; }\n    .timeline-track::before{ height:100%; transition:none; }\n    .valore-mark{ opacity:1; transform:none; transition:none; }\n  }\n\n  :focus-visible{\n    outline: 2px solid var(--rosso);\n    outline-offset: 3px;\n  }\n<\/style>\n\n  <div class=\"sf-full-bleed\">\n\n  <!-- ============ 1. COPERTINA ============ -->\n  <section class=\"hero\">\n    <div class=\"hero-inner\">\n      <div class=\"eyebrow\">Seieffe Prefabbricati SPA<\/div>\n      <h1>L&#8217;evoluzione del <span>prefabbricato<\/span>: la precisione incontra l&#8217;opera<\/h1>\n      <p>Scopri la storia, le tecnologie e le persone che hanno reso la nostra azienda un punto di riferimento dell&#8217;edilizia industrializzata e dei sistemi prefabbricati d&#8217;avanguardia.<\/p>\n    <\/div>\n    <div class=\"hero-scroll\">Scorri<\/div>\n  <\/section>\n\n  <div class=\"seam\"><\/div>\n\n  <!-- ============ 2. LA NOSTRA STORIA ============ -->\n  <section class=\"storia\" id=\"storia\">\n    <div class=\"storia-head reveal\">\n      <div class=\"eyebrow\">Dal 1959<\/div>\n      <h2>La nostra storia<\/h2>\n      <p>Pi\u00f9 di sessant&#8217;anni di crescita costante, guidati dalla stessa attenzione alla qualit\u00e0 della materia e alla precisione del progetto.<\/p>\n    <\/div>\n\n    <div class=\"timeline\">\n      <div class=\"timeline-track\"><\/div>\n\n      <div class=\"tl-item reveal\">\n        <div class=\"tl-year\">1959<\/div>\n        <div class=\"tl-body\">\n          <span class=\"tl-tag\">Le origini<\/span>\n          <h3>Produzione di inerti e conglomerati cementizi<\/h3>\n          <p>Iniziano le attivit\u00e0 aziendali con la produzione di inerti e conglomerati cementizi, ponendo le basi tecniche e artigianali su cui si costruir\u00e0 tutto il percorso successivo.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"tl-item reveal\">\n        <div class=\"tl-year\">1983<\/div>\n        <div class=\"tl-body\">\n          <span class=\"tl-tag\">Espansione<\/span>\n          <h3>Inaugurazione dello stabilimento di Bonea<\/h3>\n          <p>Viene inaugurato lo stabilimento di Bonea, che diventa il cuore produttivo dell&#8217;azienda e il punto di partenza per una crescita industriale strutturata.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"tl-item reveal\">\n        <div class=\"tl-year\">2002<\/div>\n        <div class=\"tl-body\">\n          <span class=\"tl-tag\">Crescita industriale<\/span>\n          <h3>Ampliamento delle dimensioni e dei sistemi produttivi<\/h3>\n          <p>Lo stabilimento cresce in superficie e in capacit\u00e0 produttiva, con l&#8217;introduzione di nuovi sistemi che aumentano precisione, efficienza e volumi di produzione.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"tl-item reveal\">\n        <div class=\"tl-year\">2015<\/div>\n        <div class=\"tl-body\">\n          <span class=\"tl-tag\">Innovazione di prodotto<\/span>\n          <h3>Nasce &#8220;SOLIO&#8221;, il pannello solaio prefabbricato<\/h3>\n          <p>Nasce il primo pannello solaio plastocementizio prefabbricato precompresso per l&#8217;edilizia residenziale &#8220;SOLIO&#8221;, frutto di anni di ricerca applicata al prodotto.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Galleria fotografica della storia -->\n    <div class=\"storia-gallery reveal\">\n      <figure class=\"storia-photo\">\n        <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/quarry_hq.png\" alt=\"Cava e stabilimento di produzione inerti Seieffe Prefabbricati\">\n        \n      <\/figure>\n      <figure class=\"storia-photo\">\n        <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/07\/construction_site_hq.png\" alt=\"Cantiere di realizzazione strutture prefabbricate Seieffe\">\n       \n    <\/figure><\/div>\n  <\/section>\n\n  <!-- ============ 3-4. MISSION \/ VISION ============ -->\n  <section class=\"mv\">\n    <div class=\"mv-panel mission reveal\">\n      <div class=\"eyebrow\">Mission<\/div>\n      <h2>Perch\u00e9 lavoriamo ogni giorno<\/h2>\n      <p class=\"placeholder\">Progettare, produrre e installare sistemi prefabbricati che combinano massima solidit\u00e0 strutturale, flessibilit\u00e0 architettonica e ottimizzazione dei tempi di cantiere. Accompagniamo i nostri clienti dalla progettazione al montaggio, garantendo standard di sicurezza elevati e un servizio sartoriale su scala industriale.<\/p>\n    <\/div>\n    <div class=\"mv-panel vision reveal\">\n      <div class=\"eyebrow\">Vision<\/div>\n      <h2>Dove vogliamo arrivare<\/h2>\n      <p class=\"placeholder\">Costruire il domani con soluzioni strutturali d&#8217;eccellenza, anticipando l&#8217;evoluzione dell&#8217;architettura industriale per creare spazi sicuri, efficienti e sostenibili.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ============ 5. VALORI ============ -->\n  <section class=\"valori\" id=\"valori\">\n    <div class=\"valori-head reveal\">\n      <div class=\"eyebrow\">Ci\u00f2 in cui crediamo<\/div>\n      <h2>I nostri valori<\/h2>\n      <p>I principi che guidano ogni scelta produttiva, tecnica e umana all&#8217;interno di Seieffe.<\/p>\n    <\/div>\n\n    <div class=\"valori-grid stagger\">\n      <div class=\"valore-card reveal\">\n        <span class=\"valore-num\">01<\/span>\n        <h3>Qualit\u00e0 e Precisione<\/h3>\n        <p class=\"placeholder-text\">Utilizziamo materie prime certificate e processi controllati per garantire strutture destinate a durare nel tempo.<\/p>\n      <\/div>\n      <div class=\"valore-card reveal\">\n        <span class=\"valore-num\">02<\/span>\n        <h3>Ingegneria su misura<\/h3>\n        <p class=\"placeholder-text\">Superiamo il concetto di &#8220;standard&#8221; offrendo soluzioni personalizzate che rispondono alle specifiche esigenze logistiche, commerciali e industriali del cliente.<\/p>\n      <\/div>\n      <div class=\"valore-card reveal\">\n        <span class=\"valore-num\">03<\/span>\n        <h3>Sostenibilit\u00e0 ed Efficienza<\/h3>\n        <p class=\"placeholder-text\">Ottimizziamo l&#8217;uso delle risorse nei nostri stabilimenti per ridurre l&#8217;impronta carbonica e garantire un montaggio rapido in cantiere, riducendo gli sprechi e i tempi di fermo.<\/p>\n      <\/div>\n      <div class=\"valore-card reveal\">\n        <span class=\"valore-num\">04<\/span>\n        <h3>Sicurezza al primo posto<\/h3>\n        <p class=\"placeholder-text\">Tuteliamo la salute dei nostri lavoratori in stabilimento e nei cantieri, promuovendo una cultura della sicurezza senza compromessi.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n  <\/div><!-- \/.sf-full-bleed -->\n\n  <script>\n    \/\/ Attiva le animazioni di comparsa quando gli elementi entrano nel viewport.\n    \/\/ Rispetta prefers-reduced-motion: se l'utente lo richiede, mostra tutto subito senza animare.\n    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    if (prefersReducedMotion) {\n      document.querySelectorAll('.reveal').forEach(el => el.classList.add('is-visible'));\n      document.querySelectorAll('.timeline').forEach(el => el.classList.add('is-visible'));\n    } else {\n      const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('is-visible');\n            observer.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.18, rootMargin: '0px 0px -60px 0px' });\n\n      document.querySelectorAll('.reveal, .timeline').forEach(el => observer.observe(el));\n    }\n  <\/script>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Seieffe Prefabbricati SPA L&#8217;evoluzione del prefabbricato: la precisione incontra l&#8217;opera Scopri la storia, le tecnologie e le persone che hanno reso la nostra azienda un punto di riferimento dell&#8217;edilizia industrializzata e dei sistemi prefabbricati d&#8217;avanguardia. Scorri Dal 1959 La nostra storia Pi\u00f9 di sessant&#8217;anni di crescita costante, guidati dalla stessa attenzione alla qualit\u00e0 della materia [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":389,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/align-wide-fix-trasparent.php","meta":{"footnotes":""},"class_list":["post-62","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.okite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=62"}],"version-history":[{"count":82,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":1220,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/62\/revisions\/1220"}],"up":[{"embeddable":true,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/389"}],"wp:attachment":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}