/* Compact wide-screen composition based on reference image 1. */
@media (min-width: 1100px) {
  .site-header { height: 62px; padding-left: max(26px, calc((100vw - 1180px) / 2)); padding-right: max(26px, calc((100vw - 1180px) / 2)); }
  .brand { font-size: 14px; }
  .brand-mark { width: 23px; height: 23px; font-size: 10px; }
  .desktop-nav { gap: 22px; font-size: 10px; }
  .quote-button { padding: 9px 16px; font-size: 9px; }
  .language-button { font-size: 9px; }
  .hero { height: 720px; min-height: 720px; max-height: 720px; background-position: center 52%; }
  .hero-content { margin-top: -54px; }
  .hero-content h1 { font-size: 36px; }
  .hero-content > p:not(.eyebrow) { margin: 13px 0 20px; font-size: 10px; }
  .hero-buttons .primary-button { padding: 10px 17px; font-size: 9px; }
  .hero-feature-row { bottom: 34px; }
  .hero-feature { height: 70px; }
  .hero-feature.image-feature { width: 218px; }
  .hero-feature.global-feature { width: 126px; }
  .section-shell { max-width: 1120px; padding-left: 26px; padding-right: 26px; }
  .about { width: 100%; max-width: 1180px; min-height: 520px; padding: 58px 30px; grid-template-columns: 40% 60%; gap: 36px; background: transparent; }
  .about-copy h2 { font-size: 27px; }
  .about-copy > p:not(.eyebrow) { max-width: 350px; margin: 12px 0; font-size: 8.5px; line-height: 1.6; }
  .about-copy .eyebrow { margin-bottom: 15px; padding: 6px 10px; font-size: 7px; }
  .rating { margin-bottom: 15px; font-size: 7.5px; }
  .about-copy .primary-button { padding: 9px 14px; font-size: 8px; }
  .about-visual { height: 330px; }
  .about-visual > img { width: 55%; height: 100%; margin-left: 8%; border-radius: 10px; }
  .metric-top { top: -16px; right: 4%; width: 178px; min-height: 116px; padding: 18px; }
  .metric-bottom { right: 10%; bottom: 5px; width: 218px; min-height: 114px; padding: 18px; }
  .metric-card .metric-line strong { font-size: 31px; }
  .metric-card .metric-line > span { font-size: 7px; }
  .metric-card p { margin-top: 14px; font-size: 6.5px; }
  .products { width: 100%; max-width: 1180px; min-height: 610px; padding: 58px 30px 62px; background: transparent; }
  .products .section-heading { align-items: center; margin-bottom: 28px; }
  .products .section-heading h2 { font-size: 25px; line-height: 1.1; }
  .products .section-heading > p { width: 270px; font-size: 8.5px; }
  .product-grid { gap: 13px; }
  .product-card { height: auto; aspect-ratio: 1.22 / 1; }
  .product-card { overflow: visible; background: transparent; }
  .product-card > img,
  .product-card > .card-overlay { border-radius: 16px 16px 34px 16px; }
  .product-card::after { content: ""; position: absolute; z-index: 3; right: -7px; bottom: -7px; width: 48px; height: 48px; border-radius: 50%; background: var(--offwhite); pointer-events: none; }
  .product-card > a { z-index: 4; right: 1px; bottom: 1px; width: 32px; height: 32px; border: 0; }
  .product-card > a i { font-size: 9px; }
  .card-content { z-index: 2; }
  .card-content h3 { font-size: 13px; }
  .products .centered { margin-top: 26px; padding: 9px 15px; font-size: 8px; }
}

@media (max-width: 760px) {
  .hero-feature-row { align-items: stretch; gap: 8px; }
  .hero-feature { gap: 9px; padding: 8px; }
  .hero-feature.image-feature { width: 58%; }
  .hero-feature.global-feature { width: 42%; display: grid; align-content: center; gap: 5px; }
  .avatar-stack { display: flex !important; align-items: center; height: 22px; }
  .avatar-stack img,
  .avatar-stack b { width: 22px !important; height: 22px !important; margin-right: -6px; border: 2px solid #fff; border-radius: 50% !important; object-fit: cover; background: #fff; }
  .avatar-stack b { display: grid; place-items: center; color: var(--green-950); font-size: 6px; }
  .global-feature > div:not(.avatar-stack) { display: grid; gap: 1px; }
  .global-feature strong { font-size: 8px; }
  .global-feature span { font-size: 6px; }
}

.global-section { grid-template-columns: .78fr 1.22fr; gap: 64px; }
.world-card { min-height: 520px; padding: 0 20px 22px; border: 0; border-radius: 0; background: transparent; overflow: visible; align-content: end; column-gap: 34px; }
.world-card > i { display: none; }
.export-map { position: absolute; grid-column: 1 / -1; top: -28px; left: -24px; right: -24px; width: auto; height: 360px; }
.export-map svg { width: 100%; height: 100%; overflow: visible; }
.world-land { fill: rgba(27, 94, 32, .08); stroke: rgba(27, 94, 32, .24); stroke-width: 1.5; }
.turkey-inset path { fill: rgba(185, 239, 72, .34); stroke: var(--green-800); stroke-width: 2; }
.turkey-inset circle { fill: var(--lime); stroke: var(--green-950); stroke-width: 2; filter: url(#routeGlow); }
.turkey-inset text { fill: var(--green-900); font: 700 11px Manrope, sans-serif; letter-spacing: .08em; }
.routes path { fill: none; stroke: rgba(46, 125, 50, .55); stroke-width: 1.7; stroke-dasharray: 7 7; }
.destinations circle { fill: var(--lime); stroke: var(--green-900); stroke-width: 2; }
.planes { fill: var(--green-900); }
.world-card > div:not(.export-map), .world-card > p { position: relative; z-index: 2; }
.world-card > div:not(.export-map) { padding-top: 15px; border-top: 1px solid rgba(27, 94, 32, .14); }
.world-card > p { border-color: rgba(27, 94, 32, .14); }

@media (prefers-reduced-motion: reduce) {
  .planes { display: none; }
}

@media (max-width: 760px) {
  .global-section { grid-template-columns: 1fr; gap: 42px; }
  .world-card { min-height: 390px; padding: 0 4px 18px; }
  .export-map { top: -12px; left: -22px; right: -22px; width: auto; height: 270px; }
}