
.services{scroll-margin-top:30px;padding-top:clamp(55px,7vw,100px)}
.services .section-head{grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,110px)}
.services .eyebrow{font-size:.74rem;margin:0 0 24px;letter-spacing:.18em}
.services .section-head h2{font-size:clamp(2.6rem,4.8vw,4.7rem);line-height:1.08;max-width:650px}
.services .section-head>p{font-size:1.08rem;line-height:1.75;margin-top:50px}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}
.service-item{padding:32px 0 38px;border-top:1px solid var(--line)}
.service-number{font-size:.76rem;color:var(--muted);letter-spacing:.12em}
.service-item h3{font-family:"Italiana",serif;font-weight:400;font-size:clamp(1.9rem,2.5vw,2.6rem);line-height:1.15;margin:16px 0}
.service-item p{max-width:580px;font-size:1rem;line-height:1.8;margin:0}
.services-contact{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--line);padding-top:32px;margin-top:16px}
.services-contact h3{font-weight:400;font-size:1.2rem;margin:0 0 8px}.services-contact p{margin:0}.services-contact .button{min-width:0;flex-shrink:0}
#contatti{scroll-margin-top:35px}
@media(min-width:821px) and (max-width:1100px){.material-home .links{gap:16px;font-size:.72rem}.material-home .nav-actions{gap:16px}}
@media(max-width:820px){.services .section-head,.services-grid{grid-template-columns:1fr}.services .section-head>p{margin-top:0}.services .section-head{margin-bottom:32px}.services-contact{flex-direction:column;align-items:flex-start}.material-home header .nav{flex-wrap:wrap}.material-home .nav-actions{flex:0 0 100%;width:100%;overflow:visible;justify-content:space-between}.material-home .links{gap:10px;flex-wrap:wrap;justify-content:flex-start;font-size:12px}.material-home .hero-content{padding-top:240px}}
@media(max-width:360px){.material-home .links{gap:7px;font-size:11px}.material-home .nav-actions{gap:5px}}

/* Centre the existing descriptor on the unchanged master logo. */
.material-home .brand-aligned{flex:0 0 auto;width:250px}
.material-home .brand-aligned .header-descriptor{width:100%;text-align:center;margin-left:0;margin-right:0}
@media(max-width:820px){.material-home .brand-aligned{width:clamp(104px,28vw,160px)}}
@media(max-width:360px){.material-home .brand-aligned{width:94px}}
