@font-face{font-family:MH Orbital Editorial;src:url(assets/orbital/Editorial.otf);font-display:swap}
@font-face{font-family:MH Orbital Sans;src:url(assets/orbital/Sans.otf);font-display:swap}
@font-face{font-family:MH Orbital Sans;src:url(assets/orbital/Sans-Bold.otf);font-weight:700;font-display:swap}
/* One motion language: a quiet arrival, a precise response, then stillness. */
:root {
  --amber: #edb14e;
  --ease-arrive: cubic-bezier(.16, 1, .3, 1);
  --ease-response: cubic-bezier(.22, .68, 0, 1);
  --motion-fast: 180ms;
  --motion-medium: 360ms;
}
body { font-family: "MH Orbital Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main h2, .story-copy h3, .privacy-page h1 {
  font-family: "MH Orbital Editorial", Georgia, serif;
  font-weight: 400;
  letter-spacing: -.035em;
}
main h2 { line-height: 1.14; text-wrap: balance; }
.story-copy h3 { line-height: 1.1; }
.story-intro h2 em, .story-copy h3 em { font-family: Georgia, serif; }
.section { scroll-margin-top: 36px; }
.section-heading > *, .record-grid > *, .launch-section > * { min-width: 0; }
.method { padding-block: 112px 100px; }
.method-grid article, .privacy-grid article { position: relative; }
.method-grid article::before, .privacy-grid article::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 48px;
  height: 1px;
  background: var(--amber);
  transform-origin: left;
}
.privacy-grid article::before { top: 0; }
.movement-story { border-top: 1px solid #ede7d413; }
.story-intro { margin-bottom: 56px; }
.story-beat { position: relative; padding-block: 16px; }
.story-beat figure { width: 100%; }
.story-copy > .eyebrow { display: flex; align-items: center; gap: 14px; }
.story-copy > .eyebrow::after {
  content: "";
  width: 36px;
  height: 1px;
  background: currentColor;
  opacity: .5;
  transform-origin: left;
}
.record-section { background: linear-gradient(125deg, #1b1e1b, #17191b 68%); }
.summary-sheet { box-shadow: 12px 15px 0 #30342f, 0 28px 55px #00000020; }
.exploration-card { border-radius: 4px; }
.exploration-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.exploration-card, .button, .mh-o-cta, .mh-o-nav-cta, .dialog-close {
  transition: background var(--motion-medium) var(--ease-response),
    border-color var(--motion-medium) var(--ease-response),
    color var(--motion-fast) ease,
    transform var(--motion-medium) var(--ease-arrive),
    box-shadow var(--motion-medium) ease;
}
.button { border-radius: 4px; }
.mh-o-cta { min-height: 54px; }
.mh-o-cta > span, .mh-o-nav-cta > span, .module-link > span {
  transition: transform var(--motion-medium) var(--ease-arrive);
}
.mh-o-nav-cta { display: inline-flex; align-items: center; min-height: 44px; }
.mh-o-links > a, .text-link, .footer-links > a { position: relative; }
.mh-o-links > a { display: inline-flex; align-items: center; min-height: 44px; }
.mh-o-links > a::after, .text-link::after, .footer-links > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--amber);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--motion-medium) var(--ease-arrive);
}
.mh-o-links > a::after { bottom: 7px; }
.text-link:focus-visible::after, .mh-o-links > a:focus-visible::after, .footer-links > a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}
.module-link { transition: border-color var(--motion-medium) ease, color var(--motion-medium) ease; }
.exploration-card:focus-visible { border-color: var(--amber); }
.exploration-card:focus-visible .module-link { color: var(--amber); border-color: #edb14e80; }
.faq-list summary { transition: color var(--motion-fast) ease; }
.faq-list summary > span { flex: 0 0 auto; transition: transform var(--motion-medium) var(--ease-arrive); }
.faq-list details[open] summary { color: var(--amber); }
.faq-list details[open] > p { animation: mh-answer-arrive 320ms var(--ease-arrive); }
@keyframes mh-answer-arrive {
  from { opacity: .25; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
.signup-card {
  border-radius: 5px;
  background: linear-gradient(130deg, #1e221c, #161917 70%);
  transition: border-color var(--motion-medium) ease, box-shadow var(--motion-medium) ease;
}
.signup-card:focus-within { border-color: #a18b5b; box-shadow: 0 0 0 1px #edb14e12; }
.signup-row input { border-radius: 3px; transition: border-color var(--motion-fast) ease, background var(--motion-fast) ease; }
.signup-row input:focus { background: #121511; }
.form-message:not(:empty) { animation: mh-answer-arrive 240ms var(--ease-arrive); }
.signup-row .button:disabled { opacity: .72; cursor: wait; }
.dialog-close { transform: none; }
.exploration-dialog { overscroll-behavior: contain; }
/* Native top-layer transitions. Unsupported browsers retain native open/close. */
@supports (transition-behavior: allow-discrete) {
  .exploration-dialog {
    opacity: 0;
    transform: translateY(14px) scale(.985);
    transition: opacity 220ms ease, transform 360ms var(--ease-arrive),
      overlay 220ms allow-discrete, display 220ms allow-discrete;
  }
  .exploration-dialog[open] { opacity: 1; transform: none; }
  .exploration-dialog::backdrop {
    background: #0000;
    transition: background 220ms ease, overlay 220ms allow-discrete, display 220ms allow-discrete;
  }
  .exploration-dialog[open]::backdrop { background: #000b; }
  @starting-style {
    .exploration-dialog[open] { opacity: 0; transform: translateY(14px) scale(.985); }
    .exploration-dialog[open]::backdrop { background: #0000; }
  }
}
@media (hover: hover) and (pointer: fine) {
  .mh-o-links > a:hover::after, .text-link:hover::after, .footer-links > a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
  }
  .mh-o-nav-cta:hover, .faq-list summary:hover { color: var(--amber); }
  .mh-o-cta:hover, .button:hover { background: #f4c374; border-color: #f4c374; transform: translateY(-2px); box-shadow: 0 8px 24px #00000026; }
  .button-secondary:hover { background: #24291f; border-color: var(--amber); color: var(--ink); }
  .mh-o-cta:hover > span, .mh-o-nav-cta:hover > span { transform: translateX(4px); }
  .exploration-card:hover { transform: translateY(-5px); background: #1a1d19; border-color: #9b8558; box-shadow: 0 18px 32px #00000024; }
  .exploration-card:hover .module-art img { transform: none; }
  .exploration-card:hover .module-link { color: var(--amber); border-color: #edb14e70; }
  .exploration-card:hover .module-link > span { transform: rotate(90deg); }
  .dialog-close:hover { background: #33392d; transform: rotate(90deg); }
}
.button:active, .mh-o-cta:active, .exploration-card:active { transform: translateY(0) scale(.985); transition-duration: 90ms; }
.button:disabled { transform: none; box-shadow: none; }
.mh-o-motion-toggle { min-height: 36px; top: 9px; padding-inline: 8px; right: 137px; }
.mh-orbital.motion-complete .mh-o-motion-toggle { display: block; }
html.site-motion-paused { scroll-behavior: auto; }
.site-motion-paused *, .site-motion-paused *::before, .site-motion-paused *::after { transition: none !important; }
.site-motion-paused main *, .site-motion-paused main *::before, .site-motion-paused main *::after,
.site-motion-paused .site-footer { animation: none !important; }
.site-motion-paused :is(.button, .mh-o-cta, .exploration-card, .dialog-close) { transform: none !important; }
.site-motion-paused :is(.mh-o-cta, .mh-o-nav-cta, .module-link) > span { transform: none !important; }
.mh-orbital.intro-settled .mh-o-art { animation: none !important; opacity: 1; }
.motion-backgrounded main *, .motion-backgrounded main *::before, .motion-backgrounded main *::after { animation-play-state: paused !important; }
@media (max-width: 760px) {
  .method { padding-block: 76px 70px; }
  .method-grid .step-number { grid-column: 1; grid-row: 1 / 3; }
  .method-grid h3 { grid-column: 2; grid-row: 1; }
  .method-grid p { grid-column: 2; grid-row: 2; }
  .story-intro { margin-bottom: 25px; }
  .story-beat { padding-block: 0; }
  .mh-o-nav-cta { font-size: 11px; }
  .mh-o-motion-toggle { right: -8px; top: 26px; min-height: 44px; font-size: 10px; }
  .mh-o-footer { padding-right: 0; }
  .summary-sheet { box-shadow: 8px 10px 0 #30342f; }
  .exploration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .record-grid > .section-copy { grid-column: 1; grid-row: 1; }
  .record-grid > .summary-sheet { grid-column: 1; grid-row: 2; }
}
@media (max-width: 380px) { .exploration-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 360px) {
  .mh-o-nav-cta { font-size: 10px; }
  .mh-o-nav-cta > span { margin-left: 6px; }
}
@media (hover: none), (pointer: coarse) {
  .button:hover, .mh-o-cta:hover, .exploration-card:hover, .exploration-card:hover .module-art img { transform: none; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  :root { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  :is(.button, .mh-o-cta, .exploration-card, .dialog-close) { transform: none !important; }
  :is(.mh-o-cta, .mh-o-nav-cta, .module-link) > span { transform: none !important; }
  .exploration-dialog[open] { opacity: 1; transform: none; }
}