/* ------------------------------------------------------------ 1. Tipografías */
@font-face {
  font-family: DM Serif Display;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/media/fonts/dm-serif-display-regular.ttf) format("truetype");
}
@font-face {
  font-family: DM Serif Display;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/media/fonts/dm-serif-display-italic.ttf) format("truetype");
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/media/fonts/manrope-400.ttf) format("truetype");
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/media/fonts/manrope-500.ttf) format("truetype");
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/media/fonts/manrope-600.ttf) format("truetype");
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/media/fonts/manrope-700.ttf) format("truetype");
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/media/fonts/manrope-800.ttf) format("truetype");
}

/* ---------------------------------------------------------------- 2. Reset */
@layer reset {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: "Manrope", sans-serif;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  small {
    font-size: 80%;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 1em;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: transparent;
    border-radius: 0;
  }
  ::placeholder {
    opacity: 1;
    color: color-mix(in oklab, currentcolor 50%, transparent);
  }
  textarea {
    resize: vertical;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]),
  ::file-selector-button {
    appearance: button;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

/* ------------------------------------------------ 3. Maquetación general */
/* Márgenes laterales de todas las franjas de la página */
.topline,
.site-header,
.product-hero,
.process-film-section,
.signal-strip,
.services-section,
.field-origin-section,
.production-section,
.cardamom-section,
.export-services-section,
.air-cargo-section,
.process-section,
.brand-monument,
.route-section,
.operations-panel,
.quote-section,
.video-presentation,
.site-footer {
  padding-inline: 1.25rem;
}
@media (min-width: 40rem) {
  .topline,
  .site-header,
  .product-hero,
  .process-film-section,
  .signal-strip,
  .services-section,
  .field-origin-section,
  .production-section,
  .cardamom-section,
  .export-services-section,
  .air-cargo-section,
  .process-section,
  .brand-monument,
  .route-section,
  .operations-panel,
  .quote-section,
  .video-presentation,
  .site-footer {
    padding-inline: 2rem;
  }
}
@media (min-width: 64rem) {
  .topline,
  .site-header,
  .product-hero,
  .process-film-section,
  .signal-strip,
  .services-section,
  .field-origin-section,
  .production-section,
  .cardamom-section,
  .export-services-section,
  .air-cargo-section,
  .process-section,
  .brand-monument,
  .route-section,
  .operations-panel,
  .quote-section,
  .video-presentation,
  .site-footer {
    padding-inline: 3rem;
  }
}

.site-shell {
  overflow: hidden;
  background-color: #f5f3ec;
  color: #0c2635;
}
.topline {
  padding-block: 0.5rem;
}
.topline-status {
  display: none;
  align-items: center;
  gap: 0.5rem;
}
.site-nav {
  display: none;
  align-items: center;
  gap: 1.75rem;
}
.header-cta {
  display: none;
}
.menu-toggle {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-width: 1px;
  border-style: solid;
}
.mobile-menu {
  padding-inline: 1.25rem;
  padding-bottom: 1.25rem;
}
.services-section {
  position: relative;
}
.section-intro {
  display: grid;
  gap: 1.75rem;
}
.services-layout {
  margin-top: 3rem;
}
.eyebrow-cream {
  color: #f7f4eb;
}
.eyebrow-ivory {
  color: #fffef5;
}
.eyebrow-white {
  color: #fff;
}
.form-row {
  display: grid;
  gap: 1.25rem;
}
.form-submit {
  width: 100%;
  justify-content: center;
}
.video-presentation {
  padding-block: 3.5rem;
}
.site-footer {
  padding-block: 2.5rem;
}

@media (min-width: 40rem) {
  .topline-status {
    display: flex;
  }
  .form-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 64rem) {
  .site-nav {
    display: flex;
  }
  .header-cta {
    display: inline-flex;
  }
  .menu-toggle {
    display: none;
  }
  .mobile-menu {
    display: none;
  }
  .section-intro {
    grid-template-columns: 0.95fr 1.55fr;
    align-items: flex-end;
  }
  .services-layout {
    margin-top: 4rem;
  }
}

/* ------------------------------------------ 4. Componentes y secciones */
* {
  border-color: var(--border);
}
html {
  scroll-behavior: smooth;
}
body {
  background: var(--background);
  color: var(--foreground);
  margin: 0;
  font-family: Manrope, sans-serif;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
.site-shell {
  background-image: radial-gradient(#0063340d 0.7px, #0000 0.7px);
  background-size: 9px 9px;
}
.topline {
  color: #fffef5;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  background: #006b3a;
  justify-content: space-between;
  align-items: center;
  min-height: 34px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
}
.topline p {
  margin: 0;
}
.status-dot {
  background: #ffe500;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
}
.site-header {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #fbf8e9e6;
  justify-content: space-between;
  align-items: center;
  min-height: 85px;
  display: flex;
}
.brand-mark {
  color: #064826;
  align-items: center;
  gap: 11px;
  text-decoration: none;
  display: inline-flex;
}
.brand-mark img {
  object-fit: contain;
  width: 41px;
  height: 41px;
}
.official-brand {
  min-width: 112px;
  min-height: 68px;
  overflow: hidden;
}
.official-brand img {
  transform-origin: 50%;
  width: 112px;
  max-width: none;
  height: 96px;
  transform: scale(1.19);
}
.site-header nav a,
.site-footer a {
  color: #07512e;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.18s;
}
.site-header nav a:hover,
.site-footer a:hover {
  color: #df1f26;
}
.btn-ink,
.btn-orange {
  letter-spacing: 0.035em;
  text-transform: uppercase;
  border: 1px solid #0000;
  align-items: center;
  gap: 13px;
  padding: 14px 18px;
  font-size: 11px;
  font-weight: 800;
  transition:
    transform 0.16s cubic-bezier(0.23, 1, 0.32, 1),
    background 0.16s;
  display: inline-flex;
}
.btn-orange {
  color: #fff;
  background: #df1f26;
}
.btn-ink:active,
.btn-orange:active {
  transform: scale(0.97);
}
.btn-text {
  color: #07512e;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  border-bottom: 1px solid #07512e;
  align-items: center;
  gap: 10px;
  padding: 0 0 4px;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}
.mobile-menu {
  background: #fbf8e9;
  border-top: 1px solid #d5dfcc;
  display: grid;
}
.mobile-menu a {
  color: #07512e;
  text-transform: uppercase;
  border-bottom: 1px solid #d5dfcc;
  justify-content: space-between;
  padding: 15px 0;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}
h2 {
  letter-spacing: -0.055em;
  margin: 21px 0 20px;
  font-family:
    DM Serif Display,
    Georgia,
    serif;
  font-weight: 400;
}
h2 em {
  color: #df1f26;
  font-weight: 400;
}
.eyebrow {
  color: #27724c;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  align-items: center;
  gap: 9px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}
.eyebrow > span {
  background: #e4be00;
  width: 25px;
  height: 2px;
}
.signal-strip {
  background: #f4df3a;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}
.signal-strip > div {
  color: #07512e;
  border-right: 1px solid #00522a33;
  grid-template-columns: 25px 1fr;
  align-items: center;
  gap: 0 9px;
  padding: 23px clamp(1.2rem, 3vw, 3.5rem);
  display: grid;
}
.signal-strip > div:last-child {
  border: 0;
}
.signal-strip svg {
  color: #df1f26;
  grid-row: span 2;
}
.signal-strip span {
  letter-spacing: 0.1em;
  font-size: 10px;
  font-weight: 800;
}
.signal-strip p {
  color: #306743;
  margin: 3px 0 0;
  font-size: 10px;
}
.route-rail {
  color: #4f7a5c;
  letter-spacing: 0.15em;
  align-items: center;
  gap: 9px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}
.route-rail i {
  background: repeating-linear-gradient(90deg, #e4be00 0 3px, #0000 3px 8px);
  width: 55px;
  height: 1px;
}
.route-rail b {
  font-weight: 800;
}
.section-intro h2,
.process-heading h2,
.route-copy h2,
.op-copy h2,
.quote-heading h2 {
  color: #07512e;
  font-size: clamp(2.6rem, 5vw, 4.9rem);
  line-height: 0.94;
}
.section-intro p {
  color: #477059;
  max-width: 460px;
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.75;
}
.services-layout {
  grid-template-columns: 0.82fr 1.18fr;
  align-items: center;
  gap: clamp(2rem, 7vw, 7rem);
  display: grid;
}
.services-photo {
  clip-path: polygon(0 0, 100% 0, 100% 92%, 92% 100%, 0 100%);
  min-height: 470px;
  position: relative;
  overflow: hidden;
}
.services-photo:before {
  content: "";
  z-index: 1;
  background: linear-gradient(#0000 55%, #004b278a);
  position: absolute;
  inset: 0;
}
.services-photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}
.photo-label {
  z-index: 2;
  color: #fff;
  letter-spacing: 0.14em;
  font-size: 9px;
  font-weight: 800;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.service-list {
  border-top: 1px solid #c8d9c8;
}
.service-row {
  border-bottom: 1px solid #c8d9c8;
  grid-template-columns: 42px 43px 1fr 25px;
  align-items: center;
  gap: 12px;
  padding: 23px 0;
  transition:
    padding 0.18s cubic-bezier(0.23, 1, 0.32, 1),
    color 0.18s;
  display: grid;
}
.service-row:hover {
  color: #df1f26;
  padding-left: 10px;
}
.service-number {
  color: #df1f26;
  align-self: start;
  padding-top: 3px;
  font-size: 10px;
  font-weight: 800;
}
.service-icon {
  color: #006b3a;
  width: 25px;
}
.service-row h3 {
  color: #07512e;
  letter-spacing: -0.03em;
  margin: 0 0 4px;
  font-size: 16px;
}
.service-row p {
  color: #5c7563;
  max-width: 470px;
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}
.service-arrow {
  color: #006b3a;
  justify-self: end;
  font-size: 22px;
}
.process-heading {
  grid-template-columns: 1.3fr 0.7fr;
  column-gap: 4rem;
  display: grid;
}
.process-heading h2 {
  color: #fffef5;
  grid-row: span 2;
  margin-bottom: 0;
}
.process-heading p {
  color: #d6efcf;
  align-self: end;
  max-width: 410px;
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.7;
}
.process-track {
  border-top: 1px solid #fffff557;
  grid-template-columns: repeat(4, 1fr);
  margin-top: clamp(3rem, 7vw, 7rem);
  display: grid;
}
.process-card {
  border-right: 1px solid #fffff547;
  padding: 21px 30px 5px 0;
  position: relative;
}
.process-card:not(:first-child) {
  padding-left: 26px;
}
.process-card:last-child {
  border-right: 0;
}
.process-card > span {
  color: #ffe500;
  letter-spacing: 0.12em;
  font-size: 10px;
  font-weight: 800;
}
.process-node {
  background: #006b3a;
  border: 2px solid #ffe500;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: 0;
}
.process-card:not(:first-child) .process-node {
  left: 26px;
}
.process-card h3 {
  letter-spacing: -0.04em;
  margin: 43px 0 9px;
  font-family:
    DM Serif Display,
    serif;
  font-size: 24px;
  font-weight: 400;
}
.process-card p {
  color: #d5e8d2;
  max-width: 210px;
  margin: 0;
  font-size: 11px;
  line-height: 1.65;
}
.route-section {
  background: #f7f0b9;
}
.route-showcase {
  clip-path: polygon(0 0, 100% 0, 100% 93%, 96% 100%, 0 100%);
  background: #006b3a;
  min-height: 590px;
  margin-top: 32px;
  position: relative;
  overflow: hidden;
}
.route-showcase > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.route-overlay {
  background: linear-gradient(90deg, #004c28ed, #004c28a8 41%, #004c281f 75%);
  position: absolute;
  inset: 0;
}
.route-copy {
  z-index: 3;
  color: #fff;
  width: min(520px, 64%);
  padding: clamp(3rem, 7vw, 6rem);
  position: relative;
}
.route-copy h2 {
  color: #fffef5;
  margin-top: 20px;
}
.route-copy p {
  color: #e4f2cf;
  margin: 0 0 27px;
  font-size: 13px;
  line-height: 1.7;
}
.route-marker {
  z-index: 3;
  color: #fff;
  letter-spacing: 0.12em;
  align-items: center;
  gap: 8px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
  position: absolute;
}
.route-marker i {
  background: #006b3a;
  border: 2px solid #ffe500;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: block;
}
.marker-one {
  top: 31%;
  left: 52%;
}
.marker-two {
  bottom: 24%;
  right: 14%;
}
.route-line {
  z-index: 2;
  opacity: 0.9;
  border-bottom: 1px dashed #ffe500;
  border-right: 1px dashed #ffe500;
  border-radius: 0 0 100%;
  width: 37%;
  height: 19%;
  position: absolute;
  top: 31%;
  left: 52%;
}
.operations-panel {
  background: #f7f0b9;
  padding-bottom: clamp(5rem, 10vw, 9rem);
}
.operations-card {
  background: #fbf8e9;
  grid-template-columns: 1fr 0.82fr;
  display: grid;
}
.op-copy {
  padding: clamp(3rem, 7vw, 6.5rem);
}
.op-copy h2 {
  margin-top: 20px;
  font-size: clamp(2.5rem, 4.4vw, 4.4rem);
}
.op-copy p {
  color: #477059;
  max-width: 500px;
  margin: 0 0 28px;
  font-size: 13px;
  line-height: 1.8;
}
.op-image {
  min-height: 400px;
  position: relative;
  overflow: hidden;
}
.op-image:after {
  content: "";
  background: linear-gradient(#0000 55%, #004b2780);
  position: absolute;
  inset: 0;
}
.op-image > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}
.op-seal {
  z-index: 2;
  color: #fff;
  letter-spacing: 0.08em;
  background: #df1f26;
  align-items: center;
  gap: 11px;
  padding: 17px 21px;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.35;
  display: flex;
  position: absolute;
  bottom: 26px;
  right: 0;
}
.quote-section {
  background: #fbf8e9;
  grid-template-columns: 0.8fr 1fr;
  gap: clamp(3rem, 10vw, 12rem);
  display: grid;
}
.quote-heading h2 {
  margin-top: 20px;
}
.quote-heading p {
  color: #477059;
  max-width: 410px;
  font-size: 14px;
  line-height: 1.75;
}
.contact-note {
  color: #4d6f57;
  border-top: 1px solid #d2dec9;
  align-items: flex-start;
  gap: 10px;
  max-width: 375px;
  margin-top: 30px;
  padding-top: 17px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}
.contact-note svg {
  color: #df1f26;
  flex: none;
}
.quote-form {
  gap: 18px;
  display: grid;
}
.quote-form label {
  color: #3d7550;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  gap: 7px;
  font-size: 9px;
  font-weight: 800;
  display: grid;
}
.quote-form input,
.quote-form select,
.quote-form textarea {
  color: #07512e;
  letter-spacing: 0;
  text-transform: none;
  background: 0 0;
  border: 0;
  border-bottom: 1px solid #a9c3a7;
  border-radius: 0;
  outline: 0;
  width: 100%;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 500;
  transition: border-color 0.18s;
}
.quote-form textarea {
  resize: vertical;
}
.form-success {
  color: #006b3a;
  align-items: center;
  gap: 7px;
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
  display: flex;
}
.form-error {
  color: #b10f18;
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}
.form-legal {
  color: #728a74;
  margin: 0;
  font-size: 9px;
  line-height: 1.55;
}
.site-footer {
  color: #fffef5;
  background: #006b3a;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  display: flex;
}
.site-footer .brand-mark {
  color: #fff;
}
.site-footer p {
  color: #d4e7cf;
  margin: 0;
  font-size: 10px;
}
.site-footer > div {
  gap: 16px;
  display: flex;
}
.site-footer a {
  color: #fffef5;
  font-size: 10px;
}
:root {
  --background: #f5f3ec;
  --foreground: #0c2635;
  --border: #d7d9d2;
}
.site-shell {
  background-image: radial-gradient(#0b26350b 0.7px, #0000 0.7px);
  position: relative;
}
.topline {
  color: #e6e9df;
  background: #0c2635;
}
.status-dot {
  background: #df1f26;
}
.site-header {
  background: #f5f3ece0;
}
.site-header nav a {
  color: #173c4c;
}
.site-header nav a:hover {
  color: #df1f26;
}
.btn-ink {
  color: #f7f4eb;
  background: #0c2635;
}
.btn-ink:hover {
  background: #173c4c;
}
.btn-orange {
  background: #df1f26;
}
.mobile-menu {
  background: #f5f3ec;
  border-color: #d7d9d2;
}
.mobile-menu a {
  color: #0c2635;
  border-color: #d7d9d2;
}
.eyebrow {
  color: #30505b;
}
.eyebrow > span {
  background: #e4be00;
}
.signal-strip {
  background: #e7e4dc;
}
.signal-strip > div {
  color: #0c2635;
  border-color: #c9ccc6;
}
.signal-strip svg {
  color: #006b3a;
}
.signal-strip p {
  color: #637179;
}
.section-pad {
  position: relative;
}
.section-pad:before {
  content: "";
  pointer-events: none;
  border-left: 1px dashed #0c263521;
  position: absolute;
  top: 0;
  bottom: 0;
  left: clamp(1.25rem, 3.4vw, 3.1rem);
}
.section-pad > * {
  z-index: 1;
  position: relative;
}
.route-rail {
  color: #6c7b7e;
}
.route-rail span {
  color: #df1f26;
}
.route-rail i {
  background: repeating-linear-gradient(90deg, #e4be00 0 3px, #0000 3px 8px);
}
.section-intro h2,
.op-copy h2,
.quote-heading h2 {
  color: #0c2635;
}
.section-intro h2 em,
.op-copy h2 em,
.quote-heading h2 em {
  color: #df1f26;
}
.section-intro p {
  color: #53676d;
}
.services-photo:before {
  background: linear-gradient(#0000 55%, #08202b7a);
}
.service-list,
.service-row {
  border-color: #cdd1ca;
}
.service-row:hover,
.service-number {
  color: #df1f26;
}
.service-icon,
.service-row h3,
.service-arrow {
  color: #0c2635;
}
.service-row p {
  color: #65767c;
}
.process-section {
  color: #f7f4eb;
  background: #0c2635;
}
.process-heading h2 {
  color: #f7f4eb;
}
.process-heading h2 em {
  color: #e4be00;
}
.process-heading p {
  color: #aebfc2;
}
.process-track {
  border-color: #eff3eb40;
}
.process-card {
  border-color: #eff3eb33;
}
.process-card > span {
  color: #df1f26;
}
.process-node {
  background: #0c2635;
  border-color: #df1f26;
}
.process-card p {
  color: #9dafb2;
}
.route-section,
.operations-panel {
  background: #e5e2da;
}
.route-showcase {
  background: #0c2635;
}
.route-overlay {
  background: linear-gradient(90deg, #041926e8, #041926a3 41%, #0419261a 75%);
}
.route-copy h2 {
  color: #fff;
}
.route-copy h2 em {
  color: #e4be00;
}
.route-copy p {
  color: #cedadd;
}
.route-marker i {
  background: #0c2635;
  border-color: #df1f26;
}
.route-line {
  border-color: #df1f26;
}
.operations-card {
  background: #f5f3ec;
}
.op-copy p {
  color: #56686e;
}
.op-image:after {
  background: linear-gradient(#0000 55%, #07212c80);
}
.quote-section {
  background: #f5f3ec;
}
.quote-heading p {
  color: #55676e;
}
.contact-note {
  color: #4d6167;
  border-color: #d2d4ce;
}
.quote-form label {
  color: #51656c;
}
.quote-form input,
.quote-form select,
.quote-form textarea {
  color: #0c2635;
  border-color: #abb9b9;
}
.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus {
  border-color: #df1f26;
}
.quote-form input::placeholder,
.quote-form textarea::placeholder {
  color: #879397;
}
.form-success {
  color: #346043;
}
.form-legal {
  color: #7c898c;
}
.site-footer {
  color: #d9e0da;
  background: #0c2635;
}
.site-footer p {
  color: #a3b1b4;
}
.site-footer a {
  color: #d9e0da;
}
.brand-monument {
  background: #102f3c;
  padding-top: clamp(4rem, 8vw, 7rem);
  padding-bottom: clamp(4rem, 8vw, 7rem);
  position: relative;
  overflow: hidden;
}
.brand-monument:before {
  content: "";
  background:
    radial-gradient(circle at 50% 44%, #f0642429, #0000 23%),
    radial-gradient(circle at 50% 49%, #006b3a61, #0000 55%),
    repeating-linear-gradient(90deg, #ffffff09 0 1px, #0000 1px 118px);
  position: absolute;
  inset: 0;
}
.brand-monument-inner {
  border-top: 1px solid #ffffff3d;
  border-bottom: 1px solid #ffffff3d;
  align-content: center;
  justify-items: center;
  max-width: 1120px;
  min-height: 580px;
  margin: 0 auto;
  display: grid;
  position: relative;
}
.brand-monument-inner:before,
.brand-monument-inner:after {
  content: "";
  background: #102f3c;
  border: 2px solid #df1f26;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
}
.brand-monument-inner:before {
  top: -6px;
  left: 0;
}
.brand-monument-inner:after {
  bottom: -6px;
  right: 0;
}
.monument-copy {
  max-width: 240px;
  position: absolute;
  top: 42px;
  left: 0;
}
.monument-copy .eyebrow > span {
  background: #e4be00;
}
.monument-copy p {
  color: #dce6df;
  letter-spacing: -0.04em;
  margin: 12px 0 0;
  font-family:
    DM Serif Display,
    serif;
  font-size: 22px;
  line-height: 1.05;
}
.monument-reference {
  color: #dce6df;
  letter-spacing: 0.15em;
  align-items: center;
  gap: 9px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
  position: absolute;
}
.monument-reference i {
  background: repeating-linear-gradient(90deg, #e4be00 0 3px, #0000 3px 8px);
  width: 42px;
  height: 1px;
  display: block;
}
.reference-left {
  top: 43px;
  right: 0;
}
.reference-right {
  bottom: 38px;
  left: 0;
}
.logo-3d-stage {
  z-index: 1;
  aspect-ratio: 1;
  place-items: center;
  width: min(580px, 82vw);
  display: grid;
  position: relative;
}
.stage-glow {
  background: radial-gradient(circle, #e4be0030, #006b3a0a 61%, #0000 69%);
  border: 1px solid #e4be005c;
  border-radius: 50%;
  width: 75%;
  height: 75%;
  position: absolute;
  box-shadow:
    0 0 0 44px #ffffff05,
    0 0 0 88px #ffffff04;
}
.logo-3d-stage img {
  z-index: 2;
  object-fit: contain;
  filter: drop-shadow(0 25px 25px #00000073);
  width: 110%;
  height: 110%;
  position: relative;
  transform: rotate(-1.5deg);
}
.stage-tag {
  z-index: 3;
  color: #fffef5;
  letter-spacing: 0.14em;
  background: #0c2635a3;
  border: 1px solid #ffffff59;
  padding: 7px 9px;
  font-size: 8px;
  font-weight: 800;
  position: absolute;
}
.tag-left {
  top: 57%;
  left: 1%;
}
.tag-right {
  top: 42%;
  right: 0;
}
.monument-footer {
  color: #b7c8c2;
  letter-spacing: 0.11em;
  align-items: center;
  gap: 16px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
  position: absolute;
  bottom: 35px;
  right: 0;
}
.monument-footer b {
  color: #e4be00;
  font-size: 12px;
}
.monument-copy .eyebrow > span,
.monument-reference i {
  background: #f06424;
}
.logo-3d-stage {
  perspective: 1100px;
}
.logo-3d-stage:before {
  content: "";
  z-index: 1;
  filter: blur(17px);
  background: #000000a8;
  border-radius: 50%;
  width: 60%;
  height: 17%;
  position: absolute;
  bottom: 9%;
  transform: rotateX(72deg) rotate(-2deg);
}
.logo-3d-stage img {
  filter: drop-shadow(20px 27px #0000003b) drop-shadow(0 27px 20px #0000007a);
  width: 94%;
  height: 94%;
  transform-style: preserve-3d;
  transform: perspective(1100px) rotateY(-8deg) rotateX(4deg) rotate(-1.5deg) translateZ(22px);
}
.monument-footer b {
  color: #f06424;
}
.video-presentation {
  background: #102f3c;
  position: relative;
  overflow: hidden;
}
.video-presentation:before {
  content: "";
  background:
    radial-gradient(circle at 72% 40%, #f0642421, #0000 25%),
    repeating-linear-gradient(90deg, #ffffff09 0 1px, #0000 1px 118px);
  position: absolute;
  inset: 0;
}
.video-presentation-inner {
  border-top: 1px solid #ffffff3d;
  border-bottom: 1px solid #ffffff3d;
  grid-template-columns: 0.62fr 1.38fr;
  align-items: center;
  gap: clamp(2rem, 6vw, 6.5rem);
  max-width: 1120px;
  margin: 0 auto;
  padding: clamp(3rem, 6vw, 5.2rem) 0;
  display: grid;
  position: relative;
}
.video-copy h2 {
  color: #fffef5;
  margin: 20px 0;
  font-size: clamp(2.7rem, 4.6vw, 4.8rem);
  line-height: 0.91;
}
.video-copy h2 em {
  color: #f06424;
}
.video-copy p {
  color: #cbd9d5;
  max-width: 330px;
  margin: 0;
  font-size: 12px;
  line-height: 1.75;
}
.video-meta {
  color: #c2d1cc;
  letter-spacing: 0.13em;
  align-items: center;
  gap: 12px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}
.video-meta i {
  background: repeating-linear-gradient(90deg, #f06424 0 4px, #0000 4px 10px);
  flex: 1;
  height: 1px;
}
.video-meta b {
  color: #f06424;
  font-size: 10px;
}
.video-meta-top {
  top: 19px;
}
.video-meta-bottom {
  bottom: 19px;
}
.presentation-frame {
  aspect-ratio: 16/9;
  background: #061f2b;
  position: relative;
  overflow: hidden;
  box-shadow: 22px 22px #00000029;
}
.presentation-frame:before {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #04141c21, #0000 35%, #04141c2e), linear-gradient(#0000 68%, #04141c3d);
  position: absolute;
  inset: 0;
}
.presentation-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.presentation-corner {
  z-index: 2;
  pointer-events: none;
  border-color: #f06424;
  width: 28px;
  height: 28px;
  position: absolute;
}
.corner-tl {
  border-top: 2px solid;
  border-left: 2px solid;
  top: 14px;
  left: 14px;
}
.corner-br {
  border-bottom: 2px solid;
  border-right: 2px solid;
  bottom: 14px;
  right: 14px;
}
.presentation-status {
  z-index: 2;
  color: #fff;
  letter-spacing: 0.12em;
  text-shadow: 0 1px 10px #000;
  align-items: center;
  gap: 7px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.presentation-status i {
  background: #f06424;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
  box-shadow: 0 0 0 3px #f0642438;
}
.status-dot,
.btn-orange,
.route-rail span,
.service-number,
.process-card > span {
  background-color: initial;
  color: #f06424;
}
.status-dot,
.btn-orange {
  color: #fff;
  background-color: #f06424;
}
.btn-orange:hover {
  background: #dd4f16;
}
.process-node,
.route-marker i,
.route-line {
  border-color: #f06424;
}
.op-seal {
  background: #f06424;
}
.photo-label {
  align-items: center;
  gap: 8px;
  display: flex;
}
.route-rail:after {
  content: "";
  background: #f06424;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin-left: 2px;
  box-shadow: 0 0 0 4px #f064241f;
}
.process-track:after {
  content: "";
  z-index: 2;
  background: #f06424;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: -4px;
  left: 0;
  box-shadow: 0 0 0 4px #f0642424;
}
.process-track {
  position: relative;
}
.production-section {
  background: #e9e6dd;
}
.production-heading {
  grid-template-columns: 1.15fr 0.85fr;
  align-items: end;
  gap: clamp(2rem, 7vw, 7rem);
  margin-top: 36px;
  display: grid;
}
.production-heading h2 {
  color: #0c2635;
  margin: 0;
  font-size: clamp(2.6rem, 5vw, 4.8rem);
  line-height: 0.92;
}
.production-heading h2 em,
.production-card h3 em {
  color: #df1f26;
}
.production-heading p {
  color: #526970;
  max-width: 410px;
  margin: 0 0 5px;
  font-size: 14px;
  line-height: 1.75;
}
.production-reel {
  grid-template-columns: 1.1fr 0.9fr;
  align-items: start;
  gap: clamp(1.5rem, 4vw, 4rem);
  margin-top: clamp(3rem, 6vw, 5.5rem);
  display: grid;
}
.production-card {
  background: #f5f3ec;
  overflow: hidden;
  box-shadow: 0 12px #0c26350d;
}
.production-card-offset {
  margin-top: clamp(3rem, 8vw, 7rem);
}
.production-media {
  aspect-ratio: 16/10;
  background: #15333f;
  position: relative;
  overflow: hidden;
}
.production-overlay {
  pointer-events: none;
  background: linear-gradient(#0000 52%, #0319258a);
  position: absolute;
  inset: 0;
}
.production-status {
  color: #fff;
  letter-spacing: 0.13em;
  text-shadow: 0 1px 8px #000000d9;
  align-items: center;
  gap: 8px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.production-status i {
  background: #f06424;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 4px #f0642433;
}
.production-card-copy {
  padding: 25px 28px 30px;
}
.production-card-copy > span {
  color: #65767c;
  letter-spacing: 0.14em;
  font-size: 9px;
  font-weight: 800;
}
.production-card h3 {
  color: #0c2635;
  letter-spacing: -0.045em;
  margin: 11px 0 10px;
  font-family:
    DM Serif Display,
    serif;
  font-size: clamp(2rem, 3.2vw, 3.1rem);
  font-weight: 400;
  line-height: 0.9;
}
.production-card p {
  color: #5f7278;
  max-width: 340px;
  margin: 0;
  font-size: 12px;
  line-height: 1.68;
}
.field-origin-section {
  background: #dfe7d7;
}
.field-origin-heading {
  grid-template-columns: 1.12fr 0.88fr;
  align-items: end;
  gap: clamp(2rem, 7vw, 7rem);
  margin-top: 36px;
  display: grid;
}
.field-origin-heading h2 {
  color: #0c2635;
  margin: 18px 0 0;
  font-size: clamp(2.8rem, 5.1vw, 5rem);
  line-height: 0.92;
}
.field-origin-heading h2 em,
.field-origin-copy h3 em {
  color: #df1f26;
}
.field-origin-manifest {
  border-left: 2px solid #006b3a;
  justify-self: end;
  width: min(100%, 390px);
  padding: 18px 0 0 22px;
}
.field-origin-manifest > span {
  color: #526b58;
  letter-spacing: 0.14em;
  font-size: 9px;
  font-weight: 800;
}
.field-origin-manifest b {
  color: #006b3a;
  letter-spacing: 0.03em;
  margin: 8px 0 5px;
  font-size: 22px;
  display: block;
}
.field-origin-manifest p {
  color: #5c7164;
  margin: 0;
  font-size: 12px;
  line-height: 1.68;
}
.field-origin-reel {
  grid-template-columns: 1.17fr 0.83fr;
  align-items: start;
  gap: clamp(1.5rem, 4vw, 4.5rem);
  margin-top: clamp(3rem, 6vw, 5.7rem);
  display: grid;
}
.field-origin-card {
  background: #f5f3ec;
  overflow: hidden;
  box-shadow: 0 12px #0c26350f;
}
.field-departure-card {
  margin-top: clamp(3rem, 8vw, 7rem);
}
.field-origin-media {
  aspect-ratio: 16/10;
  background: #173e31;
  position: relative;
  overflow: hidden;
}
.field-departure-card .field-origin-media {
  aspect-ratio: 4/5;
}
.field-origin-overlay {
  pointer-events: none;
  background: linear-gradient(#0000 46%, #061f18b3), linear-gradient(90deg, #061f1821, #0000 65%);
  position: absolute;
  inset: 0;
}
.field-video-status {
  color: #fff;
  letter-spacing: 0.13em;
  text-shadow: 0 1px 8px #000000d9;
  align-items: center;
  gap: 8px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.field-video-status i {
  background: #df1f26;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 4px #df1f2633;
}
.field-origin-copy {
  padding: 25px 28px 30px;
}
.field-origin-copy > span {
  color: #52715d;
  letter-spacing: 0.14em;
  font-size: 9px;
  font-weight: 800;
}
.field-origin-copy h3 {
  color: #0c2635;
  letter-spacing: -0.045em;
  margin: 11px 0 10px;
  font-family:
    DM Serif Display,
    serif;
  font-size: clamp(2rem, 3.25vw, 3.15rem);
  font-weight: 400;
  line-height: 0.9;
}
.field-origin-copy p {
  color: #5b7071;
  max-width: 360px;
  margin: 0;
  font-size: 12px;
  line-height: 1.68;
}
.field-route-trace {
  color: #dce7dd;
  letter-spacing: 0.14em;
  background: #0c2635;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: clamp(3rem, 6vw, 5rem);
  padding: 18px 22px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}
.field-route-trace i {
  background: repeating-linear-gradient(90deg, #df1f26 0 4px, #0000 4px 10px);
  flex: 1;
  height: 1px;
  display: block;
}
.cardamom-section {
  background: #ede8dd;
}
.cardamom-heading {
  grid-template-columns: 1.12fr 0.88fr;
  align-items: end;
  gap: clamp(2rem, 7vw, 7rem);
  margin-top: 36px;
  display: grid;
}
.cardamom-heading h2 {
  color: #0c2635;
  margin: 18px 0 0;
  font-size: clamp(2.85rem, 5.15vw, 5.05rem);
  line-height: 0.92;
}
.cardamom-heading h2 em,
.cardamom-manifest h3 em {
  color: #306747;
}
.cardamom-intro {
  border-left: 2px solid #306747;
  justify-self: end;
  width: min(100%, 405px);
  padding: 18px 0 0 22px;
}
.cardamom-intro span {
  color: #547464;
  letter-spacing: 0.14em;
  font-size: 9px;
  font-weight: 800;
}
.cardamom-intro p {
  color: #53676b;
  margin: 9px 0 0;
  font-size: 13px;
  line-height: 1.7;
}
.cardamom-layout {
  grid-template-columns: 1.18fr 0.82fr;
  align-items: stretch;
  gap: clamp(1.5rem, 4vw, 4.5rem);
  margin-top: clamp(3rem, 6vw, 5.8rem);
  display: grid;
}
.cardamom-media {
  background: #183329;
  min-height: 450px;
  position: relative;
  overflow: hidden;
}
.cardamom-overlay {
  pointer-events: none;
  background: linear-gradient(90deg, #071e17b3, #0000 63%), linear-gradient(#0000 53%, #071e1780);
  position: absolute;
  inset: 0;
}
.cardamom-status {
  color: #fff;
  letter-spacing: 0.13em;
  text-shadow: 0 1px 8px #000000d9;
  align-items: center;
  gap: 8px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
  position: absolute;
  bottom: 18px;
  left: 18px;
}
.cardamom-status i {
  background: #e4be00;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 4px #e4be0033;
}
.cardamom-code {
  color: #fff;
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
}
.cardamom-code span,
.cardamom-code i {
  letter-spacing: 0.15em;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
}
.cardamom-code b {
  letter-spacing: -0.03em;
  margin: 8px 0;
  font-size: 18px;
  line-height: 0.92;
}
.cardamom-manifest {
  color: #f7f4eb;
  background: #244534;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.8rem, 4vw, 3rem);
  display: flex;
}
.cardamom-manifest-top {
  color: #d9dfbd;
  letter-spacing: 0.14em;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}
.cardamom-manifest-top b {
  color: #e4be00;
}
.cardamom-manifest h3 {
  letter-spacing: -0.045em;
  margin: 22px 0 14px;
  font-family:
    DM Serif Display,
    serif;
  font-size: clamp(2.3rem, 3.55vw, 3.7rem);
  font-weight: 400;
  line-height: 0.9;
}
.cardamom-manifest p {
  color: #d1d9cd;
  max-width: 350px;
  margin: 0;
  font-size: 12px;
  line-height: 1.72;
}
.cardamom-controls {
  border-top: 1px solid #f7f4eb33;
  margin-top: 28px;
}
.cardamom-controls > div {
  border-bottom: 1px solid #f7f4eb24;
  grid-template-columns: 34px 1fr;
  column-gap: 10px;
  padding: 12px 0;
  display: grid;
}
.cardamom-controls b {
  color: #e4be00;
  letter-spacing: 0.08em;
  grid-row: span 2;
  font-size: 10px;
}
.cardamom-controls span {
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 9px;
  font-weight: 800;
}
.cardamom-controls small {
  color: #c0cec1;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.4;
}
.cardamom-trace {
  color: #eef1e8;
  background: #0c2635;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 0;
  padding: 18px 22px;
  display: flex;
}
.cardamom-trace > div {
  flex-direction: column;
  gap: 4px;
  display: flex;
}
.cardamom-trace span {
  color: #c8d3c4;
  letter-spacing: 0.14em;
  font-size: 8px;
  font-weight: 800;
}
.cardamom-trace b {
  color: #fff;
  letter-spacing: 0.08em;
  font-size: 9px;
}
.cardamom-trace i {
  background: repeating-linear-gradient(90deg, #e4be00 0 4px, #0000 4px 10px);
  flex: 1;
  height: 1px;
  display: block;
}
.cardamom-note {
  color: #6d7370;
  max-width: 850px;
  margin: 20px 0 0 auto;
  font-size: 10px;
  line-height: 1.65;
}
.multimodal-route-trace,
.air-route-trace {
  color: #0c2635;
  letter-spacing: 0.14em;
  border-top: 1px solid #0c263533;
  border-bottom: 1px solid #0c263533;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding: 15px 20px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
}
.multimodal-route-trace i,
.air-route-trace i {
  background: repeating-linear-gradient(90deg, #df1f26 0 4px, #0000 4px 10px);
  flex: 1;
  height: 1px;
  display: block;
}
.air-cargo-section {
  background: #e6e3db;
}
.air-cargo-heading {
  grid-template-columns: 1.12fr 0.88fr;
  align-items: end;
  gap: clamp(2rem, 7vw, 7rem);
  margin-top: 36px;
  display: grid;
}
.air-cargo-heading h2 {
  color: #0c2635;
  margin: 18px 0 0;
  font-size: clamp(2.8rem, 5.1vw, 5rem);
  line-height: 0.92;
}
.air-cargo-heading h2 em,
.air-cargo-manifest h3 em {
  color: #df1f26;
}
.air-cargo-heading > p {
  color: #52666d;
  max-width: 405px;
  margin: 0 0 5px;
  font-size: 14px;
  line-height: 1.75;
}
.air-cargo-layout {
  grid-template-columns: 1.16fr 0.84fr;
  align-items: stretch;
  gap: clamp(1.5rem, 4vw, 4.5rem);
  margin-top: clamp(3rem, 6vw, 5.7rem);
  display: grid;
}
.air-cargo-media {
  background: #102d3a;
  min-height: 410px;
  position: relative;
  overflow: hidden;
}
.air-cargo-overlay {
  pointer-events: none;
  background: linear-gradient(90deg, #041925a3, #0000 62%), linear-gradient(#0000 52%, #0419257a);
  position: absolute;
  inset: 0;
}
.air-cargo-status {
  color: #fff;
  letter-spacing: 0.13em;
  text-shadow: 0 1px 8px #000000d9;
  align-items: center;
  gap: 8px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
  position: absolute;
  bottom: 18px;
  left: 18px;
}
.air-cargo-status i {
  background: #df1f26;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 4px #df1f2633;
}
.air-cargo-code {
  color: #fff;
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
}
.air-cargo-code span,
.air-cargo-code i {
  letter-spacing: 0.15em;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
}
.air-cargo-code b {
  letter-spacing: -0.03em;
  margin: 8px 0;
  font-size: 18px;
  line-height: 0.92;
}
.air-cargo-manifest {
  color: #f7f4eb;
  background: #0c2635;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.8rem, 4vw, 3rem);
  display: flex;
}
.air-cargo-manifest > span {
  color: #e4be00;
  letter-spacing: 0.14em;
  font-size: 9px;
  font-weight: 800;
}
.air-cargo-manifest h3 {
  letter-spacing: -0.045em;
  margin: 18px 0 14px;
  font-family:
    DM Serif Display,
    serif;
  font-size: clamp(2.35rem, 3.6vw, 3.8rem);
  font-weight: 400;
  line-height: 0.9;
}
.air-cargo-manifest p {
  color: #bac7c5;
  max-width: 340px;
  margin: 0;
  font-size: 12px;
  line-height: 1.72;
}
.air-checklist {
  border-top: 1px solid #f7f4eb2e;
  margin-top: 28px;
}
.air-checklist > div {
  border-bottom: 1px solid #f7f4eb24;
  grid-template-columns: 34px 1fr;
  column-gap: 10px;
  padding: 13px 0;
  display: grid;
}
.air-checklist b {
  color: #e4be00;
  letter-spacing: 0.08em;
  grid-row: span 2;
  font-size: 10px;
}
.air-checklist span {
  color: #fff;
  letter-spacing: 0.11em;
  font-size: 9px;
  font-weight: 800;
}
.air-checklist small {
  color: #aebfbd;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.4;
}
.air-route-trace {
  background: #f5f3ec;
  margin-top: 0;
}
.export-services-section {
  background: #f5f3ec;
}
.export-services-heading {
  grid-template-columns: 1.12fr 0.88fr;
  align-items: end;
  gap: clamp(2rem, 7vw, 7rem);
  display: grid;
}
.export-services-heading h2 {
  color: #0c2635;
  margin: 22px 0 0;
  font-size: clamp(2.7rem, 5vw, 4.9rem);
  line-height: 0.92;
}
.export-services-heading h2 em {
  color: #f06424;
}
.export-services-heading > p {
  color: #50666e;
  max-width: 420px;
  margin: 0 0 7px;
  font-size: 14px;
  line-height: 1.75;
}
.export-services-bottom {
  color: #fff;
  background: #f06424;
  grid-template-columns: 0.75fr 1.2fr auto;
  align-items: center;
  gap: 25px;
  margin-top: 0;
  padding: 22px clamp(1.5rem, 3vw, 3rem);
  display: grid;
}
.export-services-bottom > span {
  letter-spacing: 0.14em;
  font-size: 9px;
  font-weight: 800;
}
.export-services-bottom p {
  max-width: 510px;
  margin: 0;
  font-size: 11px;
  line-height: 1.65;
}
.export-services-bottom .btn-orange {
  white-space: nowrap;
  background: #0c2635;
  border: 1px solid #ffffff8a;
}
.export-services-bottom .btn-orange:hover {
  background: #183b4a;
}
@media (max-width: 900px) {
  .services-layout,
  .quote-section {
    grid-template-columns: 1fr;
  }
  .services-photo {
    max-width: 650px;
    min-height: 360px;
  }
  .process-heading {
    grid-template-columns: 1fr;
  }
  .process-heading p {
    margin-top: 10px;
  }
  .operations-card {
    grid-template-columns: 1fr;
  }
  .op-image {
    min-height: 360px;
  }
  .route-copy {
    width: min(570px, 100%);
  }
  .route-marker,
  .route-line {
    display: none;
  }
}
@media (max-width: 640px) {
  .topline {
    font-size: 8px;
  }
  .site-header {
    min-height: 70px;
  }
  .brand-mark img {
    width: 36px;
    height: 36px;
  }
  .official-brand {
    min-width: 90px;
    min-height: 59px;
  }
  .official-brand img {
    width: 92px;
    height: 78px;
    transform: scale(1.18);
  }
  .signal-strip {
    grid-template-columns: 1fr;
  }
  .signal-strip > div {
    border-bottom: 1px solid #c9ccc6;
    border-right: 0;
  }
  .signal-strip > div:last-child {
    border-bottom: 0;
  }
  .section-intro p {
    font-size: 14px;
  }
  .service-row {
    grid-template-columns: 34px 33px 1fr 19px;
    gap: 8px;
  }
  .service-row h3 {
    font-size: 14px;
  }
  .service-row p {
    font-size: 11px;
  }
  .process-track {
    grid-template-columns: 1fr 1fr;
  }
  .process-card {
    border-bottom: 1px solid #eff3eb33;
    min-height: 205px;
    padding-right: 15px;
  }
  .process-card:nth-child(2) {
    border-right: 0;
  }
  .process-card:nth-child(3) {
    padding-left: 0;
  }
  .process-card:nth-child(3) .process-node {
    left: 0;
  }
  .process-card:nth-child(4) {
    border-right: 0;
  }
  .process-card h3 {
    margin-top: 30px;
    font-size: 22px;
  }
  .route-showcase {
    min-height: 520px;
  }
  .route-copy {
    padding: 42px 28px;
  }
  .site-footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .site-footer > div {
    flex-wrap: wrap;
  }
  .brand-monument {
    padding-top: 46px;
    padding-bottom: 46px;
  }
  .brand-monument-inner {
    min-height: 440px;
  }
  .monument-copy {
    max-width: 170px;
    top: 26px;
    left: 0;
  }
  .monument-copy p {
    font-size: 17px;
  }
  .reference-left,
  .reference-right {
    display: none;
  }
  .logo-3d-stage {
    width: min(390px, 94vw);
    margin-top: 24px;
  }
  .stage-glow {
    width: 68%;
    height: 68%;
    box-shadow:
      0 0 0 26px #ffffff05,
      0 0 0 52px #ffffff04;
  }
  .stage-tag {
    padding: 5px 6px;
    font-size: 7px;
  }
  .tag-left {
    top: 60%;
    left: 0;
  }
  .tag-right {
    top: 39%;
    right: 0;
  }
  .monument-footer {
    gap: 8px;
    font-size: 7px;
    bottom: 21px;
    right: 0;
  }
  .monument-footer b {
    font-size: 10px;
  }
}
@media (max-width: 780px) {
  .production-heading,
  .production-reel {
    grid-template-columns: 1fr;
  }
  .production-heading {
    gap: 16px;
  }
  .production-card-offset {
    margin-top: 0;
  }
  .production-card-copy {
    padding: 21px 21px 25px;
  }
  .production-card h3 {
    font-size: 2.35rem;
  }
  .field-origin-heading,
  .field-origin-reel {
    grid-template-columns: 1fr;
  }
  .field-origin-heading {
    gap: 22px;
  }
  .field-origin-manifest {
    justify-self: start;
    width: 100%;
  }
  .field-departure-card {
    margin-top: 0;
  }
  .field-departure-card .field-origin-media {
    aspect-ratio: 16/10;
  }
  .field-origin-copy {
    padding: 21px 21px 25px;
  }
  .field-origin-copy h3 {
    font-size: 2.35rem;
  }
  .field-route-trace {
    gap: 7px;
    padding: 16px 14px;
    font-size: 7px;
  }
  .field-route-trace i {
    min-width: 18px;
  }
}
@media (max-width: 980px) {
  .cardamom-heading,
  .cardamom-layout {
    grid-template-columns: 1fr;
  }
  .cardamom-heading {
    gap: 18px;
  }
  .cardamom-intro {
    justify-self: start;
    width: 100%;
  }
  .cardamom-media {
    aspect-ratio: 16/10;
    min-height: 0;
  }
  .cardamom-manifest {
    min-height: 0;
  }
  .cardamom-trace {
    gap: 7px;
    padding: 16px 12px;
  }
  .cardamom-trace i {
    min-width: 14px;
  }
  .cardamom-trace span {
    font-size: 7px;
  }
  .cardamom-trace b {
    font-size: 8px;
  }
  .air-cargo-heading,
  .air-cargo-layout {
    grid-template-columns: 1fr;
  }
  .air-cargo-heading {
    gap: 18px;
  }
  .air-cargo-media {
    aspect-ratio: 16/10;
    min-height: 0;
  }
  .air-cargo-manifest {
    min-height: 0;
  }
  .multimodal-route-trace,
  .air-route-trace {
    gap: 7px;
    padding: 15px 12px;
    font-size: 7px;
  }
  .multimodal-route-trace i,
  .air-route-trace i {
    min-width: 14px;
  }
}
@media (max-width: 780px) {
  .export-services-heading {
    grid-template-columns: 1fr;
  }
  .export-services-heading {
    gap: 16px;
  }
  .export-services-heading > p {
    margin-bottom: 0;
  }
  .export-services-bottom {
    grid-template-columns: 1fr;
    gap: 13px;
    padding: 25px 21px;
  }
  .export-services-bottom .btn-orange {
    justify-content: center;
    width: 100%;
  }
  .video-presentation-inner {
    grid-template-columns: 1fr;
    padding: 58px 0;
  }
  .video-copy h2 {
    max-width: 310px;
  }
  .video-copy p {
    max-width: 420px;
  }
  .presentation-frame {
    width: 100%;
    box-shadow: 12px 12px #0000002e;
  }
  .video-meta {
    gap: 8px;
    font-size: 7px;
  }
  .video-meta-bottom span:first-child {
    display: none;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .section-intro,
  .services-layout,
  .process-heading,
  .process-track,
  .route-showcase,
  .operations-card,
  .quote-heading,
  .quote-form {
    animation: 0.7s cubic-bezier(0.23, 1, 0.32, 1) both rise-in;
  }
  .services-layout,
  .process-track,
  .operations-card,
  .quote-form {
    animation-delay: 80ms;
  }
  @keyframes rise-in {
    0% {
      opacity: 0;
      transform: translateY(18px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .process-track:after {
    animation: 6.4s cubic-bezier(0.23, 1, 0.32, 1) infinite route-progress;
  }
  .service-row:hover .service-arrow {
    transform: translate(3px, -3px);
  }
  .service-arrow {
    transition: transform 0.18s cubic-bezier(0.23, 1, 0.32, 1);
  }
  @keyframes route-progress {
    0% {
      opacity: 0;
      left: 0;
    }
    9% {
      opacity: 1;
    }
    88% {
      opacity: 1;
    }
    to {
      opacity: 0;
      left: 100%;
    }
  }
}
.btn-ink,
.btn-orange,
.export-services-bottom .btn-orange {
  color: #fffef5;
  background: #006b3a;
}
.btn-ink:hover,
.btn-orange:hover,
.export-services-bottom .btn-orange:hover {
  background: #004e2b;
}
.btn-text {
  color: #006b3a;
  border-color: #006b3a;
}
.btn-text:hover {
  color: #004e2b;
  border-color: #004e2b;
}
.btn-ink:focus-visible,
.btn-orange:focus-visible,
.btn-text:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #e4be00;
}
.monument-footer b,
.video-copy h2 em,
.video-meta b,
.presentation-corner,
.presentation-status i,
.route-rail:after,
.process-track:after,
.production-status i {
  color: #df1f26;
  background-color: #df1f26;
  border-color: #df1f26;
}
.monument-copy .eyebrow > span,
.monument-reference i,
.video-meta i {
  background: repeating-linear-gradient(90deg, #df1f26 0 4px, #0000 4px 10px);
}
.brand-monument:before {
  background:
    radial-gradient(circle at 50% 44%, #df1f2629, #0000 23%),
    radial-gradient(circle at 50% 49%, #006b3a61, #0000 55%),
    repeating-linear-gradient(90deg, #ffffff09 0 1px, #0000 1px 118px);
}
.brand-monument-inner:before,
.brand-monument-inner:after {
  border-color: #df1f26;
}
.stage-glow {
  background: radial-gradient(circle, #df1f262b, #006b3a0a 61%, #0000 69%);
  border-color: #df1f267a;
}
.stage-tag {
  border-color: #df1f26bf;
}
.export-services-heading h2 em {
  color: #df1f26;
  border-color: #df1f26;
}
.export-services-bottom {
  background: #df1f26;
}
.production-card h3 em {
  color: #df1f26;
}
.process-track:after {
  box-shadow: 0 0 0 4px #df1f2624;
}
.production-status i {
  box-shadow: 0 0 0 4px #df1f2633;
}
.op-seal,
.status-dot {
  background: #df1f26;
}
.route-marker i,
.process-node,
.route-line {
  border-color: #df1f26;
}
.contact-note svg {
  color: #df1f26;
}
.video-presentation:before {
  background:
    radial-gradient(circle at 72% 40%, #e4be001f, #0000 25%),
    repeating-linear-gradient(90deg, #ffffff09 0 1px, #0000 1px 118px);
}
.video-copy h2 em,
.video-meta b {
  color: #e4be00;
}
.video-meta i {
  background: repeating-linear-gradient(90deg, #e4be00 0 4px, #0000 4px 10px);
}
.presentation-corner {
  border-color: #e6e9df;
}
.presentation-status i {
  background: #e4be00;
  box-shadow: 0 0 0 3px #e4be0033;
}
.video-copy h2 .destination-accent {
  color: #fffef5;
  background: #016838;
  padding: 0 0.14em 0.05em;
  line-height: 0.9;
  display: inline-block;
}
.cardamom-section {
  position: relative;
}
.cardamom-section:after {
  content: "C-01";
  color: #0c263533;
  letter-spacing: 0.16em;
  writing-mode: vertical-rl;
  font-size: 9px;
  font-weight: 800;
  position: absolute;
  top: 38%;
  right: clamp(10px, 2vw, 34px);
}
.cardamom-proof {
  color: #40565a;
  letter-spacing: 0.12em;
  border-bottom: 1px solid #0c263538;
  align-items: center;
  gap: 12px;
  padding: 13px 18px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
}
.cardamom-proof b {
  color: #0c2635;
}
.cardamom-proof i {
  background: repeating-linear-gradient(90deg, #0c263573 0 3px, #0000 3px 8px);
  flex: 1;
  height: 1px;
}
@media (max-width: 980px) {
  .cardamom-section:after {
    display: none;
  }
  .cardamom-proof {
    flex-wrap: wrap;
    gap: 7px;
    padding: 13px 0;
  }
  .cardamom-proof i {
    min-width: 40px;
  }
}
:root {
  --brand-green: #006b3a;
  --brand-red: #df1f26;
  --ink: #0c2635;
  --paper: #f7f6f1;
  --line: #d9ddd7;
}
.site-shell {
  background-image: none;
  background-color: var(--paper);
}
.topline {
  background: var(--ink);
  min-height: 32px;
}
.site-header {
  z-index: 20;
  background: #f7f6f1f0;
  border-bottom: 1px solid #0c26351f;
  min-height: 78px;
  position: sticky;
  top: 0;
}
.site-header nav a {
  letter-spacing: 0.03em;
  font-size: 11px;
}
.official-brand {
  min-width: 112px;
  min-height: 64px;
}
.official-brand img {
  width: 112px;
  height: 92px;
  transform: scale(1.08);
}
.btn-ink,
.btn-orange {
  border-radius: 999px;
  padding: 13px 19px;
}
.btn-text {
  border-bottom-width: 1px;
}
.product-hero {
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 6rem);
  padding-top: clamp(4rem, 8vw, 7.5rem);
  padding-bottom: clamp(4rem, 8vw, 7.5rem);
  display: grid;
}
.product-hero-copy {
  max-width: 580px;
}
.product-hero-copy h1 {
  color: var(--ink);
  letter-spacing: -0.065em;
  margin: 19px 0 22px;
  font-family:
    DM Serif Display,
    serif;
  font-size: clamp(3.5rem, 6vw, 6.6rem);
  font-weight: 400;
  line-height: 0.87;
}
.product-hero-copy h1 em {
  color: var(--brand-red);
  font-style: normal;
}
.product-hero-copy > p {
  color: #5c6b70;
  max-width: 430px;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}
.product-hero-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 19px;
  margin-top: 30px;
  display: flex;
}
.product-hero-note {
  border-top: 1px solid var(--line);
  grid-template-columns: auto 1fr;
  gap: 7px 14px;
  max-width: 460px;
  margin-top: clamp(3rem, 7vw, 6rem);
  padding-top: 15px;
  display: grid;
}
.product-hero-note span {
  color: var(--brand-red);
  letter-spacing: 0.15em;
  font-size: 9px;
  font-weight: 800;
}
.product-hero-note b {
  color: var(--ink);
  letter-spacing: 0.09em;
  font-size: 9px;
  font-weight: 800;
}
.product-hero-note p {
  color: #718087;
  grid-column: 2;
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}
.product-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}
.product-card {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 16px;
  transition:
    transform 0.22s cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 0.22s;
  overflow: hidden;
}
.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 34px #0c26351c;
}
.product-card-media {
  aspect-ratio: 1;
  background: #e9e7dc;
  overflow: hidden;
}
.product-card-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  display: block;
}
.product-card:hover .product-card-media img {
  transform: scale(1.035);
}
.product-card-copy {
  padding: 15px 16px 17px;
}
.product-card-copy span {
  color: var(--brand-red);
  letter-spacing: 0.14em;
  font-size: 8px;
  font-weight: 800;
}
.product-card-copy h2 {
  color: var(--ink);
  letter-spacing: -0.04em;
  margin: 7px 0 4px;
  font-family:
    DM Serif Display,
    serif;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  line-height: 0.95;
}
.product-card-copy p {
  color: #718087;
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
}
.process-film-section {
  background: var(--ink);
  color: #f7f6f1;
  padding-top: clamp(4rem, 8vw, 7rem);
  padding-bottom: clamp(4rem, 8vw, 7rem);
}
.process-film-heading {
  grid-template-columns: 1.12fr 0.88fr;
  align-items: end;
  gap: clamp(2rem, 6vw, 6rem);
  max-width: 1180px;
  margin: 0 auto 34px;
  display: grid;
}
.eyebrow-light {
  color: #c7d5d3;
}
.process-film-heading h2 {
  color: #f7f6f1;
  margin: 18px 0 0;
  font-size: clamp(3rem, 5.5vw, 5.8rem);
  line-height: 0.88;
}
.process-film-heading h2 em {
  color: #e4be00;
  font-style: normal;
}
.process-film-heading p {
  color: #b8c7c7;
  max-width: 410px;
  margin: 0 0 5px;
  font-size: 13px;
  line-height: 1.8;
}
.process-film-frame {
  background: #071d29;
  border-radius: 18px;
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 50px #0000002e;
}
.process-film-video {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  display: block;
}
.process-film-overlay {
  pointer-events: none;
  background: linear-gradient(90deg, #071d2933, #0000 48%, #071d2929), linear-gradient(#0000 60%, #071d2959);
  position: absolute;
  inset: 0;
}
.process-film-status {
  color: #fff;
  letter-spacing: 0.14em;
  text-shadow: 0 1px 8px #000000d9;
  align-items: center;
  gap: 8px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
  position: absolute;
  bottom: 17px;
  left: 19px;
}
.process-film-status i {
  background: var(--brand-red);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 4px #df1f2633;
}
.process-film-index {
  color: #dbe5de;
  letter-spacing: 0.14em;
  align-items: center;
  gap: 12px;
  max-width: 1180px;
  margin: 15px auto 0;
  font-size: 8px;
  font-weight: 800;
  display: flex;
}
.process-film-index i {
  background: repeating-linear-gradient(90deg, #e4be00 0 4px, #0000 4px 10px);
  flex: 1;
  height: 1px;
}
.section-pad {
  padding-top: clamp(4rem, 8vw, 7rem);
  padding-bottom: clamp(4rem, 8vw, 7rem);
}
.section-pad:before {
  display: none;
}
.services-photo,
.route-showcase,
.operations-card,
.presentation-frame,
.brand-monument-inner,
.production-card,
.field-origin-card,
.cardamom-media,
.cardamom-manifest,
.air-cargo-media,
.air-cargo-manifest {
  border-radius: 18px;
}
.services-photo,
.route-showcase {
  clip-path: none;
}
.signal-strip {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}
.signal-strip > div {
  padding-top: 19px;
  padding-bottom: 19px;
}
.service-row {
  padding-top: 20px;
  padding-bottom: 20px;
}
.production-section,
.field-origin-section,
.cardamom-section,
.air-cargo-section,
.export-services-section,
.route-section,
.operations-panel {
  background: var(--paper);
}
.production-card,
.field-origin-card {
  box-shadow: 0 9px 25px #0c263512;
}
.video-presentation {
  background: var(--ink);
}
.presentation-frame {
  box-shadow: 0 18px 35px #0000002e;
}
.site-footer {
  padding-top: 28px;
  padding-bottom: 28px;
}
.field-origin-media img,
.production-media img,
.cardamom-media img,
.air-cargo-media img,
.presentation-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 900px) {
  .product-hero {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .product-hero-copy {
    max-width: 680px;
  }
  .product-grid {
    max-width: 700px;
  }
  .process-film-heading {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
@media (max-width: 640px) {
  .site-header {
    min-height: 68px;
  }
  .official-brand img {
    width: 96px;
    height: 80px;
  }
  .product-hero {
    padding-top: 3.4rem;
    padding-bottom: 3.8rem;
  }
  .product-hero-copy h1 {
    font-size: clamp(3.4rem, 16vw, 5.1rem);
  }
  .product-hero-copy > p {
    font-size: 13px;
  }
  .product-hero-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .product-hero-note {
    grid-template-columns: 1fr;
    gap: 5px;
    margin-top: 3.3rem;
  }
  .product-hero-note p {
    grid-column: 1;
  }
  .product-grid {
    gap: 10px;
  }
  .product-card {
    border-radius: 12px;
  }
  .product-card-copy {
    padding: 12px 11px 14px;
  }
  .product-card-copy h2 {
    font-size: 1.45rem;
  }
  .product-card-copy p {
    font-size: 9px;
  }
  .process-film-section {
    padding-top: 3.7rem;
    padding-bottom: 3.8rem;
  }
  .process-film-heading h2 {
    font-size: clamp(3.1rem, 15vw, 4.5rem);
  }
  .process-film-heading p {
    font-size: 12px;
  }
  .process-film-frame {
    border-radius: 12px;
  }
  .process-film-status {
    font-size: 7px;
    bottom: 12px;
    left: 13px;
  }
  .process-film-index {
    letter-spacing: 0.09em;
    gap: 7px;
    font-size: 6px;
  }
  .process-film-index i {
    min-width: 10px;
  }
}
.topline {
  background: var(--brand-green);
  color: #fffef5;
}
.product-hero-figma {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: clamp(3.2rem, 6vw, 5.5rem);
  padding-top: clamp(4rem, 8vw, 7rem);
  padding-bottom: clamp(4rem, 7vw, 6rem);
  display: flex;
}
.product-hero-figma .product-hero-copy {
  isolation: isolate;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
  width: min(100%, 1180px);
  max-width: 1180px;
  padding: clamp(4.5rem, 8vw, 8rem) clamp(1.25rem, 5vw, 5rem);
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 50px #0c263529;
}
.product-hero-figma .product-hero-copy:before {
  content: "";
  z-index: -1;
  background:
    linear-gradient(90deg, #041c13c7, #041c1380 48%, #041c13b3),
    linear-gradient(#00000040, #00000014 42%, #0009);
  position: absolute;
  inset: 0;
}
.product-hero-figma .product-hero-copy > * {
  z-index: 1;
  position: relative;
}
.product-hero-figma .product-hero-copy .eyebrow {
  color: #fffef5;
  text-shadow: 0 2px 12px #000000b8;
}
.product-hero-figma .product-hero-copy .eyebrow > span {
  background: #ffe500;
  box-shadow: 0 1px 10px #0006;
}
.product-hero-figma .eyebrow {
  justify-content: center;
}
.product-hero-figma .product-hero-copy h1 {
  color: #fffef5;
  text-shadow:
    0 4px #041c13eb,
    0 8px 22px #000000d1,
    0 0 38px #0006;
  margin-top: 18px;
  font-size: clamp(3.8rem, 7.2vw, 7.2rem);
}
.product-hero-figma .product-hero-copy h1 em {
  color: #ff3940;
  text-shadow:
    0 4px #52070ce6,
    0 8px 22px #000000d6,
    0 0 38px #0000006b;
}
.product-hero-figma .product-hero-copy > p {
  color: #fffef5;
  text-shadow: 0 2px 11px #000000e0;
  max-width: 610px;
  margin-inline: auto;
}
.product-hero-figma .product-hero-actions {
  justify-content: center;
}
.product-hero-figma .product-hero-copy .btn-text {
  color: #fffef5;
  text-shadow: 0 2px 10px #000000e0;
  border-color: #fffef5bf;
}
.product-hero-figma .product-hero-copy .btn-text:hover {
  color: #ffe500;
  border-color: #ffe500;
}
.product-hero-figma .product-hero-note {
  text-align: left;
  border-top-color: #fffef580;
  max-width: 470px;
  margin: clamp(2.7rem, 5vw, 4rem) auto 0;
}
.product-hero-figma .product-hero-note b,
.product-hero-figma .product-hero-note p {
  color: #fffef5;
  text-shadow: 0 2px 10px #000c;
}
.product-hero-figma .product-grid {
  text-align: left;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: min(100%, 1220px);
}
.product-hero-figma .product-card-media {
  aspect-ratio: 1/1.12;
}
.product-hero-figma .product-card-copy {
  padding: 14px 15px 16px;
}
.product-hero-figma .product-card-copy h2 {
  font-size: clamp(1.25rem, 1.75vw, 1.8rem);
}
.product-hero-figma .product-card-copy p {
  font-size: 10px;
}
.product-hero-figma + .process-film-section {
  border-top: 1px solid #0c26351f;
}
@media (max-width: 900px) {
  .product-hero-figma .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 760px;
  }
}
@media (max-width: 640px) {
  .product-hero-figma {
    gap: 2.8rem;
    padding-top: 3.7rem;
    padding-bottom: 3.8rem;
  }
  .product-hero-figma .product-hero-copy h1 {
    font-size: clamp(3.35rem, 15.5vw, 5rem);
  }
  .product-hero-figma .product-hero-copy > p {
    max-width: 340px;
  }
  .product-hero-figma .product-grid {
    gap: 10px;
  }
  .product-hero-figma .product-card-media {
    aspect-ratio: 1/1.18;
  }
}
.site-shell > #servicios,
.site-shell > .field-origin-section,
.site-shell > .production-section,
.site-shell > .air-cargo-section,
.site-shell > #proceso,
.site-shell > .brand-monument,
.site-shell > #rutas,
.site-shell > .operations-panel,
.site-shell > .video-presentation {
  display: none;
}
.cardamom-section,
.export-services-section {
  padding-top: clamp(4.5rem, 8vw, 7rem);
}
.quote-section {
  border-top: 1px solid var(--line);
}
.service-carousel {
  max-width: 1180px;
  margin: clamp(2.5rem, 5vw, 4.5rem) auto 0;
}
.service-carousel-tabs {
  border-bottom: 1px solid var(--line);
  align-items: stretch;
  gap: 0;
  display: flex;
}
.service-carousel-tabs button {
  color: #738188;
  cursor: pointer;
  letter-spacing: 0.13em;
  background: 0 0;
  border: 0;
  border-bottom: 3px solid #0000;
  align-items: center;
  gap: 10px;
  padding: 15px 24px 14px;
  font-size: 10px;
  font-weight: 800;
  transition:
    color 0.2s,
    border-color 0.2s,
    background 0.2s;
  display: flex;
}
.service-carousel-tabs button:hover,
.service-carousel-tabs button.is-active {
  color: var(--brand-green);
  border-bottom-color: var(--brand-red);
  background: #006b3a0a;
}
.service-carousel-tabs button svg {
  color: var(--brand-red);
}
.service-carousel-window {
  background: #fff;
  border-radius: 18px;
  margin-top: 18px;
  overflow: hidden;
  box-shadow: 0 18px 42px #0c26351a;
}
.service-carousel-card {
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  min-height: 535px;
  animation: 0.58s cubic-bezier(0.23, 1, 0.32, 1) both carousel-card-enter;
  display: grid;
}
.service-carousel-visual {
  background: #153c30;
  min-height: 535px;
  position: relative;
  overflow: hidden;
}
.service-carousel-visual img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  animation: 7s cubic-bezier(0.23, 1, 0.32, 1) both carousel-visual-focus;
  display: block;
}
.service-carousel-visual-shade {
  pointer-events: none;
  background: linear-gradient(90deg, #041925a3, #0000 74%), linear-gradient(#0000 49%, #0419258a);
  position: absolute;
  inset: 0;
}
.service-carousel-kicker {
  color: #fff;
  letter-spacing: 0.14em;
  text-shadow: 0 1px 8px #000c;
  align-items: center;
  gap: 8px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
  position: absolute;
  top: 21px;
  left: 22px;
}
.service-carousel-kicker i {
  background: var(--brand-red);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 4px #df1f2638;
}
.service-carousel-visual-copy {
  color: #fff;
  justify-items: start;
  display: grid;
  position: absolute;
  bottom: 27px;
  left: 28px;
  right: 28px;
}
.service-carousel-visual-copy svg {
  color: #e4be00;
  margin-bottom: 14px;
}
.service-carousel-visual-copy span {
  color: #e4be00;
  letter-spacing: 0.16em;
  font-size: 9px;
  font-weight: 800;
}
.service-carousel-visual-copy strong {
  letter-spacing: -0.05em;
  max-width: 440px;
  margin-top: 9px;
  font-family:
    DM Serif Display,
    serif;
  font-size: clamp(2.2rem, 4vw, 4.2rem);
  font-weight: 400;
  line-height: 0.9;
}
.service-carousel-detail {
  color: var(--ink);
  background: #fff;
  padding: clamp(1.7rem, 4vw, 3.2rem);
}
.service-carousel-detail-head {
  border-bottom: 1px solid var(--line);
  color: #6d7c82;
  letter-spacing: 0.14em;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-bottom: 15px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
}
.service-carousel-detail-head b {
  color: var(--brand-red);
}
.service-carousel-detail h3 {
  letter-spacing: -0.05em;
  margin: 20px 0 10px;
  font-family:
    DM Serif Display,
    serif;
  font-size: clamp(2.2rem, 3.3vw, 3.5rem);
  font-weight: 400;
  line-height: 0.9;
}
.service-carousel-detail > p {
  color: #65777d;
  max-width: 390px;
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
}
.carousel-service-list {
  border-top: 1px solid var(--line);
  margin-top: 23px;
}
.carousel-service-item {
  border-bottom: 1px solid var(--line);
  grid-template-columns: 38px 22px 1fr;
  align-items: start;
  gap: 10px;
  padding: 14px 0;
  transition:
    padding-left 0.2s cubic-bezier(0.23, 1, 0.32, 1),
    background 0.2s;
  display: grid;
}
.carousel-service-item:hover {
  background: #006b3a09;
  padding-left: 8px;
}
.carousel-service-item > span {
  color: var(--brand-red);
  letter-spacing: 0.08em;
  padding-top: 2px;
  font-size: 8px;
  font-weight: 800;
}
.carousel-service-item > svg {
  color: var(--brand-green);
}
.carousel-service-item h4 {
  color: var(--ink);
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 800;
}
.carousel-service-item p {
  color: #6b7b80;
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
}
.service-carousel-sea .service-carousel-detail {
  background: var(--ink);
  color: #f7f6f1;
}
.service-carousel-sea .service-carousel-detail-head {
  color: #b8c7c7;
  border-color: #f7f6f133;
}
.service-carousel-sea .service-carousel-detail h3 {
  color: #f7f6f1;
}
.service-carousel-sea .service-carousel-detail > p {
  color: #b8c7c7;
}
.service-carousel-sea .carousel-service-list,
.service-carousel-sea .carousel-service-item {
  border-color: #f7f6f12e;
}
.service-carousel-sea .carousel-service-item:hover {
  background: #ffffff0d;
}
.service-carousel-sea .carousel-service-item h4 {
  color: #f7f6f1;
}
.service-carousel-sea .carousel-service-item p {
  color: #b8c7c7;
}
.service-carousel-sea .carousel-service-item > svg {
  color: #e4be00;
}
.service-carousel-air .service-carousel-detail {
  background: #e8f0e5;
}
.service-carousel-air .service-carousel-detail-head b,
.service-carousel-air .carousel-service-item > span {
  color: var(--brand-red);
}
.service-carousel-controls {
  justify-content: space-between;
  align-items: center;
  max-width: 1180px;
  margin: 17px auto 0;
  display: flex;
}
.service-carousel-controls > button {
  border: 1px solid var(--line);
  width: 38px;
  height: 38px;
  color: var(--brand-green);
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  place-items: center;
  transition:
    background 0.18s,
    color 0.18s,
    transform 0.18s;
  display: grid;
}
.service-carousel-controls > button:hover {
  background: var(--brand-green);
  color: #fff;
  transform: translateY(-2px);
}
.service-carousel-dots {
  align-items: center;
  gap: 8px;
  display: flex;
}
.service-carousel-dots button {
  cursor: pointer;
  background: 0 0;
  border: 0;
  width: 30px;
  height: 24px;
  padding: 0;
}
.service-carousel-dots span {
  background: #cfd8d0;
  border-radius: 99px;
  width: 100%;
  height: 3px;
  transition:
    background 0.18s,
    transform 0.18s;
  display: block;
}
.service-carousel-dots button[aria-current="true"] span {
  background: var(--brand-red);
  transform: scaleY(1.5);
}
@keyframes carousel-card-enter {
  0% {
    opacity: 0;
    transform: scale(0.985) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes carousel-visual-focus {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1.07);
  }
}
@media (max-width: 900px) {
  .service-carousel-card {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .service-carousel-visual {
    min-height: 340px;
  }
  .service-carousel-detail {
    padding: 25px 24px 28px;
  }
}
@media (max-width: 640px) {
  .service-carousel-tabs {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }
  .service-carousel-tabs button {
    letter-spacing: 0.08em;
    justify-content: center;
    gap: 5px;
    padding: 13px 5px 12px;
    font-size: 7px;
  }
  .service-carousel-tabs button svg {
    width: 15px;
  }
  .service-carousel-window {
    border-radius: 12px;
    margin-top: 12px;
  }
  .service-carousel-visual {
    min-height: 275px;
  }
  .service-carousel-visual-copy {
    bottom: 19px;
    left: 18px;
    right: 18px;
  }
  .service-carousel-visual-copy strong {
    font-size: 2.6rem;
  }
  .service-carousel-kicker {
    font-size: 7px;
    top: 15px;
    left: 17px;
  }
  .service-carousel-detail {
    padding: 21px 18px 24px;
  }
  .service-carousel-detail h3 {
    font-size: 2.45rem;
  }
  .carousel-service-item {
    grid-template-columns: 32px 20px 1fr;
    gap: 8px;
    padding: 12px 0;
  }
  .carousel-service-item h4 {
    font-size: 11px;
  }
  .carousel-service-item p {
    font-size: 9px;
  }
  .service-carousel-controls {
    margin-top: 12px;
  }
  .service-carousel-controls > button {
    width: 34px;
    height: 34px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .service-carousel-card,
  .service-carousel-visual img {
    animation: none;
  }
}