.passes-page { background: #f3f0e9; }
.passes-hero { padding: clamp(56px, 8vw, 110px) max(24px, calc((100% - 1240px) / 2)); color: #fff; background: radial-gradient(circle at 83% 25%, rgba(215,223,0,.16), transparent 19rem), linear-gradient(120deg, #062b40, #041f2e 68%, #063440); }
.passes-hero__content { max-width: 760px; }.passes-hero .eyebrow,.passes-offer .eyebrow,.passes-explainer .eyebrow,.passes-cta .eyebrow { margin: 0 0 14px; color: var(--lime, #d7df00); font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.passes-hero .eyebrow span,.passes-offer .eyebrow span,.passes-explainer .eyebrow span,.passes-cta .eyebrow span { display:inline-block;width:28px;height:2px;margin:0 8px 3px 0;background:currentColor; }
.passes-hero h1 { margin: 0; font-size: clamp(48px, 7vw, 92px); line-height: .92; }.passes-hero h1 em { color: #ff5a18; font-style: normal; }.passes-hero__content > p { max-width: 58ch; margin: 24px 0 0; color: #c7d5d9; font-size: 17px; line-height: 1.6; }
.passes-hero__guide,.passes-cta__actions a:first-child { display:inline-flex;align-items:center;gap:14px;min-height:54px;margin-top:30px;padding:0 22px;border-radius:12px;color:#fff;background:#d8450d;font-weight:900;text-decoration:none; }.passes-hero__guide:is(:hover,:focus-visible),.passes-cta__actions a:first-child:is(:hover,:focus-visible){background:#ed581d;}
.passes-hero__facts { display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:48px;color:#d6e2e5;font-size:13px; }.passes-hero__facts span{padding-right:26px;border-right:1px solid rgba(255,255,255,.22)}.passes-hero__facts span:last-child{border:0}.passes-hero__facts b{color:var(--lime,#d7df00)}
.passes-offer { padding: clamp(34px, 5vw, 68px) max(24px, calc((100% - 1240px) / 2)) clamp(56px, 7vw, 96px); background:#111611; color:#fff; }.passes-offer__heading { display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:30px; }.passes-offer__heading h1,.passes-explainer h2,.passes-cta h2{margin:0;font-size:clamp(34px,4vw,58px);line-height:1}.passes-offer__heading>p{max-width:430px;margin:0;color:#b6bcb1;line-height:1.55}
.passes-explainer { display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;padding:clamp(52px,7vw,92px) max(24px, calc((100% - 1240px) / 2));color:#062b40;background:#f3f0e9; }.passes-explainer .eyebrow,.passes-cta .eyebrow{color:#d8450d}.passes-explainer ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}.passes-explainer li{display:flex;gap:12px;padding:18px;border:1px solid rgba(6,43,64,.15);border-radius:16px;background:rgba(255,255,255,.6)}.passes-explainer li>b{color:#d8450d;font-size:22px}.passes-explainer li span{display:grid;gap:5px;color:#5b737c;font-size:13px;line-height:1.45}.passes-explainer li strong{color:#062b40}
.passes-cta { display:flex;justify-content:space-between;gap:40px;align-items:center;padding:clamp(48px,7vw,86px) max(24px, calc((100% - 1240px) / 2));color:#fff;background:linear-gradient(115deg,#08354b,#052536); }.passes-cta>div:first-child{max-width:660px}.passes-cta p:not(.eyebrow){color:#c2d2d7;line-height:1.55}.passes-cta__actions{display:flex;flex-wrap:wrap;gap:12px}.passes-cta__actions a{display:inline-grid;place-items:center;min-height:52px;padding:0 20px;border:1px solid rgba(255,255,255,.48);border-radius:12px;color:#fff;font-weight:800;text-decoration:none}.passes-cta__actions a:first-child{margin:0}.passes-cta__actions a:last-child:is(:hover,:focus-visible){border-color:var(--lime,#d7df00);color:var(--lime,#d7df00)}

.passes-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.pass-card {
  --pass-accent: #12a8b6;
  --pass-accent-soft: rgba(18, 168, 182, .24);
  --pass-accent-deep: rgba(18, 168, 182, .42);
  --pass-action: #ff5a18;
  --pass-ink: #061216;
  min-width: 0;
  perspective: 1600px;
}

.pass-card[data-variant="regular"] {
  --pass-accent: #19b8c8;
  --pass-accent-soft: rgba(25, 184, 200, .22);
  --pass-accent-deep: rgba(25, 184, 200, .36);
}

.pass-card[data-variant="active"] {
  --pass-accent: #ff5a18;
  --pass-accent-soft: rgba(255, 90, 24, .24);
  --pass-accent-deep: rgba(255, 90, 24, .44);
  --pass-action: #ff5a18;
}

.pass-card[data-variant="flex"] {
  --pass-accent: #b2c80d;
  --pass-accent-soft: rgba(178, 200, 13, .24);
  --pass-accent-deep: rgba(18, 168, 182, .44);
}

.pass-card-toggle {
  width: 100%;
  aspect-ratio: .68;
  border-radius: 20px;
  outline: none;
  outline-offset: 5px;
  color: inherit;
  cursor: pointer;
  text-align: left;
}

.pass-card-toggle:focus-visible {
  outline: 2px solid var(--pass-accent);
}

.pass-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 560px;
  transform-style: preserve-3d;
  transition: transform .55s cubic-bezier(.2, .8, .2, 1);
}

.pass-card.is-flipped .pass-card-inner {
  transform: rotateY(180deg);
}

.pass-face {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 18px;
  box-shadow: 0 20px 42px rgba(0, 0, 0, .36);
  backface-visibility: hidden;
  pointer-events: none;
}

.pass-face::before,
.pass-face::after,
.pass-content::before,
.pass-content::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.pass-face-front {
  background:
    radial-gradient(circle at 78% 73%, var(--pass-accent-soft), transparent 18%),
    repeating-linear-gradient(106deg, transparent 0 38px, rgba(6, 18, 22, .035) 38px 40px, transparent 40px 78px),
    linear-gradient(142deg, rgba(255, 255, 255, .98) 0 62%, rgba(255,255,255,.7) 62% 68%, var(--pass-accent-soft) 68% 100%),
    #f5f2ea;
  color: #061216;
  pointer-events: auto;
}

.pass-card.is-flipped .pass-face-front {
  pointer-events: none;
}

.pass-card[data-variant="regular"] .pass-face-front,
.pass-card[data-variant="flex"] .pass-face-front {
  background:
    radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .08), transparent 16%),
    repeating-linear-gradient(105deg, transparent 0 30px, rgba(255, 255, 255, .035) 30px 33px, transparent 33px 62px),
    linear-gradient(155deg, rgba(4, 50, 56, .98), rgba(5, 34, 39, .98)),
    #062126;
  color: #fff;
}

.pass-card[data-variant="active"] .pass-face-front {
  background:
    radial-gradient(circle at 78% 24%, rgba(255, 255, 255, .06), transparent 16%),
    repeating-linear-gradient(105deg, transparent 0 26px, rgba(255, 255, 255, .03) 26px 28px, transparent 28px 54px),
    linear-gradient(155deg, rgba(4, 8, 10, .98), rgba(5, 28, 31, .98)),
    #05090a;
  color: #fff;
}

.pass-face-front::before {
  inset: 0;
  background:
    radial-gradient(circle at 79% 71%, var(--pass-accent-soft) 0 4%, transparent 4.5%),
    radial-gradient(circle at 87% 70%, var(--pass-accent-soft) 0 3.2%, transparent 3.6%),
    radial-gradient(circle at 84% 80%, var(--pass-accent-soft) 0 5.5%, transparent 6%),
    radial-gradient(circle at 72% 83%, var(--pass-accent-soft) 0 3.4%, transparent 4%),
    linear-gradient(118deg, transparent 0 56%, var(--pass-accent-deep) 56% 61%, transparent 61% 100%);
  opacity: .95;
}

.pass-face-front::after {
  right: -10%;
  bottom: 6%;
  width: 78%;
  height: 24%;
  border: 0;
  border-radius: 0;
  background:
    repeating-linear-gradient(105deg, transparent 0 14px, rgba(255, 255, 255, .38) 14px 17px, transparent 17px 30px),
    linear-gradient(90deg, transparent, var(--pass-accent-deep) 12% 82%, transparent);
  transform: rotate(-15deg);
  opacity: .72;
}

.pass-card[data-variant="active"] .pass-face-front::after {
  border-radius: 0;
  border: 0;
  right: -12%;
  top: 28%;
  width: 76%;
  height: 54%;
  background: repeating-linear-gradient(-18deg, transparent 0 13px, var(--pass-accent-deep) 13px 20px, transparent 20px 33px);
  transform: rotate(-3deg);
  opacity: .95;
}

.pass-card[data-variant="regular"] .pass-face-front::after {
  right: -8%;
  top: 18%;
  bottom: auto;
  width: 62%;
  height: 72%;
  background:
    repeating-linear-gradient(108deg, transparent 0 12px, var(--pass-accent-deep) 12px 19px, transparent 19px 31px);
  transform: rotate(-8deg);
  opacity: .72;
}

.pass-card[data-variant="flex"] .pass-face-front::after {
  right: -20%;
  top: 13%;
  width: 82%;
  height: 72%;
  border: 12px solid var(--pass-accent-deep);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  background: none;
  transform: rotate(18deg);
  opacity: .95;
}

.pass-motif,
.pass-motif span {
  position: absolute;
  pointer-events: none;
}

.pass-motif {
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.pass-motif-brush {
  right: -8%;
  top: 6%;
  width: 58%;
  height: 18%;
  background:
    repeating-linear-gradient(108deg, transparent 0 13px, rgba(255, 255, 255, .42) 13px 17px, transparent 17px 29px),
    linear-gradient(100deg, transparent, var(--pass-accent-deep) 14% 82%, transparent);
  transform: rotate(-18deg);
  opacity: .8;
  clip-path: polygon(0 28%, 94% 0, 100% 68%, 8% 100%);
}

.pass-motif-track {
  right: -7%;
  top: 16%;
  width: 45%;
  height: 72%;
  background:
    repeating-linear-gradient(110deg, transparent 0 10px, var(--pass-accent-deep) 10px 16px, transparent 16px 28px),
    repeating-linear-gradient(20deg, transparent 0 26px, rgba(255,255,255,.13) 26px 29px, transparent 29px 54px);
  transform: rotate(-10deg);
  opacity: .42;
  clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%);
}

.pass-motif-paw {
  right: 8%;
  bottom: 22%;
  width: 116px;
  height: 82px;
  background:
    radial-gradient(circle at 17% 60%, var(--pass-accent-soft) 0 13%, transparent 14%),
    radial-gradient(circle at 39% 30%, var(--pass-accent-soft) 0 12%, transparent 13%),
    radial-gradient(circle at 61% 28%, var(--pass-accent-soft) 0 12%, transparent 13%),
    radial-gradient(circle at 82% 58%, var(--pass-accent-soft) 0 13%, transparent 14%),
    radial-gradient(ellipse at 51% 78%, var(--pass-accent-soft) 0 28%, transparent 29%);
  transform: rotate(-12deg);
  opacity: .95;
}

.pass-motif-runes {
  right: 8%;
  top: 6%;
  width: 72px;
  height: 62px;
  color: var(--pass-accent);
  opacity: .88;
  background:
    linear-gradient(45deg, transparent 0 30%, currentColor 30% 35%, transparent 35% 100%),
    linear-gradient(-45deg, transparent 0 42%, currentColor 42% 47%, transparent 47% 100%),
    repeating-linear-gradient(100deg, transparent 0 12px, currentColor 12px 15px, transparent 15px 24px);
  clip-path: polygon(0 0, 100% 0, 72% 100%, 0 74%);
}

.pass-motif-arc {
  display: none;
}

.pass-card[data-variant="start"] .pass-motif-track {
  display: none;
}

.pass-card[data-variant="start"] .pass-motif-brush {
  right: -12%;
  top: 2%;
  width: 74%;
  height: 20%;
  opacity: .68;
}

.pass-card[data-variant="start"] .pass-motif-paw {
  right: 0;
  bottom: 12%;
  opacity: .78;
}

.pass-card[data-variant="regular"] .pass-motif-brush {
  display: none;
}

.pass-card[data-variant="regular"] .pass-motif-track {
  right: -3%;
  top: 12%;
  width: 42%;
  height: 78%;
  opacity: .5;
}

.pass-card[data-variant="regular"] .pass-motif-paw {
  display: none;
}

.pass-card[data-variant="regular"] .pass-motif-runes {
  left: 8%;
  right: auto;
  top: auto;
  bottom: 8%;
}

.pass-card[data-variant="active"] .pass-motif-brush {
  right: -10%;
  top: 29%;
  width: 78%;
  height: 48%;
  background: repeating-linear-gradient(-18deg, transparent 0 12px, var(--pass-accent-deep) 12px 19px, transparent 19px 31px);
  transform: rotate(-2deg);
  clip-path: none;
  opacity: .9;
}

.pass-card[data-variant="active"] .pass-motif-track {
  display: none;
}

.pass-card[data-variant="active"] .pass-motif-paw {
  right: 2%;
  top: 7%;
  bottom: auto;
  opacity: .74;
}

.pass-card[data-variant="active"] .pass-motif-runes {
  left: 8%;
  right: auto;
  top: auto;
  bottom: 8%;
  color: var(--pass-action);
}

.pass-card[data-variant="flex"] .pass-motif-brush,
.pass-card[data-variant="flex"] .pass-motif-track,
.pass-card[data-variant="flex"] .pass-motif-paw {
  display: none;
}

.pass-card[data-variant="flex"] .pass-motif-arc {
  display: block;
  right: -24%;
  top: 8%;
  width: 92%;
  height: 78%;
  border: 16px solid var(--pass-accent-deep);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  transform: rotate(18deg);
  opacity: .95;
}

.pass-card[data-variant="flex"] .pass-motif-arc::after {
  content: "";
  position: absolute;
  inset: 16px;
  border: 5px solid rgba(178, 200, 13, .42);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
}

.pass-card[data-variant="flex"] .pass-motif-runes {
  color: var(--pass-accent);
  right: 8%;
  top: 7%;
}

.pass-face-back {
  background:
    radial-gradient(circle at 88% 20%, var(--pass-accent-soft), transparent 18%),
    linear-gradient(155deg, #06333a, #061b20 66%, #041316),
    #061b20;
  color: #fff;
  transform: rotateY(180deg);
}

.pass-card.is-flipped .pass-face-back {
  pointer-events: auto;
}

.pass-face-back::before {
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 72%, var(--pass-accent-soft) 72% 78%, transparent 78% 100%),
    repeating-linear-gradient(100deg, transparent 0 28px, rgba(255, 255, 255, .035) 28px 30px, transparent 30px 58px);
}

.pass-highlight-slot {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 54%;
  min-height: 42px;
}

.pass-highlight {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 9px 14px;
  border-bottom-left-radius: 12px;
  background: var(--pass-action);
  color: #fff;
  font: 800 13px Manrope, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .6px;
}

.pass-content {
  position: absolute;
  inset: 8% 7% 9% 9%;
  z-index: 1;
  display: grid;
  grid-template-rows: 15% 9% 20% 10% 12% 18% 10%;
  gap: 1.1%;
}

.pass-content::before {
  left: 0;
  right: 22%;
  top: 16.2%;
  height: 3px;
  z-index: 0;
  background:
    repeating-linear-gradient(100deg, var(--pass-accent) 0 3px, transparent 3px 10px),
    linear-gradient(90deg, var(--pass-accent), transparent 82%);
  opacity: .9;
}

.pass-content::after {
  display: none;
}

.pass-name,
.pass-back-title,
.pass-price {
  font-family: Oswald, Impact, sans-serif;
  text-transform: uppercase;
}

.pass-name {
  position: relative;
  z-index: 1;
  align-self: end;
  margin: 0;
  color: var(--pass-accent);
  font-size: clamp(34px, 3.45vw, 54px);
  line-height: .92;
  letter-spacing: .5px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .12);
  filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .16));
  max-width: 100%;
  overflow-wrap: normal;
  white-space: nowrap;
}

.pass-card[data-variant="regular"] .pass-name,
.pass-card[data-variant="flex"] .pass-name {
  font-size: clamp(31px, 3.15vw, 48px);
}

.pass-card[data-variant="active"] .pass-name {
  color: var(--pass-action);
}

.pass-entries,
.pass-validity,
.pass-description {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-weight: 800;
}

.pass-entries {
  font-size: 19px;
}

.pass-price {
  position: relative;
  z-index: 1;
  align-self: center;
  margin: 0;
  font-size: clamp(58px, 6vw, 88px);
  line-height: .9;
  font-weight: 700;
}

.pass-per-class {
  position: relative;
  z-index: 1;
  align-self: center;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 9px 18px;
  background: var(--pass-accent);
  color: #fff;
  font-weight: 900;
  font-size: 19px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .12);
  transform: rotate(-1deg);
  clip-path: polygon(0 18%, 96% 0, 100% 78%, 7% 100%);
}

.pass-card[data-variant="active"] .pass-per-class {
  background: var(--pass-action);
}

.pass-description {
  align-items: flex-start;
  line-height: 1.3;
}

.pass-hint {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  align-self: center;
  justify-self: center;
  margin: 0;
  color: var(--pass-accent);
  font: 900 12px Manrope, Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}

.pass-hint::before,
.pass-hint::after {
  content: "";
  display: block;
  width: 52px;
  height: 10px;
  flex: 0 0 auto;
  background:
    linear-gradient(90deg, currentColor 0 34%, transparent 34% 72%, currentColor 72% 100%);
  opacity: .9;
}

.pass-card[data-variant="active"] .pass-hint {
  color: var(--pass-action);
}

.pass-icon {
  position: relative;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 30px;
  height: 30px;
  color: var(--pass-accent);
}

.pass-icon-arrow {
  border: 3px solid currentColor;
  border-radius: 50%;
}

.pass-icon-arrow::before {
  content: "";
  width: 9px;
  height: 9px;
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
  transform: rotate(45deg);
  margin-left: -3px;
}

.pass-validity {
  align-items: center;
}

.pass-validity-text {
  display: grid;
  gap: 1px;
  line-height: 1.05;
}

.pass-validity-text span {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .7px;
  text-transform: uppercase;
  opacity: .78;
}

.pass-validity-text strong {
  font-size: 17px;
}

.pass-icon-calendar,
.pass-icon-time {
  border: 3px solid currentColor;
  border-radius: 50%;
}

.pass-icon-calendar::before,
.pass-icon-calendar::after,
.pass-icon-time::before,
.pass-icon-time::after {
  content: "";
  position: absolute;
  background: currentColor;
  transform-origin: center bottom;
}

.pass-icon-calendar::before,
.pass-icon-time::before {
  left: 13px;
  top: 6px;
  width: 3px;
  height: 10px;
}

.pass-icon-calendar::after,
.pass-icon-time::after {
  left: 13px;
  top: 13px;
  width: 8px;
  height: 3px;
}

.pass-icon-mark::before {
  content: "";
  width: 24px;
  height: 18px;
  background:
    radial-gradient(circle at 16% 62%, currentColor 0 14%, transparent 15%),
    radial-gradient(circle at 40% 28%, currentColor 0 13%, transparent 14%),
    radial-gradient(circle at 62% 30%, currentColor 0 13%, transparent 14%),
    radial-gradient(circle at 82% 62%, currentColor 0 14%, transparent 15%),
    radial-gradient(ellipse at 52% 78%, currentColor 0 28%, transparent 29%);
}

.pass-face-back .pass-icon-copy {
  width: 18px;
  height: 18px;
}

.pass-face-back .pass-icon-copy::before,
.pass-face-back .pass-icon-copy::after {
  content: "";
  position: absolute;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.pass-face-back .pass-icon-copy::before {
  inset: 5px 1px 1px 5px;
}

.pass-face-back .pass-icon-copy::after {
  inset: 1px 5px 5px 1px;
}

.pass-back-content {
  position: absolute;
  inset: 7% 7% 8%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pass-back-title {
  margin: 0;
  font-size: clamp(26px, 2.7vw, 34px);
  line-height: 1;
}

.pass-back-title::after,
.pass-back-section::before {
  content: "";
  display: block;
  height: 2px;
  margin-top: 18px;
  background: var(--pass-accent);
}

.pass-back-section {
  padding-top: 0;
}

.pass-back-section h4 {
  margin: 0 0 7px;
  color: var(--pass-accent);
  font: 800 16px Oswald, Impact, sans-serif;
  text-transform: uppercase;
}

.pass-back-section p {
  margin: 0 0 5px;
  font-size: 12px;
  line-height: 1.28;
}

.pass-muted {
  color: rgba(255, 255, 255, .76);
}

.pass-transfer-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
}

.pass-transfer-title {
  font-weight: 900;
  overflow-wrap: anywhere;
}

.pass-copy-button {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 2px solid var(--pass-accent);
  border-radius: 8px;
  background: rgba(255, 255, 255, .04);
  color: var(--pass-accent);
  cursor: pointer;
}

.pass-copy-button.is-copied {
  background: var(--pass-accent);
  color: #fff;
}

.pass-note {
  padding-left: 12px;
  border-left: 2px solid var(--pass-accent);
}

.pass-cta {
  align-self: stretch;
  margin-top: auto;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--pass-action);
  color: #fff;
  font: 900 12px Manrope, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .4px;
}

.pass-return-hint {
  align-self: center;
  margin: 0;
  color: var(--pass-accent);
  font-size: 10px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .7px;
}

.pass-card .pass-face-front {
  background: var(--pass-front-bg) center / cover no-repeat;
}

.pass-card[data-variant] .pass-face-front {
  background: var(--pass-front-bg) center / cover no-repeat;
}

.pass-face-front::before,
.pass-face-front::after,
.pass-motif {
  display: none;
}

.pass-card[data-variant="regular"] .pass-name,
.pass-card[data-variant="flex"] .pass-name {
  color: #fff;
}

.passes-error {
  margin: 0;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, .18);
  color: #fff;
}

.passes-guide-link {
  margin: 0 0 28px;
}

.passes-guide-link a {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, .48);
  color: #fff;
  text-decoration: none;
}

.passes-guide-link a:hover,
.passes-guide-link a:focus-visible {
  border-color: var(--pass-lime);
  color: var(--pass-lime);
}

@media (max-width: 1160px) {
  .passes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .passes-explainer { grid-template-columns: 1fr; gap: 28px; }
  .passes-cta { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 680px) {
  .passes-hero { padding-top: 54px; padding-bottom: 54px; }
  .passes-hero__facts { margin-top: 34px; }
  .passes-hero__facts span { padding-right: 0; border-right: 0; }
  .passes-offer__heading { display: block; }
  .passes-offer__heading > p { margin-top: 18px; }
  .passes-explainer ol { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .passes-grid {
    grid-template-columns: 1fr;
  }

  .pass-card-inner {
    min-height: 540px;
  }
}