@media (max-width: 1100px) {
        .main-nav {
          display: none;
        }

        .nav-content {
          min-height: 82px;
          padding-left: 0;
        }

        .menu-toggle {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 52px;
          height: 52px;
          border: 1px solid rgba(255, 255, 255, 0.35);
          color: #fff;
          background: transparent;
        }

        .mobile-menu {
          position: fixed;
          inset: 0;
          z-index: 60;
          display: block;
          background: rgba(7, 10, 34, 0.98);
          opacity: 0;
          visibility: hidden;
          pointer-events: none;
          transition: opacity 220ms ease, visibility 220ms ease;
        }

        .mobile-menu.is-open {
          opacity: 1;
          visibility: visible;
          pointer-events: auto;
        }

        .mobile-menu__panel {
          position: absolute;
          inset: 0;
          display: flex;
          flex-direction: column;
          padding: 26px 24px 24px;
          background:
            radial-gradient(circle at top right, rgba(214, 90, 6, 0.2), transparent 36%),
            #0b1030;
          transform: translateX(100%);
          transition: transform 260ms ease;
        }

        .mobile-menu__panel.is-active {
          transform: translateX(0);
        }

        .mobile-menu__head {
          display: flex;
          align-items: center;
          justify-content: space-between;
          min-height: 42px;
          margin-bottom: 34px;
        }

        .mobile-menu__close,
        .mobile-menu__back {
          border: 0;
          color: #fff;
          background: transparent;
          padding: 0;
          font: inherit;
          letter-spacing: 0.03em;
        }

        .mobile-menu__close {
          margin-left: auto;
          font-size: 2rem;
          line-height: 1;
        }

        .mobile-menu__back {
          font-size: 1rem;
          font-weight: 600;
        }

        .mobile-menu__body {
          display: flex;
          flex: 1;
          flex-direction: column;
          justify-content: center;
          gap: 20px;
        }

        .mobile-menu__link,
        .mobile-menu__title {
          color: #fff;
          text-transform: uppercase;
          letter-spacing: 0.03em;
        }

        .mobile-menu__link {
          width: 100%;
          padding: 0;
          border: 0;
          background: transparent;
          text-align: left;
          font-family: "Cormorant Garamond", serif;
          font-size: clamp(2.2rem, 8vw, 3.4rem);
          font-weight: 600;
          line-height: 1;
        }

        .mobile-menu__link--branch {
          display: flex;
          align-items: center;
          justify-content: space-between;
        }

        .mobile-menu__link--branch::after {
          content: "→";
          font-size: 1.2rem;
          font-family: "Outfit", sans-serif;
        }

        .mobile-menu__title {
          margin-bottom: 18px;
          color: rgba(255, 255, 255, 0.6);
          font-size: 0.9rem;
          font-weight: 700;
          font-family: "Outfit", sans-serif;
        }

        .mobile-menu__footer {
          padding-top: 20px;
        }

        .mobile-menu__lang-icon {
          margin-bottom: 12px;
          color: rgba(255, 255, 255, 0.7);
          font-size: 1rem;
          text-align: center;
        }

        .mobile-menu__lang-row {
          display: grid;
          grid-template-columns: 1fr 1fr;
          border-top: 1px solid rgba(255, 255, 255, 0.14);
        }

        .mobile-menu__lang {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 58px;
          border: 0;
          color: rgba(255, 255, 255, 0.8);
          background: transparent;
          font: inherit;
          font-size: 1rem;
          font-weight: 600;
          text-decoration: none;
        }

        .mobile-menu__lang.is-active {
          color: #fff;
          background: rgba(255, 255, 255, 0.06);
        }

        .hero-copy h1 {
          font-size: clamp(3.5rem, 10vw, 5.6rem);
        }

        .services-showcase__layout {
          grid-template-columns: 1fr;
        }

        .destination-grid,
        .yacht-grid,
        .choose-grid,
        .about-grid,
        .feature-layout {
          grid-template-columns: 1fr;
        }

        .image-stack {
          min-height: 460px;
        }
      }

      @media (max-width: 760px) {
        .container {
          width: min(calc(100% - 24px), 100%);
        }

        .nav-content {
          min-height: 96px;
          padding-left: 0;
        }

        .brand {
          top: calc(50% + 12px);
          left: 12px;
          width: 110px;
          height: 110px;
          padding: 0;
        }

        .brand-mark {
          width: 110px;
        }

        .lang-switch {
          display: none;
        }

        .menu-toggle {
          position: absolute;
          right: 6px;
          top: 18px;
          z-index: 31;
        }

        .hero-content {
          padding: clamp(250px, 32vh, 320px) 0 270px;
        }

        .slide-nav {
          right: 18px;
          bottom: 90px;
        }

        .slide-arrow {
          width: 52px;
          height: 52px;
        }

        .hero-copy p {
          font-size: 1rem;
        }

        .hero-copy {
          padding-bottom: 0;
        }

        .hero-kicker {
          margin-bottom: 14px;
          font-size: 0.68rem;
          letter-spacing: 0.16em;
        }

        .hero-copy h1 {
          margin-bottom: 18px;
          font-size: clamp(2.55rem, 9.5vw, 3.6rem);
        }

        .hero-actions {
          gap: 10px;
        }

        .hero-cta,
        .hero-secondary {
          height: 54px;
          min-width: 0;
          padding: 0 18px;
          font-size: 0.88rem;
        }

        .hero-highlights {
          bottom: 22px;
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 0;
          width: min(calc(100% - 24px), 100%);
        }

        .hero-highlight {
          min-width: 0;
          gap: 10px;
          padding: 9px 12px;
          border-right: 0;
          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        .hero-highlight:nth-child(odd) {
          border-right: 1px solid rgba(255, 255, 255, 0.2);
        }

        .hero-highlight:nth-child(n + 3) {
          border-bottom: 0;
        }

        .hero-highlight:first-child {
          padding-left: 12px;
        }

        .hero-highlight span {
          font-size: 1.4rem;
        }

        .hero-highlight p {
          font-size: 0.72rem;
        }

        .services-showcase {
          margin-top: -12px;
          padding: 58px 0 64px;
          border-top-right-radius: 42px;
        }

        .services-showcase__layout {
          gap: 30px;
        }

        .services-showcase__intro h2 {
          font-size: 2.35rem;
        }

        .services-showcase__cards {
          grid-template-columns: 1fr;
          gap: 14px;
        }

        .service-showcase-card {
          min-height: 260px;
        }

        .partner-section,
        .about-section,
        .destinations-section,
        .trending-section,
        .feature-section,
        .video-section {
          padding: 72px 0;
        }

        .section-title,
        .about-copy h2,
        .feature-copy h2,
        .video-banner h2 {
          font-size: 2.7rem;
        }

        .image-large {
          inset: 0 20px 60px 0;
        }

        .image-small {
          width: 180px;
          height: 160px;
          border-width: 8px;
        }

        .destination-card {
          min-height: 380px;
        }

        .about-hero {
          min-height: 560px;
          background-position: 62% center;
        }

        .about-hero::after {
          right: -145px;
          bottom: -90px;
          width: 320px;
          box-shadow: 0 0 0 36px rgba(255, 255, 255, 0.035), 0 0 0 72px rgba(255, 255, 255, 0.025);
        }

        .about-hero__content {
          min-height: 560px;
          padding: 150px 0 48px;
        }

        .about-hero h1 {
          font-size: clamp(2.55rem, 9.5vw, 3.6rem);
          white-space: normal;
        }

        .about-hero__lead {
          margin: 22px 0 30px;
          font-size: 1rem;
          white-space: normal;
        }

        .about-hero__cta,
        .about-closing a {
          min-height: 54px;
          padding: 0 20px;
          font-size: 0.88rem;
        }

        .about-intro,
        .expertise,
        .brand-experience,
        .about-closing {
          padding: 76px 0;
        }

        .about-intro__grid,
        .service-regions__grid,
        .brand-experience__grid,
        .expertise__heading,
        .expertise__grid {
          grid-template-columns: 1fr;
          gap: 34px;
        }

        .about-intro__visual {
          min-height: 400px;
          margin: 18px 12px 0 0;
        }

        .about-intro__visual img {
          height: 400px;
        }

        .about-intro__visual::before {
          top: -14px;
          left: -14px;
        }

        .experience-badge {
          right: -10px;
          bottom: 22px;
          padding: 17px 20px;
        }

        .experience-badge strong {
          font-size: 2.65rem;
        }

        .about-intro h2,
        .expertise h2,
        .brand-experience h2,
        .about-closing h2 {
          font-size: 2.55rem;
        }

        .about-intro .about-intro__lead {
          margin-top: 22px;
          font-size: 1.02rem;
        }

        .service-regions {
          padding: 76px 0;
        }

        .service-regions h2 {
          font-size: 3.2rem;
        }

        .expertise__heading {
          margin-bottom: 36px;
        }

        .expertise-list li {
          padding: 16px 0 16px 28px;
          font-size: 0.94rem;
        }

        .expertise-list li::before {
          top: 26px;
        }

        .about-closing > .container > p:not(.section-kicker) {
          margin-top: 22px;
          font-size: 0.96rem;
        }

        .services-hero {
          min-height: 560px;
          background-position: 62% center;
        }

        .services-hero::after {
          right: -145px;
          bottom: -90px;
          width: 320px;
          box-shadow: 0 0 0 36px rgba(255, 255, 255, 0.035), 0 0 0 72px rgba(255, 255, 255, 0.025);
        }

        .services-hero__content {
          min-height: 560px;
          padding: 150px 0 48px;
        }

        .services-hero h1 {
          font-size: clamp(2.55rem, 9.5vw, 3.6rem);
          white-space: normal;
        }

        .services-hero__content > p:not(.services-hero__eyebrow) {
          margin: 22px 0 30px;
          font-size: 1rem;
          white-space: normal;
        }

        .services-hero__cta,
        .services-closing a {
          min-height: 54px;
          padding: 0 20px;
          font-size: 0.88rem;
        }

        .service-overview,
        .service-feature,
        .service-process,
        .services-closing {
          padding: 76px 0;
        }

        .service-overview__heading,
        .service-feature__grid {
          grid-template-columns: 1fr;
          gap: 34px;
        }

        .service-overview__heading {
          margin-bottom: 36px;
        }

        .service-overview h2,
        .service-feature h2,
        .service-process h2,
        .services-closing h2 {
          font-size: 2.55rem;
        }

        .service-grid,
        .process-grid {
          grid-template-columns: 1fr;
        }

        .service-card {
          min-height: 230px;
          padding: 25px;
        }

        .service-card__number {
          top: 24px;
          right: 25px;
        }

        .service-card__icon {
          margin-bottom: 30px;
        }

        .service-feature__image {
          min-height: 400px;
          margin: 18px 12px 0 0;
        }

        .service-feature__image img {
          height: 400px;
        }

        .service-feature__image::before {
          top: -14px;
          left: -14px;
        }

        .service-feature__image > span {
          right: -10px;
          bottom: 22px;
          min-width: 120px;
          padding: 17px 20px;
          font-size: 2.65rem;
        }

        .process-grid {
          gap: 28px;
          margin-top: 38px;
        }

        .process-grid h3 {
          margin-top: 16px;
        }

        .services-closing > .container > p:not(.section-kicker) {
          margin-top: 22px;
          font-size: 0.96rem;
        }

        .references-hero {
          min-height: 560px;
          background-position: 62% center;
        }

        .references-hero::after {
          right: -145px;
          bottom: -90px;
          width: 320px;
          box-shadow: 0 0 0 36px rgba(255, 255, 255, 0.035), 0 0 0 72px rgba(255, 255, 255, 0.025);
        }

        .references-hero__content {
          min-height: 560px;
          padding: 150px 0 48px;
        }

        .references-hero h1 {
          font-size: clamp(2.55rem, 9.5vw, 3.6rem);
          white-space: normal;
        }

        .references-hero__content > p:not(.references-hero__eyebrow) {
          margin-top: 22px;
          font-size: 1rem;
          white-space: normal;
        }

        .references-hero__cta {
          min-height: 54px;
          padding: 0 20px;
          font-size: 0.88rem;
        }

        .reference-listing,
        .references-closing {
          padding: 76px 0;
        }

        .reference-listing__heading {
          grid-template-columns: 1fr;
          gap: 30px;
          margin-bottom: 36px;
        }

        .reference-listing h2,
        .references-closing h2 {
          font-size: 2.55rem;
        }

        .reference-grid {
          grid-template-columns: 1fr;
          gap: 14px;
        }

        .reference-card,
        .reference-card--large {
          min-height: 390px;
        }

        .reference-card--large {
          grid-row: auto;
        }

        .reference-card__content {
          right: 22px;
          bottom: 22px;
          left: 22px;
        }

        .references-note > .container {
          align-items: flex-start;
        }

        .references-note p {
          font-size: 0.88rem;
        }

        .references-closing > .container > p:not(.section-kicker) {
          margin-top: 22px;
          font-size: 0.96rem;
        }

        .reference-modal {
          padding: 0;
        }

        .reference-modal__dialog {
          grid-template-columns: 1fr;
          width: 100%;
          max-height: 100vh;
        }

        .reference-modal__gallery {
          min-height: 330px;
        }

        .reference-modal__details {
          padding: 34px 24px 28px;
        }

        .reference-modal__details h2 {
          font-size: 2.2rem;
        }

        .contact-hero {
          min-height: 560px;
          background-position: 62% center;
        }

        .contact-hero::after {
          right: -145px;
          bottom: -90px;
          width: 320px;
          box-shadow: 0 0 0 36px rgba(255, 255, 255, 0.035), 0 0 0 72px rgba(255, 255, 255, 0.025);
        }

        .contact-hero__content {
          min-height: 560px;
          padding: 150px 0 48px;
        }

        .contact-hero h1 {
          font-size: clamp(2.55rem, 9.5vw, 3.6rem);
          white-space: normal;
        }

        .contact-hero__content > p:not(.contact-hero__eyebrow) {
          margin: 22px 0 30px;
          font-size: 1rem;
          white-space: normal;
        }

        .contact-hero__cta,
        .contact-closing a {
          min-height: 54px;
          padding: 0 20px;
          font-size: 0.88rem;
        }

        .contact-details,
        .contact-hours,
        .contact-closing {
          padding: 76px 0;
        }

        .contact-details__grid,
        .contact-hours__grid {
          grid-template-columns: 1fr;
          gap: 34px;
        }

        .contact-details h2,
        .contact-hours h2,
        .contact-closing h2 {
          font-size: 2.55rem;
        }

        .contact-map,
        .contact-map iframe {
          min-height: 380px;
          height: 380px;
        }

        .contact-map__label {
          right: 16px;
          bottom: 16px;
          padding: 14px 16px;
        }

        .contact-hours__items div {
          align-items: flex-start;
          flex-direction: column;
          gap: 5px;
        }

        .contact-closing > .container > p:not(.section-kicker) {
          margin-top: 22px;
          font-size: 0.96rem;
        }
      }