
:root{
  --bg:#f7f3ec; --surface:#ffffff; --ink:#16181d; --muted:#6b7280;
  --brand:#f6c343; --brand-dark:#9b1c1f; --accent:#111827; --line:#e7dfd4;
  --radius:22px; --shadow:0 18px 50px rgba(17,24,39,.12);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55} img{max-width:100%;display:block} a{color:inherit;text-decoration:none}.container{width:min(1140px,92vw);margin-inline:auto}.topbar{background:var(--accent);color:#fff;font-size:.92rem}.topbar .container{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;flex-wrap:wrap}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}.brand{display:flex;align-items:center;gap:.75rem;font-weight:800}.brand img{width:46px;height:46px}.brand small{display:block;color:var(--muted);font-weight:600}.menu{display:flex;gap:1.1rem;align-items:center}.menu a{font-weight:700;color:#30343b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:999px;padding:.86rem 1.15rem;background:var(--brand);color:#1f2937;font-weight:800;box-shadow:0 10px 25px rgba(246,195,67,.26);cursor:pointer}.btn.dark{background:var(--accent);color:#fff;box-shadow:none}.btn.ghost{background:#fff;border:1px solid var(--line);box-shadow:none}.hero{background:linear-gradient(110deg,rgba(17,24,39,.88),rgba(155,28,31,.78)),url('../img/backgrounds/marmo.webp') center/cover;padding:5.4rem 0;color:#fff}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.6rem;align-items:center}.eyebrow{display:inline-flex;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.35rem .7rem;color:#fff;background:rgba(255,255,255,.12);font-weight:700}.hero h1{font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.02;margin:1rem 0}.hero p{font-size:1.12rem;color:rgba(255,255,255,.86);max-width:670px}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.hero-card img{border-radius:18px;aspect-ratio:4/3;object-fit:cover}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.9rem}.stat{background:#fff;color:var(--ink);border-radius:16px;padding:.9rem;text-align:center}.stat strong{display:block;font-size:1.5rem}.section{padding:4.6rem 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.7rem}.section-title h2{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.08;margin:0}.section-title p{max-width:560px;color:var(--muted);margin:.5rem 0 0}.grid{display:grid;gap:1rem}.services{grid-template-columns:repeat(3,1fr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px rgba(17,24,39,.06)}.service img{height:210px;width:100%;object-fit:cover}.card-body{padding:1.15rem}.card h3{margin:.2rem 0 .5rem;font-size:1.22rem}.card p{color:var(--muted);margin:0}.projects{grid-template-columns:repeat(2,1fr)}.project img{height:340px;width:100%;object-fit:cover}.badge{display:inline-flex;background:#fff8df;color:#7a4d00;border:1px solid #f1d574;border-radius:999px;padding:.25rem .6rem;font-size:.82rem;font-weight:800}.process{grid-template-columns:repeat(4,1fr)}.step{padding:1.25rem}.step span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900}.cta{background:var(--accent);color:#fff;border-radius:32px;padding:2.3rem;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center}.cta p{color:rgba(255,255,255,.75);margin:.3rem 0 0}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem}.info-box{background:#fff;border-radius:var(--radius);padding:1.35rem;border:1px solid var(--line)}form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem}label{display:block;font-weight:800;margin:.8rem 0 .35rem}input,textarea,select{width:100%;padding:.9rem;border:1px solid #d7d1c8;border-radius:14px;font:inherit;background:#fff}textarea{min-height:130px}.footer{background:#0b1220;color:#fff;padding:2rem 0;margin-top:3rem}.footer-grid{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.mobile-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.6rem}.demo-note{font-size:.9rem;color:var(--muted);background:#fff;border-left:4px solid var(--brand);padding:.75rem 1rem;border-radius:12px;margin-top:1rem}
@media (max-width:880px){.hero-grid,.contact,.cta{grid-template-columns:1fr}.services,.projects,.process{grid-template-columns:1fr 1fr}.menu{display:none;position:absolute;left:4vw;right:4vw;top:72px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.menu.open{display:flex}.mobile-toggle{display:inline-flex}.project img{height:260px}}
@media (max-width:560px){.services,.projects,.process,.stats{grid-template-columns:1fr}.hero{padding:3.4rem 0}.section{padding:3.2rem 0}.topbar .container{display:block}.brand span{font-size:.98rem}.hero-actions .btn{width:100%}}

/* Slider hero + galleria lavori */
.hero-slider{position:relative;overflow:hidden}.slider-viewport{position:relative;border-radius:18px;overflow:hidden;background:#101827}.slider-track{display:flex;transition:transform .55s ease;will-change:transform}.slide{min-width:100%;position:relative}.slide img{width:100%;aspect-ratio:4/3;object-fit:cover}.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.55))}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#111827;font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.2)}.slider-btn.prev{left:.8rem}.slider-btn.next{right:.8rem}.slider-meta{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:.9rem .15rem 0;color:#fff}.slider-meta strong{display:block}.slider-meta span{display:block;color:rgba(255,255,255,.75);font-size:.9rem}.slider-dots{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:end}.slider-dot{width:10px;height:10px;border:0;border-radius:999px;background:rgba(255,255,255,.42);cursor:pointer}.slider-dot.active{width:26px;background:var(--brand)}
.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:-.55rem 0 1rem;color:var(--muted);font-weight:700}.mini-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.55rem .8rem;font-weight:800;cursor:pointer;margin-left:.35rem}.project{cursor:pointer;transition:transform .2s ease, box-shadow .2s ease}.project:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.gallery-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;margin-top:1rem}.gallery-thumb{border:3px solid transparent;border-radius:16px;overflow:hidden;padding:0;background:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(17,24,39,.08)}.gallery-thumb.active{border-color:var(--brand)}.gallery-thumb img{height:96px;width:100%;object-fit:cover}
.lightbox{position:fixed;inset:0;background:rgba(3,7,18,.88);z-index:100;display:none;place-items:center;padding:2rem}.lightbox.open{display:grid}.lightbox figure{width:min(980px,92vw);margin:0}.lightbox img{width:100%;max-height:78vh;object-fit:contain;border-radius:22px;background:#111827}.lightbox figcaption{color:#fff;margin-top:.8rem;text-align:center}.lightbox figcaption strong{display:block;font-size:1.1rem}.lightbox figcaption span{display:block;color:rgba(255,255,255,.76)}.lightbox-close,.lightbox-nav{position:fixed;border:0;border-radius:50%;background:#fff;color:#111827;display:grid;place-items:center;cursor:pointer}.lightbox-close{right:1.2rem;top:1.2rem;width:46px;height:46px;font-size:2rem}.lightbox-nav{top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:2.4rem}.lightbox-prev{left:1.2rem}.lightbox-next{right:1.2rem}
@media (max-width:880px){.gallery-strip{grid-template-columns:repeat(3,1fr)}.portfolio-toolbar{align-items:flex-start;flex-direction:column}.lightbox-nav{width:44px;height:44px}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}}
@media (max-width:560px){.slider-btn{width:38px;height:38px}.slider-meta{display:block}.slider-dots{justify-content:start;margin-top:.65rem}.gallery-strip{grid-template-columns:repeat(2,1fr)}.gallery-thumb img{height:90px}.lightbox{padding:1rem}.lightbox-close{right:.7rem;top:.7rem}}
