/* Interactive controls and the black / aqua presentation layer. */
:root {
  --wtm-paper: #090d0e;
  --wtm-ink: #f8faf9;
  --wtm-aqua: #6dd3ce;
  --wtm-muted: #becbcd;
  --wtm-line: #34474a;
  --wtm-surface: #101516;
}
body, .editor-styles-wrapper, .wp-site-blocks {
  background: var(--wtm-paper);
  color: var(--wtm-ink);
}
.wtm-header, .wtm-footer, .wtm-section, .wtm-principles {
  background-color: var(--wtm-paper);
  color: var(--wtm-ink);
}
.wtm-editorial, .wtm-cta, .wtm-note-section, .wtm-media-section,
.wtm-contact-card, .wtm-portrait-panel, .wtm-portrait-caption, .wtm-monogram {
  background-color: var(--wtm-surface);
  color: var(--wtm-ink);
}
.wtm-section h1, .wtm-section h2, .wtm-section h3,
.wtm-section h4, .wtm-section h5, .wtm-section h6 {
  color: var(--wtm-ink);
}
.wtm-section p, .wtm-cta p, .wtm-editorial-copy p,
.wtm-footer-bottom { color: var(--wtm-muted); }
.wtm-portrait-caption p, .wtm-faq-list summary,
.wtm-goal-panel > summary { color: var(--wtm-ink); }
.wtm-eyebrow, .wtm-number, .wtm-text-link,
.wtm-editorial .wtm-text-link, .wtm-editorial .wtm-text-link a {
  color: var(--wtm-aqua) !important;
}
.wtm-eyebrow:before { background: var(--wtm-aqua); }
.wtm-display em, .wtm-page-title em, .wtm-editorial .wtm-name-stack {
  color: var(--wtm-aqua);
}
.wtm-section a:not(.wp-element-button), .wtm-footer a,
.wtm-navigation a, .wtm-text-link a { color: var(--wtm-aqua); }
.wtm-section a:not(.wp-element-button):hover, .wtm-footer a:hover,
.wtm-text-link a:hover, .wtm-editorial .wtm-text-link a:hover {
  color: var(--wtm-ink) !important;
}
.wp-block-button__link, .wtm-gallery-controls .wp-element-button,
.wtm-nav-cta {
  color: #090d0e !important;
  background: var(--wtm-aqua);
  border: 1px solid var(--wtm-aqua);
}
.wp-block-button__link:hover, .wtm-gallery-controls .wp-element-button:hover,
.wtm-nav-cta:hover {
  color: #090d0e !important;
  background: #97e7e3 !important;
}
.wtm-nav-cta a { color: #090d0e !important; }
.wp-block-button.is-style-outline .wp-block-button__link {
  color: var(--wtm-aqua) !important;
  background: transparent;
  border-color: var(--wtm-aqua);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  color: #090d0e !important;
  background: var(--wtm-aqua) !important;
}
a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, textarea:focus-visible, select:focus-visible,
.wtm-swipe-gallery:focus-visible {
  outline: 3px solid var(--wtm-aqua);
  outline-offset: 5px;
}
.wp-block-navigation__responsive-container.is-menu-open {
  background: var(--wtm-paper) !important;
  color: var(--wtm-ink) !important;
}
.wtm-brand-logo { background: #fff; }
.wtm-header { border-bottom-color: var(--wtm-line); }
.wtm-portrait-panel { border: 1px solid var(--wtm-line); }
.wtm-portrait-caption { border-top: 2px solid var(--wtm-aqua); }
.wtm-contact-card { border-top-color: var(--wtm-aqua); }
.wtm-cta { border-top: 1px solid var(--wtm-line); }
.wtm-footer-bottom, .wtm-media-card, .wtm-draft-note {
  border-color: var(--wtm-line);
}
.wtm-goal-panel {
  border-top: 1px solid var(--wtm-line);
  padding-block: 1rem;
}
.wtm-goal-panel:last-child { border-bottom: 1px solid var(--wtm-line); }
.wtm-goal-panel > summary {
  cursor: pointer;
  font-weight: 700;
  line-height: 1.45;
  padding-block: .5rem;
  padding-right: .25rem;
  min-height: 44px;
}
.wtm-goal-panel > summary::marker, .wtm-faq-list summary::marker {
  color: var(--wtm-aqua);
}
.wtm-goal-panel[open] > summary { color: var(--wtm-aqua); margin-bottom: 1rem; }
.wtm-goal-panel[open] > :not(summary) { max-width: 42rem; }
.wtm-goal-panel .wp-block-buttons { margin-block: 1.25rem .5rem; }
.wtm-goal-panel .wp-block-button__link {
  white-space: normal;
  text-align: center;
}
.wtm-faq-list details, .wtm-faq-list details:last-child { border-color: var(--wtm-line); }
.wtm-proof .wp-block-columns { align-items: flex-start; }
.wtm-proof .wp-block-column { min-width: 0; }
.wtm-proof .wp-block-image { margin-inline: 0; }
.wtm-proof .wp-block-image img { display: block; width: 100%; height: auto; }
.wtm-proof figcaption { color: var(--wtm-muted); font-size: .875rem; line-height: 1.6; }
.wtm-filterable-media[hidden] { display: none !important; }
.wtm-swipe-gallery {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  gap: 1.25rem;
  padding: .5rem .5rem 1.5rem;
  scrollbar-color: var(--wtm-aqua) var(--wtm-surface);
}
.wtm-swipe-gallery > * {
  flex: 0 0 min(85%, 30rem);
  scroll-snap-align: start;
  min-width: 0;
}
.wtm-swipe-gallery img, .wtm-swipe-gallery video { max-width: 100%; height: auto; }
.wtm-gallery-controls { display: flex; flex-wrap: wrap; gap: .75rem; }
.wtm-gallery-controls[hidden] { display: none; }
.wtm-gallery-controls button { cursor: pointer; min-height: 44px; }
.wtm-gallery-controls button:disabled { cursor: default; opacity: .55; }
::selection { background: var(--wtm-aqua); color: #090d0e; }
@media (max-width: 480px) {
  .wtm-display { font-size: clamp(2.65rem, 11vw, 3.3rem) !important; }
  .wtm-goal-panel .wp-block-button, .wtm-goal-panel .wp-block-button__link { width: 100%; }
  .wtm-portrait-caption { flex-wrap: wrap; gap: .4rem 1rem; }
}
@media (prefers-reduced-motion: no-preference) {
  .wtm-hero-copy > .wtm-display { animation: wtm-enter .55s ease-out both; }
  .wtm-portrait-panel { animation: wtm-enter .65s ease-out .08s both; }
  .wtm-goal-panel[open] > :not(summary) { animation: wtm-goal-in .2s ease-out; }
  .wp-block-button__link, .wtm-gallery-controls button { transition: background-color .18s, color .18s, transform .18s; }
  @keyframes wtm-enter { from { opacity: .6; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  @keyframes wtm-goal-in { from { opacity: .7; transform: translateY(4px); } to { opacity: 1; transform: none; } }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .wp-block-button__link:hover { transform: translateY(-2px); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
  .wtm-swipe-gallery { scroll-behavior: auto; scroll-snap-type: none; }
}


/* Four equally visible starting paths in the current Home draft. */
.wtm-entry-nav .wtm-entry-paths {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  align-items: stretch;
}
.wtm-entry-nav .wtm-entry-paths > .wp-block-button {
  width: 100%;
  min-width: 0;
  margin: 0 !important;
}
.wtm-entry-nav .wtm-entry-paths .wp-block-button__link {
  width: 100%;
  height: 100%;
  min-height: 56px;
  padding: .85rem .75rem;
  font-size: .9rem !important;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
}
.wtm-entry-nav .wtm-eyebrow { margin-bottom: 1rem !important; }
.wtm-cta-grid { flex-wrap: wrap; }
.wtm-cta-grid > .wtm-small { flex: 1 1 100%; max-width: 52rem; }
@media (max-width: 760px) {
  .wtm-entry-nav .wtm-entry-paths { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 380px) {
  .wtm-entry-nav .wtm-entry-paths { gap: .5rem; }
  .wtm-entry-nav .wtm-entry-paths .wp-block-button__link { font-size: .82rem !important; padding-inline: .5rem; }
}

/* Publication-readiness fixes for current markup and core fallback templates. */
@media (max-width: 760px) {
  .wtm-hero-copy > .wtm-small { order: 6; margin: 0 !important; }
  .wtm-hero-copy > .wtm-text-link { order: 7; }
}
.wtm-article .wp-block-search { max-width: 42rem; margin-block: 2rem; }
.wtm-article .wp-block-search__label { display: block; margin-bottom: .5rem; }
.wtm-article .wp-block-search__inside-wrapper { display: flex; gap: .5rem; }
.wtm-article .wp-block-search__input {
  width: 100%; min-width: 0; min-height: 48px;
  padding: .75rem; border: 1px solid var(--wtm-line);
  background: var(--wtm-surface); color: var(--wtm-ink); font: inherit;
}
.wtm-article .wp-block-search__button {
  min-height: 48px; margin-left: 0; padding: .75rem 1rem;
  border: 1px solid var(--wtm-aqua); background: var(--wtm-aqua);
  color: #090d0e; cursor: pointer;
}
.wtm-article .wp-block-query-pagination { display: flex; flex-wrap: wrap; gap: 1rem; }
.wtm-article .wp-block-query-pagination a { display: inline-flex; align-items: center; min-height: 44px; }


/* Keep the header CTA readable against WordPress navigation defaults. */
.wtm-header .wp-block-navigation.wtm-navigation .wp-block-navigation-item.wtm-nav-cta { background-color: var(--wtm-aqua) !important; }
.wtm-header .wp-block-navigation.wtm-navigation .wp-block-navigation-item.wtm-nav-cta:hover { background-color: #97e7e3 !important; }
.wtm-header .wtm-navigation .wtm-nav-cta:focus-within { outline: 3px solid var(--wtm-ink); outline-offset: 5px; }

/* Keep the open mobile menu comfortably inset. */
.wtm-header .wtm-navigation .wp-block-navigation__responsive-container.is-menu-open { padding-inline: 24px !important; }
