/* Homepage composition based on the supplied September 10 reference. */
:root {
  --ink:#0a1420;
  --cream:#f8f5ee;
  --gold:#b27e22;
  --light-gold:#e7b85c;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'DM Sans',Arial,sans-serif;
  --u:clamp(1px,.09765625vw,1.6px)}

*,:before,:after {
  box-sizing:border-box}
html {
  scroll-behavior:smooth;
  scroll-padding-top:80px;
  color-scheme:light}
body {
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ul {
  margin:0}
a {
  color:inherit;
  text-decoration:none}
button {
  font:inherit;
  cursor:pointer}
svg {
  width:24px;
  height:24px;
  flex-shrink:0}
a,button,summary {
  touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible {
  outline:3px solid #c08b27;
  outline-offset:5px}
em {
  font-style:normal;
  color:var(--gold)}
.skip-link {
  position:fixed;
  top:-100px;
  left:20px;
  z-index:200;
  padding:12px;
  background:white}
.skip-link:focus {
  top:10px}
.gold-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:calc(7 * var(--u));
  border:1px solid #d7a34c;
  border-radius:calc(5 * var(--u));
  background:linear-gradient(180deg,#efc373 0%,#dfaa4f 57%,#bd862a 100%);
  color:#100d06;
  font-weight:700;
  font-size:calc(10 * var(--u));
  min-height:calc(32 * var(--u));
  padding:calc(8 * var(--u)) calc(20 * var(--u));
  white-space:nowrap;
  transition:filter .2s,box-shadow .2s}
.gold-button:hover {
  filter:brightness(1.09);
  box-shadow:0 3px 14px #b27e2233}
.gold-button>span[aria-hidden] {
  font-size:1.6em;
  font-weight:400;
  line-height:.6}
.eyebrow {
  text-transform:uppercase;
  letter-spacing:.25em;
  font-size:calc(9 * var(--u));
  font-weight:500;
  color:#966213}
.paper {
  background-color:var(--cream);
  background-image:repeating-linear-gradient(26deg,transparent 0px,transparent 9px,#bda88805 10px,transparent 11px),radial-gradient(ellipse at 50% 40%,#fff9,transparent 75%)}

/* Header and live video hero. */
.rtx-nav {
  position:fixed;
  inset:0 0 auto;
  z-index:200;
  height:calc(51 * var(--u));
  color:white;
  background:rgba(10,14,20,0.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px)}
.rtx-nav__inner {
  height:100%;
  width:88%;
  max-width:1442px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px}
.brand {
  display:flex;
  align-items:center;
  gap:calc(9 * var(--u));
  flex-shrink:0}
.brand-mark {
  display:grid;
  place-items:center;
  width:calc(26 * var(--u));
  height:calc(26 * var(--u));
  border-radius:calc(6 * var(--u));
  background:linear-gradient(180deg,#efc373 0%,#dfaa4f 57%,#bd862a 100%);
  color:#100d06;
  font-family:var(--serif);
  font-style:normal;
  font-weight:700;
  font-size:calc(13 * var(--u))}
.brand-text {
  display:flex;
  flex-direction:column}
.brand-text>span {
  font-family:var(--serif);
  font-size:calc(25 * var(--u));
  font-weight:600;
  line-height:1}
.brand b {
  font-weight:600;
  color:var(--light-gold)}
.brand small {
  font-size:calc(5.3 * var(--u));
  letter-spacing:.14em;
  margin-top:calc(3 * var(--u))}
.rtx-nav__menu {
  display:flex;
  list-style:none;
  padding:0;
  gap:calc(32 * var(--u));
  font-size:calc(9.5 * var(--u));
  font-weight:600}
.rtx-nav__menu a:hover {
  color:var(--light-gold)}
.nav-cta {
  min-height:calc(29 * var(--u));
  padding:calc(7 * var(--u)) calc(20 * var(--u));
  background:linear-gradient(#d6a64f,#ac7a23);
  color:white;
  font-weight:500}
.nav-toggle {
  display:none}
.rtx-hero {
  position:relative;
  min-height:calc(480 * var(--u));
  overflow:hidden;
  color:#fff;
  background:#061016;
  display:flex;
  align-items:center}
.rtx-hero__media,.hero-shade {
  position:absolute;
  inset:0}
.rtx-hero__media video {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 52%;
  display:block}
.hero-shade {
  background:linear-gradient(90deg,#02090eef 0%,#03090acc 31%,#02080a40 65%,#02080a26),linear-gradient(0deg,#01090dcc,transparent 35%)}
.hero-content {
  position:relative;
  z-index:2;
  margin-left:6%;
  margin-top:calc(55 * var(--u));
  width:64%}
.hero-eyebrow {
  color:#fff;
  font-size:calc(8 * var(--u));
  letter-spacing:.14em;
  display:flex;
  align-items:center;
  gap:calc(10 * var(--u));
  margin-bottom:calc(9 * var(--u))}
.hero-eyebrow>span {
  width:calc(24 * var(--u));
  height:2px;
  background:#d19a32}
h1 {
  font-family:var(--serif);
  font-size:calc(36 * var(--u));
  font-weight:500;
  line-height:.99;
  letter-spacing:-.035em}
h1 em {
  color:#c59538;
  font-size:1.1em}
.hero-subline {
  font-size:calc(12.5 * var(--u));
  line-height:1.25;
  font-weight:600;
  margin-top:calc(8 * var(--u));
  max-width:calc(420 * var(--u))}
.hero-actions {
  display:flex;
  gap:calc(23 * var(--u));
  align-items:center;
  margin-top:calc(12 * var(--u))}
#hero-cta {
  min-width:calc(110 * var(--u))}
.video-trigger {
  display:flex;
  align-items:center;
  gap:calc(12 * var(--u));
  border:0;
  background:none;
  color:#fff;
  font-size:calc(9.5 * var(--u));
  font-weight:600;
  text-align:left;
  padding:0}
.video-trigger small {
  display:block;
  font-size:calc(8 * var(--u));
  letter-spacing:.06em;
  font-weight:400;
  color:#c7c5c1;
  margin-top:2px}
.play-icon {
  width:calc(32 * var(--u));
  height:calc(32 * var(--u));
  border:1px solid white;
  border-radius:50%;
  display:grid;
  place-items:center;
  padding-left:2px;
  font-size:calc(14 * var(--u))}
.video-trigger:hover .play-icon {
  background:#bc8b32}
.hero-proof {
  display:flex;
  align-items:center;
  margin-top:calc(15 * var(--u));
  width:calc(435 * var(--u));
  gap:0}
.hero-proof>div {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:0 calc(25 * var(--u));
  border-right:1px solid #b78a38;
  min-height:calc(30 * var(--u))}
.hero-proof>div:first-child {
  padding-left:calc(3 * var(--u))}
.hero-proof>div:last-child {
  border:0;
  padding-right:0}
.hero-proof strong {
  font-family:var(--serif);
  font-size:calc(18 * var(--u));
  font-weight:500;
  line-height:1}
.hero-proof span {
  font-size:calc(9 * var(--u));
  text-transform:uppercase;
  letter-spacing:.1em;
  line-height:1.7;
  white-space:nowrap}
.hero-proof .hero-proof__people {
  flex-direction:row;
  gap:calc(10 * var(--u))}
.hero-proof svg {
  width:calc(29 * var(--u));
  height:calc(29 * var(--u));
  stroke:#e5c681}
.reward-alert {
  display:flex;
  align-items:center;
  gap:calc(23 * var(--u));
  border:1px solid #947035;
  border-radius:calc(4 * var(--u));
  background:#061016cc;
  width:calc(470 * var(--u));
  max-width:100%;
  padding:calc(6 * var(--u)) calc(10 * var(--u));
  margin-top:calc(14 * var(--u));
  font-size:calc(8.1 * var(--u));
  line-height:1.55}
.reward-alert strong {
  display:flex;
  gap:calc(9 * var(--u));
  align-items:center;
  color:#e9b54d;
  text-transform:uppercase;
  letter-spacing:.05em;
  white-space:nowrap;
  font-size:calc(9.5 * var(--u));
  font-weight:600}
.reward-alert svg {
  width:calc(17 * var(--u));
  height:calc(20 * var(--u));
  fill:#d9a447}
.reward-alert>b {
  font-size:18px;
  margin-left:auto}
.reward-alert:hover {
  border-color:#ebba5d}
.hero-signature {
  position:absolute;
  right:4%;
  bottom:calc(73 * var(--u));
  font-family:'Nothing You Could Do',cursive;
  font-size:calc(20 * var(--u));
  line-height:1.1;
  transform:rotate(-16deg);
  color:#e4dfd6}
.hero-signature span {
  border-bottom:1px solid #c39534}
.hero-caption {
  position:absolute;
  bottom:calc(14 * var(--u));
  right:5%;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:calc(7.5 * var(--u));
  line-height:1.8;
  text-align:right}
.video-pause {
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:3;
  border:1px solid #ffffff70;
  background:#07101670;
  color:white;
  border-radius:50%;
  width:28px;
  height:28px;
  font-size:12px}

/* Artwork is displayed through CSS windows into the user's reference. */
.reference-art {
  position:relative;
  overflow:hidden;
  aspect-ratio:var(--art-ratio)}
.reference-art img {
  position:absolute;
  max-width:none;
  width:var(--art-width);
  height:auto;
  left:var(--art-left);
  top:var(--art-top);
  pointer-events:none;
  user-select:none}
.journey {
  position:relative;
  min-height:calc(283 * var(--u));
  padding:calc(11 * var(--u)) 0;
  overflow:hidden;
  border-bottom:1px solid #d5bf972e}
.journey-main {
  position:relative;
  z-index:1;
  width:60%;
  margin:auto;
  text-align:center}
.journey-eyebrow {
  font-size:calc(7 * var(--u));
  letter-spacing:.12em;
  margin-bottom:calc(4 * var(--u))}
.journey h2 {
  font-family:var(--serif);
  font-size:calc(27 * var(--u));
  font-weight:600;
  line-height:.91;
  letter-spacing:-.025em}
.sample-tag {
  display:inline-block;
  background:#e7e6e4;
  border-radius:30px;
  text-transform:uppercase;
  font-size:calc(7.5 * var(--u));
  letter-spacing:.06em;
  padding:calc(4 * var(--u)) calc(14 * var(--u));
  margin:calc(10 * var(--u)) 0 calc(6 * var(--u))}
.journey-route {
  display:flex;
  align-items:center;
  gap:calc(12 * var(--u));
  justify-content:center;
  width:calc(328 * var(--u));
  max-width:100%;
  margin:auto}
.journey-route strong {
  font-size:calc(12 * var(--u));
  font-weight:700}
.journey-route span {
  display:block;
  font-size:calc(9 * var(--u));
  letter-spacing:.15em;
  line-height:1.5}
.route-line {
  flex:1;
  border-top:1px dashed #ac7b26;
  position:relative;
  height:1px}
.route-line:after {
  content:'›';
  position:absolute;
  right:-3px;
  top:-8px;
  color:var(--gold)}
.route-line svg {
  position:absolute;
  left:50%;
  top:0;
  transform:translate(-50%,-50%) rotate(90deg);
  background:var(--cream);
  width:calc(33 * var(--u));
  height:calc(29 * var(--u));
  padding:calc(4 * var(--u));
  fill:var(--ink)}
.route-meta {
  text-transform:uppercase;
  font-size:calc(8.5 * var(--u));
  letter-spacing:.11em;
  margin-top:calc(7 * var(--u))}
.journey-stats {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin:calc(13 * var(--u)) auto calc(15 * var(--u));
  width:96%}
.journey-stats>div {
  border-right:1px solid #d6c7ae}
.journey-stats>div:last-child {
  border:0}
.journey-stats strong {
  font-family:var(--serif);
  font-size:calc(27 * var(--u));
  font-weight:600;
  line-height:1;
  display:block;
  letter-spacing:-.04em}
.journey-stats span {
  font-size:calc(8.5 * var(--u));
  letter-spacing:.1em;
  text-transform:uppercase;
  display:block;
  margin-top:calc(4 * var(--u));
  white-space:nowrap}
.journey-note {
  font-size:calc(7.3 * var(--u));
  line-height:1.5;
  white-space:nowrap;
  margin:0 auto calc(10 * var(--u))}
.journey-cta {
  min-height:calc(30 * var(--u));
  padding:calc(7 * var(--u)) calc(26 * var(--u));
  font-size:calc(9.5 * var(--u))}
.postcard {
  position:absolute;
  width:20%;
  top:calc(9 * var(--u))}
.postcard-blr {
  left:1%}
.postcard-sin {
  right:.5%;
  top:0;
  width:19%}
.travel-stamp {
  position:absolute;
  right:2%;
  bottom:calc(9 * var(--u));
  border:1px solid #b59a6a;
  outline:1px dashed #b59a6a;
  outline-offset:-6px;
  transform:rotate(-14deg);
  width:calc(123 * var(--u));
  padding:calc(12 * var(--u));
  text-align:center;
  font-size:calc(8.5 * var(--u));
  line-height:1.7;
  color:#a47e40;
  letter-spacing:.16em;
  border-radius:9px}
.travel-stamp svg {
  display:block;
  margin:2px auto 0;
  width:calc(19 * var(--u));
  height:calc(19 * var(--u));
  fill:#a47e40}

/* Full-width alternating story panels. */
.act {
  position:relative;
  display:grid;
  grid-template-columns:43% 57%;
  min-height:calc(200 * var(--u));
  overflow:hidden}
.act-copy {
  position:relative;
  z-index:2;
  padding:calc(11 * var(--u)) calc(30 * var(--u)) calc(8 * var(--u)) 14%;
  }
.act-fly .act-copy {
  padding-top:calc(30 * var(--u))}
.act-copy .eyebrow,.earn-copy .eyebrow {
  margin-bottom:calc(5 * var(--u));
  letter-spacing:.32em}
.act h2,.earn h2 {
  font-family:var(--serif);
  font-size:calc(26 * var(--u));
  line-height:.9;
  font-weight:600;
  letter-spacing:-.025em;
  margin-bottom:calc(5 * var(--u))}
.act-copy>p:not(.eyebrow) {
  font-size:calc(10.2 * var(--u));
  line-height:1.34;
  max-width:calc(289 * var(--u))}
.intel {
  display:grid;
  grid-template-columns:1fr 1fr;
  max-width:calc(278 * var(--u));
  border:1px solid #dfd1b960;
  border-radius:calc(5 * var(--u));
  background:#eee8dd9c;
  margin-top:calc(6 * var(--u));
  font-size:calc(8.5 * var(--u));
  font-weight:600;
  line-height:1.5}
.intel>span {
  padding:calc(4 * var(--u)) calc(12 * var(--u))}
.intel>span+span {
  border-left:1px solid #d9c6a75c}
.intel b {
  font-size:calc(11 * var(--u))}
.act-photo {
  position:relative;
  overflow:hidden;
  min-width:0;
  background:#121313}
.act-photo .reference-art {
  position:absolute;
  inset:0;
  height:100%;
  width:100%;
  aspect-ratio:auto}
.act-photo .reference-art img {
  height:calc(1536 / 123 * 100%);
  width:calc(1024 / 582 * 100%);
  object-fit:fill}
.act-fly .act-photo {
  clip-path:polygon(0 0,100% 0,100% 100%,3% 100%);
  margin-left:calc(-16 * var(--u))}
.photo-caption {
  position:absolute;
  bottom:calc(15 * var(--u));
  right:calc(30 * var(--u));
  text-transform:uppercase;
  color:#ecc267;
  font-size:calc(8 * var(--u));
  line-height:1.7;
  letter-spacing:.16em;
  text-shadow:0 1px 6px black}
.act-stay {
  grid-template-columns:58% 42%;
  min-height:calc(205 * var(--u))}
.act-stay .act-copy {
  padding:calc(35 * var(--u)) calc(32 * var(--u)) calc(7 * var(--u)) calc(54 * var(--u))}
.act-stay .act-photo {
  clip-path:polygon(0 0,100% 0,97% 100%,0 100%);
  margin-right:calc(-9 * var(--u))}
.act-stay .reference-art img {
  height:calc(1536 / 132 * 100%);
  width:calc(1024 / 580 * 100%)}
.act-stay .photo-caption {
  left:calc(60 * var(--u));
  right:auto}
.earn {
  background:radial-gradient(ellipse at 67% 20%,#142128,#061119 75%);
  color:white;
  display:grid;
  grid-template-columns:42% 58%;
  min-height:calc(185 * var(--u));
  padding:calc(16 * var(--u)) 6% calc(7 * var(--u));
  align-items:start}
.earn-copy {
  margin-top:calc(28 * var(--u));
  gap:calc(5 * var(--u))}
.earn-copy .eyebrow {
  color:#e4b64f}
.earn h2 {
  font-weight:500;
  font-size:calc(26 * var(--u));
  margin-bottom:calc(9 * var(--u))}
.earn-copy>p:last-child {
  font-size:calc(10.5 * var(--u));
  line-height:1.45;
  color:#d0d3d4}
.earn-visual {
  position:relative;
  min-width:0;
  padding-top:calc(91 * var(--u))}
.cards-art {
  position:absolute;
  width:85%;
  top:calc(-3 * var(--u));
  left:9%;
  mix-blend-mode:lighten}
.earn-flow {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:calc(7 * var(--u))}
.earn-flow>div {
  display:flex;
  gap:calc(12 * var(--u));
  align-items:center;
  margin-top:calc(22 * var(--u))}
.earn-flow i {
  width:calc(39 * var(--u));
  height:calc(39 * var(--u));
  border:1px solid #cb922b;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#d49c38}
.earn-flow svg {
  width:calc(23 * var(--u));
  height:calc(23 * var(--u))}
.earn-flow b {
  display:block;
  font-size:calc(8.4 * var(--u));
  font-weight:500;
  text-transform:uppercase;
  white-space:nowrap}
.earn-flow small {
  display:block;
  font-size:calc(8.5 * var(--u));
  margin-top:calc(4 * var(--u));
  white-space:nowrap}
.flow-arrow {
  color:#d9a03b;
  font-size:calc(22 * var(--u))}

/* Knowledge hub and real, keyboard-accessible accordions. */
.knowledge {
  padding:calc(9 * var(--u)) 4.8% calc(9 * var(--u))}
.knowledge-heading {
  text-align:center}
.knowledge-heading .eyebrow {
  font-size:calc(6.5 * var(--u));
  letter-spacing:.14em;
  margin-bottom:calc(2 * var(--u))}
.knowledge-heading h2 {
  font-family:var(--serif);
  font-size:calc(18 * var(--u));
  font-weight:600;
  line-height:1.1}
.knowledge-heading>p:last-child {
  font-size:calc(7.5 * var(--u));
  color:#545966;
  margin-top:calc(3 * var(--u))}
.knowledge-nav {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:calc(25 * var(--u));
  margin:calc(5 * var(--u)) 0 calc(7 * var(--u))}
.knowledge-chips {
  display:flex;
  gap:calc(10 * var(--u))}
.knowledge-chips a {
  border:1px solid #dfcaa7;
  background:#fff;
  border-radius:30px;
  font-size:calc(7.8 * var(--u));
  font-weight:600;
  color:#99620f;
  padding:calc(4 * var(--u)) calc(12 * var(--u));
  white-space:nowrap}
.knowledge-chips a:hover {
  background:#f1e5ce}
.knowledge-nav>.gold-button {
  font-size:calc(9 * var(--u));
  font-weight:500;
  min-height:calc(28 * var(--u));
  padding:calc(7 * var(--u)) calc(18 * var(--u));
  color:#fff;
  background:#b1832d;
  border-color:#b1832d;
  border-radius:calc(8 * var(--u))}
.knowledge-grid {
  display:grid;
  grid-template-columns:61% 39%;
  gap:calc(10 * var(--u))}
.column-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:8px;
  margin-bottom:calc(8 * var(--u))}
.column-heading h3 {
  font-family:var(--serif);
  font-size:calc(15 * var(--u));
  font-weight:600;
  line-height:1}
.column-heading p {
  font-size:calc(7 * var(--u));
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-top:calc(5 * var(--u));
  color:#795529}
.column-heading>a {
  font-size:calc(8 * var(--u));
  color:#986316;
  white-space:nowrap}
.article-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:calc(8 * var(--u))}
.article-card {
  display:flex;
  flex-direction:column;
  background:#ffffffb5;
  overflow:hidden;
  border-radius:calc(5 * var(--u));
  min-height:calc(120 * var(--u));
  transition:box-shadow .2s}
.article-card:hover {
  box-shadow:0 3px 12px #6e4b2425}
.article-card .reference-art {
  height:calc(62 * var(--u));
  width:100%;
  aspect-ratio:auto}
.article-card .reference-art img {
  height:calc(1536 / 61 * 100%)}
.article-card h4 {
  font-family:var(--serif);
  font-size:calc(12.5 * var(--u));
  line-height:1.07;
  font-weight:600;
  padding:calc(7 * var(--u)) calc(9 * var(--u));
  letter-spacing:-.015em}
.article-card>span {
  display:block;
  font-size:calc(7.3 * var(--u));
  text-transform:uppercase;
  letter-spacing:.07em;
  color:#976010;
  padding:0 calc(9 * var(--u)) calc(8 * var(--u));
  margin-top:auto;
  font-weight:600}
.questions {
  border-left:1px solid #e2d6c0;
  padding-left:calc(12 * var(--u))}
.questions .column-heading p {
  font-size:calc(6.5 * var(--u));
  letter-spacing:.07em}
.questions .column-heading>a {
  font-size:calc(7.5 * var(--u))}
.faq-list {
  display:grid;
  gap:calc(4 * var(--u))}
.rtx-faq__item {
  background:#ffffffbd;
  border-radius:calc(4 * var(--u));
  overflow:hidden}
.rtx-faq__summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  list-style:none;
  cursor:pointer;
  padding:calc(4 * var(--u)) calc(12 * var(--u));
  min-height:calc(20 * var(--u))}
.rtx-faq__summary::-webkit-details-marker {
  display:none}
.rtx-faq__summary:after {
  content:'+';
  font-family:var(--sans);
  font-size:calc(15 * var(--u));
  color:#a5772f;
  line-height:.8}
.rtx-faq__item[open] summary:after {
  content:'−'}
.rtx-faq__q {
  font-family:var(--serif);
  font-size:calc(10.5 * var(--u));
  line-height:1.15;
  font-weight:600}
.rtx-faq__summary:hover {
  background:#ede2d144}
.rtx-faq__a {
  font-size:max(12px,calc(10 * var(--u)));
  line-height:1.65;
  padding:10px 14px 14px;
  color:#48515b}
.trust-strip {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding:calc(10 * var(--u)) 4.8%;
  border-top:1px solid #e9e1d6;
  gap:calc(25 * var(--u));
  min-height:calc(53 * var(--u))}
.trust-strip>a {
  display:flex;
  align-items:center;
  gap:calc(11 * var(--u));
  position:relative}
.trust-strip>a+a:before {
  content:'';
  position:absolute;
  left:calc(-14 * var(--u));
  height:calc(25 * var(--u));
  width:1px;
  background:#deccae}
.trust-strip i {
  display:grid;
  place-items:center;
  background:#eae0ce;
  color:#9d6b21;
  width:calc(34 * var(--u));
  height:calc(34 * var(--u));
  border-radius:50%;
  flex-shrink:0}
.trust-strip svg {
  width:calc(18 * var(--u));
  height:calc(18 * var(--u))}
.trust-strip b {
  display:block;
  font-family:var(--serif);
  font-size:calc(11.5 * var(--u));
  font-weight:600}
.trust-strip small {
  display:block;
  color:#5b5d62;
  font-size:calc(8 * var(--u));
  line-height:1.5}
.trust-strip a:hover b {
  color:#a57422}
.closing {
  position:relative;
  background:#08131c;
  min-height:calc(111 * var(--u));
  overflow:hidden;
  color:white;
  padding:calc(11 * var(--u)) 6%;
  display:flex;
  align-items:center;
  justify-content:space-between}
.footer-art {
  position:absolute;
  inset:0 9% 0 21%;
  height:100%;
  aspect-ratio:auto}
.footer-art img {
  height:calc(1536 / 110 * 100%)}
.closing-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#041017 6%,#04101799 27%,transparent 50%,#04101788 78%,#041017 100%)}
.closing-copy,.closing-note {
  position:relative;
  z-index:1}
.closing h2 {
  font-family:var(--serif);
  font-size:calc(17 * var(--u));
  font-weight:500;
  line-height:.96;
  letter-spacing:.035em}
.closing-copy>p {
  font-family:var(--serif);
  font-size:calc(14 * var(--u));
  color:#eac05f;
  line-height:1.1}
.closing .gold-button {
  min-height:calc(23 * var(--u));
  padding:calc(5 * var(--u)) calc(16 * var(--u));
  font-size:calc(9 * var(--u));
  margin-top:calc(5 * var(--u))}
.closing-copy>small {
  display:block;
  font-size:calc(7.5 * var(--u));
  letter-spacing:.04em;
  color:#c5c5c5;
  margin-top:calc(5 * var(--u))}
.closing-note {
  display:flex;
  align-items:center;
  gap:calc(12 * var(--u));
  font-size:calc(8 * var(--u));
  line-height:1.4}
.closing-note svg {
  color:#d6a240;
  width:calc(25 * var(--u));
  height:calc(25 * var(--u))}
.site-footer {
  background:#071118;
  color:#c2c7ca;
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 6%;
  font-size:10px}
.site-footer nav {
  display:flex;
  gap:14px;
  flex-wrap:wrap}
.site-footer a:hover {
  color:#e7b85c}
.rtx-modal {
  padding:0;
  border:1px solid #b68a3a;
  border-radius:10px;
  width:min(90vw,960px);
  background:#000;
  overflow:visible}
.rtx-modal::backdrop {
  background:#03090eed;
  backdrop-filter:blur(8px)}
.rtx-modal video {
  display:block;
  width:100%;
  max-height:80vh}
.rtx-modal__close {
  position:absolute;
  z-index:1;
  right:10px;
  top:10px;
  border:1px solid #ffffff90;
  border-radius:50%;
  background:#000a;
  color:white;
  width:40px;
  height:40px;
  font-size:26px}
body.modal-open {
  overflow:hidden}

@media(min-width:1640px) {
  .rtx-nav__inner {
  max-width:none}
.hero-content {
  width:64%}
.journey-main {
  max-width:1000px}
.act-copy {
  padding-left:14%}
}

@media(max-width:1050px) and (min-width:901px) {
  .knowledge-nav {
  gap:12px}
.knowledge-chips {
  gap:7px}
.knowledge-chips a {
  padding:4px 10px}
.questions .column-heading {
  flex-wrap:wrap;
  gap:3px}
.questions .column-heading>a {
  margin-left:auto}
.knowledge-grid {
  grid-template-columns:60% 40%;
  gap:0}
.hero-content {
  width:70%}
}

/* Keep the same reading order while allowing comfortable mobile text and controls. */
@media(max-width:900px) {
  
 :root {
  --u:1px}
html {
  scroll-padding-top:20px}
.rtx-nav {
  height:72px}
.rtx-nav__inner {
  width:auto;
  margin:0 20px;
  gap:12px}
.brand-text>span {
  font-size:27px}
.brand small {
  font-size:5.5px}
.nav-cta {
  font-size:10px;
  min-height:36px;
  padding:8px 10px}
.nav-toggle {
  display:flex;
  align-items:center;
  gap:5px;
  background:transparent;
  border:0;
  color:white;
  font-size:11px;
  padding:10px 0;
  margin-left:auto}
.nav-toggle span {
  font-size:15px}
.rtx-nav__menu {
  display:none;
  position:absolute;
  top:65px;
  left:20px;
  right:20px;
  padding:14px;
  background:#07131bf5;
  border:1px solid #ae843b;
  border-radius:6px;
  box-shadow:0 10px 30px #0005;
  font-size:14px;
  gap:0}
.rtx-nav__menu.is-open {
  display:grid;
  grid-template-columns:1fr 1fr}
.rtx-nav__menu a {
  display:block;
  padding:12px}
.rtx-hero {
  min-height:640px}
.rtx-hero__media video {
  object-position:65% center}
.hero-shade {
  background:linear-gradient(90deg,#030b12df,#030b1270),linear-gradient(0deg,#061018 0%,transparent 90%)}
.hero-content {
  padding:130px 0 28px;
  margin:0 24px;
  width:auto}
.hero-eyebrow {
  font-size:8px;
  letter-spacing:.1em;
  gap:8px;
  margin-bottom:16px}
.hero-eyebrow>span {
  width:18px}
h1 {
  font-size:clamp(28px,6.4vw,46px);
  line-height:1.04;
  letter-spacing:-.04em}
.hero-subline {
  font-size:14px;
  line-height:1.45;
  margin-top:14px;
  max-width:430px}
.desktop-break {
  display:none}
.hero-actions {
  gap:18px;
  flex-wrap:wrap;
  margin-top:20px}
.hero-actions .gold-button {
  min-height:44px;
  font-size:11px;
  padding:12px 18px;
  min-width:220px}
.video-trigger {
  min-height:44px;
  font-size:9px;
  gap:10px}
.video-trigger small {
  font-size:8px}
.play-icon {
  width:36px;
  height:36px}
.hero-proof {
  width:100%;
  margin-top:24px}
.hero-proof>div {
  padding:0 14px;
  flex:1}
.hero-proof>div:first-child {
  padding-left:0}
.hero-proof span {
  font-size:8px;
  letter-spacing:.05em}
.hero-proof strong {
  font-size:22px}
.hero-proof .hero-proof__people {
  gap:7px}
.hero-proof svg {
  width:25px}
.reward-alert {
  margin-top:21px;
  padding:10px;
  gap:10px;
  flex-wrap:wrap;
  width:100%;
  font-size:10px;
  line-height:1.5}
.reward-alert strong {
  font-size:10px}
.reward-alert>span {
  flex:1 1 190px}
.reward-alert>b {
  display:none}
.hero-signature,.hero-caption {
  display:none}
.video-pause {
  bottom:7px;
  right:7px;
  width:26px;
  height:26px}
.journey {
  padding:24px 18px 28px;
  min-height:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px}
.journey-main {
  width:100%;
  order:0}
.journey-eyebrow {
  font-size:8px;
  margin-bottom:8px}
.journey h2 {
  font-size:clamp(25px,5.5vw,34px);
  line-height:1}
.sample-tag {
  font-size:8px;
  margin:15px 0 12px}
.journey-route {
  width:340px;
  gap:12px}
.journey-route strong {
  font-size:12px}
.journey-route span {
  font-size:10px}
.route-meta {
  font-size:9px;
  margin-top:12px}
.journey-stats {
  width:100%;
  margin:20px 0 17px}
.journey-stats strong {
  font-size:29px}
.journey-stats span {
  font-size:8px;
  white-space:normal;
  letter-spacing:.06em;
  padding:0 6px;
  line-height:1.4}
.journey-note {
  white-space:normal;
  font-size:10px;
  line-height:1.5;
  max-width:400px;
  margin-bottom:15px}
.journey-cta {
  font-size:10px;
  min-height:44px;
  padding:10px 15px}
.postcard {
  position:relative;
  align-self:flex-start;
  top:auto;
  left:auto;
  right:auto!important;
  width:130px;
  order:1;
  margin-top:10px}
.postcard-sin {
  width:125px;
  top:auto}
.travel-stamp {
  display:none}
.act,.act-stay {
  display:flex;
  flex-direction:column;
  min-height:0}
.act-copy,.act-stay .act-copy {
  padding:26px 24px;
  width:100%;
  order:0}
.act .eyebrow,.earn .eyebrow {
  font-size:10px;
  margin-bottom:10px}
.act h2,.earn h2 {
  font-size:33px;
  line-height:.98;
  margin-bottom:10px}
.act-copy>p:not(.eyebrow) {
  font-size:14px;
  line-height:1.5;
  max-width:540px}
.intel {
  max-width:380px;
  font-size:10px;
  margin-top:15px}
.intel b {
  font-size:12px}
.intel>span {
  padding:8px 12px}
.act-photo,.act-fly .act-photo,.act-stay .act-photo {
  height:200px;
  min-height:200px;
  margin:0;
  clip-path:none;
  order:1}
.photo-caption {
  font-size:9px;
  bottom:15px;
  right:24px}
.act-stay .photo-caption {
  left:24px}
.earn {
  grid-template-columns:1fr;
  padding:28px 24px 22px;
  gap:18px}
.earn-copy>p:last-child {
  font-size:14px;
  line-height:1.5}
.earn-visual {
  padding-top:110px}
.cards-art {
  width:min(90%,430px);
  left:50%;
  transform:translateX(-50%);
  top:0}
.earn-flow {
  gap:5px}
.earn-flow>div {
  flex-direction:column;
  gap:8px;
  text-align:center}
.earn-flow i {
  width:36px;
  height:36px}
.earn-flow b {
  font-size:9px}
.earn-flow small {
  font-size:8px}
.flow-arrow {
  font-size:20px}
.knowledge {
  padding:26px 20px}
.knowledge-heading .eyebrow {
  font-size:8px;
  margin-bottom:5px}
.knowledge-heading h2 {
  font-size:25px;
  line-height:1.05}
.knowledge-heading>p:last-child {
  font-size:11px;
  line-height:1.5;
  margin-top:8px}
.knowledge-nav {
  flex-direction:column;
  gap:13px;
  margin:17px 0 26px}
.knowledge-chips {
  flex-wrap:wrap;
  justify-content:center;
  gap:7px}
.knowledge-chips a {
  font-size:10px;
  padding:8px 12px}
.knowledge-nav>.gold-button {
  min-height:40px;
  font-size:11px}
.knowledge-grid {
  grid-template-columns:1fr;
  gap:27px}
.column-heading {
  margin-bottom:12px;
  gap:6px}
.column-heading h3 {
  font-size:21px}
.column-heading p {
  font-size:8px;
  line-height:1.5;
  margin-top:4px}
.column-heading>a {
  font-size:10px}
.article-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px}
.article-card {
  min-height:174px}
.article-card .reference-art {
  height:85px}
.article-card h4 {
  font-size:19px;
  padding:10px 10px}
.article-card>span {
  font-size:8px;
  padding:0 10px 12px}
.questions {
  border:0;
  padding:0}
.questions .column-heading p {
  font-size:7px;
  max-width:220px}
.questions .column-heading>a {
  font-size:9px}
.faq-list {
  gap:7px}
.rtx-faq__summary {
  padding:11px 12px;
  min-height:44px}
.rtx-faq__q {
  font-size:17px}
.rtx-faq__summary:after {
  font-size:20px}
.rtx-faq__a {
  font-size:13px}
.trust-strip {
  grid-template-columns:1fr 1fr;
  padding:20px;
  gap:22px 14px}
.trust-strip>a {
  gap:9px;
  align-items:flex-start}
.trust-strip>a+a:before {
  display:none}
.trust-strip b {
  font-size:14px;
  line-height:1.05}
.trust-strip small {
  font-size:10px;
  line-height:1.4;
  margin-top:4px}
.trust-strip i {
  width:30px;
  height:30px}
.closing {
  min-height:200px;
  padding:26px 24px}
.footer-art {
  inset:0 0 0 10%}
.closing-shade {
  background:linear-gradient(90deg,#041017ee,#04101733)}
.closing h2 {
  font-size:22px}
.closing-copy>p {
  font-size:18px;
  margin-top:4px}
.closing .gold-button {
  min-height:40px;
  font-size:11px;
  margin-top:10px}
.closing-copy>small {
  font-size:9px;
  margin-top:9px}
.closing-note {
  display:none}
.site-footer {
  flex-direction:column;
  padding:16px 24px;
  font-size:10px;
  gap:12px}
.site-footer nav {
  gap:14px}
.rtx-modal {
  width:94vw}
.rtx-modal__close {
  top:-47px;
  right:0}

}

@media(max-width:370px) {
  .rtx-nav__inner {
  margin:0 14px;
  gap:8px}
.brand-text>span {
  font-size:24px}
.brand small {
  font-size:4.7px}
.nav-toggle {
  font-size:10px}
.nav-cta {
  font-size:9px;
  padding:8px}
.hero-content {
  margin:0 18px}
.hero-proof>div {
  padding:0 9px}
.hero-proof span {
  font-size:7px}
.hero-proof svg {
  width:21px}
.journey-stats strong {
  font-size:25px}
.journey-cta {
  font-size:9px}
.earn {
  padding-left:18px;
  padding-right:18px}
}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto}
*,*:before,*:after {
  animation:none!important;
  transition:none!important}
}


.gold-button .premium-btn__label {
  font:inherit;
  line-height:inherit}


@media(min-width:901px) {
  
  .hero-content {
  padding-bottom:calc(10 * var(--u))}

  .hero-subline {
  margin-top:calc(4 * var(--u))}

  .hero-proof {
  margin-top:calc(13 * var(--u))}

  .reward-alert {
  margin-top:calc(12 * var(--u))}

  .sample-tag {
  margin-bottom:calc(2 * var(--u))}

  .route-meta {
  margin-top:calc(5 * var(--u))}

  .journey-stats {
  margin-top:calc(11 * var(--u))}

  .act-fly .act-copy {
  padding-bottom:calc(4 * var(--u))}

}

body { padding-bottom: 68px; }
.ep-trust-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  padding: 12px 24px;
  background: #1a0f09;
  border-top: 1px solid rgba(184,146,42,0.3);
}
.ep-trust-bar .ep-trust-items {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}
.ep-trust-copy {
  color: #c2c7ca;
  font-size: 10px;
  white-space: nowrap;
}
.ep-trust-nav {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  font-size: 10px;
}
.ep-trust-nav a {
  color: #c2c7ca}
.ep-trust-nav a:hover {
  color: #e7b85c}
.ep-trust-item {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 8px;
  align-items: center;
  font: 700 0.75rem/1.2 'DM Sans', sans-serif;
  color: rgba(255,255,255,0.94);
}
.ep-trust-item svg { color: #f3c653; }
.ep-trust-item span {
  display: block;
  color: rgba(255,255,255,0.68);
  font-size: 0.68rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .ep-trust-bar {
    position: static;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  body { padding-bottom: 0; }
}

