/* Hero contact link matching the Privati page. */
.page[data-page="professionisti"] .professional-hero-cta{
  margin-top:28px;
  min-width:0;
  width:300px;
  max-width:100%;
  min-height:48px;
  font-size:15px;
  padding:12px 0;
  align-items:center;
}
@media(max-width:760px){
  .page[data-page="professionisti"] .professional-hero-cta{margin-top:24px}
}

/* Services use the same dark editorial rows as Privati / Progettazione. */
.page[data-page="professionisti"] .professional-services{
  --ink:#f7f7f5;
  --muted:#b8b8b4;
  --line:#3a3a3a;
  background:#000;
  color:var(--ink);
  padding-top:clamp(48px,5vw,76px);
  padding-bottom:clamp(40px,4vw,64px);
}
.page[data-page="professionisti"] .professional-services .path-services{display:block;border-top:0}
.page[data-page="professionisti"] .professional-services .path-service{
  display:grid;
  grid-template-columns:40px minmax(0,1.3fr) minmax(0,.9fr);
  gap:clamp(24px,3vw,48px);
  align-items:center;
  padding:32px 0;
  border:0;
  border-top:1px solid var(--line);
}
.page[data-page="professionisti"] .professional-services .path-service span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.page[data-page="professionisti"] .professional-services .path-service h3{
  font-size:clamp(26px,3vw,44px);
  font-weight:500;
  letter-spacing:-.045em;
  line-height:1.08;
  text-transform:uppercase;
  margin:0;
}
.page[data-page="professionisti"] .professional-services .path-service p{font-size:clamp(17px,1.35vw,20px);font-weight:400;line-height:1.4;color:var(--ink);max-width:36ch;margin:0}
.page[data-page="professionisti"] .professional-services .path-links{gap:12px 28px;margin-top:24px}
.page[data-page="professionisti"] .professional-services .path-links a{border:0;border-radius:0;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;min-height:44px}
.page[data-page="professionisti"] .professional-services .path-links a:hover{background:transparent;color:var(--ink);opacity:.7}
@media(max-width:760px){
 .page[data-page="professionisti"] .professional-services{padding-top:40px;padding-bottom:36px}
 .page[data-page="professionisti"] .professional-services .path-service{grid-template-columns:24px minmax(0,1fr);gap:12px 16px;padding:26px 0;align-items:baseline}
 .page[data-page="professionisti"] .professional-services .path-service h3{font-size:clamp(25px,6vw,34px)}
 .page[data-page="professionisti"] .professional-services .path-service p{grid-column:2;font-size:16px}
}

/* Compact samples service following the dark professional services. */
.page[data-page="professionisti"] .professional-samples-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,300px);
  gap:32px 64px;
  align-items:center;
  background:#fff;
  color:#111;
  padding:48px var(--pad);
}
.page[data-page="professionisti"] .professional-samples-intro h2{
  font-size:clamp(30px,3.2vw,46px);
  font-weight:500;
  line-height:1.1;
  letter-spacing:-.04em;
  margin:0 0 16px;
}
.page[data-page="professionisti"] .professional-samples-intro p{font-size:18px;line-height:1.4;max-width:62ch;margin:0}
.page[data-page="professionisti"] .professional-samples-intro .arrow{width:100%;min-width:0;min-height:48px;font-size:14px;align-items:center;padding:12px 0}
@media(max-width:760px){
 .page[data-page="professionisti"] .professional-samples-intro{grid-template-columns:1fr;gap:24px;padding:36px var(--pad)}
 .page[data-page="professionisti"] .professional-samples-intro h2{font-size:30px}
 .page[data-page="professionisti"] .professional-samples-intro p{font-size:16px}
 .page[data-page="professionisti"] .professional-samples-intro .arrow{max-width:320px}
}

/* Closing CTA matches Privati. */
.page[data-page="professionisti"] .cta .arrow{
  font-size:clamp(20px,2vw,28px);
  line-height:1.25;
  min-width:0;
  width:440px;
  max-width:100%;
  min-height:54px;
}

/* Closing band uses the same spacing and mobile title height as Privati. */
.page[data-page="professionisti"] .cta{padding-top:64px;padding-bottom:64px}
.page[data-page="professionisti"] .cta h2{margin-bottom:32px}
@media(max-width:760px){
 .page[data-page="professionisti"] .cta{padding-top:40px;padding-bottom:44px}
 .page[data-page="professionisti"] .cta h2{
   font-size:clamp(36px,10.7vw,68px);
   line-height:1.08;
   max-width:100%;
   overflow-wrap:anywhere;
   margin-bottom:24px;
 }
 .page[data-page="professionisti"] .cta h2 .project-question{display:block}
}