*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#070808;--bg2:#0d0f0f;--card:#111414;--gold:#c99a4b;--gold2:#e5bc72;--white:#f7f4ed;--muted:#aaa79f;--line:rgba(229,188,114,.28)}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--white);font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.navbar{height:78px;position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,75px);border-bottom:1px solid var(--line);background:rgba(5,6,6,.84);backdrop-filter:blur(18px);transition:.3s}
.navbar.scrolled{height:70px;background:rgba(5,6,6,.98)}
.brand img{width:205px;height:auto;display:block}
nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px);font-size:10px;letter-spacing:2px;font-weight:600}
nav>a{opacity:.88;transition:.25s}nav>a:hover{color:var(--gold2);opacity:1}
.nav-cta{border:1px solid var(--gold);padding:13px 22px!important;color:var(--gold2)}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:27px;cursor:pointer}
.hero{min-height:780px;height:100vh;max-height:900px;position:relative;display:flex;align-items:center;padding:90px 6% 50px;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url('immagini/hero.jpg') center/cover no-repeat;filter:saturate(.72) contrast(1.05);transform:scale(1.03)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,4,.98) 0%,rgba(3,4,4,.88) 31%,rgba(3,4,4,.48) 64%,rgba(3,4,4,.22) 100%),linear-gradient(0deg,rgba(3,4,4,.72),transparent 40%)}
.hero-content{position:relative;z-index:2;max-width:730px}
.eyebrow{font-size:10px;letter-spacing:4px;color:var(--gold2);font-weight:600}
h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:600}
h1{font-size:clamp(58px,7vw,96px);line-height:.88;margin:18px 0 28px;letter-spacing:-2px}
h1 em,h2 em,h3 em{color:var(--gold2);font-weight:500}
.gold-line{height:1px;width:65px;background:var(--gold);margin-bottom:24px}
.hero p{font-size:15px;line-height:1.8;color:#d8d4cc}
.hero-buttons{display:flex;gap:13px;margin-top:32px}
.btn{padding:16px 25px;font-size:10px;letter-spacing:2px;font-weight:700;border:1px solid var(--gold);display:inline-flex;gap:18px;align-items:center;transition:.3s}
.btn-gold{background:var(--gold2);color:#111;border-color:var(--gold2)}.btn-gold:hover{background:#f0cf8b;transform:translateY(-2px)}
.btn-outline{background:rgba(0,0,0,.22)}.btn-outline:hover{background:rgba(201,154,75,.12);transform:translateY(-2px)}
.btn-outline span{font-size:18px}
.scroll-note{position:absolute;left:6%;bottom:28px;font-size:8px;letter-spacing:3px;color:#bbb;display:flex;flex-direction:column;gap:6px}.scroll-note span{font-size:18px;color:var(--gold)}
.section{padding:115px clamp(22px,5.5vw,85px)}
.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:55px}
.section-top h2{font-size:clamp(48px,5.4vw,72px);line-height:.9;margin-top:13px;letter-spacing:-1px}
.section-top>p{max-width:330px;color:var(--muted);font-size:12px;line-height:1.8}
.intro{background:linear-gradient(180deg,#090a0a,#0b0d0d)}
.intro-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(40px,7vw,105px);align-items:center}
.intro-photo{height:500px;background-size:cover;background-position:center;position:relative;border:1px solid var(--line);box-shadow:0 25px 60px rgba(0,0,0,.3)}
.intro-photo:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.14)}
.intro-copy{max-width:500px}.number{color:var(--gold2);font-family:"Cormorant Garamond";font-size:24px}
.intro-copy h3{font-size:clamp(42px,4vw,58px);margin:9px 0 20px;line-height:.95}.intro-copy p{color:var(--muted);font-size:13px;line-height:1.95;margin-top:15px}
.services{background:#090b0b;border-top:1px solid rgba(255,255,255,.05)}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.service-card{border:1px solid var(--line);background:linear-gradient(180deg,#121515,#0d0f0f);overflow:hidden;transition:.4s;box-shadow:0 15px 35px rgba(0,0,0,.15)}
.service-card:hover{transform:translateY(-9px);border-color:var(--gold2);box-shadow:0 25px 55px rgba(0,0,0,.35)}
.service-image{height:260px;background-size:cover;background-position:center;position:relative}.service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,5,5,.8),transparent 65%)}
.service-image span{position:absolute;z-index:2;top:16px;left:17px;color:var(--gold2);font:500 34px "Cormorant Garamond"}
.service-body{padding:23px 19px 27px;position:relative;min-height:190px}
.service-kicker{font-size:8px;letter-spacing:2.5px;color:var(--gold2)}
.service-body h3{font-size:32px;margin:8px 0 11px}.service-body p{font-size:11px;color:var(--muted);line-height:1.7;max-width:205px;padding-right:20px}
.round-arrow{position:absolute;right:17px;bottom:20px;width:39px;height:39px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:19px;transition:.3s}
.service-card:hover .round-arrow{background:var(--gold2);color:#111}
.statement{height:270px;position:relative;display:grid;place-items:center;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.statement-bg{position:absolute;inset:0;background:url('immagini/dettaglio.jpg') center 55%/cover no-repeat;filter:brightness(.38) saturate(.7)}
.statement-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.2),rgba(0,0,0,.65))}
.statement-content{position:relative;z-index:2;text-align:center;padding:20px}.statement-content span{font-size:8px;letter-spacing:3.5px;color:#d5d0c5}.statement-content h2{font-size:clamp(42px,4vw,58px);line-height:.9;margin-top:16px}
.contact{padding-top:105px;padding-bottom:95px}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(350px,.7fr);gap:clamp(45px,6vw,90px)}
.contact-left h2{font-size:clamp(50px,5vw,70px);line-height:.86;margin:15px 0 20px;letter-spacing:-1px}.contact-left>p{font-size:13px;line-height:1.8;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:38px}
.contact-card{min-height:120px;border:1px solid var(--line);background:#101313;display:grid;grid-template-columns:92px minmax(0,1fr) 34px;align-items:stretch;transition:.3s;overflow:hidden}
.contact-card:hover{border-color:var(--gold2);transform:translateY(-4px)}.contact-thumb{background-size:cover;background-position:center;min-height:100%}
.contact-card>div:nth-child(2){padding:16px 11px}.contact-card span{display:block;color:var(--gold2);font-size:7px;letter-spacing:2px;margin-bottom:7px}
.contact-card strong{display:block;font:500 23px "Cormorant Garamond";line-height:1.05}.contact-card small{display:block;color:var(--muted);font-size:8px;margin-top:6px;line-height:1.3}.contact-card>b{align-self:center;color:var(--gold2);font-size:19px}
.hours{border-left:1px solid var(--line);padding-left:clamp(30px,4vw,55px)}.hours h3{font-size:clamp(42px,4vw,54px);margin:14px 0 28px}
.hours-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.11);font-size:10px}.hours-list span{color:#ddd8ce}.hours-list b{font-weight:500;color:#aaa69e;text-align:right}
.map-button{display:flex;justify-content:space-between;margin-top:28px;border:1px solid var(--gold);padding:16px;font-size:9px;letter-spacing:2px;transition:.3s}.map-button:hover{background:rgba(201,154,75,.12)}.map-button span{font-size:16px;color:var(--gold2)}
footer{border-top:1px solid rgba(201,154,75,.28);min-height:110px;padding:25px clamp(22px,5vw,75px);display:flex;align-items:center;justify-content:space-between;gap:25px}footer img{width:175px}footer p{font-size:8px;letter-spacing:4px;color:#777;text-align:center}.footer-social{display:flex;gap:18px;font-size:20px}.footer-social a:hover{color:var(--gold2)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){nav{gap:18px}.service-grid{grid-template-columns:1fr 1fr}.intro-grid{gap:45px}.contact-layout{grid-template-columns:1fr}.hours{border-left:0;border-top:1px solid var(--line);padding:55px 0 0}}
@media(max-width:700px){
.navbar{height:65px;padding:0 5%}.navbar.scrolled{height:62px}.brand img{width:160px}.menu-toggle{display:block}
nav{position:absolute;top:65px;left:0;width:100%;display:none;flex-direction:column;align-items:stretch;gap:0;background:rgba(7,8,8,.99);border-bottom:1px solid var(--line);padding:7px 6% 20px}
nav.open{display:flex}nav>a{width:100%;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}nav .nav-cta{text-align:center;margin-top:12px;border:1px solid var(--gold)}
.hero{min-height:690px;height:100svh;max-height:none;padding:85px 7% 50px;align-items:center}.hero-bg{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(3,4,4,.97) 0%,rgba(3,4,4,.78) 60%,rgba(3,4,4,.5) 100%)}
h1{font-size:clamp(52px,15vw,70px);letter-spacing:-1px;margin:15px 0 23px}.hero p{font-size:13px}.hero-buttons{flex-direction:column;max-width:275px;margin-top:27px}.btn{justify-content:center}.scroll-note{left:auto;right:7%;bottom:24px}
.section{padding:78px 6%}.section-top{display:block;margin-bottom:38px}.section-top h2{font-size:50px}.section-top>p{margin-top:20px}
.intro-grid{grid-template-columns:1fr}.intro-photo{height:320px}.intro-copy{max-width:none}.intro-copy h3{font-size:47px}
.service-grid{grid-template-columns:1fr}.service-image{height:280px}
.statement{height:190px}.statement-content h2{font-size:39px}.statement-content span{font-size:7px;letter-spacing:2.2px}
.contact-left h2{font-size:51px}.contact-grid{grid-template-columns:1fr}.contact-card{min-height:116px;grid-template-columns:88px minmax(0,1fr) 30px}.contact-card strong{font-size:21px}
.hours{padding-top:45px}.hours-list>div{font-size:9px}.hours-list b{font-size:8px}
footer{flex-direction:column;text-align:center;padding:32px 6%}.footer-social{margin-top:5px}}
@media(max-width:390px){.brand img{width:145px}.hero{padding-left:6%;padding-right:6%}h1{font-size:50px}.section-top h2{font-size:45px}.contact-left h2{font-size:47px}}