@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&family=Prata&display=swap');
:root{--ink:#312228;--forest:#780039;--forest2:#4d0025;--sage:#98727d;--cream:#f4e9ec;--paper:#fffafb;--gold:#9a044c;--brand:#9a044c;--brand-dark:#65002f;--brand-deep:#3d001d;--blush:#d3afa9;--mauve:#976974;--line:rgba(82,28,51,.16);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow{font-size:.73rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600}.display{font-family:Prata,serif;font-weight:400;line-height:1.09;letter-spacing:-.025em}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;color:white;transition:.3s}.site-header.scrolled{background:rgba(77,0,37,.97);box-shadow:0 10px 35px rgba(0,0,0,.13)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-family:Prata,serif;font-size:1.55rem;letter-spacing:.16em}.brand small{display:block;font-family:Manrope,sans-serif;font-size:.54rem;letter-spacing:.2em;opacity:.72;margin-top:-4px}.menu{display:flex;align-items:center;gap:27px;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.menu a{opacity:.85}.menu a:hover,.menu a.active{opacity:1;color:var(--blush)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 25px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;font-weight:600;transition:.25s}.btn-primary{background:var(--gold);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-outline{border-color:rgba(255,255,255,.55);color:white}.btn-outline:hover{background:white;color:var(--brand-dark)}.hero{min-height:91vh;position:relative;display:flex;align-items:flex-end;color:white;background:var(--forest2);overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(61,0,29,.90) 0%,rgba(61,0,29,.58) 42%,rgba(61,0,29,.20) 75%),linear-gradient(0deg,rgba(61,0,29,.64),transparent 50%)}.hero-inner{position:relative;z-index:2;padding:180px 0 90px;max-width:780px}.hero h1{font-size:clamp(3rem,6vw,6.2rem);margin:16px 0 24px}.hero p{font-size:1.1rem;max-width:680px;color:rgba(255,255,255,.82)}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.intro{padding:115px 0}.intro-grid{display:grid;grid-template-columns:.85fr 1.35fr;gap:100px;align-items:start}.intro h2,.section-head h2{font-size:clamp(2.4rem,4.5vw,4.5rem);margin:12px 0}.lead{font-size:1.22rem;line-height:1.75;color:#59444c}.services{background:var(--cream);padding:110px 0}.section-head{max-width:850px;margin-bottom:55px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:80px 1fr 1.25fr 40px;gap:30px;align-items:center;padding:31px 0;border-bottom:1px solid var(--line);transition:.25s}.service-row:hover{padding-left:14px}.service-num{color:var(--gold);font-size:.76rem;letter-spacing:.13em}.service-row h3{font-family:Prata,serif;font-weight:400;font-size:1.7rem;margin:0}.service-row p{margin:0;color:#6e5961}.arrow{font-size:1.4rem;color:var(--gold)}.split{display:grid;grid-template-columns:1fr 1fr;min-height:670px}.split-image img{width:100%;height:100%;object-fit:cover}.split-copy{background:var(--forest);color:white;padding:100px max(40px,8vw);display:flex;flex-direction:column;justify-content:center}.split-copy h2{font-size:clamp(2.5rem,4vw,4.2rem);margin:15px 0 25px}.split-copy p{color:rgba(255,255,255,.76)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.14);margin-top:42px}.metric{padding:24px;background:var(--forest)}.metric strong{font-family:Prata,serif;font-size:2rem;font-weight:400;display:block}.metric span{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:#d5c59e}.process{padding:110px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:55px}.step{padding-top:25px;border-top:1px solid var(--gold)}.step b{display:block;color:var(--gold);font-size:.76rem;letter-spacing:.13em;margin-bottom:18px}.step h3{font-family:Prata,serif;font-weight:400;font-size:1.45rem}.cta{background:var(--ink);color:white;padding:90px 0}.cta-grid{display:grid;grid-template-columns:1.5fr .7fr;align-items:center;gap:60px}.cta h2{font-size:clamp(2.5rem,4vw,4.5rem);margin:10px 0}.page-hero{min-height:68vh;position:relative;display:flex;align-items:flex-end;color:white;background:var(--forest);overflow:hidden}.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(61,0,29,.92),rgba(61,0,29,.35)),linear-gradient(0deg,rgba(61,0,29,.58),transparent)}.page-hero .container{position:relative;z-index:2;padding-bottom:70px}.page-hero h1{font-size:clamp(3rem,6vw,6rem);max-width:940px;margin:15px 0}.content-section{padding:105px 0}.content-grid{display:grid;grid-template-columns:.72fr 1.4fr;gap:90px}.content-grid h2{font-size:clamp(2.2rem,4vw,3.8rem);margin:12px 0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:50px}.feature{padding:30px;border:1px solid var(--line);background:white}.feature h3{font-family:Prata,serif;font-weight:400}.quote-band{padding:85px 0;background:var(--cream)}.quote-band blockquote{font-family:Prata,serif;font-size:clamp(2rem,3.7vw,3.7rem);line-height:1.35;margin:0;max-width:1050px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-card{background:var(--cream);padding:45px}.contact-card h3{font-family:Prata,serif;font-size:1.8rem;font-weight:400}.contact-item{padding:18px 0;border-bottom:1px solid var(--line)}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-family:Prata,serif;font-size:1.35rem}.footer{background:var(--brand-deep);color:white;padding:75px 0 30px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:70px}.footer h3{font-family:Prata,serif;font-weight:400}.footer p,.footer a{color:rgba(255,255,255,.66)}.footer-bottom{margin-top:55px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:.74rem;color:rgba(255,255,255,.48);display:flex;justify-content:space-between;gap:20px}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.menu{display:none;position:absolute;top:82px;left:20px;right:20px;padding:25px;background:var(--forest2);flex-direction:column;align-items:flex-start}.menu.open{display:flex}.menu-toggle{display:block}.nav{height:82px}.intro-grid,.content-grid,.contact-grid,.cta-grid{grid-template-columns:1fr;gap:45px}.service-row{grid-template-columns:50px 1fr 35px}.service-row p{grid-column:2/4}.split{grid-template-columns:1fr}.split-image{height:440px}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero-inner{padding-top:150px}.hero h1{font-size:3.5rem}}
@media(max-width:600px){.container{width:min(calc(100% - 28px),var(--max))}.hero{min-height:820px}.hero h1{font-size:2.75rem}.intro,.services,.process,.content-section{padding:78px 0}.service-row{gap:15px}.service-row h3{font-size:1.35rem}.split-image{height:320px}.split-copy{padding:70px 25px}.metrics{grid-template-columns:1fr}.steps,.feature-grid,.footer-grid{grid-template-columns:1fr}.cta-grid{gap:25px}.footer-bottom{flex-direction:column}.page-hero{min-height:580px}.page-hero h1{font-size:2.8rem}}


/* Identità visiva ufficiale Clanis */
.brand{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  line-height:0;
}
.brand img{
  display:block;
  width:auto;
  object-fit:contain;
}
.brand-header img{
  height:68px;
  max-width:178px;
}
.brand-footer img{
  height:92px;
  max-width:225px;
  margin-bottom:20px;
}
.site-header.scrolled .brand-header img{
  height:62px;
}
.hero .eyebrow,
.page-hero .eyebrow,
.split-copy .eyebrow,
.cta .eyebrow{
  color:var(--blush);
}
.btn-primary{
  background:var(--brand);
}
.btn-primary:hover{
  background:var(--brand-dark);
}
.service-num,
.arrow,
.step b{
  color:var(--brand);
}
.step{
  border-top-color:var(--brand);
}
.metric span{
  color:var(--blush);
}
::selection{
  background:var(--brand);
  color:#fff;
}
@media(max-width:900px){
  .brand-header img{height:58px;max-width:150px}
  .site-header.scrolled .brand-header img{height:54px}
}
@media(max-width:600px){
  .brand-header img{height:52px;max-width:138px}
  .brand-footer img{height:78px;max-width:195px}
}