Progettazione architettonica, strutturale e impiantistica.
Dal preliminare all’esecutivo, con perizie e collaudi.

Studio Tecnico Provenzano

:root { --ink: #20272e; --muted: #6c747c; --line: #dce3e8; --paper: #ffffff; --soft: #f7f9fa; --teal: #0f766e; --blue: #1e5a8a; --copper: #b35c2e; --shadow: 0 18px 45px rgba(28, 39, 48, 0.12);}* { box-sizing: border-box;}html { scroll-behavior: smooth;}body { min-height: 100vh; margin: 0; color: var(--ink); background: var(--paper); font-family: "Open Sans", Arial, sans-serif;}a { color: inherit;}.site-header { position: sticky; top: 0; z-index: 10; border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(12px);}.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 78px; width: min(1180px, 100%); margin: 0 auto; padding: 14px clamp(18px, 5vw, 70px);}.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none;}.brand-mark { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 8px; color: #ffffff; background: var(--teal); font-family: "Fira Sans Condensed", Arial, sans-serif; font-size: 21px; font-weight: 700; line-height: 1;}.brand-name { font-family: "Fira Sans Condensed", Arial, sans-serif; font-size: 24px; font-weight: 700; line-height: 1;}.site-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px;}.site-nav a { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 12px; border-radius: 8px; color: var(--muted); font-size: 14px; font-weight: 700; text-decoration: none; transition: background 180ms ease, color 180ms ease;}.site-nav a:hover,.site-nav a:focus-visible { color: var(--ink); background: var(--soft); outline: none;}.home { display: grid; min-height: calc(100vh - 164px); align-content: center; gap: clamp(28px, 5vw, 58px); padding: clamp(32px, 7vw, 88px);}.identity { margin: 0; color: var(--ink); font-family: "Fira Sans Condensed", Arial, sans-serif; font-size: clamp(42px, 7vw, 78px); font-weight: 700; line-height: 1; text-align: center;}.areas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 3vw, 34px); width: min(980px, 100%); margin: 0 auto;}.area-card { display: grid; scroll-margin-top: 100px; min-height: clamp(220px, 30vw, 330px); place-items: center; padding: clamp(24px, 5vw, 52px); border: 1px solid var(--line); border-top: 6px solid var(--teal); border-radius: 8px; background: var(--soft); box-shadow: var(--shadow); text-align: center; text-decoration: none; transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;}.area-card-accent { border-top-color: var(--copper);}.area-card span { font-family: "Fira Sans Condensed", Arial, sans-serif; font-size: clamp(38px, 6vw, 72px); font-weight: 700; line-height: 1;}.area-card:hover,.area-card:focus-visible { border-color: #b9c8d1; box-shadow: 0 22px 54px rgba(28, 39, 48, 0.16); outline: none; transform: translateY(-3px);}.contacts { display: grid; scroll-margin-top: 100px; justify-items: center; gap: 22px;}.contacts h2 { margin: 0; font-family: "Fira Sans Condensed", Arial, sans-serif; font-size: clamp(34px, 5vw, 52px); line-height: 1;}.contact-icons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;}.icon-link { display: grid; width: 56px; height: 56px; place-items: center; border: 1px solid transparent; border-radius: 8px; color: #ffffff; box-shadow: 0 8px 24px rgba(28, 39, 48, 0.08); text-decoration: none; transition: border-color 180ms ease, color 180ms ease, transform 180ms ease;}.icon-link:hover,.icon-link:focus-visible { filter: saturate(1.08) brightness(1.02); outline: none; transform: translateY(-2px);}.icon-phone { background: #0f766e;}.icon-whatsapp { background: #25d366;}.icon-linkedin { background: #0a66c2;}.icon-facebook { background: #1877f2;}.icon-instagram { background: linear-gradient(135deg, #f58529, #dd2a7b 48%, #8134af);}.icon-link svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8;}.brand-glyph { font-family: "Fira Sans Condensed", Arial, sans-serif; font-size: 27px; font-weight: 700; line-height: 1;}.site-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 28px; min-height: 86px; padding: 24px clamp(18px, 5vw, 70px); color: var(--muted); background: #f1f4f6; border-top: 1px solid var(--line); font-size: 14px; text-align: center;}@media (max-width: 760px) { .site-header { position: static; } .header-inner { display: grid; justify-items: center; min-height: 140px; padding: 20px 18px; } .brand-name { font-size: 22px; } .site-nav { justify-content: center; } .site-nav a { min-height: 38px; padding: 7px 10px; font-size: 13px; } .home { min-height: calc(100vh - 260px); padding: 28px 18px; } .areas { grid-template-columns: 1fr; } .area-card { min-height: 180px; } .site-footer { min-height: 120px; }}