/** Shopify CDN: Minification failed

Line 23:15 Expected identifier but found whitespace
Line 23:24 Unexpected "{"
Line 23:33 Expected ":"
Line 24:20 Expected identifier but found whitespace
Line 24:24 Unexpected "{"
Line 24:33 Expected ":"
Line 25:15 Expected identifier but found whitespace
Line 25:24 Unexpected "{"
Line 25:33 Expected ":"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:drift-short-comparison (INDEX:14) */
/* ─────────────────────────────────────────────
   Tokens — mirror the hero's color settings
   ───────────────────────────────────────────── */
.ms-drift-cmp {
  --cmp-cobalt:        {{ section.settings.bg_primary }};
  --cmp-cobalt-deep:   {{ section.settings.bg_secondary }};
  --cmp-accent:        {{ section.settings.accent_color }};
  --cmp-text:          #ffffff;
  --cmp-subtext:       rgba(255,255,255,.62);
  --cmp-rule:          rgba(255,255,255,.1);
  --cmp-glass-bg:      rgba(255,255,255,.1);
  --cmp-glass-border:  rgba(255,255,255,.2);
  --cmp-glass-hover:   rgba(255,255,255,.18);
  --cmp-radius:        var(--ms-r, 3px);
  --cmp-ease:          var(--ms-ease, cubic-bezier(.4,0,.2,1));
  position: relative;
  overflow: hidden;
  font-family: var(--font-body-family);
}

/* ─────────────────────────────────────────────
   Mountain illustration watermark
   ───────────────────────────────────────────── */
.ms-drift-cmp__ill {
  position: absolute;
  right: -4%;
  bottom: -60px;
  height: 110%;
  width: auto;
  opacity: .07;
  filter: brightness(0) invert(1);
  pointer-events: none;
  z-index: 0;
}

/* ─────────────────────────────────────────────
   Header
   ───────────────────────────────────────────── */
.ms-drift-cmp__header {
  background: var(--cmp-cobalt);
  padding: 4rem 2rem 3.5rem;
  text-align: center;
  border-bottom: 1px solid var(--cmp-rule);
  position: relative;
  z-index: 1;
}

.ms-eyebrow {
  font-size: 13px;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 .75rem;
}

.ms-drift-cmp__header .ms-eyebrow {
  color: var(--cmp-accent);
}

.ms-display-caps {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: 1.1;
}

.ms-drift-cmp__title {
  font-size: clamp(2.2rem, 4vw, 3.6rem);
  color: var(--cmp-text);
  margin: 0 0 .875rem;
}

.ms-accent {
  font-style: italic;
  letter-spacing: .01em;
}

.ms-drift-cmp__accent {
  font-size: clamp(1.2rem, 2vw, 1.75rem);
  color: var(--cmp-accent);
  margin: 0 0 1rem;
}

.ms-drift-cmp__sub {
  font-size: .9375rem;
  color: var(--cmp-subtext);
  max-width: 480px;
  margin: 0 auto;
  line-height: 1.65;
}

/* ─────────────────────────────────────────────
   Shared features bar
   ───────────────────────────────────────────── */
.ms-drift-cmp__shared {
  background: var(--cmp-cobalt-deep);
  padding: 1.375rem 2rem;
  border-bottom: 1px solid var(--cmp-rule);
  position: relative;
  z-index: 1;
}

.ms-drift-cmp__shared-label {
  font-size: 14px;   /* ← use px, not rem */
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--cmp-subtext);
  margin: 0 0 .75rem;
}

.ms-drift-cmp__shared-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: .5rem 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ms-drift-cmp__shared-item {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  font-size: 16px;   /* ← use px, not rem */
  color: rgba(255,255,255,.8);
  line-height: 1.5;
}

.ms-drift-cmp__shared-item::before {
  content: '—';
  color: var(--cmp-accent);
  flex-shrink: 0;
  margin-top: .05em;
}

/* ─────────────────────────────────────────────
   Row layout
   ───────────────────────────────────────────── */
.ms-drift-cmp__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 500px;
  position: relative;
  z-index: 1;
}

.ms-drift-cmp__row + .ms-drift-cmp__row {
  border-top: 1px solid var(--cmp-rule);
}

/* Row 1: primary cobalt */
.ms-drift-cmp__row--a {
  background: var(--cmp-cobalt);
}

/* Row 2: deep cobalt */
.ms-drift-cmp__row--b {
  background: var(--cmp-cobalt-deep);
}

/* Mid-rise copy — right-aligned so text hugs toward the image */
.ms-drift-cmp__row--b .ms-drift-cmp__copy {
  text-align: right;
  align-items: flex-end;
}

/* Override the flex-start on the CTA specifically for mid-rise */
.ms-drift-cmp__row--b .ms-drift-cmp__cta {
  align-self: flex-end;
}

/* ─────────────────────────────────────────────
   Image panel
   ───────────────────────────────────────────── */
.ms-drift-cmp__img-panel {
  position: relative;
  overflow: hidden;
  min-height: 380px;
}

.ms-drift-cmp__img-panel img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.ms-drift-cmp__placeholder {
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  font-size: .75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cmp-subtext);
}

.ms-drift-cmp__placeholder svg {
  width: 48px;
  height: 48px;
  opacity: .3;
}

/* ─────────────────────────────────────────────
   Copy panel
   ───────────────────────────────────────────── */
.ms-drift-cmp__copy {
  padding: 3rem 2.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.125rem;
}

.ms-drift-cmp__copy .ms-eyebrow {
  color: var(--cmp-accent);
}

.ms-drift-cmp__copy-title {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  font-size: clamp(20px, 2.5vw, 28px);
  color: var(--cmp-text);
  line-height: 1.2;
  margin: 0;
  letter-spacing: -.01em;
}

.ms-drift-cmp__copy-body {
  font-size: 16px;
  line-height: 1.7;
  color: var(--cmp-subtext);
  margin: 0;
}

/* ─────────────────────────────────────────────
   Frosted-glass tags (matches hero chips)
   ───────────────────────────────────────────── */
.ms-drift-cmp__tags {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ms-drift-cmp__tag {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: .3rem .8rem;
  border-radius: 20px;
  background: var(--cmp-glass-bg);
  border: 1px solid var(--cmp-glass-border);
  color: var(--cmp-text);
  line-height: 1.4;
}

/* ─────────────────────────────────────────────
   CTA button
   ───────────────────────────────────────────── */
.ms-drift-cmp__cta {
  display: inline-block;
  padding: .75rem 1.5rem;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: var(--cmp-radius);
  background: #efede8;
  border: 1px solid #efede8;
  color: #050c28;
  cursor: pointer;
  transition: background .18s var(--cmp-ease), border-color .18s var(--cmp-ease);
  align-self: flex-start;
  margin-top: .25rem;
}

.ms-drift-cmp__cta:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #050c28;
}
/* ─────────────────────────────────────────────
   Pro tip callout
   ───────────────────────────────────────────── */
.ms-drift-cmp__callout {
  background: rgba(0,0,0,.18);
  border-top: 1px solid var(--cmp-rule);
  padding: 1.125rem 2rem;
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  position: relative;
  z-index: 1;
}

.ms-drift-cmp__callout-icon {
  flex-shrink: 0;
  margin-top: .1em;
  font-size: 1rem;
}

.ms-drift-cmp__callout-text {
  font-size: 15px;
  color: var(--cmp-subtext);
  line-height: 1.65;
  margin: 0;
}

/* ─────────────────────────────────────────────
   Footer / specs bar
   ───────────────────────────────────────────── */
.ms-drift-cmp__footer {
  background: rgba(0,0,0,.22);
  border-top: 1px solid var(--cmp-rule);
  padding: 1.375rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  position: relative;
  z-index: 1;
}

.ms-drift-cmp__specs {
  display: flex;
  gap: 2.5rem;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ms-drift-cmp__spec-label {
  display: block;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--cmp-accent);
  margin-bottom: .2rem;
}

.ms-drift-cmp__spec-value {
  font-size: 15px;
  color: rgba(255,255,255,.8);
  line-height: 1.4;
}

.ms-drift-cmp__tagline {
  font-size: 15px;
  color: var(--cmp-subtext);
  font-style: italic;
}

/* ─────────────────────────────────────────────
   Responsive
   ───────────────────────────────────────────── */
@media (max-width: 989px) {
  .ms-drift-cmp__row {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  /* Image always stacks on top on mobile */
  .ms-drift-cmp__row--a .ms-drift-cmp__img-panel,
  .ms-drift-cmp__row--b .ms-drift-cmp__img-panel {
    order: 1;
    min-height: 280px;
  }

  .ms-drift-cmp__row--a .ms-drift-cmp__copy,
  .ms-drift-cmp__row--b .ms-drift-cmp__copy {
    order: 2;
  }
  
  @media (max-width: 989px) {
  /* ... existing rules ... */

  .ms-drift-cmp__row--b .ms-drift-cmp__tags {
    justify-content: flex-end;
  }
}

  .ms-drift-cmp__copy {
    padding: 2.25rem 1.5rem;
  }

  .ms-drift-cmp__ill {
    display: none;
  }

  .ms-drift-cmp__footer {
    flex-direction: column;
    gap: 1.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ms-drift-cmp__cta { transition: none; }
}
/* END_SECTION:drift-short-comparison */

/* START_SECTION:moonspin-compare (INDEX:43) */
.ms-compare__toggle{display:flex;gap:.8rem;justify-content:center;margin:0 auto 3.4rem;width:fit-content;
  background:var(--ms-bone);padding:.5rem;border-radius:999px;}
.ms-compare__toggle button{font-family:var(--font-body-family);font-weight:600;font-size:1.4rem;border:none;
  cursor:pointer;background:transparent;color:var(--ms-fg2);padding:.9rem 2rem;border-radius:999px;
  transition:all .16s var(--ms-ease);}
.ms-compare__toggle button.is-on{background:var(--ms-cobalt);color:#fff;}
.ms-compare__table{width:100%;border-collapse:collapse;max-width:92rem;margin:0 auto;}
.ms-compare__table th,.ms-compare__table td{padding:1.8rem 2.2rem;text-align:left;
  border-bottom:1px solid var(--ms-line);vertical-align:top;}
.ms-compare__table thead th{font-family:var(--font-heading-family);font-size:1.9rem;font-weight:700;
  border-bottom:2px solid var(--ms-ink);}
.ms-compare__table thead th:first-child{font-family:var(--font-body-family);font-size:1.25rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ms-fg3);border-bottom-color:var(--ms-line);}
.ms-compare__feat{font-weight:600;color:var(--ms-fg2);font-size:1.45rem;width:30%;}
.ms-compare__val{font-size:1.5rem;}
.ms-diff{color:var(--ms-cobalt);font-weight:700;}
.ms-col-mid,.ms-col-high{transition:opacity .2s var(--ms-ease),background-color .2s var(--ms-ease);}
.ms-col-mid.is-dim,.ms-col-high.is-dim{opacity:.32;}
.ms-col-mid.is-on,.ms-col-high.is-on{background:rgba(0,55,209,.05);}
@media(max-width:749px){.ms-compare__table th,.ms-compare__table td{padding:1.3rem 1.2rem;}}
/* END_SECTION:moonspin-compare */

/* START_SECTION:moonspin-drift-hero (INDEX:44) */
.ms-drift-hero{position:relative;overflow:hidden;}
.ms-drift-hero__ill{position:absolute;right:38%;bottom:-70px;height:120%;width:auto;opacity:.13;
  filter:brightness(0) invert(1);pointer-events:none;}
.ms-drift-hero__grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;
  align-items:center;min-height:54rem;}
.ms-drift-hero__crumb{font-size:1.3rem;opacity:.7;margin-bottom:2.2rem;letter-spacing:.02em;}
.ms-drift-hero__title{font-size:clamp(4.6rem,6vw,8.2rem);margin:1.2rem 0 0;}
.ms-drift-hero__accent{font-size:clamp(3rem,3.4vw,4.6rem);margin-top:.6rem;}
.ms-drift-hero__body{font-size:1.8rem;line-height:1.55;max-width:44rem;margin:2.2rem 0 0;opacity:.9;}
.ms-drift-hero__chips{display:flex;gap:1.2rem;margin-top:3rem;flex-wrap:wrap;}
.ms-drift-hero__chip{background:#efede8;border:1px solid #efede8;
  border-radius:20px;padding:1.2rem 1.8rem;display:flex;flex-direction:column;gap:.2rem;
  min-width:14rem;text-decoration:none;color:#050c28;transition:background .18s var(--ms-ease);}
.ms-drift-hero__chip:hover{background:#ffffff;border-color:#ffffff;}
.ms-drift-hero__chip .k{font-size:1.3rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.ms-drift-hero__chip .v{font-size:1.3rem;color:#0037d1;}
.ms-drift-hero__media{position:relative;z-index:2;}
.ms-drift-hero__img{width:100%;height:44rem;object-fit:cover;border-radius:var(--ms-r);display:block;}
.ms-drift-hero__ph{height:44rem;border-radius:var(--ms-r);overflow:hidden;background:rgba(255,255,255,.08);}
.ms-drift-hero__ph-svg{width:100%;height:100%;object-fit:cover;opacity:.5;}
@media(max-width:989px){
  .ms-drift-hero__grid{grid-template-columns:1fr;gap:3rem;padding-top:4rem;padding-bottom:4rem;min-height:0;}
  .ms-drift-hero__ill{display:none;}
  .ms-drift-hero__img,.ms-drift-hero__ph{height:32rem;}
}
/* END_SECTION:moonspin-drift-hero */

/* START_SECTION:moonspin-feature-grid (INDEX:45) */
.ms-sec-head{text-align:center;max-width:64rem;margin:0 auto 4.8rem;}
.ms-sec-head__h{font-family:var(--font-heading-family);font-weight:700;font-size:clamp(3rem,3.6vw,4.4rem);
  line-height:1.04;margin:1.2rem 0 0;letter-spacing:-.01em;}
.ms-sec-head__p{font-size:1.7rem;color:var(--ms-fg2);margin:1.4rem 0 0;line-height:1.55;}
.ms-feature__grid{display:grid;grid-template-columns:repeat(var(--ms-cols,3),1fr);gap:1.8rem;}
.ms-feature__card{border:1px solid var(--ms-line);border-radius:var(--ms-r);padding:2.6rem 2.4rem;
  background:#fff;transition:box-shadow .2s var(--ms-ease),transform .2s var(--ms-ease);}
.ms-feature__card:hover{box-shadow:0 4px 14px rgba(5,12,40,.08),0 1px 3px rgba(5,12,40,.06);transform:translateY(-3px);}
.ms-feature__ic{width:4.6rem;height:4.6rem;border-radius:var(--ms-r);background:var(--ms-bone);
  display:inline-flex;align-items:center;justify-content:center;color:var(--ms-cobalt);margin-bottom:1.6rem;}
.ms-feature__h{font-size:1.8rem;font-weight:700;margin:0;}
.ms-feature__t{font-size:1.45rem;color:var(--ms-fg2);margin:.7rem 0 0;line-height:1.5;}
@media(max-width:989px){.ms-feature__grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.ms-feature__grid{grid-template-columns:1fr;}}
/* END_SECTION:moonspin-feature-grid */

/* START_SECTION:moonspin-feature-split (INDEX:46) */
.ms-fsplit__grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #050c28;border-radius:1.6rem;overflow:hidden;background:#fff;}
.ms-fsplit__media{position:relative;min-height:52rem;background:var(--ms-paper);}
.ms-fsplit__img,.ms-fsplit__ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.ms-fsplit__ph{opacity:.5;}
.ms-fsplit__grid--flip .ms-fsplit__media{order:2;}
.ms-fsplit__body{padding:6rem 5.6rem;display:flex;flex-direction:column;justify-content:center;}
.ms-fsplit__h{font-family:var(--font-heading-family);font-weight:700;font-size:clamp(2.8rem,3vw,4rem);letter-spacing:-.01em;margin:1.4rem 0 0;}
.ms-fsplit__lede{font-size:1.8rem;line-height:1.55;color:var(--ms-fg2);margin:1.4rem 0 0;}
.ms-fsplit__list{list-style:none;padding:0;margin:2.4rem 0 0;display:flex;flex-direction:column;gap:1.4rem;}
.ms-fsplit__list li{display:flex;gap:1.2rem;align-items:flex-start;font-size:1.55rem;line-height:1.5;}
.ms-fsplit__list li .ms-icon{color:var(--ms-cobalt);flex:none;margin-top:.2rem;}
.ms-fsplit__cta{margin-top:3rem;}
@media(max-width:989px){
  .ms-fsplit__grid{grid-template-columns:1fr;}
  .ms-fsplit__grid--flip .ms-fsplit__media{order:0;}
  .ms-fsplit__media{min-height:34rem;}
  .ms-fsplit__body{padding:4rem 3.2rem;}
}
/* END_SECTION:moonspin-feature-split */

/* START_SECTION:moonspin-finder (INDEX:47) */
.ms-finder__eyebrow{color:var(--ms-sky);}
.ms-finder__h{color:inherit;}
.ms-finder__p{color:rgba(255,255,255,.7);}
.ms-finder__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));gap:2.2rem;max-width:92rem;margin:0 auto;}
.ms-finder__card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:1rem;padding:3.4rem 3.2rem;display:flex;flex-direction:column;}
.ms-finder__card-h{font-family:var(--font-heading-family);font-weight:700;font-size:2.6rem;margin:0;color:#fff;}
.ms-finder__sub{font-size:1.35rem;color:var(--ms-sky);margin-top:.4rem;font-weight:600;letter-spacing:.02em;}
.ms-finder__list{list-style:none;padding:0;margin:2rem 0 0;display:flex;flex-direction:column;gap:1.3rem;flex:1;}
.ms-finder__list li{display:flex;gap:1.1rem;font-size:1.5rem;color:rgba(255,255,255,.88);line-height:1.45;}
.ms-finder__list li .ms-icon{color:var(--ms-sky);flex:none;margin-top:.2rem;}
.ms-finder__btn{margin-top:2.6rem;align-self:flex-start;}
/* END_SECTION:moonspin-finder */

/* START_SECTION:moonspin-footer (INDEX:48) */
.ms-footer__top{max-width:var(--page-width,120rem);margin:0 auto;padding:5.6rem 1.5rem 3rem;display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3.6rem;}
@media(min-width:990px){.ms-footer__top{padding-left:5rem;padding-right:5rem;}}
.ms-footer__name{font-family:var(--font-heading-family);font-weight:800;font-size:2.2rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ms-cobalt);}
.ms-footer__brand p{font-size:1.4rem;line-height:1.5;color:var(--ms-fg2);margin:1.4rem 0 0;max-width:25rem;}
.ms-footer__accent{font-size:2.6rem;margin-top:1.2rem;}
.ms-footer__accent--sm{font-size:2rem;margin-top:1.2rem;}
.ms-footer__ig{color:inherit;text-decoration:none;display:inline-flex;vertical-align:middle;transition:opacity .18s;}
.ms-footer__ig:hover{opacity:.7;}
.ms-footer__col h4{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--ms-fg2);margin:0;}
.ms-footer__col ul{list-style:none;padding:0;margin:1.6rem 0 0;display:flex;flex-direction:column;gap:1rem;}
.ms-footer__col a{font-size:1.4rem;color:var(--ms-ink);text-decoration:none;}
.ms-footer__col a:hover{color:var(--ms-cobalt);}
.ms-footer__bar{border-top:1px solid var(--ms-line);}
.ms-footer__bar-in{max-width:var(--page-width,120rem);margin:0 auto;padding:1.8rem 1.5rem;display:flex;justify-content:space-between;
  align-items:center;gap:1rem;flex-wrap:wrap;font-size:1.25rem;color:var(--ms-fg3);}
@media(min-width:990px){.ms-footer__bar-in{padding-left:5rem;padding-right:5rem;}}
.ms-footer__policies{display:flex;gap:1.4rem;flex-wrap:wrap;}
.ms-footer__policies a{color:var(--ms-fg3);text-decoration:none;}
.ms-footer__policies a:hover{color:var(--ms-cobalt);}
@media(max-width:749px){.ms-footer__top{grid-template-columns:1fr 1fr;gap:2.6rem;}}
/* END_SECTION:moonspin-footer */

/* START_SECTION:moonspin-header (INDEX:49) */
/* ─── Announcement bar ─── */
.ms-announce {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: .04em;
  padding: .75rem 1.6rem;
  margin: .6rem 1rem;
  border-radius: 999px;
  line-height: 1.4;
}
.ms-announce a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  opacity: .9;
  white-space: nowrap;
}
@media (min-width: 990px) {
  .ms-announce {
    font-size: 1.25rem;
    padding: .9rem 1.6rem;
    margin: .8rem 5rem;
  }
}

/* ─── Header shell ─── */
.ms-header {
  position: sticky;
  top: 0;
  z-index: 60;
  /* Solid fallback for browsers without backdrop-filter support */
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--ms-line);
}
@supports (backdrop-filter: blur(1px)) {
  .ms-header {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(255,255,255,.86);
  }
}

/* ─── Inner row ─── */
.ms-header__in {
  max-width: var(--page-width, 120rem);
  margin: 0 auto;
  height: 5.8rem;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 0 1.2rem;
}
@media (min-width: 990px) {
  .ms-header__in {
    height: 6.8rem;
    gap: 2.8rem;
    padding: 0 5rem;
  }
}

/* ─── Logo / wordmark ─── */
.ms-header__logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.ms-header__name {
  font-family: var(--font-heading-family);
  font-weight: 800;
  font-size: 1.8rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ms-cobalt);
}
.ms-header__wm {
  display: block;
  height: 34px;
  width: auto;
  object-fit: contain;
}
@media (min-width: 990px) {
  .ms-header__wm   { height: 42px; }
  .ms-header__name { font-size: 2rem; }
}

/* ─── Desktop nav ─── */
.ms-header__nav {
  display: flex;
  flex-wrap: wrap;           /* overflow guard 990–1100px */
  gap: 1.6rem 2rem;
  margin-left: 1rem;
  align-items: center;
}
@media (min-width: 1100px) {
  .ms-header__nav { gap: 2.4rem; }
}
.ms-header__item {
  font-size: 1.45rem;
  font-weight: 600;
  color: var(--ms-ink);
  text-decoration: none;
  position: relative;
  padding: .4rem 0;
  cursor: pointer;
  white-space: nowrap;
}
.ms-header__item--has > a {
  text-decoration: none;
  color: var(--ms-ink);
}
.ms-header__item:hover,
.ms-header__item[aria-current] { color: var(--ms-cobalt); }

/* Dropdown: hover OR keyboard focus-within */
.ms-header__item--has:hover .ms-header__sub,
.ms-header__item--has:focus-within .ms-header__sub {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.ms-header__sub {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid var(--ms-line);
  border-radius: var(--ms-r);
  box-shadow: 0 18px 50px rgba(5,12,40,.14);
  padding: .8rem;
  min-width: 20rem;
  display: flex;
  flex-direction: column;
  gap: .2rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .18s var(--ms-ease),
              transform .18s var(--ms-ease),
              visibility .18s var(--ms-ease);
  margin-top: .6rem;
  z-index: 5;
}
.ms-header__sub a {
  font-size: 1.4rem;
  color: var(--ms-ink);
  text-decoration: none;
  padding: .8rem 1.1rem;
  border-radius: var(--ms-r-sm, 4px);
}
.ms-header__sub a:hover,
.ms-header__sub a:focus-visible {
  background: var(--ms-bone);
  color: var(--ms-cobalt);
  outline: none;
}

/* ─── Desktop dropdown caret ─── */
.ms-header__plus {
  display: inline-block;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1;
  margin-left: .45rem;
  vertical-align: baseline;
  position: relative;
  top: .15rem;
  color: var(--ms-cobalt);
  transition: transform .18s var(--ms-ease);
}
/* FIX D: caret rotates when JS sets aria-expanded="true" on the trigger <a> */
.ms-header__item--has > a[aria-expanded="true"] .ms-header__plus {
  transform: rotate(45deg);
}

/* ─── Actions row ─── */
.ms-header__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: .8rem;
  color: var(--ms-ink);
  flex-shrink: 0;
}
@media (min-width: 990px) {
  .ms-header__actions { gap: 1.4rem; }
}

/* ─── Icon buttons ─── */
.ms-header__ico {
  background: none;
  border: none;
  cursor: pointer;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .7rem;
  border-radius: 4px;
  text-decoration: none;
  min-width: 4rem;
  min-height: 4rem;
  transition: background .15s;
}
.ms-header__ico:hover { background: var(--ms-bone); }
.ms-header__ico:focus-visible {
  outline: 2px solid var(--ms-cobalt);
  outline-offset: 2px;
}
@media (max-width: 480px) {
  .ms-header__ico--account { display: none; }
}

/* ─── Cart badge ─── */
.ms-header__bag { position: relative; }
.ms-header__count {
  position: absolute;
  top: 2px;
  right: 2px;
  background: var(--ms-cobalt);
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
  min-width: 1.7rem;
  height: 1.7rem;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .35rem;
  pointer-events: none;
}

/* ─── Burger ─── */
.ms-header__burger { display: none; }
@media (max-width: 989px) {
  .ms-header__nav    { display: none; }
  .ms-header__burger { display: none; } /* ← changed: hide burger on mobile too */
}

/* ─── Mobile drawer ─── */
/*
  FIX F: overflow:hidden is only for the closed/animating state.
  When open, overflow-y:auto is applied via the [data-open] rule,
  which overrides the base overflow:hidden. This avoids the conflict
  where overflow:hidden on the element itself prevented scrolling
  even after the max-height transition completed.
*/
.ms-header__drawer {
  border-top: 1px solid var(--ms-line);
  background: #fff;
  overflow: hidden;
  max-height: 0;
  transition: max-height .32s cubic-bezier(.4,0,.2,1);
}
.ms-header__drawer[data-open] {
  max-height: var(--ms-drawer-max, 100dvh);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ms-header__drawer-inner {
  padding: .4rem 0 env(safe-area-inset-bottom, 1.6rem);
}

/* Flat nav link */
.ms-header__drawer-link {
  display: block;
  padding: 1.2rem 1.6rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--ms-ink);
  text-decoration: none;
  border-bottom: 1px solid var(--ms-line);
}
.ms-header__drawer-link:active,
.ms-header__drawer-link:focus-visible { color: var(--ms-cobalt); outline: none; }

/* Parent with expandable children */
.ms-header__drawer-group { border-bottom: 1px solid var(--ms-line); }
.ms-header__drawer-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 1.6rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--ms-ink);
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
}
.ms-header__drawer-toggle:focus-visible {
  outline: 2px solid var(--ms-cobalt);
  outline-offset: -2px;
}
.ms-header__drawer-caret {
  font-size: 2rem;
  font-weight: 700;
  color: var(--ms-cobalt);
  transition: transform .22s var(--ms-ease);
  line-height: 1;
  flex-shrink: 0;
}
.ms-header__drawer-toggle[aria-expanded="true"] .ms-header__drawer-caret {
  transform: rotate(45deg);
}

/* Accordion children — animated */
.ms-header__drawer-children {
  background: var(--ms-bone, #f5f5f3);
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .28s cubic-bezier(.4,0,.2,1),
              opacity .2s ease;
}
.ms-header__drawer-children[data-open] { opacity: 1; }

.ms-header__drawer-sub {
  display: block;
  padding: 1rem 1.6rem 1rem 2.8rem;
  font-size: 1.45rem;
  font-weight: 500;
  color: var(--ms-ink);
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,.05);
}
.ms-header__drawer-sub:last-child { border-bottom: none; }
.ms-header__drawer-sub:active,
.ms-header__drawer-sub:focus-visible { color: var(--ms-cobalt); outline: none; }

/* ─── Reduced motion ─── */
@media (prefers-reduced-motion: reduce) {
  .ms-header__drawer,
  .ms-header__drawer-children,
  .ms-header__sub,
  .ms-header__drawer-caret,
  .ms-header__plus { transition: none !important; }
}
/* END_SECTION:moonspin-header */

/* START_SECTION:moonspin-hero (INDEX:50) */
.ms-hero{position:relative;min-height:var(--ms-min,600px);display:flex;align-items:flex-end;overflow:hidden;background:var(--ms-cobalt);}
.ms-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.ms-hero__img--ph{background:linear-gradient(160deg,var(--ms-cobalt),var(--ms-navy));}
.ms-hero__in{position:relative;z-index:2;max-width:var(--page-width,120rem);margin:0 auto;width:100%;padding:0 1.5rem 6.4rem;}
@media(min-width:990px){.ms-hero__in{padding-left:5rem;padding-right:5rem;}}
.ms-hero__eyebrow{color:var(--ms-sky);}
.ms-hero__title{font-family:var(--font-heading-family);font-weight:800;text-transform:uppercase;letter-spacing:.02em;
  color:var(--ms-hero-title,#fff);font-size:clamp(3.4rem,4.4vw,5.8rem);line-height:.98;margin:1.4rem 0 0;max-width:20ch;}
.ms-hero__sub{color:rgba(255,255,255,.86);max-width:46rem;margin:1.6rem 0 0;font-size:1.8rem;line-height:1.55;}
.ms-hero__cta{display:flex;gap:1.3rem;margin-top:2.8rem;flex-wrap:wrap;}
@media(max-width:749px){.ms-hero{min-height:52rem;}}
/* END_SECTION:moonspin-hero */

/* START_SECTION:moonspin-journal (INDEX:51) */
.ms-acards{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem;}
.ms-acard{background:#fff;border:1px solid var(--ms-line);border-radius:var(--ms-r);overflow:hidden;display:flex;flex-direction:column;
  text-decoration:none;color:inherit;transition:transform .2s var(--ms-ease),box-shadow .2s var(--ms-ease);}
.ms-acard:hover{transform:translateY(-4px);box-shadow:0 4px 14px rgba(5,12,40,.08),0 1px 3px rgba(5,12,40,.06);}
.ms-acard__shot{position:relative;aspect-ratio:4/3;background:var(--ms-bone);overflow:hidden;}
.ms-acard__img,.ms-acard__ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.ms-acard__body{padding:2.2rem 2.2rem 2.6rem;display:flex;flex-direction:column;flex:1;}
.ms-acard__cat{font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ms-cobalt);}
.ms-acard__h{font-family:var(--font-heading-family);font-weight:700;font-size:2rem;line-height:1.22;margin:1rem 0 0;letter-spacing:-.005em;}
.ms-acard__ex{font-size:1.4rem;line-height:1.55;color:var(--ms-fg2);margin:1rem 0 0;}
.ms-acard__meta{font-size:1.25rem;color:var(--ms-fg3);margin-top:1.6rem;}
@media(max-width:989px){.ms-acards{grid-template-columns:1fr;}}
/* END_SECTION:moonspin-journal */

/* START_SECTION:moonspin-pillars (INDEX:52) */
.ms-pillars__lead{text-align:center;max-width:76rem;margin:0 auto 5.2rem;}
.ms-pillars__h{font-family:var(--font-heading-family);font-weight:700;font-size:clamp(2.6rem,3vw,3.8rem);line-height:1.12;letter-spacing:-.01em;}
.ms-pillars__grid{display:grid;grid-template-columns:repeat(var(--ms-cols,3),1fr);gap:3.6rem;max-width:100rem;margin:0 auto;}
.ms-pillar{text-align:center;}
.ms-pillar__ill{height:16rem;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;}
.ms-pillar__img{height:100%;width:auto;object-fit:contain;}
.ms-pillar p{font-size:1.6rem;line-height:1.55;color:var(--ms-fg2);margin:0 auto;max-width:30ch;}
.ms-pillars__cta{text-align:center;margin-top:4.8rem;}
@media(max-width:749px){.ms-pillars__grid{grid-template-columns:1fr;gap:4rem;max-width:38rem;}}
/* END_SECTION:moonspin-pillars */

/* START_SECTION:moonspin-product-grid (INDEX:53) */
.ms-sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:2.4rem;margin-bottom:3rem;}
.ms-sechead__h{font-family:var(--font-heading-family);font-weight:700;font-size:clamp(2.8rem,3.2vw,4rem);line-height:1.05;letter-spacing:-.01em;margin:.6rem 0 0;}
.ms-linkarrow{display:inline-flex;align-items:center;gap:.7rem;font-weight:700;color:var(--ms-cobalt);text-decoration:none;white-space:nowrap;}
.ms-linkarrow:hover{text-decoration:underline;text-underline-offset:3px;}
.ms-pgrid{display:grid;grid-template-columns:repeat(var(--ms-cols,3),1fr);gap:2.2rem;}
@media(max-width:989px){.ms-pgrid{grid-template-columns:1fr 1fr;}.ms-sechead{flex-direction:column;align-items:flex-start;gap:1rem;}}
/* END_SECTION:moonspin-product-grid */

/* START_SECTION:moonspin-reviews (INDEX:54) */
.ms-reviews__agg{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:4rem;}
.ms-reviews__score{display:flex;align-items:baseline;gap:1rem;margin-top:1rem;}
.ms-reviews__score b{font-family:var(--font-heading-family);font-weight:800;font-size:4.6rem;line-height:1;letter-spacing:-.01em;}
.ms-reviews__stars,.ms-review__stars{display:flex;gap:.3rem;}
.ms-reviews__stars .ms-icon,.ms-review__stars .ms-icon{fill:var(--ms-gold);stroke:var(--ms-gold);}
.ms-reviews__count{font-size:1.4rem;color:var(--ms-fg3);margin-top:1rem;}
.ms-reviews__logo{font-size:1.2rem;color:var(--ms-fg3);margin-top:.6rem;}
.ms-reviews__logo b{color:var(--ms-cobalt);}
.ms-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2rem;}
.ms-review{border:1px solid var(--ms-line);border-radius:var(--ms-r);padding:2.6rem 2.6rem 2.4rem;background:#fff;display:flex;flex-direction:column;margin:0;}
.ms-review__q{font-size:1.6rem;line-height:1.55;color:var(--ms-ink);flex:1;margin:1.4rem 0 0;}
.ms-review__by{margin-top:1.8rem;padding-top:1.6rem;border-top:1px solid var(--ms-line);font-size:1.3rem;color:var(--ms-fg3);}
.ms-review__by strong{display:block;color:var(--ms-ink);font-weight:700;font-size:1.45rem;margin-bottom:.2rem;}
.ms-review__verified{display:inline-flex;align-items:center;gap:.4rem;color:var(--ms-success,#1f7a4d);font-weight:600;}
.ms-review__verified .ms-icon{stroke:var(--ms-success,#1f7a4d);}
@media(max-width:749px){.ms-reviews__grid{grid-template-columns:1fr;}}
/* END_SECTION:moonspin-reviews */

/* START_SECTION:moonspin-rise-cards (INDEX:55) */
.ms-rises__grid{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem;}
.ms-rise-card{background:#fff;border:1px solid var(--ms-line);border-radius:1rem;overflow:hidden;
  display:flex;flex-direction:column;}
.ms-rise-card__shot{position:relative;background:var(--ms-paper);}
.ms-rise-card__img,.ms-rise-card__ph{width:100%;height:42rem;object-fit:cover;display:block;}
.ms-rise-card__ph{opacity:.5;}
.ms-rise-card__tag{position:absolute;top:1.6rem;left:1.6rem;z-index:3;font-size:1.1rem;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;background:var(--ms-cobalt);color:#fff;
  padding:.6rem 1.1rem;border-radius:4px;}
.ms-rise-card__body{padding:2.8rem 2.8rem 3rem;display:flex;flex-direction:column;flex:1;}
.ms-rise-card__h{font-family:var(--font-heading-family);font-weight:700;font-size:3rem;margin:0;letter-spacing:-.01em;}
.ms-rise-card__price{font-weight:700;font-size:2rem;margin-top:.6rem;}
.ms-rise-card__best{font-size:1.45rem;color:var(--ms-fg2);margin:1.4rem 0 0;line-height:1.5;}
.ms-rise-card__meta{display:flex;margin:2.4rem 0 0;border:1px solid var(--ms-line);border-radius:var(--ms-r);overflow:hidden;}
.ms-rise-card__meta>div{flex:1;padding:1.3rem 1.4rem;text-align:center;}
.ms-rise-card__meta>div+div{border-left:1px solid var(--ms-line);}
.ms-rise-card__meta .n{font-family:var(--font-heading-family);font-weight:700;font-size:2.2rem;color:var(--ms-cobalt);}
.ms-rise-card__meta .l{font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ms-fg3);margin-top:.3rem;}
.ms-rise-card__feat{list-style:none;padding:0;margin:2.2rem 0 0;display:flex;flex-direction:column;gap:1.2rem;}
.ms-rise-card__feat li{display:flex;gap:1.1rem;align-items:flex-start;font-size:1.5rem;line-height:1.4;}
.ms-rise-card__feat li .ms-icon{color:var(--ms-cobalt);flex:none;margin-top:.2rem;}
.ms-rise-card__btn{margin-top:2.6rem;width:100%;}
@media(max-width:989px){.ms-rises__grid{grid-template-columns:1fr;}}
/* END_SECTION:moonspin-rise-cards */

/* START_SECTION:moonspin-value-strip (INDEX:56) */
.ms-vstrip__in{max-width:var(--page-width,120rem);margin:0 auto;padding:1.5rem 1.5rem;display:flex;gap:2.8rem;
  flex-wrap:wrap;justify-content:space-between;}
@media(min-width:990px){.ms-vstrip__in{padding-left:5rem;padding-right:5rem;}}
.ms-vstrip__item{display:flex;align-items:center;gap:1rem;font-size:1.3rem;font-weight:600;}
.ms-vstrip__ic{display:flex;color:var(--ms-sky);}
@media(max-width:749px){.ms-vstrip__in{gap:1.4rem;font-size:1.2rem;}}
/* END_SECTION:moonspin-value-strip */