/* One photographic introduction across public, account and catalogue pages. */
html body .ic-section-hero {
  position: relative; isolation: isolate; display: flex; align-items: center;
  min-height: 320px; margin: 0; padding: 56px 0; overflow: hidden;
  background: #0b2431; color: #fff; border: 0; border-radius: 0;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}
html body .ic-section-hero::after {
  content: ""; position: absolute; z-index: -1; inset: 0;
  background: linear-gradient(90deg, rgba(7,30,41,.87), rgba(7,30,41,.69));
  pointer-events: none;
}
html body .ic-section-hero .ic-section-hero__image {
  position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%;
  max-width: none; margin: 0; border: 0; border-radius: 0; object-fit: cover;
  object-position: center; opacity: 1; pointer-events: none;
}
html body .ic-section-hero .ic-section-hero__content {
  position: relative; width: min(100% - 48px, 1180px); max-width: 1180px;
  margin: 0 auto; padding: 0; display: flex; flex-direction: column;
  align-items: flex-start; gap: 16px; color: #fff;
}
html body .ic-section-hero h1 {
  order: 1; max-width: 1100px; margin: 0 !important; color: #fff !important;
  font-family: inherit !important; font-size: clamp(40px, 4.7vw, 68px) !important; font-weight: 800 !important;
  line-height: 1.08 !important; letter-spacing: -.035em; overflow-wrap: anywhere;
}
html body .ic-section-hero__content > p,
html body .ic-section-hero__content > .lead {
  order: 3; max-width: 940px; margin: 0 !important; color: #e7f0f4 !important;
  font-family: inherit !important; font-size: 20px !important; font-weight: 400 !important; line-height: 1.55 !important;
}
html body .ic-section-hero__content > .eyebrow,
html body .ic-section-hero__content > [class*="eyebrow"] {
  order: 0; margin: 0 !important; color: #ffb545 !important; font-size: 14px !important; font-weight: 750 !important;
  line-height: 1.4 !important; letter-spacing: .11em; text-transform: uppercase;
}
html body .ic-section-hero .breadcrumbs,
html body .ic-section-hero .breadcrumb,
html body .ic-section-hero [class*="breadcrumb"] {
  order: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin: 0 !important; padding: 0; background: transparent; color: #e7f0f4;
  font-size: 16px !important; font-weight: 400; line-height: 1.5; list-style: none;
}
html body .ic-section-hero h1.breadcrumb-title { display: block; order: 1; font-size: clamp(40px, 4.7vw, 68px) !important; font-weight: 800; line-height: 1.08; letter-spacing: -.035em; }
html body .ic-section-hero a:not(.button):not([class*="button"]) { color: #fff; }
html body .ic-section-hero a:focus-visible { outline: 3px solid #ffb545; outline-offset: 5px; }
html body .ic-section-hero .hero-actions,
html body .ic-section-hero .ic-information-actions,
html body .ic-section-hero .form-actions { order: 4; display: flex; flex-wrap: wrap; gap: 12px; margin: 4px 0 0 !important; }
html body .ic-section-hero__content > .button, html body .ic-section-hero__content > .actions { order: 4; }
html body .ic-section-hero .ic-information-button { color: #fff; background: #08766e; border-color: #64b8b2; }
html body .ic-section-hero .muted { color: #e7f0f4; }
html body .ic-section-hero--compact { min-height: 240px; padding: 36px 0; }
html body .ic-section-hero--compact h1 { font-size: clamp(32px, 3.5vw, 48px) !important; }
html body .ic-section-hero[data-hero-section="volontario"] + .ic-container .ic-stats { margin-top: 24px; }
html body .discovery-shell > .ic-section-hero { width: 100vw; max-width: none; margin-left: calc(50% - 50vw); margin-bottom: 32px; }
html body .ic-section-hero .discovery-badge { order: 4; color: #fff; border-color: #fff; }
html body .ic-section-hero .discovery-back { order: 4; }
@media (max-width: 767px) {
  html body .ic-section-hero { min-height: 280px; padding: 36px 0; }
  html body .ic-section-hero .ic-section-hero__content { width: calc(100% - 40px); gap: 14px; }
  html body .ic-section-hero h1, html body .ic-section-hero h1.breadcrumb-title { font-size: clamp(34px, 9vw, 46px) !important; }
  html body .ic-section-hero__content > p, html body .ic-section-hero__content > .lead { font-size: 18px !important; }
  html body .ic-section-hero__content > .eyebrow, html body .ic-section-hero__content > [class*="eyebrow"] { font-size: 14px !important; }
  html body .ic-section-hero .breadcrumbs, html body .ic-section-hero .breadcrumb, html body .ic-section-hero [class*="breadcrumb"] { font-size: 14px !important; }
  html body .ic-section-hero h1.breadcrumb-title { font-size: clamp(34px, 9vw, 46px) !important; }
  html body .ic-section-hero--compact { min-height: 220px; }
}