/*! ttobagi-mentor-team — 격리: id="tmts-root-*"+class; 테마/CSS 충돌 완화 */
/* 부모(.entry-content 등)가 자식 폭·여백을 강제하는 테마 대응 */
.entry-content > [id^="tmts-root-"].tmts.tmts-root.tmts-scope,
.wp-block-post-content > [id^="tmts-root-"].tmts.tmts-root.tmts-scope,
[class*="content"] > [id^="tmts-root-"].tmts.tmts-root.tmts-scope,
.alignwide > [id^="tmts-root-"].tmts.tmts-root.tmts-scope,
.alignfull > [id^="tmts-root-"].tmts.tmts-root.tmts-scope {
  max-width: none !important;
  width: auto !important;
  margin-inline: 0 !important;
  float: none !important;
  clear: both !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope *,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope *::before,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope *::after {
  box-sizing: border-box;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
    system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  word-break: normal;
  word-wrap: break-word;
  color: var(--tmts-color-navy);
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  background: transparent;
  isolation: isolate;
  position: relative;
  overflow: visible;
  contain: layout style;
  text-align: start;
  text-transform: none;
  font-style: normal;
  font-weight: 400;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope img {
  vertical-align: middle;
  border-style: none;
  height: auto;
  border: 0;
  box-shadow: none;
  outline: none;
  background: none;
}

/** 테마 img { max-width:100% } 보정 — 초상은 열 너비+bleed 상한, 높이는 토큰으로 통일 */
[id^="tmts-root-"].tmts.tmts-root.tmts-scope img.tmts-portrait {
  width: auto !important;
  height: auto !important;
  max-width: calc(100% + var(--tmts-portrait-bleed-inline)) !important;
  max-height: var(--tmts-portrait-max-block) !important;
  object-fit: contain !important;
  object-position: bottom right;
}

/** 섹션 폭 고정 차단 (.entry-content .alignwide 등) */
[id^="tmts-root-"].tmts.tmts-root.tmts-scope section.tmts-section {
  margin: 0 !important;
  margin-inline: 0 !important;
  max-width: none !important;
  width: auto !important;
  box-sizing: border-box;
  overflow-x: visible !important;
  overflow-y: visible !important;
  border: none !important;
  box-shadow: none !important;
  float: none !important;
  clear: none !important;
  text-align: inherit;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope h2.tmts-heading,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope h3.tmts-card-name {
  font-family: inherit;
  text-transform: none !important;
  font-style: normal !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  float: none !important;
  clear: none !important;
  text-decoration: none !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope header.tmts-header {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  float: none !important;
  clear: none !important;
  text-align: center !important;
  width: 100%;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope p.tmts-card-role,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope p.tmts-card-desc,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope p.tmts-feature-title,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope p.tmts-feature-desc {
  margin-block: 0;
  margin-inline: 0;
  padding: 0;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  font-style: normal !important;
  float: none !important;
  clear: none !important;
  text-decoration: none !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope p.tmts-intro {
  margin-block: 0;
  margin-inline: 0;
  padding: 0;
  border: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  font-style: normal !important;
  float: none !important;
  clear: none !important;
  text-decoration: none !important;
  background: none !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope span.tmts-badge-dot,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope span.tmts-badge-label,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope span.tmts-intro-line,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope span.tmts-card-rule {
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-style: normal !important;
  text-transform: none !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope span.tmts-badge-label,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope span.tmts-intro-line {
  background: none !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope ul.tmts-cards,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope ul.tmts-cards > li {
  list-style: none !important;
  list-style-type: none !important;
  padding: 0 !important;
  padding-inline-start: 0 !important;
  margin-block: 0;
  margin-inline: 0;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope ul.tmts-cards > li::before,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope ul.tmts-cards > li::after,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope ul.tmts-cards > li::marker {
  content: none !important;
  display: none !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope li.tmts-card.tmts-card-flow {
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  float: none !important;
  clear: none !important;
  list-style: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: stretch !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-card-surface,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope header.tmts-header,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-inner,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-slider,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-slider-viewport,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-card-copy,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-card-visual,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-features,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-feature-cell,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-feature-text,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-bg-art {
  min-width: 0;
  float: none !important;
  clear: none !important;
  border: none;
  box-shadow: none;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-card-surface,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-slider-viewport {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope button.tmts-slider-arrow {
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
  text-transform: none;
  letter-spacing: normal;
  margin: 0 !important;
  box-shadow: none;
  text-shadow: none;
  float: none !important;
  min-height: 0;
  min-width: 0;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope a.tmts-card-more {
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
  text-decoration: none !important;
  outline-offset: 2px;
  margin: 0 !important;
  box-shadow: none;
  text-shadow: none;
  float: none !important;
  border: none;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope a.tmts-card-more:link,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope a.tmts-card-more:visited,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope a.tmts-card-more:hover,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope a.tmts-card-more:active,
[id^="tmts-root-"].tmts.tmts-root.tmts-scope a.tmts-card-more:focus {
  text-decoration: none !important;
  outline: none;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-portrait.tmts-portrait-placeholder {
  min-block-size: 120px;
  background: repeating-linear-gradient(
    -45deg,
    rgba(26, 43, 75, 0.04),
    rgba(26, 43, 75, 0.04) 6px,
    transparent 6px,
    transparent 12px
  );
}

/** 슬라이더 레이아웃: 테마 flex/overflow/포지션이 덮는 경우 완화 (미디어쿼리는 기존 규칙 유지, !important는 최소) */
[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-slider {
  box-sizing: border-box !important;
  position: relative !important;
  overflow: visible !important;
  padding-inline: clamp(44px, 5vw, 56px);
  display: block !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope div.tmts-slider-viewport {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: visible !important;
  display: block !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope ul.tmts-cards.tmts-cards-slider {
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope button.tmts-slider-arrow {
  z-index: 10 !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope img.tmts-portrait {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope img.tmts-feature-icon {
  display: block !important;
  max-width: none !important;
}

/* Layout SSOT: inner column `--tmts-layout-max-width`; QA viewport width = 그 값 + 좌우 section padding × 2
 * 반응형 브레이크포인트(아래부터 max-width 순):
 *   desktop  기본 (~1024px 이상): 세로 간격은 ui-ux.png와 맞춘 토큰, 섹션 높이는 콘텐츠에 따라 가변
 *   tablet   ~1023px 이하      : 강사 슬라이더 한 장씩 노출·피처 2×2, 섹션 높이 가변
 *   mobile   ~639px 이하      : 강사 슬라이더 동일 패턴 · 피처 1열
 */
[id^="tmts-root-"].tmts.tmts-root.tmts-scope {
  --tmts-layout-max-width: 1400px;

  --tmts-color-navy: #1a2b4b;
  --tmts-color-subtle: #666666;
  --tmts-color-muted: #888888;
  /* Section canvas (off-white) vs card surface (pure white) — token parity with ui-ux */
  --tmts-color-page: #f8f9fa;
  --tmts-card-surface-bg: #ffffff;
  /* Legacy alias retained where still referenced */
  --tmts-color-card: #f5f7fa;

  /* iter 01 — section framing vs ui-ux.png (헤더·카드영역·피처 사이 숨통) */
  --tmts-section-pad-block-start: 64px;
  --tmts-section-pad-block-end: 54px;
  --tmts-inline-pad-clamp: 92px;

  /* iter 02 — 배지 ↔ 제목 ↔ 서브 (ui-ux mock) */
  --tmts-heading-gap-badge: 20px;
  --tmts-intro-gap-heading: 12px;
  --tmts-intro-line-gap: 2px;

  --tmts-badge-pad-inline: 18px;
  --tmts-badge-pad-block: 6px;
  --tmts-badge-radius: 999px;
  --tmts-badge-fs: 12px;
  --tmts-badge-fw: 600;
  --tmts-badge-ls: 0.04em;
  --tmts-dot-size: 3px;

  --tmts-title-fs: 40px;
  --tmts-title-lh: 1.3;
  --tmts-title-fw: 800;
  --tmts-title-ls: -0.025em;

  /* iter 03 — subtitle block */
  --tmts-intro-fs: 16px;
  --tmts-intro-lh: 1.625;
  --tmts-intro-max: 560px;
  --tmts-intro-fw: 400;

  /* iter 04 — 서브 ↔ 슬라이더 · 카드 행 바닥(피처 전환까지 숨통) */
  --tmts-cards-margin-top: clamp(52px, 5.5vw, 72px);
  --tmts-slider-pad-block-end: clamp(16px, 2.8vw, 28px);
  --tmts-cards-gap-row: 0;
  --tmts-cards-gap-col: 21px;

  /* iter 05 — card shell (ui-ux mock: 균일 카드 높이 + 좌텍스트/우초상 2열) */
  --tmts-card-min-block: clamp(272px, 21vw, 300px);
  --tmts-card-radius: 20px;
  --tmts-card-pad-inline: 30px;
  --tmts-card-pad-block-start: 30px;
  --tmts-card-pad-block-end: 42px;

  /* iter 06 — divider + headings */
  --tmts-rule-width: 30px;
  --tmts-rule-height: 4px;

  --tmts-card-name-fs: 25.75px;
  --tmts-card-name-lh: 1.26;
  --tmts-card-role-fs: 17px;
  --tmts-card-role-lh: 1.42;
  --tmts-card-role-gap: 8px;

  --tmts-card-desc-fs: 12.95px;
  --tmts-card-desc-lh: 1.74;
  --tmts-card-copy-max-w: 41ch;

  /* iter 07 — portraits + FAB (ui-ux mock: 카드 우하단 정렬·동일 헤드라인) */
  --tmts-photo-overlap-y: 38px;
  --tmts-portrait-bleed-inline: 52px;
  --tmts-portrait-max-block: clamp(228px, 17.5vw, 268px);

  --tmts-more-size: 37px;

  /* iter 08 — 카드 블록 ↔ 피처 밴드(mock 대비 띄움 강화) */
  --tmts-features-margin-top: clamp(56px, 5.8vw, 78px);
  --tmts-features-pad-inline: 6px;
  --tmts-features-pad-block: 14px;
  --tmts-features-radius: 17px;

  /* iter 09 — footer typography + icon hit area */
  --tmts-feature-title-fs: 16.25px;
  --tmts-feature-title-lh: 1.42;
  --tmts-feature-desc-fs: 13.08px;
  --tmts-feature-desc-lh: 1.62;

  /* 호버 피드백 (fine pointer에서만 활용, reduced-motion에서는 비활성) */
  --tmts-hover-duration: 0.38s;
  --tmts-hover-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --tmts-card-hover-lift-y: -4px;
  --tmts-feature-hover-fill: rgba(255, 255, 255, 0.42);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-section {
  position: relative;
  isolation: isolate;
  min-height: min(716px, 100vh);
  max-height: none;
  padding-block: var(--tmts-section-pad-block-start) var(--tmts-section-pad-block-end);
  padding-inline: var(--tmts-inline-pad-clamp);
  overflow-x: clip;
  overflow-y: visible;
  background-color: var(--tmts-color-page);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-bg-art {
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* iter 10 — soft vignette halo */
[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-bg-art::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -18%;
  width: 150%;
  height: 145%;
  transform: translate(-50%, 0);
  background: radial-gradient(
    circle at 50% 22%,
    rgba(229, 234, 242, 0.55),
    transparent 58%
  );
  opacity: 0.9;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-bg-art::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -14%;
  width: 148%;
  height: 150%;
  transform: translate(-50%, -2%);
  background: radial-gradient(
    farthest-side circle at 50% 26%,
    transparent 71%,
    rgba(226, 234, 244, 0.35) calc(71% + 1px),
    rgba(226, 234, 244, 0.28) calc(71% + 5px),
    transparent calc(72% + 10px)
  );
  opacity: 0.48;
  mix-blend-mode: multiply;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-inner {
  position: relative;
  z-index: 1;
  max-inline-size: var(--tmts-layout-max-width);
  margin-inline: auto;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-header {
  display: block !important;
  text-align: center !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-badge {
  display: inline-flex !important;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin: 0 auto !important;
  padding: var(--tmts-badge-pad-block) var(--tmts-badge-pad-inline) !important;
  border-radius: var(--tmts-badge-radius) !important;
  background-color: var(--tmts-color-navy) !important;
  color: #ffffff !important;
  font-size: var(--tmts-badge-fs) !important;
  line-height: 1.2 !important;
  letter-spacing: var(--tmts-badge-ls);
  font-weight: var(--tmts-badge-fw) !important;
  text-align: center !important;
  border: none !important;
  box-shadow: none !important;
  transition:
    transform var(--tmts-hover-duration) var(--tmts-hover-ease),
    box-shadow var(--tmts-hover-duration) var(--tmts-hover-ease),
    filter var(--tmts-hover-duration) var(--tmts-hover-ease),
    background-color var(--tmts-hover-duration) var(--tmts-hover-ease);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-badge-dot {
  inline-size: var(--tmts-dot-size);
  block-size: var(--tmts-dot-size);
  border-radius: 50%;
  background: rgba(226, 234, 244, 0.55) !important;
  box-shadow: 0 0 0 0.65px rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-badge-label {
  color: #ffffff !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-heading {
  display: block !important;
  width: 100%;
  margin: var(--tmts-heading-gap-badge) 0 0 !important;
  padding: 0 !important;
  font-weight: var(--tmts-title-fw) !important;
  font-size: var(--tmts-title-fs) !important;
  line-height: var(--tmts-title-lh) !important;
  letter-spacing: var(--tmts-title-ls);
  color: var(--tmts-color-navy) !important;
  text-align: center !important;
  transition:
    transform var(--tmts-hover-duration) var(--tmts-hover-ease),
    color var(--tmts-hover-duration) var(--tmts-hover-ease);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-intro {
  display: block !important;
  margin: var(--tmts-intro-gap-heading) auto 0 !important;
  padding: 0 !important;
  max-inline-size: var(--tmts-intro-max);
  color: var(--tmts-color-subtle) !important;
  font-size: var(--tmts-intro-fs) !important;
  line-height: var(--tmts-intro-lh) !important;
  font-weight: var(--tmts-intro-fw) !important;
  text-align: center !important;
  transition: transform var(--tmts-hover-duration) var(--tmts-hover-ease);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-intro-line {
  display: block;
  text-align: center;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-intro-line + .tmts-intro-line {
  margin-block-start: var(--tmts-intro-line-gap);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider {
  position: relative;
  z-index: 1;
  margin-block-start: var(--tmts-cards-margin-top);
  padding-inline: clamp(40px, 4.25vw, 52px);
  padding-block-end: var(--tmts-slider-pad-block-end);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider-viewport {
  position: relative;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-cards.tmts-cards-slider {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-block-end: 0;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: var(--tmts-cards-gap-col);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-cards.tmts-cards-slider::-webkit-scrollbar {
  inline-size: 0;
  block-size: 0;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-cards.tmts-cards-slider > li {
  flex: 0 0 calc((100% - (2 * var(--tmts-cards-gap-col))) / 3);
  min-inline-size: 0;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: stretch !important;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider-arrow {
  position: absolute;
  inset-block-start: 50%;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 44px;
  block-size: 44px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background-color: var(--tmts-color-navy);
  color: #ffffff;
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(26, 43, 75, 0.2);
  transform: translateY(-50%);
  transition:
    transform var(--tmts-hover-duration) var(--tmts-hover-ease),
    box-shadow var(--tmts-hover-duration) var(--tmts-hover-ease),
    background-color var(--tmts-hover-duration) var(--tmts-hover-ease),
    opacity 0.2s ease;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider-arrow:focus-visible {
  outline: 2px solid rgba(26, 43, 75, 0.45);
  outline-offset: 3px;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider-arrow span::before {
  display: block;
  content: "\2039";
  margin-block-start: -2px;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider-arrow--next span::before {
  content: "\203A";
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider-arrow:hover:not(:disabled) {
  transform: translateY(calc(-50% - 2px)) scale(1.04);
  box-shadow: 0 14px 34px rgba(26, 43, 75, 0.24);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider-arrow:disabled {
  opacity: 0.32;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider-arrow--prev {
  inset-inline-start: 0;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider-arrow--next {
  inset-inline-end: 0;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-flow {
  min-block-size: 0;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  align-self: stretch !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-cards > li > .tmts-card-surface {
  flex: 1 1 auto;
  min-block-size: var(--tmts-card-min-block);
  height: 100% !important;
  max-height: none !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-surface {
  display: grid !important;
  grid-template-columns: minmax(0, 40%) minmax(0, 60%) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: stretch !important;
  min-block-size: var(--tmts-card-min-block);
  position: relative;
  background-color: var(--tmts-card-surface-bg);
  border-radius: var(--tmts-card-radius);
  padding-block: var(--tmts-card-pad-block-start)
    calc(var(--tmts-card-pad-block-end) + var(--tmts-photo-overlap-y) * 0.18);
  padding-inline: var(--tmts-card-pad-inline);
  overflow: hidden;
  box-shadow:
    0 4px 14px rgba(26, 43, 75, 0.05),
    0 2px 6px rgba(26, 43, 75, 0.034);
  border: 1px solid rgba(255, 255, 255, 0.72);
  transition:
    transform var(--tmts-hover-duration) var(--tmts-hover-ease),
    box-shadow var(--tmts-hover-duration) var(--tmts-hover-ease),
    border-color var(--tmts-hover-duration) var(--tmts-hover-ease);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-more {
  position: absolute;
  right: 20px;
  bottom: 18px;
  z-index: 4;
  inline-size: var(--tmts-more-size);
  block-size: var(--tmts-more-size);
  border-radius: 999px;
  background-color: var(--tmts-color-navy);
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  box-shadow: 0 12px 30px rgba(26, 43, 75, 0.16);
  transition:
    transform var(--tmts-hover-duration) var(--tmts-hover-ease),
    box-shadow var(--tmts-hover-duration) var(--tmts-hover-ease),
    background-color var(--tmts-hover-duration) var(--tmts-hover-ease),
    opacity 0.2s ease;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-more:focus-visible {
  outline: 2px solid rgba(26, 43, 75, 0.45);
  outline-offset: 3px;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-more:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 16px 38px rgba(26, 43, 75, 0.2);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-more:active {
  transform: translateY(0) scale(1.02);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-copy {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 2 !important;
  align-self: start !important;
  position: relative;
  z-index: 2;
  max-inline-size: var(--tmts-card-copy-max-w);
  padding-inline-end: 8px;
  padding-block: 10px;
  word-break: keep-all;
  overflow-wrap: break-word;
  /* 초상이 텍스트 열 쪽으로 넘칠 때 그려지도록 (비주얼 열 overlay + z-index) */
  background-color: transparent;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-visual {
  grid-column: 2 / 3 !important;
  grid-row: 1 / 2 !important;
  align-self: stretch !important;
  position: relative;
  z-index: 1;
  margin-block-end: calc(-1 * var(--tmts-photo-overlap-y));
  margin-inline: 0;
  margin-block-start: 0;
  inline-size: 100%;
  max-inline-size: 100%;
  min-block-size: 0;
  block-size: auto;
  max-block-size: none;
  box-sizing: border-box;
  border-radius: 0 var(--tmts-card-radius) var(--tmts-card-radius) 0;
  overflow: visible;
  padding-inline-end: clamp(0px, 1.8%, 6px);
  padding-inline-start: clamp(6px, 2.8%, 10px);
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end;
  align-items: flex-end;
  flex-shrink: 0 !important;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-portrait {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: calc(100% + var(--tmts-portrait-bleed-inline)) !important;
  max-height: var(--tmts-portrait-max-block) !important;
  object-fit: contain !important;
  object-position: bottom right;
  transform: translate3d(clamp(-8px, -1.05vw, -18px), 0, 0);
  transition:
    transform var(--tmts-hover-duration) var(--tmts-hover-ease),
    filter var(--tmts-hover-duration) var(--tmts-hover-ease);
  image-rendering: auto;
  user-select: none;
  pointer-events: none;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-name {
  margin: 0;
  padding: 0;
  font-weight: 800;
  font-size: var(--tmts-card-name-fs);
  line-height: var(--tmts-card-name-lh);
  letter-spacing: -0.02em;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-rule {
  display: block;
  inline-size: var(--tmts-rule-width);
  block-size: var(--tmts-rule-height);
  margin-block: 7px calc(var(--tmts-card-role-gap) + 6px);
  background-color: var(--tmts-color-navy);
  border-radius: 999px;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-role {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: var(--tmts-card-role-fs);
  line-height: var(--tmts-card-role-lh);
  letter-spacing: -0.01em;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-desc {
  margin-block: 14px 0;
  margin-inline: 0;
  padding: 0;
  color: var(--tmts-color-muted);
  font-size: var(--tmts-card-desc-fs);
  line-height: var(--tmts-card-desc-lh);
  font-weight: 400;
  hyphens: none;
  text-wrap: pretty;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-features {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-block-start: var(--tmts-features-margin-top);
  padding-inline: var(--tmts-features-pad-inline);
  padding-block: var(--tmts-features-pad-block);
  border-radius: var(--tmts-features-radius);
  background-color: #fafbfd;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.88),
    0 20px 48px rgba(42, 60, 90, 0.058),
    0 10px 22px rgba(42, 60, 90, 0.032),
    0 2px 8px rgba(26, 43, 75, 0.028);
  border: 1px solid rgba(228, 234, 244, 0.68);
  transition:
    transform var(--tmts-hover-duration) var(--tmts-hover-ease),
    box-shadow var(--tmts-hover-duration) var(--tmts-hover-ease),
    border-color var(--tmts-hover-duration) var(--tmts-hover-ease);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell {
  display: flex !important;
  gap: clamp(13px, 1.85vw, 18px);
  align-items: center;
  justify-content: flex-start;
  padding-inline: clamp(22px, 3vw, 30px);
  border-inline-start: 1px solid rgba(228, 234, 244, 0.95);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell:first-child {
  border-inline-start-width: 0;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-icon {
  flex-shrink: 0;
  block-size: 46px;
  inline-size: 46px;
  object-fit: contain;
  opacity: 0.82;
  transform: scale(1);
  transition:
    opacity var(--tmts-hover-duration) var(--tmts-hover-ease),
    transform var(--tmts-hover-duration) var(--tmts-hover-ease),
    filter var(--tmts-hover-duration) var(--tmts-hover-ease);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell img.tmts-feature-icon {
  width: auto;
  height: 46px;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-title {
  margin: 0;
  padding: 0;
  font-weight: 800;
  font-size: var(--tmts-feature-title-fs);
  line-height: var(--tmts-feature-title-lh);
  letter-spacing: -0.02em;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-desc {
  margin: 3px 0 0;
  padding: 0;
  font-size: var(--tmts-feature-desc-fs);
  line-height: var(--tmts-feature-desc-lh);
  font-weight: 400;
  color: var(--tmts-color-muted);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-text {
  text-align: start;
}

/* -------- Hover: 미세 피드백 (fine pointer · 모션 선호 존중) -------- */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-badge:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
    box-shadow: 0 14px 34px rgba(26, 43, 75, 0.22);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-header:hover .tmts-heading {
    transform: translateY(-2px);
    color: #152743;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-header:hover .tmts-intro {
    transform: translateY(-1px);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope li.tmts-card:hover .tmts-card-surface,
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope li.tmts-card:focus-within .tmts-card-surface {
    transform: translateY(var(--tmts-card-hover-lift-y));
    border-color: rgba(255, 255, 255, 0.92);
    box-shadow:
      0 12px 32px rgba(26, 43, 75, 0.078),
      0 24px 54px rgba(26, 43, 75, 0.064),
      0 2px 10px rgba(26, 43, 75, 0.032);
  }

  @media (min-width: 1024px) {
    [id^="tmts-root-"].tmts.tmts-root.tmts-scope li.tmts-card:hover .tmts-portrait,
    [id^="tmts-root-"].tmts.tmts-root.tmts-scope li.tmts-card:focus-within .tmts-portrait {
      transform: translate3d(clamp(-8px, -1.05vw, -18px), -5px, 0) scale(1.018);
      filter: saturate(1.06);
    }
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-features:hover {
    transform: translateY(-3px);
    border-color: rgba(217, 228, 240, 0.88);
    box-shadow:
      inset 0 1px rgba(255, 255, 255, 0.95),
      0 26px 60px rgba(42, 60, 90, 0.075),
      0 16px 32px rgba(42, 60, 90, 0.045),
      0 4px 12px rgba(26, 43, 75, 0.036);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell:hover {
    background-color: var(--tmts-feature-hover-fill);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell:hover .tmts-feature-icon {
    opacity: 0.95;
    transform: scale(1.07);
    filter: saturate(1.06) contrast(1.015);
  }
}

@media (max-width: 1023px) and (hover: hover) and (prefers-reduced-motion: no-preference) {
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope li.tmts-card:hover .tmts-portrait,
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope li.tmts-card:focus-within .tmts-portrait {
    transform: translate3d(clamp(-2px, -0.35vw, -6px), -4px, 0) scale(1.016);
    filter: saturate(1.05);
  }
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope.tmts-fonts-ready .tmts-section {
  visibility: inherit;
}

/* -------- Tablet (~1024): 가변 높이, 카드 세로 나열·카드 내 텍스트→초상 스택 -------- */
@media (max-width: 1023px) {
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope {
    --tmts-inline-pad-clamp: clamp(20px, 4.8vw, 52px);
    --tmts-section-pad-block-start: clamp(44px, 5.5vw, 56px);
    --tmts-section-pad-block-end: clamp(38px, 5vw, 48px);
    --tmts-title-fs: clamp(26px, 5vw, 34px);
    --tmts-heading-gap-badge: clamp(16px, 3vw, 20px);
    --tmts-intro-gap-heading: clamp(10px, 2vw, 12px);
    --tmts-intro-fs: clamp(14.65px, 2.82vw, 16.2px);
    --tmts-intro-max: min(48ch, 92vw);
    --tmts-cards-margin-top: clamp(36px, 5.5vw, 56px);
    --tmts-features-margin-top: clamp(34px, 5.2vw, 52px);
    --tmts-slider-pad-block-end: clamp(12px, 2.5vw, 22px);
    --tmts-cards-gap-row: clamp(16px, 3.2vw, 22px);
    --tmts-card-pad-inline: clamp(22px, 4.8vw, 28px);
    --tmts-card-pad-block-start: 24px;
    --tmts-card-pad-block-end: 32px;
    --tmts-card-name-fs: clamp(21px, 4vw, 24px);
    --tmts-card-role-fs: clamp(14.5px, 2.8vw, 16px);
    --tmts-card-desc-fs: clamp(11.85px, 2.35vw, 12.85px);
    --tmts-photo-overlap-y: 30px;
    --tmts-portrait-bleed-inline: 32px;
    --tmts-card-min-block: 0px;
    --tmts-portrait-max-block: clamp(280px, 42vh, 380px);
    --tmts-more-size: 44px;
    --tmts-features-pad-inline: clamp(6px, 1.8vw, 10px);
    --tmts-features-pad-block: clamp(14px, 2.8vw, 18px);
    --tmts-feature-title-fs: clamp(14.95px, 2.72vw, 16.1px);
    --tmts-feature-desc-fs: clamp(12.08px, 2.38vw, 13.06px);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-section {
    min-height: 0;
    max-height: none;
    overflow: visible;
    padding-inline: var(--tmts-inline-pad-clamp);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-bg-art::before {
    width: 130%;
    top: -12%;
    opacity: 0.78;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-bg-art::after {
    width: 128%;
    top: -11%;
    opacity: 0.42;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-heading {
    text-wrap: balance;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-intro {
    padding-inline: 4px;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider {
    padding-inline: clamp(44px, 5.5vw, 52px);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-cards.tmts-cards-slider {
    gap: clamp(14px, 3.2vw, 20px);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-cards.tmts-cards-slider > li {
    flex: 0 0 100%;
    max-inline-size: 100%;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-surface {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    min-block-size: 0;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-copy {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    max-inline-size: none;
    padding-inline-end: 0;
    padding-block: 8px 2px;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-visual {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: stretch !important;
    margin-block-start: 4px;
    block-size: auto;
    max-block-size: var(--tmts-portrait-max-block);
    min-block-size: clamp(260px, 44vh, 400px);
    padding-inline-start: clamp(8px, 2.8vw, 14px);
    padding-inline-end: clamp(8px, 2.8vw, 14px);
    justify-content: flex-end;
    align-items: center;
    border-radius: 0 0 var(--tmts-card-radius) var(--tmts-card-radius);
    overflow: hidden;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-portrait {
    width: auto !important;
    height: auto !important;
    max-height: var(--tmts-portrait-max-block) !important;
    max-width: calc(100% + var(--tmts-portrait-bleed-inline)) !important;
    object-position: bottom center;
    transform: translate3d(clamp(-2px, -0.35vw, -6px), 0, 0);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-more {
    right: clamp(12px, 3.2vw, 20px);
    bottom: clamp(12px, 2.8vw, 18px);
    min-inline-size: 44px;
    min-block-size: 44px;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0;
    row-gap: 0;
    align-items: stretch;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell {
    align-items: flex-start;
    padding-block: clamp(14px, 2.9vw, 18px);
    padding-inline-start: clamp(16px, 3.8vw, 26px);
    padding-inline-end: clamp(14px, 3.2vw, 22px);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell:nth-child(odd) {
    border-inline-start-width: 0;
    border-inline-end: 1px solid rgba(228, 234, 244, 0.92);
    border-block-end: 1px solid rgba(228, 234, 244, 0.92);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell:nth-child(even) {
    border-inline-start-width: 0;
    border-block-end: 1px solid rgba(228, 234, 244, 0.92);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell:nth-last-child(-n + 2) {
    border-block-end-width: 0;
  }
}

/* -------- Mobile (~640): 더 촘촘한 스페이스, 피처 1열 -------- */
@media (max-width: 639px) {
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope {
    --tmts-inline-pad-clamp: clamp(16px, 4.2vw, 22px);
    --tmts-section-pad-block-start: clamp(36px, 7vw, 44px);
    --tmts-section-pad-block-end: clamp(30px, 6vw, 38px);
    --tmts-cards-margin-top: clamp(28px, 7vw, 40px);
    --tmts-features-margin-top: clamp(28px, 6.8vw, 42px);
    --tmts-slider-pad-block-end: clamp(10px, 3vw, 18px);
    --tmts-cards-gap-row: 14px;
    --tmts-card-radius: clamp(17px, 4.2vw, 20px);
    --tmts-card-pad-inline: clamp(18px, 4.8vw, 22px);
    --tmts-photo-overlap-y: 22px;
    --tmts-portrait-bleed-inline: 12px;
    --tmts-card-min-block: 0px;
    --tmts-portrait-max-block: clamp(240px, 40vh, 320px);
    --tmts-intro-max: 100%;
    --tmts-intro-fs: clamp(14px, 3.92vw, 15.75px);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-intro-line {
    text-wrap: balance;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider {
    padding-inline: clamp(38px, 10vw, 46px);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-cards.tmts-cards-slider {
    gap: clamp(12px, 3.2vw, 16px);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-surface {
    grid-template-rows: auto auto;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-visual {
    block-size: auto;
    max-block-size: var(--tmts-portrait-max-block);
    min-block-size: clamp(220px, 40vh, 320px);
    padding-inline: clamp(6px, 3vw, 12px);
    overflow: hidden;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-portrait {
    width: auto !important;
    height: auto !important;
    max-height: var(--tmts-portrait-max-block) !important;
    max-width: calc(100% + var(--tmts-portrait-bleed-inline)) !important;
    object-position: bottom center;
    transform: translate3d(clamp(-1px, -0.28vw, -4px), 0, 0);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-features {
    grid-template-columns: minmax(0, 1fr);
    padding-inline: clamp(4px, 1.8vw, 8px);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell:nth-child(n) {
    border-inline: none !important;
    border-block-end: none;
    padding-inline: clamp(16px, 4.8vw, 22px);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell:nth-child(n + 2) {
    border-block-start: 1px solid rgba(228, 234, 244, 0.92);
    padding-block-start: clamp(16px, 3.9vw, 20px);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell:last-child {
    padding-block-end: clamp(14px, 3.2vw, 18px);
  }
}

/* -------- Scroll reveal: 뷰포트 진입 시 부드러운 페이드·슬라이드 (모션 존중) -------- */
[id^="tmts-root-"].tmts.tmts-root.tmts-scope {
  --tmts-reveal-shift: 17px;
  --tmts-reveal-duration: 1.05s;
  --tmts-reveal-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope [data-tmts-reveal] {
  transition-property: opacity, transform;
  transition-duration: var(--tmts-reveal-duration);
  transition-timing-function: var(--tmts-reveal-ease);
  transition-delay: var(--tmts-reveal-delay, 0ms);
}

@media (prefers-reduced-motion: no-preference) {
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope [data-tmts-reveal]:not(.tmts-reveal--in) {
    opacity: 0;
    transform: translate3d(0, var(--tmts-reveal-shift), 0);
    will-change: opacity, transform;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope [data-tmts-reveal].tmts-reveal--in {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    will-change: auto;
  }
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider[data-tmts-reveal] {
  --tmts-reveal-delay: 120ms;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell[data-tmts-reveal]:nth-child(1) {
  --tmts-reveal-delay: 155ms;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell[data-tmts-reveal]:nth-child(2) {
  --tmts-reveal-delay: 235ms;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell[data-tmts-reveal]:nth-child(3) {
  --tmts-reveal-delay: 315ms;
}

[id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-cell[data-tmts-reveal]:nth-child(4) {
  --tmts-reveal-delay: 395ms;
}

@media (prefers-reduced-motion: reduce) {
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope [data-tmts-reveal] {
    transition: none !important;
    will-change: auto !important;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-more:hover {
    transform: none;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider-arrow:hover:not(:disabled) {
    transform: translateY(-50%);
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-portrait {
    transform: none;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-surface,
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-features,
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-badge,
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-heading,
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-intro,
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-feature-icon,
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-slider-arrow,
  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-more {
    transition: none !important;
  }

  [id^="tmts-root-"].tmts.tmts-root.tmts-scope .tmts-card-more:active {
    transform: none;
  }
}