/* Metodo: regole circoscritte a questa pagina. */
.method-hero { padding-block: 64px; min-height: 440px; display: flex; align-items: center; background: linear-gradient(90deg, rgba(1,32,65,.97) 0%, rgba(1,32,65,.90) 40%, rgba(1,32,65,.72) 62%, rgba(1,32,65,.38) 82%, rgba(1,32,65,.26) 100%), var(--shipyard-image) center 56% / cover no-repeat; color: #F5F1E8; }
.method-hero-copy { max-width: 550px; }
.method-hero h1 { font-size: clamp(2rem, 1.5rem + 1.5vw, 2.625rem); margin-bottom: 24px; }
.method-hero p { color: rgba(255,255,255,.9); }
.method-hero p + p { margin-top: 18px; }
.method-hero .method-hero-lead { font-size: 1.25rem; line-height: 1.5; color: #F5F1E8; }
.method-stage { padding-block: 56px; }
.method-stage-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(48px, 7vw, 104px); }
.method-stage-heading { max-width: 390px; }
.method-stage-mark { display: flex; align-items: center; gap: 24px; margin-bottom: 24px; }
.method-stage-number { font: 400 2.75rem/1 var(--font-heading); color: var(--color-gold); }
.method-stage h2 { font-family: var(--font-body); font-size: 1.125rem; font-weight: 600; line-height: 1.4; margin-bottom: 12px; }
.method-stage h3 { font-family: var(--font-heading); font-size: clamp(1.75rem, 1.4rem + 1vw, 2.25rem); font-weight: 500; line-height: 1.25; text-wrap: pretty; }
.method-stage-content { max-width: 600px; }
.method-stage-prose { color: var(--color-text-secondary); }
.method-stage-prose p + p { margin-top: 16px; }
.method-stage-focus { border-top: 1px solid rgba(226,185,127,.55); margin-top: 20px; padding-top: 16px; }
.method-stage-focus > p { font-weight: 600; margin-bottom: 10px; }
.method-stage-focus ul { padding-left: 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 26px; }
.method-stage-focus li::marker { color: var(--color-gold); }
.method-stage-2 { background: #F8F8F8; }
.method-stage-4 { background: var(--color-navy); color: #F5F1E8; }
.method-stage-4 .method-stage-prose { color: rgba(255,255,255,.88); }
.method-page .method-icon { width: 52px; height: 52px; flex-basis: 52px; }
.method-page .method-icon-market-entry { --icon-scale: 100%; --icon-y: -50%; }
.method-page .method-icon-business-development { --icon-scale: 112%; --icon-y: -51.7%; }
.method-page .method-icon-sales-representation { --icon-scale: 106%; --icon-y: -52%; }
.method-page .method-icon-market-development { --icon-scale: 146%; --icon-y: -50.2%; }
@media (max-width: 68rem) {
 .method-page .method-icon { width: 48px; height: 48px; flex-basis: 48px; }
 .method-stage-grid { column-gap: 40px; }
}
@media (max-width: 48rem) {
 .method-hero { padding-block: 48px; min-height: 380px; background-position: 70% center; background-image: linear-gradient(90deg, rgba(1,32,65,.92) 0%, rgba(1,32,65,.84) 55%, rgba(1,32,65,.72) 100%), var(--shipyard-image); }
 .method-hero-copy { max-width: 540px; }
 .method-stage { padding-block: 44px; }
 .method-stage-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
 .method-stage-heading, .method-stage-content { max-width: 640px; }
 .method-stage-mark { margin-bottom: 16px; }
}
@media (max-width: 35rem) {
 .method-hero { padding-block: 44px; }
 .method-stage { padding-block: 36px; }
 .method-stage-grid { gap: 20px; }
 .method-stage-focus { margin-top: 18px; padding-top: 16px; }
 .method-stage-focus ul { grid-template-columns: minmax(0,1fr); gap: 5px; }
 .method-page .method-icon { width: 46px; height: 46px; flex-basis: 46px; }
}

/* Responsive image sources only: composition and overlays remain unchanged. */
.method-hero { --shipyard-image: url('../images/cantiere_navale_sul_mediterraneo-1672.webp'); }
@media (max-width: 1200px) {
  .method-hero { --shipyard-image: url('../images/cantiere_navale_sul_mediterraneo-1536.webp'); }
}
@media (max-width: 768px) {
  .method-hero { --shipyard-image: url('../images/cantiere_navale_sul_mediterraneo-1344.webp'); }
}