/* Resources hub  = Exclusive Services (o-compact-story-header, richMedia, overlayImmersive, fiftyFifty)
   Resources read = Craft Matters     (compact header, o-hero 95vh, m-text, m-quote, fiftyFifty chapters)
   Type stays Super Easy: 15/13 body, 32/18.5 display, −0.20 / −1.25, 0.6rem stack, lh 1.3. */

html.se-resources-page {
  background: #fff;
}

/* Site header = same solid white / dark icons as About and every other off-video page. */
html.se-resources-page .se-site-header,
html.se-resources-page.se-has-video .se-site-header {
  z-index: 1100 !important;
  visibility: visible !important;
}
html.se-resources-page .se-header-bar,
html.se-resources-page.se-has-video .se-header-bar,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-header-bar,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-header-bar:hover,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-header-bar:focus-within {
  background: #fff !important;
  background-color: #fff !important;
  box-shadow: none !important;
}
html.se-resources-page .se-logo-mark--dark,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-logo-mark--dark {
  display: block !important;
}
html.se-resources-page .se-logo-mark--light,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-logo-mark--light {
  display: none !important;
}
html.se-resources-page .se-menu-open,
html.se-resources-page .se-header-search,
html.se-resources-page .se-header-nav,
html.se-resources-page .se-logo,
html.se-resources-page .se-header-actions,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-menu-open,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-header-search,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-header-nav,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-logo,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-header-actions {
  color: #191817 !important;
}
html.se-resources-page .se-menu-open .se-menu-open-bars span,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-menu-open .se-menu-open-bars span {
  background: #191817 !important;
}
html.se-resources-page .se-header-icon img,
html.se-resources-page .se-header-search img,
html.se-resources-page .se-header-icon .se-search__trigger-icon--search,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-header-icon img,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-header-search img,
html.se-resources-page.se-has-video:not(.se-scrolled) .se-header-icon .se-search__trigger-icon--search {
  filter: brightness(0) !important;
  opacity: 1 !important;
}

/* =================================================================
   Compact story header — Exclusive Services / Craft Matters
   Desktop: title 66.67% center, subtitle+lede 50% center
   <64rem: left, 75% / 100%
   ================================================================= */
/* Detail first text — About-like outer rhythm */
.se-res-header {
  background: #fff;
}
.se-res-header__inner {
  width: 100%;
  max-width: 1512px;
  margin: 0 auto;
  padding: 1.5rem 16px 2.5rem;
  box-sizing: border-box;
}
@media (min-width: 64rem) {
  .se-res-header__inner {
    padding: 1.5rem 36px 2.75rem;
  }
}
@media (max-width: 1023.98px) {
  .se-res-header__inner {
    padding: 1rem 16px 1.5rem;
  }
}
.se-res-header__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 64rem) {
  .se-res-header__text {
    align-items: center;
  }
}
.se-res-header__eyebrow {
  width: 100%;
  margin: 0 0 0.6rem;
  color: #191817;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  font-weight: 400;
  text-align: left;
}
html.se-resources-page .se-res-header__title,
html.se-resources-page main h1.se-res-header__title {
  width: 100%;
  max-width: none !important;
  margin: 0 0 0.6rem;
  color: #191817;
  font-size: 32px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: -1.25px !important;
  font-weight: 400 !important;
  text-align: left !important;
}
html.se-resources-page .se-res-header__lede {
  width: 100%;
  margin: 0;
  color: #191817 !important;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  text-align: left !important;
}
@media (min-width: 48rem) {
  html.se-resources-page .se-res-header__text {
    align-items: center;
  }
  html.se-resources-page .se-res-header__eyebrow,
  html.se-resources-page .se-res-header__title,
  html.se-resources-page main h1.se-res-header__title,
  html.se-resources-page .se-res-header__lede {
    width: 75%;
    text-align: center !important;
  }
}
@media (min-width: 64rem) {
  html.se-resources-page .se-res-header__text {
    align-items: center;
  }
  html.se-resources-page .se-res-header__eyebrow {
    width: 50%;
    text-align: center !important;
  }
  html.se-resources-page .se-res-header__title,
  html.se-resources-page main h1.se-res-header__title {
    width: 66.67%;
    text-align: center !important;
  }
  html.se-resources-page .se-res-header__lede {
    width: 50%;
    text-align: center !important;
  }
}

/* Hub first section = About hero (title + lede + scroll-expand media). SE type stays 32/15. */
html.se-resources-page:not(.se-resources-detail-page) .se-about-hero {
  padding-top: 1.5rem;
  padding-bottom: 2.75rem;
  text-align: center;
}
@media (max-width: 1023.98px) {
  html.se-resources-page:not(.se-resources-detail-page) .se-about-hero {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }
}
html.se-resources-page:not(.se-resources-detail-page) .se-about-hero__title {
  font-size: 32px !important;
  letter-spacing: -1.25px !important;
  line-height: var(--se-lh, 1.3) !important;
  font-weight: 400 !important;
  max-width: min(912px, 100%);
  margin: 0 auto 0.6rem;
}
html.se-resources-page:not(.se-resources-detail-page) .se-about-hero__lede {
  font-size: var(--se-body-size, 15px) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  line-height: var(--se-lh, 1.3) !important;
  color: #191817 !important;
  margin: 0 auto;
}
html.se-resources-page:not(.se-resources-detail-page) .se-about-hero__media video {
  filter: blur(18px);
  animation: se-media-unblur 1.35s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}

/* Craft Matters hero — About scroll-expand (inset → bleed + slight zoom) */
html.se-resources-detail-page .se-res-hero {
  --about-hero-inset: 16px;
  --about-hero-scale: 1;
  position: relative;
  width: auto;
  max-width: none;
  min-height: 0;
  margin-inline: var(--about-hero-inset);
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #191817;
  box-sizing: border-box;
  will-change: margin;
}
@media (min-width: 64rem) {
  html.se-resources-detail-page .se-res-hero {
    --about-hero-inset: 36px;
  }
}
html.se-resources-detail-page .se-res-hero video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: blur(18px);
  animation: se-media-unblur 1.35s cubic-bezier(0.165, 0.84, 0.44, 1) both;
  transform: scale(var(--about-hero-scale));
  transform-origin: center center;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  html.se-resources-detail-page .se-res-hero video {
    filter: none;
    animation: none;
    transform: none;
  }
}

/* Pause: about-style, bottom-right, hover */
.se-res-header__media .se-hero__pause,
.se-res-hero .se-hero__pause,
.se-res-chapter__media .se-hero__pause {
  position: absolute;
  right: 16px;
  left: auto;
  bottom: 16px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 0;
  padding: 0;
  border-radius: 999px !important;
  background: rgba(25, 24, 23, 0.4) !important;
  color: #fff !important;
  cursor: pointer;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease, background 0.2s ease;
}
.se-res-header__media:hover .se-hero__pause,
.se-res-header__media:focus-within .se-hero__pause,
.se-res-hero:hover .se-hero__pause,
.se-res-hero:focus-within .se-hero__pause,
.se-res-chapter__media:hover .se-hero__pause,
.se-res-chapter__media:focus-within .se-hero__pause,
.se-res-header__media .se-hero__pause.is-paused,
.se-res-hero .se-hero__pause.is-paused,
.se-res-chapter__media .se-hero__pause.is-paused,
.se-res-header__media .se-hero__pause:focus-visible,
.se-res-hero .se-hero__pause:focus-visible,
.se-res-chapter__media .se-hero__pause:focus-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.se-res-header__media .se-hero__pause svg,
.se-res-hero .se-hero__pause svg,
.se-res-chapter__media .se-hero__pause svg {
  display: block;
  fill: currentColor;
  color: #fff;
}

/* =================================================================
   Shared container — a-container 1512 / 16→36
   ================================================================= */
.se-res-container {
  width: 100%;
  max-width: 1512px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}
@media (min-width: 64rem) {
  .se-res-container {
    padding-left: 36px;
    padding-right: 36px;
  }
}
.se-res-guides {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 64rem) {
  .se-res-guides {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.se-res-guides__block + .se-res-guides__block {
  margin-top: 2.5rem;
  padding-top: 0.75rem;
}
.se-res-guides .se-res-sectitle {
  margin-bottom: 1.1rem;
}
.se-res-guides .se-res-duo {
  padding-top: 0.35rem;
}
.se-res-guides .se-res-duo + .se-res-duo {
  padding-top: 1.75rem;
}
.se-res-container--padded {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 64rem) {
  .se-res-container--padded {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

/* Centered section title — col-sm-offset-2 col-sm-8 */
html.se-resources-page h2.se-res-sectitle,
html.se-resources-page .se-res-sectitle {
  width: 100%;
  max-width: none !important;
  margin: 0 auto;
  padding: 0;
  text-align: center !important;
  font-size: 32px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: -1.25px !important;
  font-weight: 400 !important;
  color: #191817;
}
@media (min-width: 48rem) {
  html.se-resources-page h2.se-res-sectitle,
  html.se-resources-page .se-res-sectitle {
    width: 66.67%;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0.6rem;
  }
}

/* richMediaWrapper.row.-centerAligned + flexboxgrid col-sm-4
   33.333% of the padded container (456 @ 1440), centered — no negative-margin expansion */
.se-res-duo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin: 0;
  padding: 0.6rem 0 0;
  row-gap: 1.25rem;
}
@media (min-width: 48rem) {
  .se-res-duo {
    row-gap: 1.5rem;
  }
}
.se-res-duo + .se-res-duo {
  padding-top: 1.5rem;
}
.se-res-duo__item {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
  box-sizing: border-box;
  scroll-margin-top: calc(var(--se-header-h, 4.25rem) + 1rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.se-res-duo__link,
.se-res-duo__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: none;
  color: inherit;
  text-decoration: none;
}
/* Fill only when the Learn more pill itself is hovered — not the title/body text */
.se-res-duo__body .se-about-pill,
.se-res-duo__item > .se-about-pill {
  margin-top: 1rem;
  align-self: center;
}
@media (min-width: 48rem) {
  .se-res-duo__item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 0.75rem;
  }
}
html.se-resources-page .se-res-duo__item h3,
html.se-resources-page main .se-res-duo__item h3 {
  margin: 0;
  font-size: 18.5px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  font-weight: 400 !important;
  text-align: center !important;
  max-width: none;
}
html.se-resources-page .se-res-duo__item h3 + p {
  margin-top: 0.6rem !important;
}
html.se-resources-page .se-res-duo__item p {
  margin: 0;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  text-align: center !important;
  max-width: 28rem;
}
html.se-resources-page .se-res-duo__item p + p {
  margin-top: 0.01rem;
}
.se-res-duo__cta {
  margin-top: 0.6rem;
  display: flex;
  justify-content: center;
}
.se-res-duo__cta .se-about-pill {
  min-width: 0;
  padding-inline: 1.25rem;
}

/* Guide stills removed — hub cards are text + Learn more only */

/* Pills match About / rest of site (14px, 8.5rem, 2.75rem tall) */
html.se-resources-page .se-about a.se-about-pill,
html.se-resources-page .se-about .se-about-pill,
html.se-resources-page .se-about button.se-about-pill {
  font-size: 15px !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
}
@media (max-width: 767.98px) {
  html.se-resources-page .se-about a.se-about-pill,
  html.se-resources-page .se-about .se-about-pill,
  html.se-resources-page .se-about button.se-about-pill,
  html.se-resources-page .se-plp-cta__btn,
  html.se-resources-page .se-about .se-plp-cta__btn,
  html.se-faq-page .se-plp-cta__btn {
    font-size: 13px !important;
  }
}
html.se-resources-page .se-about a.se-about-pill:hover,
html.se-resources-page .se-about a.se-about-pill:focus-visible,
html.se-resources-page .se-about a.se-about-pill:visited:hover,
html.se-resources-page .se-about a.se-about-pill:visited:focus-visible,
html.se-resources-page .se-about .se-about-pill:hover,
html.se-resources-page .se-about .se-about-pill:focus-visible,
html.se-resources-page .se-about button.se-about-pill:hover,
html.se-resources-page .se-about button.se-about-pill:focus-visible {
  background: #191817 !important;
  background-color: #191817 !important;
  border-color: #191817 !important;
  color: #fff !important;
}
html.se-resources-page .se-about a.se-about-pill--ghost,
html.se-resources-page .se-about .se-about-pill--ghost {
  border-color: #fff !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #fff !important;
}
html.se-resources-page .se-about a.se-about-pill--ghost:hover,
html.se-resources-page .se-about a.se-about-pill--ghost:focus-visible,
html.se-resources-page .se-about a.se-about-pill--ghost:visited:hover,
html.se-resources-page .se-about a.se-about-pill--ghost:visited:focus-visible,
html.se-resources-page .se-about .se-about-pill--ghost:hover,
html.se-resources-page .se-about .se-about-pill--ghost:focus-visible {
  background: #fff !important;
  background-color: #fff !important;
  border-color: transparent !important;
  color: #191817 !important;
}

html.se-resources-page a.se-res-link,
html.se-resources-page .se-about a.se-res-link {
  display: inline-block;
  margin-top: 0.25rem;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  color: #191817 !important;
  text-decoration: none !important;
}

/* Compact immersive still — 70vh mobile / 100vh tablet / 55vw desktop */
.se-res-immersive {
  position: relative;
  width: 100%;
  height: 70vh;
  min-height: 70vh;
  max-height: 70vh;
  overflow: hidden;
  background: #191817;
}
@media (min-width: 768px) {
  .se-res-immersive {
    height: 100vh;
    height: 100svh;
    min-height: 100vh;
    min-height: 100svh;
    max-height: none;
  }
}
@media (min-width: 64rem) {
  .se-res-immersive {
    height: 55vw;
    min-height: 0;
    max-height: none;
  }
}
.se-res-immersive > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Hub walkthrough — plain sticky cover + parallax; FAQ/Join scroll over */
html.se-resources-page:not(.se-resources-detail-page) .se-res-sticky-cover {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background: #191817;
  height: 70vh;
  min-height: 70vh;
  max-height: none;
}
@media (min-width: 768px) {
  html.se-resources-page:not(.se-resources-detail-page) .se-res-sticky-cover {
    height: 100vh;
    height: 100svh;
    min-height: 100vh;
    min-height: 100svh;
  }
}
/* Pin class hook — size/position applied inline by JS while sticky */
html.se-resources-page:not(.se-resources-detail-page) .se-res-sticky-cover.is-pinned {
  z-index: 1;
}
html.se-resources-page:not(.se-resources-detail-page) .se-res-sticky-spacer {
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
}
html.se-resources-page:not(.se-resources-detail-page) .se-res-cover-stack {
  position: relative;
  z-index: 1;
  background: #fff;
}
html.se-resources-page:not(.se-resources-detail-page) .se-res-sticky-cover.has-parallax > img,
html.se-resources-page:not(.se-resources-detail-page) .se-res-sticky-cover.has-parallax [data-parallax-media] {
  position: absolute;
  inset: -12% 0;
  width: 100%;
  height: 124%;
  object-fit: cover;
  will-change: transform;
  transform: translate3d(0, 0, 0) scale(1.18);
}
@media (prefers-reduced-motion: reduce) {
  html.se-resources-page:not(.se-resources-detail-page) .se-res-sticky-cover.has-parallax > img,
  html.se-resources-page:not(.se-resources-detail-page) .se-res-sticky-cover.has-parallax [data-parallax-media] {
    inset: 0;
    height: 100%;
    transform: none !important;
    will-change: auto;
  }
}

.se-res-immersive.has-copy::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.se-res-immersive.has-copy.se-res-immersive--right::after {
  top: 0;
  right: 0;
  width: 75%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
.se-res-immersive.has-copy.se-res-immersive--left::after {
  top: 0;
  left: 0;
  width: 75%;
  height: 100%;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
.se-res-immersive__inner {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  max-width: 1700px;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.se-res-immersive__copy {
  position: absolute;
  width: 100%;
  padding: 48px 32px;
  text-align: left;
  box-sizing: border-box;
}
@media (min-width: 48rem) {
  .se-res-immersive__copy {
    padding: 80px 86px;
  }
}
@media (min-width: 64rem) {
  .se-res-immersive__copy {
    max-width: 600px;
  }
}
.se-res-immersive__copy--cr {
  top: 50%;
  right: 0;
  left: auto;
  transform: translate(0, -50%);
  text-align: right;
}
.se-res-immersive__copy--cl {
  top: 50%;
  left: 0;
  right: auto;
  transform: translate(0, -50%);
  text-align: left;
}
html.se-resources-page .se-res-immersive__copy h2 {
  margin: 0 0 0.6rem;
  font-size: 32px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: -1.25px !important;
  font-weight: 400 !important;
  color: #fff !important;
  text-align: inherit !important;
}
html.se-resources-page .se-res-immersive__copy p {
  margin: 0 0 1.25rem;
  color: #fff !important;
  text-align: inherit !important;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
}
html.se-resources-page .se-res-immersive__copy--cr .se-about-pill {
  margin-left: auto;
}

/* fiftyFifty — image 50% square, copy 50% */
.se-res-fifty {
  width: 100%;
  max-width: 1512px;
  margin: 0 auto;
  padding: 0.35rem 16px;
  box-sizing: border-box;
}
@media (min-width: 64rem) {
  .se-res-fifty {
    padding: 0.5rem 36px;
  }
}
/* Padding lives on the outer edges of a fifty stack, not between pairs */
html.se-resources-page:not(.se-resources-detail-page) .se-res-immersive + .se-res-fifty,
html.se-resources-page:not(.se-resources-detail-page) .se-res-guides + .se-res-fifty {
  padding-top: 2rem;
}
@media (min-width: 64rem) {
  html.se-resources-page:not(.se-resources-detail-page) .se-res-immersive + .se-res-fifty,
  html.se-resources-page:not(.se-resources-detail-page) .se-res-guides + .se-res-fifty {
    padding-top: 2.75rem;
  }
}
html.se-resources-page:not(.se-resources-detail-page) .se-res-fifty + .se-res-fifty {
  padding-top: 0.25rem;
}
html.se-resources-page:not(.se-resources-detail-page) .se-res-fifty:has(+ .se-res-sticky-cover),
html.se-resources-page:not(.se-resources-detail-page) .se-res-fifty:has(+ figure.se-res-immersive),
html.se-resources-page:not(.se-resources-detail-page) .se-res-fifty:has(+ [data-res-parallax]) {
  padding-bottom: 2rem;
}
@media (min-width: 64rem) {
  html.se-resources-page:not(.se-resources-detail-page) .se-res-fifty:has(+ .se-res-sticky-cover),
  html.se-resources-page:not(.se-resources-detail-page) .se-res-fifty:has(+ figure.se-res-immersive),
  html.se-resources-page:not(.se-resources-detail-page) .se-res-fifty:has(+ [data-res-parallax]) {
    padding-bottom: 2.75rem;
  }
}
/* Detail chapters — same tight between, pad outer edges */
html.se-resources-detail-page .se-res-fifty,
html.se-resources-detail-page .se-res-chapter.se-res-fifty {
  padding: 0.35rem 16px;
}
@media (min-width: 64rem) {
  html.se-resources-detail-page .se-res-fifty,
  html.se-resources-detail-page .se-res-chapter.se-res-fifty {
    padding: 0.5rem 36px;
  }
}
html.se-resources-detail-page [data-res-chapters] .se-res-fifty:first-child {
  padding-top: 1.5rem;
}
html.se-resources-detail-page [data-res-chapters] .se-res-fifty:last-child {
  padding-bottom: 1.5rem;
}
@media (min-width: 64rem) {
  html.se-resources-detail-page [data-res-chapters] .se-res-fifty:first-child {
    padding-top: 2.25rem;
  }
  html.se-resources-detail-page [data-res-chapters] .se-res-fifty:last-child {
    padding-bottom: 2.25rem;
  }
}
.se-res-fifty__row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.se-res-fifty__media {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f3f2ef;
}
.se-res-fifty__media img,
.se-res-fifty__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html.se-resources-page .se-res-fifty__media img,
html.se-resources-page .se-res-fifty__media video {
  transform: none;
}
.se-res-fifty__copy {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1.5rem 0 0;
  box-sizing: border-box;
  text-align: left;
  gap: 0;
}
html.se-resources-page .se-res-fifty__copy h3,
html.se-resources-page main .se-res-fifty__copy h3 {
  margin: 0 0 0.6rem;
  font-size: 18.5px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  font-weight: 400 !important;
  color: #191817;
  text-align: left !important;
}
html.se-resources-page .se-res-fifty__copy h3 + p {
  margin-top: 0 !important;
}
html.se-resources-page .se-res-fifty__copy p {
  margin: 0 0 0.6rem;
  color: #191817 !important;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  text-align: left !important;
  max-width: min(42rem, 100%);
}
html.se-resources-page .se-res-fifty__copy p:last-of-type {
  margin-bottom: 0;
}
.se-res-fifty__copy .se-about-pill,
.se-res-fifty__copy .se-res-link {
  margin-top: 0.6rem;
  align-self: flex-start;
}
@media (min-width: 48rem) {
  .se-res-fifty__media,
  .se-res-fifty__copy {
    flex: 0 0 50%;
    max-width: 50%;
  }
  /* First fifty (image left / copy right): match second text width */
  .se-res-fifty:not(.se-res-fifty--flip) .se-res-fifty__copy {
    padding: 2rem 0 2rem 10%;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
  }
  html.se-resources-page .se-res-fifty:not(.se-res-fifty--flip) .se-res-fifty__copy h3,
  html.se-resources-page main .se-res-fifty:not(.se-res-fifty--flip) .se-res-fifty__copy h3,
  html.se-resources-page .se-res-fifty:not(.se-res-fifty--flip) .se-res-fifty__copy p {
    width: 100%;
    max-width: 42rem;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    text-align: left !important;
  }
  html.se-resources-page .se-res-fifty:not(.se-res-fifty--flip) .se-res-fifty__copy h3 {
    margin-bottom: 0.6rem;
  }
  .se-res-fifty:not(.se-res-fifty--flip) .se-res-fifty__copy .se-about-pill,
  .se-res-fifty:not(.se-res-fifty--flip) .se-res-fifty__copy .se-res-link {
    align-self: flex-start;
    margin-top: 0.6rem;
  }
  /* Second fifty (flip / text left): left-aligned copy */
  .se-res-fifty--flip .se-res-fifty__copy {
    order: -1;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    padding: 2rem 10% 2rem 0;
  }
  html.se-resources-page .se-res-fifty--flip .se-res-fifty__copy h3,
  html.se-resources-page main .se-res-fifty--flip .se-res-fifty__copy h3,
  html.se-resources-page .se-res-fifty--flip .se-res-fifty__copy p {
    margin-left: 0;
    margin-right: 0;
    max-width: 42rem;
    width: 100%;
    text-align: left !important;
  }
  html.se-resources-page .se-res-fifty--flip .se-res-fifty__copy h3 {
    margin-bottom: 0.6rem;
  }
  .se-res-fifty--flip .se-res-fifty__copy .se-about-pill,
  .se-res-fifty--flip .se-res-fifty__copy .se-res-link {
    align-self: flex-start;
    margin-top: 0.6rem;
  }
}
@media (max-width: 47.9375rem) {
  .se-res-fifty--flip .se-res-fifty__copy {
    order: 0;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    padding-top: 1.5rem;
  }
  html.se-resources-page .se-res-fifty--flip .se-res-fifty__copy h3,
  html.se-resources-page .se-res-fifty--flip .se-res-fifty__copy p {
    text-align: left !important;
    margin-left: 0;
    margin-right: 0;
  }
  .se-res-fifty--flip .se-res-fifty__copy .se-about-pill,
  .se-res-fifty--flip .se-res-fifty__copy .se-res-link {
    align-self: flex-start;
  }
  .se-res-fifty--flip .se-res-fifty__media {
    order: 0;
  }
  .se-res-fifty:not(.se-res-fifty--flip) .se-res-fifty__copy {
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    padding-top: 1.5rem;
  }
  html.se-resources-page .se-res-fifty:not(.se-res-fifty--flip) .se-res-fifty__copy h3,
  html.se-resources-page .se-res-fifty:not(.se-res-fifty--flip) .se-res-fifty__copy p {
    text-align: left !important;
    margin-left: 0;
    margin-right: 0;
  }
  .se-res-fifty:not(.se-res-fifty--flip) .se-res-fifty__copy .se-about-pill,
  .se-res-fifty:not(.se-res-fifty--flip) .se-res-fifty__copy .se-res-link {
    align-self: flex-start;
  }
}

html.se-resources-page .se-res-faq {
  padding-block: 3.75rem 4.25rem;
}
html.se-resources-page .se-res-faq__lede {
  margin: 0.35rem 0 1.25rem;
  max-width: 36rem;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  color: #222;
}
html.se-resources-page .se-res-faq__lede a,
html.se-resources-page .se-res-faq .se-about-faq__panel a,
html.se-faq-page .se-res-header__lede a,
html.se-faq-page .se-res-faq .se-about-faq__panel a {
  color: inherit;
  text-decoration: none !important;
  background-image: none !important;
}
html.se-resources-page .se-res-faq__lede a.se-stay-ul,
html.se-resources-page .se-res-faq .se-about-faq__panel a.se-stay-ul,
html.se-faq-page .se-res-header__lede a.se-stay-ul,
html.se-faq-page .se-res-faq .se-about-faq__panel a.se-stay-ul {
  color: inherit !important;
}
@media (min-width: 64rem) {
  html.se-resources-page .se-res-faq {
    padding-block: 5.25rem 5.75rem;
  }
}
html.se-resources-page .se-res-faq .se-about-faq__panel p {
  margin: 0 0 0.6rem;
  padding-bottom: 0;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
}
html.se-resources-page .se-res-faq .se-about-faq__panel p:last-child {
  margin-bottom: 0;
  padding-bottom: 20px;
}
html.se-resources-page .se-plp-cta__btn {
  text-decoration: none !important;
}

/* Hub FAQ teaser — links to standalone faq.html */
.se-res-faq-cta {
  padding: 3rem 16px;
  text-align: center;
  background: #fff;
}
@media (min-width: 64rem) {
  .se-res-faq-cta {
    padding: 4rem 36px;
  }
}
.se-res-faq-cta__inner {
  max-width: min(36rem, 100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
html.se-resources-page .se-res-faq-cta h2 {
  margin: 0 0 0.75rem;
  font-size: 32px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: -1.25px !important;
  font-weight: 400 !important;
  text-align: center !important;
}
html.se-resources-page .se-res-faq-cta p {
  margin: 0 0 1.25rem;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  text-align: center !important;
  color: #191817 !important;
}
@media (max-width: 767.98px) {
  html.se-resources-page .se-res-faq-cta h2 {
    font-size: 18.5px !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  html.se-resources-page .se-res-faq-cta p {
    font-size: 13px !important;
  }
}

/* FAQ standalone — roomier outer pad around accordion */
html.se-faq-page .se-res-faq {
  padding-top: 1.75rem;
  padding-bottom: 3.5rem;
  padding-inline: 0;
}
html.se-faq-page .se-res-faq .se-about-faq__inner {
  padding-inline: clamp(1.25rem, 4vw, 2.5rem);
  box-sizing: border-box;
}
@media (min-width: 64rem) {
  html.se-faq-page .se-res-faq {
    padding-top: 2.5rem;
    padding-bottom: 5rem;
  }
  html.se-faq-page .se-res-faq .se-about-faq__inner {
    padding-inline: 2.5rem;
  }
}

/* =================================================================
   Craft Matters — m-text measure, quote overlay, products, chapters
   ================================================================= */
html.se-resources-detail-page .se-res-intro,
html.se-resources-detail-page .se-res-prose,
html.se-resources-detail-page .se-res-after {
  width: 100%;
  max-width: 1512px;
  margin: 0 auto;
  padding: 2rem 16px;
  text-align: center;
  box-sizing: border-box;
}
html.se-resources-detail-page .se-res-after + .se-res-after {
  padding-top: 0.75rem;
}
@media (min-width: 64rem) {
  html.se-resources-detail-page .se-res-intro,
  html.se-resources-detail-page .se-res-prose,
  html.se-resources-detail-page .se-res-after {
    padding: 2.75rem 36px;
  }
  html.se-resources-detail-page .se-res-after + .se-res-after {
    padding-top: 0.5rem;
  }
}
html.se-resources-detail-page .se-res-intro__inner,
html.se-resources-detail-page .se-res-prose__inner,
html.se-resources-detail-page .se-res-after__inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (min-width: 48rem) {
  html.se-resources-detail-page .se-res-intro__inner,
  html.se-resources-detail-page .se-res-prose__inner,
  html.se-resources-detail-page .se-res-after__inner {
    width: 66.67%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 64rem) {
  html.se-resources-detail-page .se-res-intro__inner,
  html.se-resources-detail-page .se-res-prose__inner,
  html.se-resources-detail-page .se-res-after__inner {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
html.se-resources-detail-page .se-res-intro h2,
html.se-resources-detail-page .se-res-prose h2,
html.se-resources-detail-page .se-res-after h2 {
  margin: 0 auto 0.6rem;
  max-width: min(42rem, 100%);
  width: 100%;
  font-size: 32px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: -1.25px !important;
  font-weight: 400 !important;
  text-align: center !important;
}
html.se-resources-detail-page .se-res-intro p,
html.se-resources-detail-page .se-res-prose p,
html.se-resources-detail-page .se-res-after p {
  margin: 0 auto 0.6rem;
  max-width: min(42rem, 100%);
  width: 100%;
  color: #191817 !important;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  text-align: center !important;
}
html.se-resources-detail-page .se-res-intro p:last-child,
html.se-resources-detail-page .se-res-prose p:last-child,
html.se-resources-detail-page .se-res-after p:last-child {
  margin-bottom: 0;
}

/* Detail header + body — center like About hero/story on all viewports */
html.se-resources-detail-page .se-res-header__text {
  align-items: center;
}
html.se-resources-detail-page .se-res-header__eyebrow,
html.se-resources-detail-page .se-res-header__title,
html.se-resources-detail-page main h1.se-res-header__title,
html.se-resources-detail-page .se-res-header__lede {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  html.se-resources-detail-page .se-res-intro,
  html.se-resources-detail-page .se-res-prose,
  html.se-resources-detail-page .se-res-after {
    padding: 2.5rem 16px;
    text-align: center;
  }
  html.se-resources-detail-page .se-res-after + .se-res-after {
    padding-top: 0.5rem;
  }
  html.se-resources-detail-page .se-res-intro__inner,
  html.se-resources-detail-page .se-res-prose__inner,
  html.se-resources-detail-page .se-res-after__inner {
    width: 100%;
    text-align: center;
  }
  html.se-resources-detail-page .se-res-intro h2,
  html.se-resources-detail-page .se-res-prose h2,
  html.se-resources-detail-page .se-res-after h2 {
    margin: 0 auto 0.6rem;
    font-size: 18.5px !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
    text-align: center !important;
  }
  html.se-resources-detail-page .se-res-intro p,
  html.se-resources-detail-page .se-res-prose p,
  html.se-resources-detail-page .se-res-after p {
    margin: 0 auto 0.6rem;
    font-size: 13px !important;
    text-align: center !important;
  }
  html.se-resources-detail-page .se-res-header {
    text-align: center;
  }
  html.se-resources-detail-page .se-res-header__eyebrow,
  html.se-resources-detail-page .se-res-header__title,
  html.se-resources-detail-page main h1.se-res-header__title,
  html.se-resources-detail-page .se-res-header__lede {
    width: 100% !important;
    max-width: min(42rem, 100%);
    text-align: center !important;
  }
  html.se-resources-detail-page .se-res-header__title,
  html.se-resources-detail-page main h1.se-res-header__title {
    font-size: 22px !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  html.se-resources-detail-page .se-res-header__eyebrow,
  html.se-resources-detail-page .se-res-header__lede {
    font-size: 13px !important;
  }
}

/* Quote banner — plain sticky cover + parallax (no overlay text) */
html.se-resources-detail-page .se-res-quote,
html.se-resources-detail-page .se-res-quote-banner {
  position: relative;
  z-index: 0;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 70vh;
  min-height: 70vh;
  max-height: none;
  overflow: hidden;
  background: #191817;
}
@media (min-width: 768px) {
  html.se-resources-detail-page .se-res-quote,
  html.se-resources-detail-page .se-res-quote-banner {
    height: 100vh;
    height: 100svh;
    min-height: 100vh;
    min-height: 100svh;
  }
}
html.se-resources-detail-page .se-res-quote::after,
html.se-resources-detail-page .se-res-quote__inner,
html.se-resources-detail-page .se-res-quote__text {
  display: none !important;
}
html.se-resources-detail-page .se-res-quote-cover-stack {
  position: relative;
  z-index: 1;
  background: #fff;
}
html.se-resources-detail-page .se-res-sticky-spacer {
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
}
html.se-resources-detail-page .se-res-quote.has-parallax > img,
html.se-resources-detail-page .se-res-quote-banner.has-parallax > img,
html.se-resources-detail-page .se-res-quote [data-parallax-media] {
  position: absolute;
  inset: -12% 0;
  width: 100%;
  height: 124%;
  object-fit: cover;
  display: block;
  will-change: transform;
  transform: translate3d(0, 0, 0) scale(1.18);
}
@media (prefers-reduced-motion: reduce) {
  html.se-resources-detail-page .se-res-quote.has-parallax > img,
  html.se-resources-detail-page .se-res-quote-banner.has-parallax > img,
  html.se-resources-detail-page .se-res-quote [data-parallax-media] {
    inset: 0;
    height: 100%;
    transform: none !important;
    will-change: auto;
  }
}

.se-res-products {
  display: none !important;
}

/* Craft Matters chapters = fiftyFifty (video | copy), not full-bleed + caption */
.se-res-chapter {
  scroll-margin-top: calc(var(--se-header-h, 4.25rem) + 1rem);
}
.se-res-chapter .se-res-fifty__media {
  position: relative;
}
.se-res-chapter .se-res-fifty__media video {
  filter: blur(18px);
  animation: se-media-unblur 1.35s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.se-res-chapter .se-res-fifty__media .se-hero__pause {
  right: 16px;
  bottom: 16px;
}
html.se-resources-detail-page .se-res-fifty,
html.se-resources-detail-page .se-res-chapter.se-res-fifty {
  padding: 1.5rem 16px;
}
@media (min-width: 64rem) {
  html.se-resources-detail-page .se-res-fifty,
  html.se-resources-detail-page .se-res-chapter.se-res-fifty {
    padding: 2.5rem 36px;
  }
}

html.se-resources-detail-page .se-about-explore {
  max-width: 1512px;
  margin-inline: auto;
  padding: 3rem 16px 3.5rem;
}
@media (min-width: 64rem) {
  html.se-resources-detail-page .se-about-explore {
    padding: 4rem 36px 4.5rem;
  }
}
html.se-resources-detail-page .se-about-explore__title-wrap {
  max-width: none;
  margin: 0 0 1.5rem;
  padding: 0;
  text-align: left;
}
html.se-resources-detail-page .se-about-explore__title,
html.se-resources-detail-page .se-about .se-about-explore__title,
html.se-resources-detail-page main .se-about-explore__title {
  margin: 0 !important;
  font-size: 32px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: -1.25px !important;
  font-weight: 400 !important;
  text-align: left !important;
}
html.se-resources-detail-page main h3.se-about-explore__name,
html.se-resources-detail-page .se-about-explore__name,
html.se-resources-detail-page .se-about .se-about-explore__name {
  margin: 0 !important;
  font-size: 18.5px !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  font-weight: 400 !important;
  text-align: left !important;
}
html.se-resources-detail-page .se-about-explore__kicker,
html.se-resources-detail-page .se-about .se-about-explore__kicker {
  margin: 0.6rem 0 0.35rem !important;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  text-transform: uppercase;
  text-align: left !important;
}
@media (max-width: 767.98px) {
  html.se-resources-detail-page .se-about-explore__title,
  html.se-resources-detail-page .se-about .se-about-explore__title,
  html.se-resources-detail-page main .se-about-explore__title {
    font-size: 18.5px !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  html.se-resources-detail-page .se-about-explore__kicker,
  html.se-resources-detail-page .se-about .se-about-explore__kicker {
    font-size: 13px !important;
  }
  html.se-resources-detail-page main h3.se-about-explore__name,
  html.se-resources-detail-page .se-about-explore__name {
    font-size: 15px !important;
  }
}
html.se-resources-detail-page .se-about-explore__item figure {
  aspect-ratio: 1 / 1 !important;
}
html.se-resources-detail-page .se-about-explore__grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.5rem;
  gap: 0;
}
html.se-resources-detail-page .se-about-explore__item {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 0.5rem 1.5rem;
  box-sizing: border-box;
}
@media (min-width: 48rem) {
  html.se-resources-detail-page .se-about-explore__item {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 0.75rem 1.5rem;
  }
}

/* Join / Start a project — same spacing & layout as Services */
html.se-resources-page .se-plp-cta,
html.se-resources-page .se-about .se-plp-cta {
  background: #fcfaee !important;
  text-align: center !important;
  padding: 3rem 16px 3.25rem !important;
}
@media (min-width: 64rem) {
  html.se-resources-page .se-plp-cta,
  html.se-resources-page .se-about .se-plp-cta {
    padding: 3rem 36px 3.25rem !important;
  }
}
html.se-resources-page .se-plp-cta__inner,
html.se-resources-page .se-about .se-plp-cta__inner {
  width: 100% !important;
  max-width: min(36rem, 100%) !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
html.se-resources-page .se-plp-cta__mark,
html.se-resources-page .se-about .se-plp-cta__mark {
  width: auto !important;
  height: 2.5rem !important;
  max-width: 2.75rem !important;
  margin: 0 auto 0.85rem !important;
  display: block !important;
  object-fit: contain !important;
}
html.se-resources-page .se-plp-cta__title,
html.se-resources-page .se-about .se-plp-cta__title {
  margin: 0 0 0.55rem !important;
  font-size: 15px !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  text-transform: uppercase !important;
  line-height: var(--se-lh, 1.3) !important;
  font-weight: 400 !important;
  text-align: center !important;
  color: #191817 !important;
}
html.se-resources-page .se-plp-cta__copy,
html.se-resources-page .se-about .se-plp-cta__copy {
  margin: 0 !important;
  max-width: min(36rem, 100%) !important;
  font-size: var(--se-body-size, 15px) !important;
  line-height: var(--se-lh, 1.3) !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  text-align: center !important;
  color: #191817 !important;
}
html.se-resources-page .se-plp-cta__btn,
html.se-resources-page .se-about .se-plp-cta__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 8.5rem !important;
  min-height: 2.75rem !important;
  margin-top: 1.15rem !important;
  padding: 0.55rem 1.6rem !important;
  border: 1px solid #191817 !important;
  border-radius: 40px !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #191817 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: var(--se-tracking, -0.20px) !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}
/* Must beat the default block above — otherwise hover never fills until focus/click */
html.se-resources-page .se-plp-cta__btn:hover,
html.se-resources-page .se-plp-cta__btn:focus-visible,
html.se-resources-page .se-about .se-plp-cta__btn:hover,
html.se-resources-page .se-about .se-plp-cta__btn:focus-visible {
  background: #191817 !important;
  background-color: #191817 !important;
  border-color: #191817 !important;
  color: #fff !important;
}

html.se-resources-page .se-res-sectitle {
  text-align: center !important;
}

/* Hub About-style hero + Craft mobile type */
@media (max-width: 767.98px) {
  html.se-resources-page:not(.se-resources-detail-page) .se-about-hero__media {
    aspect-ratio: unset !important;
    height: 70vh !important;
    min-height: 70vh !important;
    max-height: 70vh !important;
    margin-inline: 0 !important;
  }
  html.se-resources-detail-page .se-res-hero {
    aspect-ratio: unset !important;
    height: 70vh !important;
    min-height: 0 !important;
    max-height: 70vh !important;
    margin-inline: 16px;
    --about-hero-inset: 16px;
  }
  html.se-resources-detail-page .se-res-quote,
  html.se-resources-detail-page .se-res-quote-banner,
  html.se-resources-page .se-res-immersive,
  html.se-resources-page .se-res-sticky-cover {
    height: 70vh !important;
    min-height: 70vh !important;
    max-height: 70vh !important;
  }
  html.se-resources-page:not(.se-resources-detail-page) .se-about-hero__title,
  html.se-resources-page main h1.se-res-header__title,
  html.se-resources-page .se-res-header__title {
    font-size: 22px !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  html.se-resources-page:not(.se-resources-detail-page) .se-about-hero__lede,
  html.se-resources-page .se-res-header__eyebrow,
  html.se-resources-page .se-res-header__lede,
  html.se-resources-page .se-res-duo__item p,
  html.se-resources-page .se-res-fifty__copy p,
  html.se-resources-page .se-res-immersive__copy p,
  html.se-resources-page .se-about-faq__panel p,
  html.se-resources-detail-page .se-res-prose p,
  html.se-resources-detail-page .se-res-intro p,
  html.se-resources-detail-page .se-res-after p {
    font-size: 13px !important;
    line-height: var(--se-lh, 1.3) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  html.se-resources-page h2.se-res-sectitle,
  html.se-resources-page .se-res-sectitle,
  html.se-resources-page .se-res-immersive__copy h2,
  html.se-resources-detail-page .se-res-intro h2,
  html.se-resources-detail-page .se-res-prose h2,
  html.se-resources-detail-page .se-res-after h2 {
    font-size: 18.5px !important;
    line-height: var(--se-lh, 1.3) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  html.se-resources-detail-page .se-about-explore__title,
  html.se-resources-detail-page .se-about .se-about-explore__title,
  html.se-resources-detail-page main .se-about-explore__title {
    font-size: 18.5px !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  html.se-resources-detail-page .se-about-explore__kicker,
  html.se-resources-detail-page .se-about .se-about-explore__kicker {
    font-size: 13px !important;
    line-height: var(--se-lh, 1.3) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  html.se-resources-detail-page main h3.se-about-explore__name,
  html.se-resources-detail-page .se-about-explore__name,
  html.se-resources-detail-page .se-about .se-about-explore__name {
    font-size: 15px !important;
    line-height: var(--se-lh, 1.3) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  html.se-resources-page .se-res-immersive__copy--cr,
  html.se-resources-page .se-res-immersive__copy--cl {
    position: absolute;
    inset: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    max-width: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center !important;
    padding: 2rem 1.25rem;
  }
  html.se-resources-page .se-res-immersive__copy h2,
  html.se-resources-page .se-res-immersive__copy p,
  html.se-resources-page .se-res-immersive__copy--cr .se-about-pill,
  html.se-resources-page .se-res-immersive__copy--cl .se-about-pill {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }
  html.se-resources-page .se-res-immersive.has-copy::after {
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.55) 100%) !important;
  }
  /* Guide cards centered on mobile (match desktop) */
  html.se-resources-page .se-res-duo__item,
  html.se-resources-page .se-res-duo__body,
  html.se-resources-page .se-res-duo__item h3,
  html.se-resources-page .se-res-duo__item p {
    text-align: center !important;
    align-items: center !important;
  }
  html.se-resources-page .se-res-duo__body .se-about-pill {
    align-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* Fifty sections stay left on mobile */
  html.se-resources-page .se-res-fifty__copy,
  html.se-resources-page .se-res-fifty__copy h3,
  html.se-resources-page .se-res-fifty__copy p {
    text-align: left !important;
    align-items: flex-start !important;
  }
  html.se-resources-page .se-res-fifty__copy .se-about-pill,
  html.se-resources-page .se-res-fifty__copy .se-res-link {
    align-self: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html.se-resources-page .se-plp-cta__title,
  html.se-resources-page .se-about .se-plp-cta__title,
  html.se-resources-page .se-plp-cta__copy,
  html.se-resources-page .se-about .se-plp-cta__copy,
  html.se-resources-page .se-plp-cta__btn,
  html.se-resources-page .se-about .se-plp-cta__btn {
    font-size: 13px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.se-resources-page:not(.se-resources-detail-page) .se-about-hero__media video,
  html.se-resources-detail-page .se-res-hero video,
  .se-res-chapter .se-res-fifty__media video {
    filter: none;
    animation: none;
    transform: none;
  }
}


/* —— Mobile body text hard lock: exactly 13px (not 13.5 / 14) —— */
@media (max-width: 767.98px) {
  :root {
    --se-body-size: 13px !important;
  }
  html {
    font-size: 13px;
  }
  main,
  main p,
  main li,
  main td,
  main th,
  main figcaption,
  main label,
  .se-duo__text,
  .se-duo__text-link,
  .se-duo [data-cid="n132"],
  .se-duo [data-cid="n133"],
  .se-duo [data-cid="n145"],
  .se-duo [data-cid="n146"],
  .se-duo [data-cid="n150"],
  .se-hero__lede,
  [data-cid="n161"],
  html.se-home [data-cid="n161"],
  html.se-home a[data-cid="n116"],
  html.se-home [data-cid="n116"],
  .se-about-hero__lede,
  .se-about-hero__eyebrow,
  .se-about-feature__card p,
  .se-about-split__copy p,
  .se-about-pillar__body,
  .se-about-pillar p,
  .se-about-explore__kicker,
  .se-about-faq__btn > span:first-child,
  .se-about-faq__panel p,
  .se-industries-immersive__body,
  .se-industries-statement__body,
  .se-industries-copy__body,
  .se-industries-explore__body,
  .se-industries-explore__lede,
  .se-industries-hero__eyebrow,
  .se-industries-detail-section__intro,
  .se-industries-detail-start__body,
  .se-industries-detail-grid p,
  .se-industries-detail-case p,
  .se-pdp-overview__body,
  .se-pdp-overview__note,
  .se-pdp-story__copy p,
  .se-pdp-hero__eyebrow,
  .se-pdp-hero p,
  .se-plp__desc,
  .se-plp__meta,
  .se-plp__copy,
  .se-plp-cta__body,
  .se-res-header__lede,
  .se-res-header__eyebrow,
  .se-res-duo__item p,
  .se-res-fifty__copy p,
  .se-res-immersive__copy p,
  .se-res-link,
  .se-fit__option,
  .se-fit__btn,
  .se-fit__btn span,
  .se-fit__result,
  .se-fit__score,
  .se-fit__answer,
  .se-fit__label,
  .se-newsletter__placeholder,
  .se-newsletter__actions button,
  .se-legal p,
  .se-legal li,
  .se-cookies p,
  .se-cookies li,
  .se-search__input,
  .se-search__input::placeholder,
  .se-search__suggest-item,
  .se-search__hit-title,
  .o-footer p:not(.o-footer__brand):not(.head):not(.m-footerPolicies__title),
  .o-footer li,
  .o-footer a:not(.o-footer__brand) {
    font-size: 13px !important;
  }
  .o-footer__brand {
    font-size: clamp(14px, 4.6vw, 23.8px) !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.05 !important;
    text-transform: uppercase !important;
  }
  .o-footer .m-footerLinksInternalList .head,
  .o-footer .accordian-btn .head,
  .o-footer p.head {
    font-size: 16px !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }
  #main-footer.o-footer p.m-footerPolicies__title,
  .o-footer p.m-footerPolicies__title,
  .o-footer .m-footerPolicies__title {
    font-size: 18px !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }
}



/* —— Resources mobile type lock (match 15px specificity) —— */
@media (max-width: 767.98px) {
  html.se-resources-page,
  html.se-resources-page body {
    --se-body-size: 13px !important;
  }
  html.se-resources-page .se-about-hero__lede,
  html.se-resources-page:not(.se-resources-detail-page) .se-about-hero__lede,
  html.se-resources-page .se-res-header__lede,
  html.se-resources-page .se-res-header__eyebrow,
  html.se-resources-page .se-res-duo__item p,
  html.se-resources-page main .se-res-duo__item p,
  html.se-resources-page .se-res-fifty__copy p,
  html.se-resources-page main .se-res-fifty__copy p,
  html.se-resources-page .se-res-immersive__copy p,
  html.se-resources-page .se-res-faq__lede,
  html.se-resources-page .se-res-faq .se-about-faq__panel p,
  html.se-resources-page .se-about-faq__panel p,
  html.se-resources-page .se-about-faq__btn > span:first-child,
  html.se-resources-page .se-plp-cta__copy,
  html.se-resources-page .se-about .se-plp-cta__copy,
  html.se-resources-page a.se-res-link,
  html.se-resources-page .se-about a.se-res-link,
  html.se-resources-page .se-res-faq-cta p,
  html.se-faq-page .se-res-faq .se-about-faq__panel p,
  html.se-faq-page .se-about-faq__btn > span:first-child,
  html.se-faq-page .se-res-header__lede,
  html.se-resources-detail-page .se-res-prose p,
  html.se-resources-detail-page .se-res-intro p,
  html.se-resources-detail-page .se-res-after p,
  html.se-resources-detail-page .se-about-explore__kicker {
    font-size: 13px !important;
    line-height: var(--se-lh, 1.3) !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
  html.se-resources-page .se-about-faq h2,
  html.se-resources-page .se-res-faq h2,
  html.se-faq-page .se-about-faq h2,
  html.se-faq-page .se-res-header__title,
  html.se-faq-page main h1.se-res-header__title {
    font-size: 18.5px !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
    line-height: var(--se-lh, 1.3) !important;
  }
  html.se-resources-page .se-res-duo__item h3,
  html.se-resources-page main .se-res-duo__item h3,
  html.se-resources-page .se-res-fifty__copy h3,
  html.se-resources-page main .se-res-fifty__copy h3 {
    font-size: 15px !important;
    letter-spacing: var(--se-tracking, -0.20px) !important;
  }
}

/* —— Guide cards: force center (desktop + mobile) —— */
html.se-resources-page .se-res-guides .se-res-duo__item,
html.se-resources-page main .se-res-guides .se-res-duo__item,
html.se-resources-page .se-res-guides .se-res-duo__body,
html.se-resources-page main .se-res-guides .se-res-duo__body {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
html.se-resources-page .se-res-guides .se-res-duo__item h3,
html.se-resources-page main .se-res-guides .se-res-duo__item h3,
html.se-resources-page .se-res-guides .se-res-duo__item p,
html.se-resources-page main .se-res-guides .se-res-duo__item p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
html.se-resources-page .se-res-guides .se-res-duo__body .se-about-pill,
html.se-resources-page main .se-res-guides .se-res-duo__body .se-about-pill,
html.se-resources-page .se-res-guides .se-res-duo__item .se-about-pill {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}