/* =====================================================================
   SeamLadies — round 6 (Tory Burch parity pass 3)
   Loaded after r5.css. Prefix P = html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d)
   ===================================================================== */

/* ---------- 9. Footer newsletter block — measured on toryburch.com (1440 / 390) ----------
   block: bg #f6f6f8, padding 60px 0; inner 866px wide (+10px side padding), centred
   headline: sweet-sans-pro 20px/700, line box 25px, ls 1px, uppercase, pad-bottom 10px ("10"/"£200" 22px)
   copy: sweet-sans-pro 15px/600/19px (line box 21px), ls normal, #191919
   button: 210×50 (390: 210×40), sweet-sans 13px/800 (390: 12px), ls .75px, margin-top 20px, hover opacity .8 (.3s ease-in-out) */
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) footer > section:first-child {
  background: #f6f6f8 !important;
  padding: 60px 0 !important;
  border: 0 !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) footer > section:first-child > div {
  max-width: 866px !important;
  padding: 0 10px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) footer > section:first-child h2 {
  font-family: sweet-sans-pro, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 25px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #191919 !important;
  margin: 0 !important;
  padding: 0 0 10px !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) footer > section:first-child h2 .r6-big {
  font-size: 22px !important;
  line-height: 23px !important;
  letter-spacing: 1px !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) footer > section:first-child p {
  font-family: sweet-sans-pro, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 21px !important;
  letter-spacing: normal !important;
  color: #191919 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-wrap: wrap !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) footer > section:first-child button {
  display: inline-flex !important;
  align-items: center; justify-content: center;
  width: 210px !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 20px 0 0 !important;
  padding: 1px 6px !important;
  font-family: sweet-sans-pro, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 24.7px !important;
  letter-spacing: .75px !important;
  text-transform: uppercase !important;
  background: #191919 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 1;
  transition: opacity .3s ease-in-out, border .3s ease-in-out, color .3s ease-in-out !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) footer > section:first-child button:hover {
  background: #191919 !important;
  opacity: .8 !important;
}
@media (max-width: 767px) {
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) footer > section:first-child { padding: 60px 40px !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) footer > section:first-child p { font-size: 15px !important; line-height: 21px !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) footer > section:first-child button {
    height: 40px !important; min-height: 40px !important; font-size: 12px !important; line-height: 22.8px !important;
  }
}

/* sign-up drawer / sheet (reference layover): 16/800 ls .75 heading, neue-haas 13/23.92 ls .5 copy,
   40px field (#e8e9eb), 40px SIGN UP 12/800 ls .75 */
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-desktop"] h2,
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-mobile"] h2 {
  font-family: sweet-sans-pro, sans-serif !important;
  font-size: 16px !important; font-weight: 800 !important; line-height: 22.08px !important;
  letter-spacing: .75px !important; text-transform: uppercase !important; color: #191919 !important;
  margin: 0 0 10px !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-desktop"] h2 { text-align: left !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-desktop"] h2 + p,
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-mobile"] h2 + p {
  font-family: neue-haas-grotesk-text, sans-serif !important;
  font-size: 13px !important; font-weight: 400 !important; line-height: 23.92px !important;
  letter-spacing: .5px !important; color: #000 !important; margin: 0 0 30px !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-desktop"] h2 + p { text-align: left !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-desktop"] input[type="email"],
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-mobile"] input[type="email"] {
  height: 40px !important; border: 1px solid #e8e9eb !important; padding: 1px 5px 1px 15px !important;
  font-family: neue-haas-grotesk-text, sans-serif !important; font-size: 13px !important; font-weight: 400 !important;
  letter-spacing: .5px !important; color: #191919 !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-desktop"] input[type="email"]:focus,
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-mobile"] input[type="email"]:focus { border-color: #191919 !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-desktop"] input[type="email"] + label,
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-mobile"] input[type="email"] + label {
  font-family: neue-haas-grotesk-text, sans-serif !important; font-size: 13px !important; font-weight: 400 !important;
  letter-spacing: .5px !important; color: #6c717a !important; top: 8px !important; left: 8px !important; padding: 0 8px !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-desktop"] button[type="submit"],
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-mobile"] button[type="submit"] {
  height: 40px !important; min-height: 40px !important; padding: 0 0 0 .75px !important;
  font-family: sweet-sans-pro, sans-serif !important; font-size: 12px !important; font-weight: 800 !important;
  line-height: 12px !important; letter-spacing: .75px !important; text-transform: uppercase !important;
  background: #191919 !important; color: #fff !important; border-radius: 0 !important;
  transition: opacity .3s ease-in-out !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-desktop"] button[type="submit"]:hover,
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="signup-mobile"] button[type="submit"]:hover { opacity: .8 !important; background: #191919 !important; }

/* ---------- 10. (round 7: reverted to the pre-round-6 legal layout — see r7.css §3) ---------- */

/* ---------- 1. Google Pay removed ---------- */
.r5-gpay { display: none !important; }

/* ---------- 3. PDP right column — reference geometry (x = 7W/12 + 62.33) ----------
   inside the right half (H = W/2): margin-left = H/6 + 62.33px
   width  <1440: min(375, 2H/3 - 62.33) ;  ≥1440: max(375, 2H/3 - 124.67)  (1440→375, 1512→379, 1728→451, 1920→515) */
@media (min-width: 768px) {
  html:not(#r6) body.product-page:not(#r6):not(#r6b):not(#r6c):not(#r6d) .hidden.md\:block .col-span-6.sticky { justify-content: flex-start !important; }
  html:not(#r6) body.product-page:not(#r6):not(#r6b):not(#r6c):not(#r6d) .hidden.md\:block .col-span-6.sticky > div {
    margin: 0 0 0 calc(16.6667% + 62.33px) !important;
    width: min(375px, calc(66.6667% - 62.33px)) !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}
@media (min-width: 1440px) {
  html:not(#r6) body.product-page:not(#r6):not(#r6b):not(#r6c):not(#r6d) .hidden.md\:block .col-span-6.sticky > div {
    width: max(375px, calc(66.6667% - 124.67px)) !important;
  }
}

/* ---------- 4. You May Also Like / Style With — reference values ----------
   section full-bleed, padding 0; heading sweet-sans 16/800 ls .75 (22px line); tiles 37px below heading top,
   rail inset 45px, tile (100% - 10px)/5, gap 2.5px; arrows 40×40 at left/right -2px */
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-ymal {
  max-width: none !important;
  margin-left: 0 !important; margin-right: 0 !important;
  padding: 0 !important;
  overflow-x: clip;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-ymal [data-seam="related-tabs"] { margin: 0 0 13px !important; padding: 0 !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-ymal [data-seam="related-tabs"] ul { gap: 30px !important; column-gap: 30px !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-ymal [data-seam="related-tabs"] ul > li + li { margin-left: 30px !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-ymal [data-seam="related-tabs"] ul > li { margin: 0 !important; padding: 0 !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-ymal [data-seam="related-tabs"] a[data-seam="page-tab"] {
  display: block;
  font-family: sweet-sans-pro, sans-serif !important;
  font-size: 16px !important; font-weight: 800 !important; line-height: 22px !important;
  letter-spacing: .75px !important; text-transform: uppercase !important;
  padding: 0 !important; margin: 0 !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-ymal [data-seam="related-rail"] { padding-top: 0 !important; padding-bottom: 0 !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-ymal .r5-prev { left: -2px !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-ymal .r5-next { right: -2px !important; }
@media (max-width: 767px) {
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-ymal [data-seam="related-tabs"] a[data-seam="page-tab"] { font-size: 14px !important; font-weight: 700 !important; line-height: 20px !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-ymal [data-seam="related-tabs"] ul { gap: 24px !important; column-gap: 24px !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-ymal [data-seam="related-tabs"] ul > li + li { margin-left: 24px !important; }
}

/* ---------- 2 (audit). Filter drawer — reference fade + slide, overlay .25 ---------- */
html:not(#r6) body.r5-plp:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-filter {
  transition: translate .3s ease-in-out, transform .3s ease-in-out, opacity .3s ease-in-out !important;
}
html:not(#r6) body.r5-plp:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-filter.translate-x-full { opacity: 0; }
html:not(#r6) body.r5-plp:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-filter.translate-x-0 { opacity: 1; }
html:not(#r6) body.r5-plp:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="filter-overlay"] { background: rgba(25,25,25,.25) !important; }
html:not(#r6) body.r5-plp:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-filter .r5-ffoot p { letter-spacing: .5px !important; }
@media (max-width: 767px) {
  html:not(#r6) body.r5-plp:not(#r6):not(#r6b):not(#r6c):not(#r6d) .r5-filter.translate-x-full { opacity: 1; }
}

/* ---------- 5. Collection grids — balancer helpers ---------- */
.r6-trim, .r6-off { display: none !important; }

/* ---------- 6. About / manufacturing / fit / programmes / resource — editorial polish ---------- */
/* section intros */
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] h2:not(.text-white) {
  font-family: sweet-sans-pro, sans-serif !important;
  font-size: 16px !important; font-weight: 800 !important; line-height: 22px !important;
  letter-spacing: .75px !important; text-transform: uppercase !important; color: #191919 !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .max-w-4xl.text-center,
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .text-center.max-w-4xl {
  max-width: 760px !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .max-w-4xl h2 { margin: 0 0 16px !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .max-w-4xl p {
  font-size: 14px !important; line-height: 22px !important; color: #191919 !important; letter-spacing: normal !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .max-w-4xl p + p { margin-top: 14px !important; }

/* 3-up image cards: 2px gutters, reference card typography, generous text block.
   Desktop keeps the round-4 subgrid (titles / copy / CTAs align across a row) — only spacing changes. */
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 { gap: 2px !important; background: #fff; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 > div { background: #fff !important; min-width: 0; row-gap: 0 !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 > div > div:first-child { overflow: hidden; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 > div > div:first-child img { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 h3 {
  font-family: sweet-sans-pro, sans-serif !important;
  font-size: 13px !important; font-weight: 800 !important; line-height: 18px !important;
  letter-spacing: .75px !important; text-transform: uppercase !important; color: #191919 !important;
  text-align: center !important; padding: 0 !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 p {
  font-family: neue-haas-grotesk-text, sans-serif !important;
  font-size: 13px !important; font-weight: 400 !important; line-height: 20px !important;
  letter-spacing: normal !important; color: #40464e !important; text-align: center !important; padding: 0 !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 li { font-size: 13px !important; line-height: 22px !important; color: #40464e !important; }
@media (min-width: 768px) {
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 > .flex.flex-col > div:last-child > * { max-width: min(380px, calc(100% - 80px)) !important; margin-left: 40px !important; margin-right: 40px !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 > .flex.flex-col > div:last-child > h3 { margin-top: 30px !important; margin-bottom: 10px !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 > .flex.flex-col > div:last-child > span + h3 { margin-top: 8px !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 > .flex.flex-col > div:last-child > p { margin-top: 0 !important; margin-bottom: 20px !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 > .flex.flex-col > div:last-child > p:last-child { margin-bottom: 56px !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 > .flex.flex-col > div:last-child > div.pt-4,
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 > .flex.flex-col > div:last-child > div:not(.pt-4) { max-width: min(28rem, calc(100% - 80px)) !important; }
  /* incomplete last row: 6-track grid so the tail fills the row (1 left → full-width banner card, 2 left → halves) */
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3.r6-g6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.r6-g6 > div { grid-column: span 2 !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.r6-g6 > div.r6-half { grid-column: span 3 !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.r6-g6 > div.r6-half > div:first-child { aspect-ratio: 16 / 9 !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.r6-g6 > div.r6-wide { grid-column: 1 / -1 !important; max-width: none !important; width: 100% !important; justify-self: stretch !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.r6-g6 > div.r6-wide { display: flex !important; flex-direction: row !important; grid-row: auto !important; align-items: stretch !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.r6-g6 > div.r6-wide > div:first-child { flex: 0 0 50% !important; width: 50% !important; aspect-ratio: 3 / 2 !important; height: auto !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.r6-g6 > div.r6-wide > div:last-child { display: flex !important; flex: 1 1 auto; flex-direction: column !important; justify-content: center !important; align-items: center !important; padding: 48px 64px !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.r6-g6 > div.r6-wide > div:last-child > * { max-width: 420px !important; margin-left: auto !important; margin-right: auto !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.r6-g6 > div.r6-wide > div:last-child > h3 { margin-top: 0 !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.r6-g6 > div.r6-wide > div:last-child > p:last-child { margin-bottom: 0 !important; }
}
@media (max-width: 767px) {
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 > div > div:last-child:not(:first-child) { padding: 22px 24px 40px !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 h3 { margin: 0 0 8px !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-3 p { max-width: 420px; margin-left: auto !important; margin-right: auto !important; }
}

/* 2-column split rows: centred text column, measured rhythm */
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-2 > div.flex.flex-col.justify-center {
  align-items: center !important; text-align: center !important;
  padding: 64px 48px !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-2 > div.flex.flex-col.justify-center > * { max-width: 440px; width: 100%; margin-left: auto; margin-right: auto; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-2 > div.flex.flex-col.justify-center > *:has(> button) ,
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-2 > div.flex.flex-col.justify-center > a,
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-2 > div.flex.flex-col.justify-center > button { width: auto; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-2 h2 { margin: 0 0 16px !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-2 .leading-relaxed,
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-2 p {
  font-size: 14px !important; line-height: 22px !important; color: #191919 !important; letter-spacing: normal !important; text-align: center !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-2 .leading-relaxed { margin-bottom: 28px !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-2 .leading-relaxed:last-child { margin-bottom: 0 !important; }
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .r6-split-title { display: block; }
/* dead slide controls (no second slide exists) */
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] button[aria-label="Next slide"],
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] button[aria-label="Pause auto progress"] { display: none !important; }
/* text links / CTAs inside editorial blocks — reference underlined sweet-sans 12/800 */
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] button.border-b.uppercase,
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] a.border-b.uppercase {
  font-family: sweet-sans-pro, sans-serif !important; font-size: 12px !important; font-weight: 800 !important;
  line-height: 18px !important; letter-spacing: .75px !important; color: #191919 !important;
  border-bottom: 1px solid #191919 !important; padding: 0 0 2px !important; background: none !important;
  transition: border-color .3s ease !important;
}
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] button.border-b.uppercase:hover,
html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] a.border-b.uppercase:hover { border-bottom-color: transparent !important; }

@media (max-width: 767px) {
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] .grid.md\:grid-cols-2 > div.flex.flex-col.justify-center { padding: 44px 24px !important; }
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) [data-seam="page-panel"] h2:not(.text-white) { font-size: 14px !important; line-height: 20px !important; }
}

/* ---------- 7. Page load + navigation transitions (light, CSS-first) ---------- */
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .28s; animation-timing-function: ease; }
.r6-vt-header { view-transition-name: r6-header; }
::view-transition-group(r6-header) { animation: none; }
::view-transition-old(r6-header), ::view-transition-new(r6-header) { animation: none; }
@keyframes r6-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes r6-fade { from { opacity: 0; } to { opacity: 1; } }
body > main, body > div > main, main#main, body > footer, body footer.w-full { animation: r6-enter .42s cubic-bezier(.2,.7,.2,1) both; }
body footer.w-full { animation-name: r6-fade; animation-delay: .08s; }
html.r6-leaving main, html.r6-leaving footer { opacity: 0 !important; transition: opacity .16s ease !important; }
main img.r6-fade { opacity: 0; transition: opacity .45s ease; }
main img.r6-fade.is-loaded { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  body > main, body > div > main, main#main, body > footer, body footer.w-full { animation: none !important; }
  main img.r6-fade { opacity: 1 !important; transition: none !important; }
}
/* our copy ("SeamLadies") is ~10px longer than the reference's; use the 10px side padding so it
   stays on one line at desktop like the reference */
@media (min-width: 1024px) {
  html:not(#r6) body:not(#r6):not(#r6b):not(#r6c):not(#r6d) footer > section:first-child p { margin: 0 -10px !important; }
}