.credential-certificate {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      min-height: 0;
      padding: 1.05rem 0.85rem 1rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: #f7e8be;
      border: 1px solid rgba(201, 160, 87, 0.72);
      border-radius: 24px;
      background:
        linear-gradient(180deg, rgba(47, 88, 71, 0.98), rgba(18, 48, 39, 0.99));
      box-shadow:
        0 18px 42px rgba(22, 48, 39, 0.24),
        inset 0 0 0 7px rgba(244, 226, 177, 0.05),
        inset 0 0 0 9px rgba(203, 160, 84, 0.22);
    }

    .credential-certificate::before {
      content: "";
      position: absolute;
      inset: 10px;
      border: 1px solid rgba(220, 184, 111, 0.42);
      border-radius: 17px;
      pointer-events: none;
    }

    .credential-certificate::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 39%;
      width: 70%;
      height: 1px;
      transform: translateX(-50%);
      background: linear-gradient(90deg, transparent, rgba(229, 195, 128, 0.42), transparent);
      pointer-events: none;
    }

    .certificate-panel {
      position: relative;
      width: calc(100% - 0.45rem);
      padding: 0.75rem 0.65rem 0.7rem;
      margin-bottom: 0.85rem;
      color: #9a641f;
      border: 1px solid rgba(204, 159, 77, 0.6);
      border-radius: 14px 14px 4px 4px;
      background:
        linear-gradient(rgba(255, 249, 226, 0.97), rgba(243, 225, 182, 0.96)),
        repeating-linear-gradient(
          0deg,
          rgba(132, 93, 40, 0.04) 0,
          rgba(132, 93, 40, 0.04) 1px,
          transparent 1px,
          transparent 4px
        );
      box-shadow:
        inset 0 0 0 5px rgba(255, 250, 232, 0.45),
        0 8px 20px rgba(17, 36, 29, 0.16);
    }

    .certificate-panel::before,
    .certificate-panel::after {
      content: "";
      position: absolute;
      top: 14px;
      width: 42px;
      height: 42px;
      border-top: 2px solid rgba(170, 112, 37, 0.72);
    }

    .certificate-panel::before {
      left: 12px;
      border-left: 2px solid rgba(170, 112, 37, 0.72);
    }

    .certificate-panel::after {
      right: 12px;
      border-right: 2px solid rgba(170, 112, 37, 0.72);
    }

    .certificate-seal {
      position: relative;
      width: 72px;
      height: 72px;
      margin: 0 auto 0.65rem;
      display: grid;
      place-items: center;
      border-radius: 50%;
      color: #fff2c9;
      background:
        radial-gradient(circle at 35% 30%, #ebca83 0 15%, #bd8335 43%, #80501e 100%);
      border: 2px solid #f2d796;
      box-shadow:
        0 7px 15px rgba(112, 70, 24, 0.25),
        inset 0 0 0 4px rgba(255, 243, 201, 0.18);
    }

    .certificate-seal i {
      font-size: 1.45rem;
      filter: drop-shadow(0 1px 1px rgba(79, 44, 12, 0.32));
    }

    .seal-ring {
      position: absolute;
      inset: 8px;
      border: 1px dashed rgba(255, 243, 201, 0.82);
      border-radius: 50%;
    }

    .seal-ribbon {
      position: absolute;
      z-index: -1;
      bottom: -19px;
      width: 18px;
      height: 36px;
      background: linear-gradient(180deg, #b47a31, #744719);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 79%, 0 100%);
    }

    .seal-ribbon-left {
      left: 15px;
      transform: rotate(9deg);
    }

    .seal-ribbon-right {
      right: 15px;
      transform: rotate(-9deg);
    }

    .credential-certificate .credential-top {
      display: block;
      max-width: 230px;
      margin: 0 auto;
      color: #9b641f;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: 0.17em;
      line-height: 1.45;
      text-transform: uppercase;
    }

    .certificate-ornament {
      width: min(160px, 76%);
      margin: 0.55rem auto 0;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.55rem;
      color: #b77828;
    }

    .certificate-ornament span {
      flex: 1;
      height: 1px;
      background: linear-gradient(90deg, transparent, #b9823d, transparent);
    }

    .certificate-ornament i {
      font-size: 0.7rem;
      transform: rotate(-18deg);
    }

    .credential-certificate h3 {
      margin: 0.15rem 0 0.8rem;
      max-width: 235px;
      color: #fff1c8;
      font-family: "Cormorant Garamond", Georgia, serif;
      font-size: clamp(1.62rem, 2.25vw, 2rem);
      font-weight: 600;
      line-height: 1.02;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
    }

    .credential-certificate .credential-code {
      width: min(235px, 87%);
      padding: 0.72rem 0.7rem;
      margin: 0 0 0.8rem;
      color: #ffe6a9;
      background: rgba(10, 34, 27, 0.6);
      border: 1px dashed rgba(222, 184, 108, 0.68);
      border-radius: 11px;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      box-shadow:
        inset 0 0 0 2px rgba(255, 236, 185, 0.025),
        0 7px 16px rgba(10, 28, 22, 0.16);
    }

    .certificate-footer {
      width: calc(100% - 0.65rem);
      padding: 0.62rem 0.55rem;
      border: 1px solid rgba(207, 164, 86, 0.55);
      border-radius: 4px 4px 12px 12px;
      background:
        linear-gradient(rgba(255, 248, 225, 0.96), rgba(238, 215, 167, 0.96));
      box-shadow: inset 0 0 0 4px rgba(255, 250, 235, 0.35);
    }

    .credential-certificate .credential-note {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.42rem;
      color: #84541d;
      font-family: "Cormorant Garamond", Georgia, serif;
      font-size: 0.92rem;
      font-style: italic;
      font-weight: 600;
    }

    .credential-certificate .credential-note i {
      color: #b87928;
      font-size: 0.8rem;
    }

    @media (max-width: 860px) {
      .credential-certificate {
        padding: 1rem 0.8rem;
      }

      .credential-certificate h3 {
        font-size: 1.8rem;
      }
    }

    :where(a, button) {
      -webkit-tap-highlight-color: transparent;
    }
    :where(
      .btn,
      .nav-cta,
      .carousel-arrow,
      .back-to-top,
      .path-card a,
      .footer-links a,
      .nav-links a
    ) {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      transition:
        transform 220ms ease,
        box-shadow 260ms ease,
        border-color 260ms ease,
        color 220ms ease,
        background-color 260ms ease;
    }

    :where(
      .btn,
      .nav-cta,
      .carousel-arrow,
      .back-to-top,
      .path-card a,
      .footer-links a,
      .nav-links a
    )::after {
      content: "";
      position: absolute;
      z-index: 3;
      top: -65%;
      left: -85%;
      width: 42%;
      height: 230%;
      pointer-events: none;
      opacity: 0;
      transform: rotate(24deg);
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.08) 18%,
        rgba(255, 248, 216, 0.88) 48%,
        rgba(255, 255, 255, 0.13) 78%,
        transparent 100%
      );
      filter: blur(0.2px);
    }

    :where(
      .btn,
      .nav-cta,
      .carousel-arrow,
      .back-to-top,
      .path-card a,
      .footer-links a,
      .nav-links a
    ):hover::after,
    :where(
      .btn,
      .nav-cta,
      .carousel-arrow,
      .back-to-top,
      .path-card a,
      .footer-links a,
      .nav-links a
    ):focus-visible::after {
      opacity: 1;
      animation: metallic-sweep 720ms cubic-bezier(.2,.7,.2,1);
    }

    :where(
      .btn,
      .nav-cta,
      .carousel-arrow,
      .back-to-top
    ):hover,
    :where(
      .btn,
      .nav-cta,
      .carousel-arrow,
      .back-to-top
    ):focus-visible {
      transform: translateY(-2px);
      box-shadow:
        0 13px 28px rgba(25, 55, 44, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.32),
        inset 0 -1px 0 rgba(93, 55, 15, 0.16);
    }

    @keyframes metallic-sweep {
      0%   { left: -85%; opacity: 0; }
      16%  { opacity: 0.92; }
      100% { left: 150%; opacity: 0; }
    }
    .nav-links a:not(.nav-cta),
    .footer-links a {
      border-radius: 999px;
      padding-inline: 0.42rem;
    }

    .nav-links a:not(.nav-cta):hover,
    .footer-links a:hover {
      color: #a56b27;
      text-shadow: 0 0 18px rgba(202, 157, 83, 0.26);
    }

    .carousel-shell {
      overflow: visible !important;
      padding-top: 1.35rem;
      padding-bottom: 1.25rem;
    }

    .carousel-track {
      overflow-x: auto !important;
      overflow-y: visible !important;
      padding-top: 1.1rem !important;
      padding-bottom: 1.35rem !important;
      scroll-padding-inline: 0.4rem;
    }

    .carousel-shell-light,
    .carousel-shell-dark {
      clip-path: none !important;
    }
    .path-card,
    .service-card {
      position: relative;
      z-index: 1;
      transform: translateY(0);
      transform-origin: center bottom;
      transition:
        transform 280ms cubic-bezier(.2,.8,.2,1),
        box-shadow 300ms ease,
        border-color 260ms ease,
        filter 260ms ease;
      will-change: transform;
    }

    .path-card:hover,
    .path-card:focus-within,
    .service-card:hover,
    .service-card:focus-within {
      z-index: 8;
      transform: translateY(-14px);
      filter: saturate(1.04);
      box-shadow:
        0 25px 48px rgba(24, 54, 43, 0.22),
        0 8px 18px rgba(154, 104, 38, 0.1);
    }

    .path-card:hover,
    .path-card:focus-within {
      border-color: rgba(187, 135, 60, 0.48);
    }

    .service-card:hover,
    .service-card:focus-within {
      border-color: rgba(231, 196, 128, 0.48);
    }

    .path-card a {
      display: inline-flex;
      width: fit-content;
      max-width: 100%;
      align-items: center;
      justify-content: center;
      gap: 0.58rem;
      margin-top: 0.85rem;
      padding: 0.62rem 0.9rem;
      border: 1px solid rgba(177, 124, 51, 0.34);
      border-radius: 999px;
      color: #21483a;
      background:
        linear-gradient(145deg, rgba(255,255,255,0.82), rgba(234,219,181,0.7));
      box-shadow:
        0 7px 17px rgba(31, 65, 52, 0.11),
        inset 0 1px 0 rgba(255,255,255,0.88),
        inset 0 -1px 0 rgba(118,74,24,0.12);
      font-weight: 700;
      text-decoration: none;
      white-space: nowrap;
    }

    .path-card.featured a {
      color: #fff0c5;
      border-color: rgba(235, 197, 126, 0.42);
      background:
        linear-gradient(145deg, rgba(190,132,56,0.94), rgba(119,72,24,0.96));
      box-shadow:
        0 8px 18px rgba(8, 29, 23, 0.24),
        inset 0 1px 0 rgba(255,244,207,0.26);
    }

    .path-card a:hover,
    .path-card a:focus-visible {
      transform: translateY(-2px);
      border-color: rgba(180, 123, 43, 0.68);
      box-shadow:
        0 12px 24px rgba(29, 62, 50, 0.2),
        inset 0 1px 0 rgba(255,255,255,0.92),
        inset 0 -1px 0 rgba(113,67,18,0.18);
    }
    .path-card:hover a i,
    .path-card:focus-within a i {
      animation: arrow-nudge 760ms ease-in-out infinite;
    }

    @keyframes arrow-nudge {
      0%, 100% { transform: translateX(0); }
      35%      { transform: translateX(5px); }
      70%      { transform: translateX(-2px); }
    }
    .carousel-arrow {
      z-index: 20;
      border: 1px solid rgba(191, 143, 67, 0.48);
      box-shadow:
        0 10px 24px rgba(28, 58, 47, 0.17),
        inset 0 1px 0 rgba(255,255,255,0.34);
    }

    .carousel-arrow:hover i,
    .carousel-arrow:focus-visible i {
      animation: arrow-control-pulse 700ms ease-in-out infinite alternate;
    }

    .carousel-prev:hover i,
    .carousel-prev:focus-visible i {
      --arrow-direction: -3px;
    }

    .carousel-next:hover i,
    .carousel-next:focus-visible i {
      --arrow-direction: 3px;
    }

    @keyframes arrow-control-pulse {
      from { transform: translateX(0); }
      to   { transform: translateX(var(--arrow-direction, 3px)); }
    }
    :where(a, button):focus-visible {
      outline: 3px solid rgba(201, 151, 71, 0.42);
      outline-offset: 4px;
    }
    @media (hover: none) {
      .path-card:hover,
      .service-card:hover {
        transform: none;
        filter: none;
      }

      .path-card:hover a i {
        animation: none;
      }
    }

    @media (max-width: 720px) {
      .carousel-shell {
        padding-top: 0.7rem;
      }

      .carousel-track {
        padding-top: 0.75rem !important;
      }

      .path-card:hover,
      .path-card:focus-within,
      .service-card:hover,
      .service-card:focus-within {
        transform: translateY(-7px);
      }

      .path-card a {
        white-space: normal;
        text-align: center;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
      }
    }
    .carousel-arrow:hover,
    .carousel-arrow:focus-visible {
      transform: none !important;
    }

    .carousel-shell {
      overflow: visible !important;
    }

    .carousel-arrow {
      overflow: hidden !important;
      border: 1px solid rgba(216, 176, 101, 0.72) !important;
      box-shadow:
        0 10px 24px rgba(28, 58, 47, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.28),
        inset 0 -1px 0 rgba(86,49,14,0.18) !important;
    }
    .carousel-dots {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.55rem;
      margin-top: 0.4rem;
    }

    .carousel-dots button,
    .carousel-dots span {
      width: 10px !important;
      height: 10px !important;
      min-width: 10px;
      padding: 0;
      border: 1px solid rgba(28, 72, 57, 0.55);
      border-radius: 50%;
      background: #2f5c4b !important;
      box-shadow:
        0 2px 7px rgba(24, 54, 43, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.16);
      opacity: 0.72;
      transition:
        transform 260ms ease,
        background-color 260ms ease,
        border-color 260ms ease,
        box-shadow 260ms ease,
        opacity 260ms ease;
    }

    .carousel-dots button.active,
    .carousel-dots button[aria-current="true"],
    .carousel-dots span.active,
    .carousel-dots .is-active {
      transform: scale(1.25);
      background: linear-gradient(145deg, #efd394, #b97827) !important;
      border-color: #8a571f;
      box-shadow:
        0 0 0 3px rgba(207, 164, 86, 0.16),
        0 5px 12px rgba(139, 87, 28, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.5);
      opacity: 1;
    }

    .btn,
    .nav-cta,
    .carousel-arrow,
    .back-to-top,
    .path-card a,
    .form-submit {
      border-width: 1px !important;
      border-style: solid !important;
    }
    .btn-primary,
    .btn-video,
    .nav-cta,
    .carousel-arrow,
    .back-to-top,
    .path-card.featured a,
    .form-submit {
      border-color: rgba(230, 193, 122, 0.78) !important;
    }
    .btn-secondary,
    .btn-light,
    .path-card:not(.featured) a {
      border-color: rgba(35, 77, 62, 0.58) !important;
    }
    .nav-links a:not(.nav-cta),
    .footer-links a {
      border: 1px solid transparent;
    }

    .nav-links a:not(.nav-cta):hover,
    .nav-links a:not(.nav-cta):focus-visible,
    .footer-links a:hover,
    .footer-links a:focus-visible {
      border-color: rgba(177, 125, 50, 0.34);
      background: rgba(255,255,255,0.42);
    }

    :where(
      .btn,
      .nav-cta,
      .carousel-arrow,
      .back-to-top,
      .path-card a,
      .footer-links a,
      .nav-links a
    )::after {
      width: 34% !important;
      height: 250% !important;
      top: -74% !important;
      left: -72% !important;
      opacity: 0;
      transform: rotate(22deg) !important;
      filter: blur(0.35px);
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,0.02) 10%,
        rgba(255,239,191,0.42) 28%,
        rgba(255,255,255,0.94) 49%,
        rgba(179,124,46,0.48) 65%,
        rgba(255,255,255,0.08) 84%,
        transparent 100%
      ) !important;
    }

    :where(
      .btn,
      .nav-cta,
      .carousel-arrow,
      .back-to-top,
      .path-card a,
      .footer-links a,
      .nav-links a
    ):hover::after,
    :where(
      .btn,
      .nav-cta,
      .carousel-arrow,
      .back-to-top,
      .path-card a,
      .footer-links a,
      .nav-links a
    ):focus-visible::after {
      opacity: 1;
      animation: metallic-sweep-loop 1.65s cubic-bezier(.25,.62,.22,1) infinite;
    }

    @keyframes metallic-sweep-loop {
      0% {
        left: -72%;
        opacity: 0;
      }
      12% {
        opacity: 0.95;
      }
      62% {
        opacity: 0.95;
      }
      100% {
        left: 145%;
        opacity: 0;
      }
    }
    .btn-secondary::after,
    .btn-light::after,
    .path-card:not(.featured) a::after,
    .nav-links a:not(.nav-cta)::after,
    .footer-links a::after {
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(25, 69, 53, 0.04) 10%,
        rgba(172, 114, 34, 0.34) 30%,
        rgba(255,255,255,0.96) 48%,
        rgba(36, 82, 64, 0.34) 66%,
        rgba(255,255,255,0.08) 84%,
        transparent 100%
      ) !important;
      mix-blend-mode: multiply;
    }
    .btn-primary::after,
    .btn-video::after,
    .nav-cta::after,
    .carousel-arrow::after,
    .back-to-top::after,
    .path-card.featured a::after,
    .form-submit::after {
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,0.04) 8%,
        rgba(255,218,148,0.5) 27%,
        rgba(255,255,255,0.98) 49%,
        rgba(255,194,92,0.5) 67%,
        rgba(255,255,255,0.08) 86%,
        transparent 100%
      ) !important;
      mix-blend-mode: screen;
    }
    .carousel-arrow:hover,
    .carousel-arrow:focus-visible,
    .nav-links a:hover,
    .footer-links a:hover {
      transform: none !important;
    }
    .carousel-arrow:hover i,
    .carousel-arrow:focus-visible i {
      animation: arrow-control-pulse 800ms ease-in-out infinite alternate;
    }
    .path-card:hover,
    .path-card:focus-within,
    .service-card:hover,
    .service-card:focus-within {
      transform: translateY(-14px) !important;
    }

    @media (hover: none) {
      :where(
        .btn,
        .nav-cta,
        .carousel-arrow,
        .back-to-top,
        .path-card a,
        .footer-links a,
        .nav-links a
      ):hover::after {
        animation: none;
        opacity: 0;
      }

      .path-card:hover,
      .service-card:hover {
        transform: none !important;
      }
    }

    .nav-links a {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      border-radius: 999px;
      border: 1px solid rgba(44, 91, 72, 0.52) !important;
      background:
        linear-gradient(
          145deg,
          rgba(255, 255, 255, 0.38),
          rgba(241, 238, 226, 0.2)
        );
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(28, 71, 54, 0.08);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      transition:
        color 240ms ease,
        background 280ms ease,
        border-color 280ms ease,
        box-shadow 280ms ease,
        transform 220ms ease;
    }

    .nav-links a:not(.nav-cta) {
      padding: 0.72rem 1rem !important;
      color: #213d32;
    }

    .nav-links a:not(.nav-cta):hover,
    .nav-links a:not(.nav-cta):focus-visible {
      color: #8e5c22 !important;
      border-color: rgba(185, 130, 54, 0.7) !important;
      background:
        linear-gradient(
          145deg,
          rgba(255, 253, 244, 0.78),
          rgba(229, 216, 184, 0.58)
        ) !important;
      box-shadow:
        0 10px 22px rgba(34, 67, 54, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(119, 75, 22, 0.12) !important;
      transform: translateY(-1px) !important;
    }
    .nav-cta {
      border-color: rgba(75, 122, 98, 0.95) !important;
      background:
        linear-gradient(
          145deg,
          rgba(45, 84, 68, 0.98),
          rgba(24, 54, 43, 0.98)
        ) !important;
      box-shadow:
        0 10px 24px rgba(28, 58, 47, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        inset 0 -1px 0 rgba(0, 0, 0, 0.18) !important;
    }

    .nav-cta:hover,
    .nav-cta:focus-visible {
      border-color: rgba(222, 183, 105, 0.82) !important;
      box-shadow:
        0 13px 28px rgba(25, 55, 44, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 -1px 0 rgba(93, 55, 15, 0.18) !important;
    }
    .nav-links a:not(.nav-cta)::after {
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(43, 89, 70, 0.03) 10%,
        rgba(188, 129, 46, 0.34) 28%,
        rgba(255, 255, 255, 0.98) 49%,
        rgba(49, 99, 78, 0.35) 67%,
        rgba(255, 255, 255, 0.08) 84%,
        transparent 100%
      ) !important;
      mix-blend-mode: multiply;
    }
    .nav-cta::after {
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.04) 8%,
        rgba(255, 221, 153, 0.55) 27%,
        rgba(255, 255, 255, 0.98) 49%,
        rgba(255, 194, 92, 0.52) 67%,
        rgba(255, 255, 255, 0.08) 86%,
        transparent 100%
      ) !important;
      mix-blend-mode: screen;
    }

    @media (max-width: 900px) {
      .nav-links a {
        width: 100%;
      }

      .nav-links a:not(.nav-cta) {
        padding: 0.8rem 1rem !important;
      }
    }

    .carousel-shell {
      position: relative !important;
      overflow: visible !important;
      padding-left: 4.8rem !important;
      padding-right: 4.8rem !important;
    }

    .carousel-track {
      position: relative;
      z-index: 1;
      overflow-x: auto !important;
      overflow-y: visible !important;
    }

    .carousel-arrow {
      position: absolute !important;
      top: 50% !important;
      z-index: 40 !important;
      width: 58px !important;
      height: 58px !important;
      min-width: 58px !important;
      min-height: 58px !important;
      display: grid !important;
      place-items: center !important;
      margin: 0 !important;
      padding: 0 !important;
      transform: translateY(-50%) !important;
      overflow: hidden !important;
      border-radius: 50% !important;
      color: #284d3e !important;
      background:
        linear-gradient(145deg, rgba(255,255,255,0.96), rgba(238,226,197,0.92)) !important;
      border: 2px solid rgba(187, 129, 49, 0.78) !important;
      box-shadow:
        0 12px 28px rgba(30, 62, 50, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.95),
        inset 0 -1px 0 rgba(108,66,18,0.12) !important;
      transition:
        color 260ms ease,
        background 300ms ease,
        border-color 300ms ease,
        box-shadow 300ms ease,
        transform 220ms ease !important;
    }

    .carousel-prev {
      left: 0.4rem !important;
      right: auto !important;
    }

    .carousel-next {
      right: 0.4rem !important;
      left: auto !important;
    }

    .carousel-arrow:hover,
    .carousel-arrow:focus-visible {
      transform: translateY(-50%) !important;
      color: #fff8df !important;
      background:
        linear-gradient(145deg, #356b56, #173d30) !important;
      border-color: rgba(228, 191, 118, 0.92) !important;
      box-shadow:
        0 15px 32px rgba(28, 60, 47, 0.25),
        inset 0 1px 0 rgba(255,255,255,0.28),
        inset 0 -1px 0 rgba(0,0,0,0.22) !important;
    }

    .carousel-arrow i {
      position: relative;
      z-index: 5;
      font-size: 1.2rem;
    }

    .carousel-arrow:hover i,
    .carousel-arrow:focus-visible i {
      animation: carousel-arrow-nudge 760ms ease-in-out infinite alternate !important;
    }

    .carousel-prev:hover i,
    .carousel-prev:focus-visible i {
      --carousel-shift: -4px;
    }

    .carousel-next:hover i,
    .carousel-next:focus-visible i {
      --carousel-shift: 4px;
    }

    @keyframes carousel-arrow-nudge {
      from { transform: translateX(0); }
      to   { transform: translateX(var(--carousel-shift, 4px)); }
    }
    .carousel-arrow::after {
      content: "";
      position: absolute;
      z-index: 4;
      top: -70%;
      left: -75%;
      width: 34%;
      height: 245%;
      opacity: 0;
      pointer-events: none;
      transform: rotate(22deg);
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,216,137,0.42) 28%,
        rgba(255,255,255,0.98) 50%,
        rgba(255,195,92,0.48) 69%,
        transparent 100%
      ) !important;
      mix-blend-mode: screen;
    }

    .carousel-arrow:hover::after,
    .carousel-arrow:focus-visible::after {
      animation: carousel-metal-loop 1.55s cubic-bezier(.25,.62,.22,1) infinite !important;
    }

    @keyframes carousel-metal-loop {
      0%   { left: -75%; opacity: 0; }
      14%  { opacity: 1; }
      72%  { opacity: 1; }
      100% { left: 150%; opacity: 0; }
    }
    .path-card.is-carousel-active {
      z-index: 7;
      border-color: rgba(46, 98, 76, 0.68) !important;
      box-shadow:
        0 18px 38px rgba(27, 59, 47, 0.18),
        0 0 0 2px rgba(45, 98, 76, 0.07);
    }

    .path-card.featured.is-carousel-active {
      border-color: rgba(225, 188, 114, 0.82) !important;
    }
    .path-card.is-carousel-active a {
      color: #fff4d3 !important;
      background:
        linear-gradient(145deg, #39715b, #173f31) !important;
      border-color: rgba(228, 192, 120, 0.84) !important;
      box-shadow:
        0 11px 23px rgba(29, 63, 50, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.24),
        inset 0 -1px 0 rgba(0,0,0,0.2) !important;
    }

    .path-card.is-carousel-active a i {
      animation: active-cta-arrow 760ms ease-in-out infinite !important;
    }

    @keyframes active-cta-arrow {
      0%, 100% { transform: translateX(0); }
      35%      { transform: translateX(5px); }
      70%      { transform: translateX(-2px); }
    }
    .path-card a::after {
      content: "";
      position: absolute;
      z-index: 3;
      top: -76%;
      left: -72%;
      width: 34%;
      height: 255%;
      opacity: 0;
      pointer-events: none;
      transform: rotate(22deg);
    }

    .path-card:not(.featured) a::after {
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(29,76,58,0.08) 12%,
        rgba(180,119,36,0.38) 30%,
        rgba(255,255,255,0.98) 50%,
        rgba(42,96,72,0.4) 68%,
        transparent 100%
      ) !important;
      mix-blend-mode: multiply;
    }

    .path-card.featured a::after,
    .path-card.is-carousel-active a::after {
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,217,143,0.48) 28%,
        rgba(255,255,255,0.98) 50%,
        rgba(255,193,87,0.48) 69%,
        transparent 100%
      ) !important;
      mix-blend-mode: screen;
    }

    .path-card a:hover::after,
    .path-card a:focus-visible::after,
    .path-card.is-carousel-active a::after {
      animation: cta-metal-loop 1.6s cubic-bezier(.25,.62,.22,1) infinite !important;
    }

    @keyframes cta-metal-loop {
      0%   { left: -72%; opacity: 0; }
      14%  { opacity: 1; }
      72%  { opacity: 1; }
      100% { left: 145%; opacity: 0; }
    }
    .carousel-dots button,
    .carousel-dots span {
      background: #356b56 !important;
    }

    .carousel-dots button.active,
    .carousel-dots button[aria-current="true"],
    .carousel-dots span.active,
    .carousel-dots .is-active {
      background: linear-gradient(145deg, #f0d79e, #b97827) !important;
    }

    @media (max-width: 900px) {
      .carousel-shell {
        padding-left: 3.7rem !important;
        padding-right: 3.7rem !important;
      }

      .carousel-arrow {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
      }

      .carousel-prev { left: 0 !important; }
      .carousel-next { right: 0 !important; }
    }

    @media (max-width: 620px) {
      .carousel-shell {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 4.2rem !important;
      }

      .carousel-arrow {
        top: auto !important;
        bottom: 0.2rem !important;
        transform: none !important;
      }

      .carousel-arrow:hover,
      .carousel-arrow:focus-visible {
        transform: none !important;
      }

      .carousel-prev { left: calc(50% - 64px) !important; }
      .carousel-next { right: calc(50% - 64px) !important; }
    }

    @media (hover: none) {
      .carousel-arrow:hover::after,
      .path-card a:hover::after {
        animation: none !important;
        opacity: 0 !important;
      }
    }
.carousel-arrow{
  color:#fff !important;
  background:linear-gradient(145deg,#21483a,#17352b)!important;
  border:2px solid #c79a52!important;
  box-shadow:
    0 12px 28px rgba(30,62,50,.22),
    inset 0 1px 2px rgba(255,255,255,.22)!important;
}

.carousel-arrow i{
  color:#fff!important;
  opacity:1!important;
  filter:none!important;
  z-index:10!important;
}

.carousel-arrow::after{
  opacity:0!important;
}

.carousel-arrow:hover,
.carousel-arrow:focus-visible{
  background:linear-gradient(145deg,#39725a,#183d30)!important;
  border-color:#e4c078!important;
}

.carousel-arrow:hover::after,
.carousel-arrow:focus-visible::after{
  opacity:1!important;
  animation:metalArrowFixed 1.6s linear infinite!important;
}

@keyframes metalArrowFixed{
  0%{left:-90%;opacity:0}
  20%{opacity:1}
  70%{opacity:1}
  100%{left:150%;opacity:0}
}
.carousel-prev,
.carousel-next{
  filter:none!important;
  opacity:1!important;
}

    .carousel-arrow {
      box-sizing: border-box !important;
      overflow: hidden !important;
      isolation: isolate !important;
      border-radius: 50% !important;
      border: 3px solid rgba(198, 151, 76, 0.82) !important;
      background-clip: padding-box !important;
      background-origin: padding-box !important;
      transform: translateY(-50%) !important;
    }
    .carousel-arrow:disabled,
    .carousel-arrow.is-disabled {
      color: rgba(56, 88, 75, 0.38) !important;
      background:
        linear-gradient(
          145deg,
          rgba(255, 255, 255, 0.92),
          rgba(227, 224, 210, 0.84)
        ) padding-box !important;
      border-color: rgba(196, 156, 87, 0.42) !important;
      box-shadow:
        0 9px 20px rgba(35, 60, 50, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
      cursor: default !important;
      opacity: 0.76 !important;
      filter: none !important;
    }

    .carousel-arrow:disabled i,
    .carousel-arrow.is-disabled i {
      color: rgba(56, 88, 75, 0.38) !important;
      animation: none !important;
      transform: none !important;
      filter: none !important;
    }

    .carousel-arrow:disabled::after,
    .carousel-arrow.is-disabled::after {
      display: none !important;
      animation: none !important;
      opacity: 0 !important;
    }

    .carousel-arrow:disabled:hover,
    .carousel-arrow.is-disabled:hover,
    .carousel-arrow:disabled:focus-visible,
    .carousel-arrow.is-disabled:focus-visible {
      color: rgba(56, 88, 75, 0.38) !important;
      background:
        linear-gradient(
          145deg,
          rgba(255, 255, 255, 0.92),
          rgba(227, 224, 210, 0.84)
        ) padding-box !important;
      border-color: rgba(196, 156, 87, 0.42) !important;
      box-shadow:
        0 9px 20px rgba(35, 60, 50, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
      transform: translateY(-50%) !important;
    }
    .carousel-arrow.is-enabled:not(:disabled) {
      color: #fff8df !important;
      background:
        linear-gradient(
          145deg,
          #356b56,
          #173d30
        ) padding-box !important;
      border-color: #d5a650 !important;
      box-shadow:
        0 12px 28px rgba(28, 60, 47, 0.24),
        inset 0 0 0 1px rgba(255, 255, 255, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.23) !important;
      cursor: pointer !important;
      opacity: 1 !important;
      filter: none !important;
    }

    .carousel-arrow.is-enabled:not(:disabled) i {
      position: relative;
      z-index: 7;
      color: #fff8df !important;
      opacity: 1 !important;
      filter: none !important;
    }

    .carousel-arrow.is-enabled:not(:disabled):hover,
    .carousel-arrow.is-enabled:not(:disabled):focus-visible {
      color: #ffffff !important;
      background:
        linear-gradient(
          145deg,
          #427c65,
          #1a4334
        ) padding-box !important;
      border-color: #edc878 !important;
      box-shadow:
        0 15px 33px rgba(28, 60, 47, 0.3),
        inset 0 0 0 1px rgba(255, 255, 255, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
      transform: translateY(-50%) !important;
    }
    .carousel-arrow.is-enabled:not(:disabled)::after {
      content: "";
      position: absolute;
      z-index: 5;
      top: -72%;
      left: -82%;
      width: 30%;
      height: 244%;
      border-radius: 999px;
      pointer-events: none;
      opacity: 0;
      transform: rotate(22deg);
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 220, 151, 0.46) 27%,
        rgba(255, 255, 255, 0.96) 50%,
        rgba(255, 195, 91, 0.46) 70%,
        transparent 100%
      ) !important;
      mix-blend-mode: screen;
      clip-path: inset(0 round 999px);
    }

    .carousel-arrow.is-enabled:not(:disabled):hover::after,
    .carousel-arrow.is-enabled:not(:disabled):focus-visible::after {
      display: block !important;
      animation: final-arrow-shine 1.65s cubic-bezier(.25,.62,.22,1) infinite !important;
    }

    @keyframes final-arrow-shine {
      0%   { left: -82%; opacity: 0; }
      15%  { opacity: 1; }
      70%  { opacity: 1; }
      100% { left: 148%; opacity: 0; }
    }

    .carousel-prev.is-enabled:not(:disabled):hover i,
    .carousel-prev.is-enabled:not(:disabled):focus-visible i {
      --carousel-shift: -4px;
      animation: final-arrow-nudge 760ms ease-in-out infinite alternate !important;
    }

    .carousel-next.is-enabled:not(:disabled):hover i,
    .carousel-next.is-enabled:not(:disabled):focus-visible i {
      --carousel-shift: 4px;
      animation: final-arrow-nudge 760ms ease-in-out infinite alternate !important;
    }

    @keyframes final-arrow-nudge {
      from { transform: translateX(0); }
      to   { transform: translateX(var(--carousel-shift, 4px)); }
    }

    @media (max-width: 620px) {
      .carousel-arrow,
      .carousel-arrow:disabled:hover,
      .carousel-arrow.is-disabled:hover,
      .carousel-arrow.is-enabled:not(:disabled):hover {
        transform: none !important;
      }
    }

    :where(
      a,
      button,
      .privacy-check,
      .carousel-dots button
    ) {
      position: relative;
      isolation: isolate;
      -webkit-tap-highlight-color: transparent;
    }

    :where(
      .btn,
      .nav-links a,
      .footer-links a,
      .path-card a,
      .carousel-arrow,
      .back-to-top,
      .form-submit,
      .booking-link
    ) {
      overflow: hidden !important;
      transition:
        color 240ms ease,
        background 300ms ease,
        border-color 280ms ease,
        box-shadow 300ms ease,
        transform 220ms ease !important;
    }
    :where(
      .btn,
      .nav-links a,
      .footer-links a,
      .path-card a,
      .carousel-arrow,
      .back-to-top,
      .form-submit,
      .booking-link
    )::after {
      content: "";
      position: absolute;
      z-index: 8;
      top: -78%;
      left: -78%;
      width: 32%;
      height: 260%;
      pointer-events: none;
      opacity: 0;
      transform: rotate(22deg);
      border-radius: 999px;
    }
    :where(
      .btn-primary,
      .btn-video,
      .nav-cta,
      .form-submit,
      .booking-link,
      .back-to-top,
      .carousel-arrow.is-enabled:not(:disabled),
      .path-card.featured a
    )::after {
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 220, 148, 0.42) 28%,
        rgba(255, 255, 255, 0.98) 50%,
        rgba(255, 190, 82, 0.48) 70%,
        transparent 100%
      ) !important;
      mix-blend-mode: screen;
    }
    :where(
      .btn-secondary,
      .btn-light,
      .nav-links a:not(.nav-cta),
      .footer-links a,
      .path-card:not(.featured) a
    )::after {
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(44, 91, 72, 0.12) 16%,
        rgba(178, 117, 35, 0.48) 33%,
        rgba(255, 255, 255, 0.98) 50%,
        rgba(41, 94, 71, 0.44) 68%,
        transparent 100%
      ) !important;
      mix-blend-mode: multiply;
    }

    :where(
      .btn,
      .nav-links a,
      .footer-links a,
      .path-card a,
      .carousel-arrow.is-enabled:not(:disabled),
      .back-to-top,
      .form-submit,
      .booking-link
    ):hover::after,
    :where(
      .btn,
      .nav-links a,
      .footer-links a,
      .path-card a,
      .carousel-arrow.is-enabled:not(:disabled),
      .back-to-top,
      .form-submit,
      .booking-link
    ):focus-visible::after {
      animation: site-metal-shine 1.55s cubic-bezier(.25,.62,.22,1) infinite !important;
    }

    @keyframes site-metal-shine {
      0%   { left: -78%; opacity: 0; }
      14%  { opacity: 1; }
      70%  { opacity: 1; }
      100% { left: 148%; opacity: 0; }
    }

    .path-card a {
      position: relative;
      isolation: isolate;
      overflow: hidden !important;
      border-width: 1px !important;
      border-style: solid !important;
      border-radius: 999px !important;
    }
    .path-card:not(.featured) a {
      color: #214b3b !important;
      background:
        linear-gradient(145deg, #fffef9, #efe4c9) !important;
      border-color: rgba(38, 86, 67, 0.68) !important;
      box-shadow:
        0 8px 20px rgba(30, 65, 51, 0.12),
        inset 0 1px 0 rgba(255,255,255,0.95),
        inset 0 -1px 0 rgba(92,58,18,0.1) !important;
    }
    .path-card:not(.featured) a:hover,
    .path-card:not(.featured) a:focus-visible {
      color: #fff7dc !important;
      background:
        linear-gradient(145deg, #3d755f, #173f31) !important;
      border-color: rgba(231, 194, 120, 0.92) !important;
      box-shadow:
        0 13px 28px rgba(28, 63, 49, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.24),
        inset 0 -1px 0 rgba(0,0,0,0.2) !important;
      transform: translateY(-2px) !important;
    }
    .path-card.featured a {
      color: #244d3d !important;
      background:
        linear-gradient(145deg, #fff8e5, #ead4a5) !important;
      border-color: rgba(226, 188, 112, 0.88) !important;
      box-shadow:
        0 8px 20px rgba(8, 29, 23, 0.2),
        inset 0 1px 0 rgba(255,255,255,0.88) !important;
    }
    .path-card.featured a:hover,
    .path-card.featured a:focus-visible {
      color: #173d30 !important;
      background:
        linear-gradient(145deg, #e5bd72, #b8792f) !important;
      border-color: rgba(35, 83, 64, 0.92) !important;
      box-shadow:
        0 13px 28px rgba(8, 29, 23, 0.25),
        inset 0 1px 0 rgba(255,245,208,0.5),
        inset 0 -1px 0 rgba(83,47,11,0.18) !important;
      transform: translateY(-2px) !important;
    }
    .path-card.is-carousel-active:not(.featured) a {
      color: #fff7dc !important;
      background:
        linear-gradient(145deg, #3d755f, #173f31) !important;
      border-color: rgba(231, 194, 120, 0.92) !important;
    }

    .path-card.featured.is-carousel-active a {
      color: #173d30 !important;
      background:
        linear-gradient(145deg, #e5bd72, #b8792f) !important;
      border-color: rgba(35, 83, 64, 0.92) !important;
    }
    .path-card:hover a i,
    .path-card:focus-within a i,
    .path-card.is-carousel-active a i {
      animation: cta-arrow-loop 760ms ease-in-out infinite !important;
    }

    @keyframes cta-arrow-loop {
      0%, 100% { transform: translateX(0); }
      35%      { transform: translateX(5px); }
      70%      { transform: translateX(-2px); }
    }

    .carousel-arrow {
      background-clip: padding-box !important;
      overflow: hidden !important;
    }

    .carousel-arrow.is-enabled:not(:disabled):hover,
    .carousel-arrow.is-enabled:not(:disabled):focus-visible {
      background:
        linear-gradient(145deg, #427c65, #1a4334) padding-box !important;
      border-color: #edc878 !important;
    }

    .carousel-arrow:disabled::after,
    .carousel-arrow.is-disabled::after {
      display: none !important;
      animation: none !important;
    }

    .nav-links a:not(.nav-cta):hover,
    .nav-links a:not(.nav-cta):focus-visible,
    .footer-links a:hover,
    .footer-links a:focus-visible {
      color: #8e5c22 !important;
      border-color: rgba(44, 91, 72, 0.66) !important;
      background:
        linear-gradient(145deg, rgba(255,253,244,0.92), rgba(229,216,184,0.76)) !important;
      box-shadow:
        0 10px 22px rgba(34,67,54,0.14),
        inset 0 1px 0 rgba(255,255,255,0.95) !important;
    }

    .btn:hover,
    .btn:focus-visible,
    .form-submit:hover,
    .form-submit:focus-visible,
    .booking-link:hover,
    .booking-link:focus-visible,
    .back-to-top:hover,
    .back-to-top:focus-visible {
      transform: translateY(-2px);
    }

    @media (hover: none) {
      :where(
        .btn,
        .nav-links a,
        .footer-links a,
        .path-card a,
        .carousel-arrow,
        .back-to-top,
        .form-submit,
        .booking-link
      ):hover::after {
        animation: none !important;
        opacity: 0 !important;
      }

      .path-card:not(.featured) a:hover,
      .path-card.featured a:hover {
        transform: none !important;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      :where(
        .btn,
        .nav-links a,
        .footer-links a,
        .path-card a,
        .carousel-arrow,
        .back-to-top,
        .form-submit,
        .booking-link
      )::after {
        animation: none !important;
      }
    }
    .path-card.featured a,
    .path-card.featured.is-carousel-active a {
      color: #214b3b !important;
      background:
        linear-gradient(145deg, #fffef9 0%, #f6eedb 52%, #ead8af 100%) !important;
      border: 1px solid rgba(225, 184, 103, 0.92) !important;
      box-shadow:
        0 8px 20px rgba(8, 29, 23, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        inset 0 -1px 0 rgba(112, 70, 20, 0.12) !important;
    }
    .path-card.featured a:hover,
    .path-card.featured a:focus-visible,
    .path-card.featured.is-carousel-active a:hover,
    .path-card.featured.is-carousel-active a:focus-visible {
      color: #173d30 !important;
      background:
        linear-gradient(145deg, #edcb86 0%, #d7a653 48%, #b9782d 100%) !important;
      border-color: rgba(31, 79, 60, 0.96) !important;
      box-shadow:
        0 13px 28px rgba(8, 29, 23, 0.28),
        inset 0 1px 0 rgba(255, 248, 220, 0.62),
        inset 0 -1px 0 rgba(84, 47, 11, 0.2) !important;
      transform: translateY(-2px) !important;
    }
    .path-card:not(.featured) a,
    .path-card.is-carousel-active:not(.featured) a {
      color: #214b3b !important;
      background:
        linear-gradient(145deg, #fffef9 0%, #f7f1e4 55%, #ead9b4 100%) !important;
      border-color: rgba(38, 86, 67, 0.7) !important;
    }

    .path-card:not(.featured) a:hover,
    .path-card:not(.featured) a:focus-visible,
    .path-card.is-carousel-active:not(.featured) a:hover,
    .path-card.is-carousel-active:not(.featured) a:focus-visible {
      color: #fff8df !important;
      background:
        linear-gradient(145deg, #417a63 0%, #285945 48%, #173d30 100%) !important;
      border-color: rgba(230, 193, 119, 0.94) !important;
      box-shadow:
        0 13px 28px rgba(28, 63, 49, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        inset 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
      transform: translateY(-2px) !important;
    }
    .path-card.is-carousel-active a::after {
      animation: none !important;
      opacity: 0 !important;
    }

    .metallic-click {
      position: relative !important;
      isolation: isolate !important;
      overflow: hidden !important;
    }

    .metallic-click > :not(.metallic-sheen) {
      position: relative;
      z-index: 2;
    }

    .metallic-sheen {
      position: absolute;
      z-index: 6;
      top: -90%;
      left: -78%;
      width: 34%;
      height: 280%;
      border-radius: 999px;
      pointer-events: none;
      opacity: 0;
      transform: rotate(22deg);
      will-change: left, opacity;
    }
    .metallic-dark > .metallic-sheen {
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 218, 139, 0.34) 22%,
        rgba(255, 255, 255, 0.98) 49%,
        rgba(255, 194, 86, 0.48) 70%,
        transparent 100%
      );
      mix-blend-mode: screen;
    }
    .metallic-light > .metallic-sheen {
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(29, 75, 57, 0.18) 15%,
        rgba(167, 105, 27, 0.52) 34%,
        rgba(255, 255, 255, 0.98) 50%,
        rgba(35, 91, 67, 0.48) 68%,
        transparent 100%
      );
      mix-blend-mode: multiply;
    }

    .metallic-click:hover > .metallic-sheen,
    .metallic-click:focus-visible > .metallic-sheen,
    .metallic-click:focus-within > .metallic-sheen {
      animation: metallic-real-sweep 1.7s cubic-bezier(.25, .62, .22, 1) infinite !important;
    }

    @keyframes metallic-real-sweep {
      0%   { left: -78%; opacity: 0; }
      13%  { opacity: 1; }
      68%  { opacity: 1; }
      100% { left: 148%; opacity: 0; }
    }
    .carousel-arrow:disabled > .metallic-sheen,
    .carousel-arrow.is-disabled > .metallic-sheen {
      display: none !important;
      animation: none !important;
    }
    .carousel-arrow.is-enabled:not(:disabled):hover i,
    .carousel-arrow.is-enabled:not(:disabled):focus-visible i {
      animation: metallic-arrow-move 760ms ease-in-out infinite alternate !important;
    }

    .carousel-prev.is-enabled:not(:disabled) {
      --metal-arrow-shift: -4px;
    }

    .carousel-next.is-enabled:not(:disabled) {
      --metal-arrow-shift: 4px;
    }

    @keyframes metallic-arrow-move {
      from { transform: translateX(0); }
      to   { transform: translateX(var(--metal-arrow-shift, 4px)); }
    }
    .path-card:hover a i,
    .path-card:focus-within a i {
      animation: metallic-cta-arrow 760ms ease-in-out infinite !important;
    }

    @keyframes metallic-cta-arrow {
      0%, 100% { transform: translateX(0); }
      35%      { transform: translateX(5px); }
      70%      { transform: translateX(-2px); }
    }
    .path-card.is-carousel-active:not(:hover) a > .metallic-sheen {
      animation: none !important;
      opacity: 0 !important;
    }
    @media (hover: none) {
      .metallic-click:hover > .metallic-sheen {
        animation: none !important;
        opacity: 0 !important;
      }

      .metallic-click:focus-visible > .metallic-sheen,
      .metallic-click:focus-within > .metallic-sheen {
        animation: metallic-real-sweep 1.7s cubic-bezier(.25, .62, .22, 1) 1 !important;
      }
    }

    .carousel-shell {
      position: relative !important;
      overflow: visible !important;
      padding-left: 4.8rem !important;
      padding-right: 4.8rem !important;
    }

    .carousel-arrow {
      position: absolute !important;
      top: 50% !important;
      bottom: auto !important;
      margin: 0 !important;
      transform: translateY(-50%) !important;
      z-index: 40 !important;
    }

    .carousel-prev {
      left: 0.4rem !important;
      right: auto !important;
    }

    .carousel-next {
      right: 0.4rem !important;
      left: auto !important;
    }

    .carousel-arrow:hover,
    .carousel-arrow:focus-visible,
    .carousel-arrow.is-enabled:not(:disabled):hover,
    .carousel-arrow.is-enabled:not(:disabled):focus-visible,
    .carousel-arrow:disabled:hover,
    .carousel-arrow.is-disabled:hover {
      transform: translateY(-50%) !important;
    }
    .carousel-arrow > .metallic-sheen {
      position: absolute !important;
    }

    .carousel-arrow > i {
      position: relative !important;
      display: block !important;
      margin: 0 !important;
      line-height: 1 !important;
    }

    @media (max-width: 900px) {
      .carousel-shell {
        padding-left: 3.7rem !important;
        padding-right: 3.7rem !important;
      }

      .carousel-prev {
        left: 0 !important;
      }

      .carousel-next {
        right: 0 !important;
      }
    }

    @media (max-width: 620px) {
      .carousel-shell {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 4.2rem !important;
      }

      .carousel-arrow {
        top: auto !important;
        bottom: 0.2rem !important;
        transform: none !important;
      }

      .carousel-arrow:hover,
      .carousel-arrow:focus-visible,
      .carousel-arrow.is-enabled:not(:disabled):hover,
      .carousel-arrow.is-enabled:not(:disabled):focus-visible,
      .carousel-arrow:disabled:hover,
      .carousel-arrow.is-disabled:hover {
        transform: none !important;
      }

      .carousel-prev {
        left: calc(50% - 64px) !important;
        right: auto !important;
      }

      .carousel-next {
        right: calc(50% - 64px) !important;
        left: auto !important;
      }
    }

    .carousel-shell {
      position: relative !important;
      overflow: visible !important;
      padding-left: 4.8rem !important;
      padding-right: 4.8rem !important;
    }

    .carousel-shell > .carousel-arrow.metallic-click,
    .carousel-shell > .carousel-arrow {
      position: absolute !important;
      top: 50% !important;
      bottom: auto !important;
      margin: 0 !important;
      translate: 0 -50% !important;
      transform: none !important;
      z-index: 50 !important;
      flex: none !important;
    }

    .carousel-shell > .carousel-prev {
      left: 0.4rem !important;
      right: auto !important;
    }

    .carousel-shell > .carousel-next {
      right: 0.4rem !important;
      left: auto !important;
    }

    .carousel-shell > .carousel-arrow:hover,
    .carousel-shell > .carousel-arrow:focus-visible,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):hover,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):focus-visible,
    .carousel-shell > .carousel-arrow:disabled:hover,
    .carousel-shell > .carousel-arrow.is-disabled:hover {
      translate: 0 -50% !important;
      transform: none !important;
    }

    .carousel-shell > .carousel-arrow > i {
      position: relative !important;
      z-index: 10 !important;
      margin: 0 !important;
      line-height: 1 !important;
    }

    .carousel-shell > .carousel-arrow > .metallic-sheen {
      position: absolute !important;
    }

    @media (max-width: 900px) {
      .carousel-shell {
        padding-left: 3.7rem !important;
        padding-right: 3.7rem !important;
      }

      .carousel-shell > .carousel-prev {
        left: 0 !important;
      }

      .carousel-shell > .carousel-next {
        right: 0 !important;
      }
    }

    @media (max-width: 620px) {
      .carousel-shell {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 4.2rem !important;
      }

      .carousel-shell > .carousel-arrow.metallic-click,
      .carousel-shell > .carousel-arrow {
        top: auto !important;
        bottom: 0.2rem !important;
        translate: none !important;
        transform: none !important;
      }

      .carousel-shell > .carousel-prev {
        left: calc(50% - 64px) !important;
        right: auto !important;
      }

      .carousel-shell > .carousel-next {
        right: calc(50% - 64px) !important;
        left: auto !important;
      }
    }

    .language-switcher {
      display: inline-flex;
      align-items: center;
      gap: .48rem;
      flex: 0 0 auto;
    }

    .language-button {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      width: 46px;
      height: 38px;
      padding: 3px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(42, 85, 67, .58);
      border-radius: 12px;
      cursor: pointer;
      background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(232,224,203,.82));
      box-shadow:
        0 8px 18px rgba(27, 58, 46, .14),
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(94, 59, 18, .1);
      transition:
        transform .22s ease,
        border-color .28s ease,
        box-shadow .28s ease,
        background .28s ease;
    }

    .language-button:hover,
    .language-button:focus-visible,
    .language-button.is-active {
      transform: translateY(-2px);
      border-color: rgba(221, 181, 102, .92);
      background: linear-gradient(145deg, #3d755f, #173f31);
      box-shadow:
        0 12px 24px rgba(25, 57, 44, .24),
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(0,0,0,.18);
    }

    .language-button.is-active {
      box-shadow:
        0 0 0 3px rgba(207, 164, 86, .16),
        0 12px 24px rgba(25, 57, 44, .24),
        inset 0 1px 0 rgba(255,255,255,.24);
    }

    .language-flag {
      position: relative;
      z-index: 2;
      display: block;
      width: 34px;
      height: 26px;
      overflow: hidden;
      border-radius: 7px;
      border: 1px solid rgba(255,255,255,.68);
      box-shadow:
        0 2px 6px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.52);
    }

    .flag-italy {
      background: linear-gradient(90deg,
        #169b62 0 33.333%,
        #ffffff 33.333% 66.666%,
        #ce2b37 66.666% 100%);
    }

    .flag-uk {
      background-color: #012169;
      background-image:
        linear-gradient(27deg, transparent 44%, #fff 44% 56%, transparent 56%),
        linear-gradient(-27deg, transparent 44%, #fff 44% 56%, transparent 56%),
        linear-gradient(27deg, transparent 47%, #c8102e 47% 53%, transparent 53%),
        linear-gradient(-27deg, transparent 47%, #c8102e 47% 53%, transparent 53%),
        linear-gradient(90deg, transparent 37%, #fff 37% 63%, transparent 63%),
        linear-gradient(0deg, transparent 34%, #fff 34% 66%, transparent 66%),
        linear-gradient(90deg, transparent 43%, #c8102e 43% 57%, transparent 57%),
        linear-gradient(0deg, transparent 42%, #c8102e 42% 58%, transparent 58%);
    }

    .language-code {
      position: absolute;
      z-index: 3;
      right: 1px;
      bottom: -2px;
      padding: 1px 3px;
      border-radius: 5px;
      color: #fff;
      background: rgba(18, 48, 39, .9);
      font: 700 .48rem/1 Montserrat, sans-serif;
      letter-spacing: .04em;
      pointer-events: none;
    }

    .language-button > .metallic-sheen {
      z-index: 5;
    }

    @media (max-width: 1120px) {
      .nav-container { gap: 1rem; }
      .nav-links a { padding-inline: .76rem !important; }
      .language-button { width: 42px; height: 36px; }
      .language-flag { width: 31px; height: 24px; }
    }

    @media (max-width: 760px) {
      .nav-container { position: relative; padding-right: 7.8rem; }
      .language-switcher {
        position: absolute;
        right: 4.2rem;
        top: 50%;
        transform: translateY(-50%);
        gap: .34rem;
        z-index: 1002;
      }
      .language-button { width: 39px; height: 34px; border-radius: 10px; }
      .language-flag { width: 29px; height: 22px; border-radius: 6px; }
    }

    @media (max-width: 430px) {
      .nav-container { padding-right: 6.7rem; }
      .language-switcher { right: 3.8rem; }
      .language-button { width: 34px; height: 31px; padding: 2px; }
      .language-flag { width: 26px; height: 20px; }
      .language-code { display: none; }
    }

    .nav-container {
      position: relative !important;
      max-width: none !important;
      width: 100% !important;
      padding-left: clamp(1.2rem, 3vw, 3.5rem) !important;
      padding-right: clamp(1.2rem, 2vw, 2.25rem) !important;
    }

    .language-switcher {
      position: absolute !important;
      top: 50% !important;
      right: clamp(1rem, 1.6vw, 2rem) !important;
      transform: translateY(-50%) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      gap: 0.8rem !important;
      margin: 0 !important;
      padding: 0.2rem !important;
      z-index: 120 !important;
      overflow: visible !important;
    }

    .language-switcher .language-button,
    .language-switcher button,
    .language-switcher a {
      width: 58px !important;
      height: 46px !important;
      min-width: 58px !important;
      min-height: 46px !important;
      padding: 4px !important;
      display: grid !important;
      place-items: center !important;
      border-radius: 14px !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
      border: 2px solid rgba(202, 157, 78, 0.88) !important;
      box-shadow:
        0 9px 20px rgba(28, 58, 47, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.52),
        inset 0 -1px 0 rgba(88,52,14,0.12) !important;
    }

    .language-switcher img,
    .language-switcher .flag-icon,
    .language-switcher [class*="flag"] {
      width: 100% !important;
      height: 100% !important;
      min-width: 0 !important;
      min-height: 0 !important;
      display: block !important;
      object-fit: cover !important;
      object-position: center !important;
      border-radius: 9px !important;
      overflow: hidden !important;
      clip-path: inset(0 round 9px) !important;
    }

    .language-switcher .metallic-sheen {
      border-radius: 999px !important;
    }

    .language-switcher .language-button:hover,
    .language-switcher .language-button:focus-visible,
    .language-switcher button:hover,
    .language-switcher button:focus-visible,
    .language-switcher a:hover,
    .language-switcher a:focus-visible {
      transform: translateY(-2px) scale(1.04) !important;
      border-color: rgba(237, 200, 120, 0.98) !important;
      box-shadow:
        0 13px 26px rgba(28, 58, 47, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.62) !important;
    }
    .nav-links {
      margin-right: clamp(8.8rem, 10vw, 11rem) !important;
    }

    @media (max-width: 1180px) {
      .language-switcher {
        right: 0.8rem !important;
      }

      .language-switcher .language-button,
      .language-switcher button,
      .language-switcher a {
        width: 54px !important;
        height: 43px !important;
        min-width: 54px !important;
        min-height: 43px !important;
      }

      .nav-links {
        margin-right: 8rem !important;
      }
    }

    @media (max-width: 900px) {
      .nav-container {
        padding-right: 1rem !important;
      }

      .language-switcher {
        position: static !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        margin-left: auto !important;
        margin-right: 3.8rem !important;
      }

      .nav-links {
        margin-right: 0 !important;
      }
    }

    @media (max-width: 620px) {
      .language-switcher {
        gap: 0.55rem !important;
        margin-right: 3.3rem !important;
      }

      .language-switcher .language-button,
      .language-switcher button,
      .language-switcher a {
        width: 50px !important;
        height: 40px !important;
        min-width: 50px !important;
        min-height: 40px !important;
      }
    }
    .language-switcher .language-flag {
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center !important;
      border-radius: 9px !important;
      clip-path: inset(0 round 9px) !important;
      image-rendering: auto !important;
      filter: none !important;
      opacity: 1 !important;
      transform: none !important;
    }

    .language-switcher button,
    .language-switcher a,
    .language-switcher .language-button {
      padding: 4px !important;
      overflow: hidden !important;
      background:
        linear-gradient(145deg, #f8f4e8, #d9ccb0) !important;
    }

    .language-switcher button:hover .language-flag,
    .language-switcher a:hover .language-flag,
    .language-switcher .language-button:hover .language-flag {
      transform: none !important;
      filter: saturate(1.04) contrast(1.03) !important;
    }
  .language-switcher {
    align-items: center !important;
    gap: .78rem !important;
    padding: .2rem !important;
  }

  .language-switcher .language-button {
    width: 88px !important;
    min-width: 88px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 9px 15px !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border: 2px solid rgba(191, 145, 65, .88) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, #fbf8ef 0%, #eee6d2 52%, #d8c9a8 100%) !important;
    box-shadow:
      0 8px 18px rgba(28, 58, 47, .16),
      inset 0 1px 0 rgba(255, 255, 255, .82),
      inset 0 -1px 0 rgba(94, 60, 22, .14) !important;
    opacity: .84;
    filter: saturate(.9);
    transform: none !important;
    transition: transform .22s ease, opacity .22s ease, filter .22s ease,
                background .25s ease, border-color .25s ease, box-shadow .25s ease !important;
  }

  .language-switcher .language-button-content {
    position: relative;
    z-index: 8;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    pointer-events: none;
  }

  .language-switcher .language-flag {
    width: 38px !important;
    height: 24px !important;
    min-width: 38px !important;
    min-height: 24px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 5px !important;
    clip-path: inset(0 round 5px) !important;
    border: 1px solid rgba(255, 255, 255, .9) !important;
    box-shadow: 0 2px 6px rgba(19, 48, 37, .24) !important;
    transform: none !important;
  }

  .language-switcher .language-button:hover,
  .language-switcher .language-button:focus-visible {
    opacity: 1;
    filter: saturate(1);
    transform: translateY(-2px) !important;
    border-color: rgba(219, 175, 91, .98) !important;
    box-shadow:
      0 12px 24px rgba(28, 58, 47, .22),
      inset 0 1px 0 rgba(255, 255, 255, .86),
      inset 0 -1px 0 rgba(94, 60, 22, .14) !important;
  }

  .language-switcher .language-button.is-active,
  .language-switcher .language-button[aria-pressed="true"] {
    opacity: 1;
    filter: none;
    border-color: #d2a652 !important;
    background: linear-gradient(145deg, #326d56 0%, #24513f 48%, #173d30 100%) !important;
    box-shadow:
      0 0 0 3px rgba(210, 166, 82, .16),
      0 10px 22px rgba(23, 61, 48, .26),
      inset 0 1px 0 rgba(255, 255, 255, .24),
      inset 0 -1px 0 rgba(0, 0, 0, .18) !important;
  }
  .language-switcher .language-button > .metallic-sheen {
    z-index: 6 !important;
    top: -90% !important;
    height: 280% !important;
    border-radius: 999px !important;
    clip-path: inset(0 round 16px) !important;
  }

  .language-switcher .language-button.is-active > .metallic-sheen,
  .language-switcher .language-button[aria-pressed="true"] > .metallic-sheen {
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 218, 139, .34) 22%,
      rgba(255, 255, 255, .98) 49%,
      rgba(255, 194, 86, .48) 70%,
      transparent 100%
    ) !important;
    mix-blend-mode: screen !important;
  }

  .language-switcher .language-button:not(.is-active):not([aria-pressed="true"]) > .metallic-sheen {
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(29, 75, 57, .18) 15%,
      rgba(167, 105, 27, .52) 34%,
      rgba(255, 255, 255, .98) 50%,
      rgba(35, 91, 67, .48) 68%,
      transparent 100%
    ) !important;
    mix-blend-mode: multiply !important;
  }

  @media (max-width: 1180px) {
    .language-switcher .language-button {
      width: 82px !important;
      min-width: 82px !important;
      height: 50px !important;
      min-height: 50px !important;
    }
  }

  @media (max-width: 620px) {
    .language-switcher {
      gap: .5rem !important;
    }
    .language-switcher .language-button {
      width: 66px !important;
      min-width: 66px !important;
      height: 43px !important;
      min-height: 43px !important;
      padding: 7px 11px !important;
      border-radius: 13px !important;
    }
    .language-switcher .language-flag {
      width: 32px !important;
      min-width: 32px !important;
      height: 20px !important;
      min-height: 20px !important;
    }
  }

  @media (max-width: 430px) {
    .language-switcher .language-button {
      width: 58px !important;
      min-width: 58px !important;
      height: 40px !important;
      min-height: 40px !important;
      padding: 6px 9px !important;
    }
    .language-switcher .language-flag {
      width: 29px !important;
      min-width: 29px !important;
      height: 18px !important;
      min-height: 18px !important;
    }
  }
@media (min-width: 761px) {
  .site-header .nav-container {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: clamp(.65rem, 1vw, 1.25rem) !important;
    max-width: 1920px !important;
    margin-inline: auto !important;
    padding-inline: clamp(1rem, 2.2vw, 2.5rem) !important;
  }

  .site-header .brand {
    flex: 0 0 auto !important;
    margin-right: auto !important;
  }

  .site-header nav {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  .site-header .nav-links {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(.3rem, .55vw, .58rem) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-header .nav-links a {
    white-space: nowrap !important;
  }

  .site-header .language-switcher {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    translate: none !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: .78rem !important;
    margin: 0 0 0 clamp(.45rem, .8vw, .9rem) !important;
    padding: .2rem 0 !important;
    z-index: auto !important;
  }
}
@media (min-width: 761px) and (max-width: 1500px) {
  .site-header .nav-links a {
    padding-inline: clamp(.72rem, .85vw, 1rem) !important;
    font-size: clamp(.76rem, .83vw, .82rem) !important;
  }
  .site-header .language-switcher .language-button {
    width: 78px !important;
    min-width: 78px !important;
  }
}

@media (min-width: 761px) and (max-width: 1260px) {
  .site-header .brand-name { font-size: 1.72rem !important; }
  .site-header .brand-role { font-size: .5rem !important; }
  .site-header .nav-links a {
    padding-inline: .64rem !important;
    font-size: .73rem !important;
  }
  .site-header .language-switcher { gap: .5rem !important; margin-left: .35rem !important; }
  .site-header .language-switcher .language-button {
    width: 66px !important;
    min-width: 66px !important;
    height: 46px !important;
    min-height: 46px !important;
  }
}
@media (max-width: 760px) {
  .site-header .language-switcher {
    position: absolute !important;
    top: 50% !important;
    right: 4.25rem !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 1002 !important;
  }
}
  html {
    scroll-behavior: smooth;
  }

  .site-header .brand.brand-home-link {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(.62rem, 1vw, .88rem) !important;
    min-width: 0 !important;
    padding: .12rem 0 !important;
    color: inherit !important;
    text-decoration: none !important;
    overflow: visible !important;
    isolation: isolate;
  }

  .site-header .brand.brand-home-link > .metallic-sheen {
    display: none !important;
  }

  .site-header .brand-logo-frame {
    width: 66px;
    height: 66px;
    min-width: 66px;
    flex: 0 0 66px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(184, 132, 56, .52);
    border-radius: 18px;
    background:
      linear-gradient(145deg, rgba(255, 254, 249, .98), rgba(240, 232, 211, .94));
    box-shadow:
      0 8px 20px rgba(30, 61, 49, .13),
      inset 0 1px 0 rgba(255, 255, 255, .96),
      inset 0 -1px 0 rgba(116, 73, 23, .09);
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
  }

  .site-header .brand-logo-image {
    display: block;
    width: 58px;
    height: 58px;
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 2px 3px rgba(71, 43, 15, .08));
  }

  .site-header .brand-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    line-height: 1;
  }

  .site-header .brand-name {
    margin: 0 !important;
    line-height: .88 !important;
    white-space: nowrap;
  }

  .site-header .brand-role {
    margin-top: .28rem !important;
    line-height: 1.1 !important;
    white-space: nowrap;
  }

  .site-header .brand.brand-home-link:hover .brand-logo-frame,
  .site-header .brand.brand-home-link:focus-visible .brand-logo-frame {
    transform: translateY(-2px);
    border-color: rgba(210, 162, 78, .9);
    box-shadow:
      0 12px 25px rgba(30, 61, 49, .18),
      inset 0 1px 0 rgba(255, 255, 255, .98);
  }

  .site-header .brand.brand-home-link:hover .brand-name,
  .site-header .brand.brand-home-link:focus-visible .brand-name {
    color: #2e624e;
  }

  .site-header .brand.brand-home-link:focus-visible {
    outline: 3px solid rgba(201, 151, 71, .38);
    outline-offset: 5px;
    border-radius: 20px;
  }

  @media (max-width: 1380px) and (min-width: 761px) {
    .site-header .brand-logo-frame {
      width: 58px;
      height: 58px;
      min-width: 58px;
      flex-basis: 58px;
      border-radius: 16px;
    }
    .site-header .brand-logo-image {
      width: 51px;
      height: 51px;
    }
    .site-header .brand-name {
      font-size: 1.92rem !important;
    }
    .site-header .brand-role {
      font-size: .51rem !important;
    }
  }

  @media (max-width: 1060px) and (min-width: 761px) {
    .site-header .brand-logo-frame {
      width: 50px;
      height: 50px;
      min-width: 50px;
      flex-basis: 50px;
      border-radius: 14px;
    }
    .site-header .brand-logo-image {
      width: 44px;
      height: 44px;
    }
    .site-header .brand-name {
      font-size: 1.62rem !important;
    }
    .site-header .brand-role {
      font-size: .45rem !important;
      letter-spacing: .2em !important;
    }
  }

  @media (max-width: 760px) {
    .site-header .brand.brand-home-link {
      gap: .52rem !important;
      max-width: calc(100% - 10rem);
    }
    .site-header .brand-logo-frame {
      width: 43px;
      height: 43px;
      min-width: 43px;
      flex-basis: 43px;
      border-radius: 12px;
    }
    .site-header .brand-logo-image {
      width: 38px;
      height: 38px;
    }
    .site-header .brand-name {
      font-size: 1.5rem !important;
    }
    .site-header .brand-role {
      font-size: .42rem !important;
      letter-spacing: .17em !important;
    }
  }

  @media (max-width: 500px) {
    .site-header .brand.brand-home-link {
      max-width: calc(100% - 8.8rem);
      gap: .4rem !important;
    }
    .site-header .brand-logo-frame {
      width: 37px;
      height: 37px;
      min-width: 37px;
      flex-basis: 37px;
      border-radius: 10px;
    }
    .site-header .brand-logo-image {
      width: 33px;
      height: 33px;
    }
    .site-header .brand-name {
      font-size: 1.28rem !important;
    }
    .site-header .brand-role {
      display: none !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .site-header .brand-logo-frame { transition: none; }
  }
  .credential-certificate .credential-register-link {
    width: min(235px, 87%);
    min-height: 52px;
    padding: .72rem .9rem;
    margin: 0 0 .8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .58rem;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px dashed rgba(222, 184, 108, .78);
    border-radius: 11px;
    color: #ffe6a9;
    background: linear-gradient(145deg, rgba(24, 67, 52, .98), rgba(8, 36, 28, .98));
    box-shadow:
      0 8px 18px rgba(8, 28, 21, .22),
      inset 0 1px 0 rgba(255, 255, 255, .12),
      inset 0 -1px 0 rgba(0, 0, 0, .18);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.2;
    text-decoration: none;
    transition:
      color .24s ease,
      background .3s ease,
      border-color .28s ease,
      box-shadow .3s ease,
      transform .22s ease;
  }

  .credential-certificate .credential-register-link:visited {
    color: #ffe6a9;
  }

  .credential-certificate .credential-register-link > span:first-child,
  .credential-certificate .credential-register-link > i {
    position: relative;
    z-index: 8;
  }

  .credential-certificate .credential-register-link > i {
    font-size: .76rem;
    letter-spacing: 0;
    transition: transform .24s ease;
  }

  .credential-certificate .credential-register-link:hover,
  .credential-certificate .credential-register-link:focus-visible {
    color: #173d30;
    background: linear-gradient(145deg, #f0d28e 0%, #d7a552 50%, #b9782c 100%);
    border-color: rgba(39, 91, 69, .96);
    box-shadow:
      0 13px 27px rgba(8, 29, 23, .28),
      inset 0 1px 0 rgba(255, 248, 219, .68),
      inset 0 -1px 0 rgba(82, 47, 12, .2);
    transform: translateY(-2px);
  }

  .credential-certificate .credential-register-link:hover > i,
  .credential-certificate .credential-register-link:focus-visible > i {
    transform: translate(2px, -2px);
  }

  .credential-certificate .credential-register-link > .metallic-sheen {
    z-index: 6;
    top: -92%;
    height: 285%;
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 219, 145, .42) 26%,
      rgba(255, 255, 255, .98) 50%,
      rgba(255, 194, 87, .48) 70%,
      transparent 100%
    );
    mix-blend-mode: screen;
    animation: metallic-real-sweep 1.7s cubic-bezier(.25, .62, .22, 1) infinite !important;
  }

  .credential-certificate .credential-register-link:hover > .metallic-sheen,
  .credential-certificate .credential-register-link:focus-visible > .metallic-sheen {
    animation: metallic-real-sweep 1.7s cubic-bezier(.25, .62, .22, 1) infinite !important;
  }
  .privacy-check,
  .privacy-check a {
    overflow: visible !important;
  }

  .privacy-check > .metallic-sheen,
  .privacy-check a > .metallic-sheen {
    display: none !important;
    animation: none !important;
    opacity: 0 !important;
  }

  @media (max-width: 520px) {
    .credential-certificate .credential-register-link {
      width: min(245px, 92%);
      min-height: 50px;
      font-size: .76rem;
      letter-spacing: .075em;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .credential-certificate .credential-register-link {
      transition: none;
    }
    .credential-certificate .credential-register-link > .metallic-sheen {
      animation: none !important;
    }
  }
  #servizi .path-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding-bottom: 2.45rem !important;
  }

  #servizi .path-card > div:last-of-type {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 0 !important;
  }

  #servizi .path-card > div:last-of-type > p {
    margin-bottom: 0 !important;
  }

  #servizi .path-card > div:last-of-type > a {
    align-self: center !important;
    justify-content: center !important;
    margin-top: auto !important;
    transform: translateY(.35rem);
    text-align: center !important;
  }

  #servizi .path-card > div:last-of-type > a:hover,
  #servizi .path-card > div:last-of-type > a:focus-visible {
    transform: translateY(calc(.35rem - 2px)) !important;
  }

  @media (max-width: 760px) {
    #servizi .path-card {
      padding-bottom: 2.15rem !important;
    }

    #servizi .path-card > div:last-of-type > a {
      width: min(100%, 19rem) !important;
      transform: none !important;
    }

    #servizi .path-card > div:last-of-type > a:hover,
    #servizi .path-card > div:last-of-type > a:focus-visible {
      transform: translateY(-2px) !important;
    }
  }
  .site-header .brand-logo-frame {
    transition: none !important;
    will-change: auto !important;
  }

  .site-header .brand.brand-home-link:hover .brand-logo-frame,
  .site-header .brand.brand-home-link:focus-visible .brand-logo-frame {
    transform: none !important;
    border-color: rgba(184, 132, 56, .52) !important;
    box-shadow:
      0 8px 20px rgba(30, 61, 49, .13),
      inset 0 1px 0 rgba(255, 255, 255, .96),
      inset 0 -1px 0 rgba(116, 73, 23, .09) !important;
  }
  .site-header .brand-role {
    position: relative !important;
    display: inline-block !important;
    padding-bottom: .38rem !important;
  }

  .site-header .brand-role::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 86%;
    height: 1.5px;
    border-radius: 999px;
    transform: translateX(-50%);
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(166, 107, 34, .46) 10%,
      var(--gold-dark) 32%,
      #dfba72 50%,
      var(--gold-dark) 68%,
      rgba(166, 107, 34, .46) 90%,
      transparent 100%
    );
    box-shadow: 0 1px 3px rgba(154, 106, 53, .18);
    pointer-events: none;
  }
  .carousel-shell {
    overflow-anchor: none !important;
  }

  .carousel-shell > .carousel-arrow.metallic-click,
  .carousel-shell > .carousel-arrow {
    box-sizing: border-box !important;
    inline-size: 58px !important;
    block-size: 58px !important;
    min-inline-size: 58px !important;
    min-block-size: 58px !important;
    max-inline-size: 58px !important;
    max-block-size: 58px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 58px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-user-select: none;
  }

  .carousel-shell > .carousel-arrow > i {
    width: 1.15em !important;
    height: 1.15em !important;
    display: grid !important;
    place-items: center !important;
    line-height: 1 !important;
    transform-origin: center !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  @media (max-width: 900px) {
    .carousel-shell > .carousel-arrow.metallic-click,
    .carousel-shell > .carousel-arrow {
      inline-size: 50px !important;
      block-size: 50px !important;
      min-inline-size: 50px !important;
      min-block-size: 50px !important;
      max-inline-size: 50px !important;
      max-block-size: 50px !important;
      flex-basis: 50px !important;
    }
  }
  @media (hover: none), (pointer: coarse) {
    .carousel-shell > .carousel-arrow,
    .carousel-shell > .carousel-arrow:hover,
    .carousel-shell > .carousel-arrow:active,
    .carousel-shell > .carousel-arrow:focus,
    .carousel-shell > .carousel-arrow:focus-visible,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):hover,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):active,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):focus,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):focus-visible,
    .carousel-shell > .carousel-arrow.is-touch-pressed {
      transform: none !important;
      translate: 0 -50% !important;
      scale: 1 !important;
      animation: none !important;
      transition-property: color, background, border-color, box-shadow, opacity !important;
    }

    .carousel-shell > .carousel-arrow > i,
    .carousel-shell > .carousel-arrow:hover > i,
    .carousel-shell > .carousel-arrow:active > i,
    .carousel-shell > .carousel-arrow:focus > i,
    .carousel-shell > .carousel-arrow:focus-visible > i,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):hover > i,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):active > i,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):focus > i,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):focus-visible > i,
    .carousel-shell > .carousel-arrow.is-touch-pressed > i {
      animation: none !important;
      transform: none !important;
      translate: none !important;
      scale: 1 !important;
    }

  }

  @media (max-width: 620px) {
    .carousel-shell > .carousel-arrow.metallic-click,
    .carousel-shell > .carousel-arrow {
      bottom: 4px !important;
    }
  }

  @media (hover: none) and (max-width: 620px),
         (pointer: coarse) and (max-width: 620px) {
    .carousel-shell > .carousel-arrow,
    .carousel-shell > .carousel-arrow:hover,
    .carousel-shell > .carousel-arrow:active,
    .carousel-shell > .carousel-arrow:focus,
    .carousel-shell > .carousel-arrow:focus-visible,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):hover,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):active,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):focus,
    .carousel-shell > .carousel-arrow.is-enabled:not(:disabled):focus-visible,
    .carousel-shell > .carousel-arrow.is-touch-pressed {
      translate: none !important;
    }
  }
  .cta-band .btn-light {
    border: 1px solid rgba(35, 77, 62, .58) !important;
    transition:
      color .28s ease,
      background .28s ease,
      border-color .28s ease,
      box-shadow .28s ease,
      transform .28s ease !important;
  }

  .cta-band .btn-light:hover,
  .cta-band .btn-light:focus-visible {
    color: #fff8e8 !important;
    background: linear-gradient(145deg, #3e765f 0%, #285a46 48%, #173d30 100%) !important;
    border-color: rgba(235, 199, 125, .96) !important;
    box-shadow:
      0 16px 34px rgba(31, 69, 53, .30),
      inset 0 1px 0 rgba(255, 255, 255, .24),
      inset 0 -1px 0 rgba(0, 0, 0, .18) !important;
    transform: translateY(-3px) !important;
  }

  .cta-band .btn-light:hover > .metallic-sheen,
  .cta-band .btn-light:focus-visible > .metallic-sheen {
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 218, 139, .34) 22%,
      rgba(255, 255, 255, .98) 49%,
      rgba(255, 194, 86, .48) 70%,
      transparent 100%
    ) !important;
    mix-blend-mode: screen !important;
  }

  @media (hover: hover) and (pointer: fine) {
    .cta-band .btn-light:hover > .metallic-sheen,
    .cta-band .btn-light:focus-visible > .metallic-sheen {
      animation: metallic-real-sweep 1.7s cubic-bezier(.25, .62, .22, 1) infinite !important;
    }
  }

  @media (max-width: 760px) {
    .site-header .brand-role {
      padding-bottom: .30rem !important;
    }

    .site-header .brand-role::after {
      width: 84%;
      height: 1px;
    }
  }
  @media (hover: hover) and (pointer: fine) {
    .site-header .nav-links a:hover,
    .site-header .nav-links a:focus-visible {
      color: #173d30 !important;
      text-shadow: none !important;
      border-color: rgba(122, 79, 28, .78) !important;
      background: linear-gradient(145deg, #fbefcc 0%, #e0b96d 48%, #b7782d 100%) !important;
      box-shadow:
        0 14px 28px rgba(118, 78, 29, .20),
        inset 0 1px 0 rgba(255, 248, 223, .88),
        inset 0 -1px 0 rgba(98, 60, 18, .18) !important;
      transform: translateY(-1px) !important;
    }

    .site-header .nav-links a:hover > .metallic-sheen,
    .site-header .nav-links a:focus-visible > .metallic-sheen {
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 240, 202, .18) 12%,
        rgba(255, 255, 255, .99) 46%,
        rgba(255, 218, 146, .62) 68%,
        transparent 100%
      ) !important;
      mix-blend-mode: screen !important;
    }

    .site-header .language-switcher .language-button:hover,
    .site-header .language-switcher .language-button:focus-visible {
      opacity: 1 !important;
      filter: none !important;
      border-color: rgba(122, 79, 28, .78) !important;
      background: linear-gradient(145deg, #fbefcc 0%, #e0b96d 48%, #b7782d 100%) !important;
      box-shadow:
        0 14px 28px rgba(118, 78, 29, .20),
        inset 0 1px 0 rgba(255, 248, 223, .88),
        inset 0 -1px 0 rgba(98, 60, 18, .18) !important;
      transform: translateY(-2px) !important;
    }

    .site-header .language-switcher .language-button:hover > .metallic-sheen,
    .site-header .language-switcher .language-button:focus-visible > .metallic-sheen {
      background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 240, 202, .16) 12%,
        rgba(255, 255, 255, .99) 46%,
        rgba(255, 218, 146, .64) 69%,
        transparent 100%
      ) !important;
      mix-blend-mode: screen !important;
    }
  }

  .portrait-badge i.fa-comment-dots {
    font-size: 1rem;
    transform: translateY(1px);
  }
@media (max-width: 700px) {
  .carousel-shell {
    padding-bottom: 5.75rem !important;
  }

  .carousel-shell > .carousel-arrow,
  .carousel-shell > .carousel-arrow.metallic-click {
    top: auto !important;
    bottom: 2.2rem !important;
  }

  .carousel-shell > .carousel-dots {
    bottom: .65rem !important;
    z-index: 9 !important;
    pointer-events: auto !important;
  }
}