/* Quiet Atlas: decorative presentation only. Intake, consent and tracking stay intact. */
:root {
  --qat-gold: #a9874b;
  --qat-ease: cubic-bezier(.22,1,.36,1);
}
.qat-photo {
  display: block;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #0e1a2b;
  pointer-events: none;
}
@supports (overflow: clip) {
  .qat-photo, .track-card { overflow: clip; }
}
.qat-photo picture, .qat-photo img { display: block; width: 100%; height: 100%; }
.qat-photo img { object-fit: cover; object-position: 50% 50%; color: transparent; }
.qat-photo.qat-failed img { visibility: hidden; }
/* The card owns the radius and stacking context. Its picture never owns either. */
.track-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 118px;
  grid-template-columns: 36px minmax(0,1fr) 18px;
  gap: 14px;
  padding: 20px 16px;
  border-color: rgba(169,135,75,.5);
  background: #0e1a2b;
  color: #fffdf8;
}
@supports (overflow: clip) { .track-card { overflow: clip; } }
.track-card > .qat-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 0;
}
.track-card > .qat-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(8,17,29,.7),rgba(8,17,29,.16)),linear-gradient(90deg,rgba(8,17,29,.78) 0%,rgba(8,17,29,.64) 68%,rgba(8,17,29,.32));
}
.track-card > span {
  position: relative;
  z-index: 1;
  min-width: 0;
  background: transparent;
  box-shadow: none;
  text-shadow: 0 1px 2px rgba(8,12,20,.55),0 10px 34px rgba(8,12,20,.6);
}
.track-card > .track-icon {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(224,190,124,.65);
  background: rgba(255,255,255,.08);
  color: #fffdf8;
  font-size: 1rem;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
@supports not (backdrop-filter: blur(1px)) {
  .track-card > .track-icon { background: rgba(255,255,255,.18); }
}
.track-card strong { font-size: 1.25rem; line-height: 1.18; color: #fffdf8; }
.track-card small { display: block; color: #fffdf8; font-size: .875rem; line-height: 1.45; }
.track-card > .track-arrow { color: #fffdf8; }
.track-card:active { background: #0e1a2b; }
.track-card:focus-visible { outline-offset: 4px; }
/* A visible, keyboard-native disclosure works with JavaScript disabled. */
.chooser-details { border-block: 1px solid var(--line); }
.chooser-details summary, .optional-panel summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 52px;
  padding-block: 12px;
  list-style: none;
}
.chooser-details summary::-webkit-details-marker, .optional-panel summary::-webkit-details-marker { display: none; }
.chooser-details summary::after, .optional-panel summary::after {
  content: "";
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
  margin-right: 4px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-3px);
}
.chooser-details[open] summary::after, .optional-panel[open] summary::after { transform: rotate(225deg) translate(-2px,-2px); }
.chooser-details-copy { padding-bottom: 18px; }
.qat-track, .qat-done, .qat-fallback { margin: 12px 0 24px; border-radius: 12px; aspect-ratio: 16/7; max-width: 100%; }
.qat-track { width: 100%; max-height: 350px; }
.qat-done { margin: 24px auto; width: 100%; max-width: 760px; }
.qat-fallback { margin: 24px 0 0; width: 100%; aspect-ratio: 5/1; }
.qat-seal { position: absolute; right: 22px; bottom: 22px; width: 68px; height: 68px; border-radius: 50%; border: 1px solid #c6a461; background: rgba(14,26,43,.55); display: grid; place-items: center; }
.qat-seal::before { content: ""; width: 52px; height: 52px; border: 1px solid #c6a461; border-radius: 50%; position: absolute; }
.qat-seal::after { content: ""; width: 15px; height: 25px; border-right: 2px solid #e0be7c; border-bottom: 2px solid #e0be7c; transform: translateY(-4px) rotate(45deg); }
html[data-qat-motion="on"] .qat-photo.qat-seen img { animation: qat-push 9s var(--qat-ease) both; }
html[data-qat-motion="on"] .intake-card { animation: qat-step .18s var(--qat-ease) both; }
html[data-qat-motion="on"] .intake-progress .complete { transform-origin: left; animation: qat-progress .18s var(--qat-ease) both; }
html[data-qat-motion="on"] .qat-seal { animation: qat-seal 1s var(--qat-ease) both; }
html[data-qat-paused="true"] .qat-photo img { animation-play-state: paused; }
@keyframes qat-push { from { transform: scale(1); } to { transform: scale(1.045); } }
@keyframes qat-step { from { transform: translateY(5px); } to { transform: translateY(0); } }
@keyframes qat-progress { from { transform: scaleX(.7); } to { transform: scaleX(1); } }
@keyframes qat-seal { from { opacity: 0; } to { opacity: 1; } }
@media (min-width: 768px) {
  .track-card:last-child { grid-column: auto; }
  .track-card { min-height: 148px; }
}
@media (min-width: 1024px) {
  .track-list { gap: 12px; }
  .track-card, .track-card:last-child {
    min-height: 260px;
    grid-template-columns: minmax(0,1fr) 18px;
    align-content: end;
    gap: 18px 8px;
    padding: 20px 14px;
  }
  .track-card > .track-icon { grid-column: 1; grid-row: 1; }
  .track-card > span:not(.track-icon):not(.track-arrow) { grid-column: 1 / -1; grid-row: 2; }
  .track-card > .track-arrow { grid-column: 2; grid-row: 1; }
  .track-card strong { font-size: 1.4rem; }
  .track-card > .qat-photo::after { background: linear-gradient(0deg,rgba(8,17,29,.93) 0%,rgba(8,17,29,.76) 58%,rgba(8,17,29,.12) 100%),linear-gradient(90deg,rgba(8,17,29,.27),transparent); }
}
@media (min-width: 1100px) {
  html[data-qat-panels="on"] body[data-page="flow"] .flow-page.wrap { max-width: 1280px; display: grid; grid-template-columns: minmax(0,720px) minmax(0,1fr); column-gap: 28px; align-items: start; align-content: start; }
  html[data-qat-panels="on"] body[data-page="flow"] #resume-strip { grid-column: 1; }
  html[data-qat-panels="on"] body[data-page="flow"] #flow-root { grid-column: 1; grid-row: 2; }
  html[data-qat-panels="on"] .qat-track { grid-column: 2; grid-row: 2; position: sticky; top: max(24px,env(safe-area-inset-top)); align-self: start; height: calc(100svh - 152px); min-height: 360px; max-height: 800px; aspect-ratio: auto; margin: 24px 0; border-radius: 18px; }
}
@media (hover: hover) and (pointer: fine) {
  html[data-qat-motion="on"] .track-card:hover .qat-photo img, html[data-qat-motion="on"] .track-card:focus-visible .qat-photo img { animation: none; transform: scale(1.075); transition: transform .6s var(--qat-ease); }
}
html[data-qat-chooser="off"] .track-card > .qat-photo, html[data-qat-panels="off"] .qat-track, html[data-qat-panels="off"] .qat-done, html[data-qat-panels="off"] .qat-fallback, html[data-qat-seal="off"] .qat-seal { display: none; }
html[data-qat-steps="off"] .intake-card, html[data-qat-steps="off"] .intake-progress .complete { animation: none; }
html:not([data-qat-panels="on"]) .qat-track { position: relative; top: auto; height: auto; min-height: 0; aspect-ratio: 16/7; max-width: 760px; margin-inline: auto; }
/* Readable auxiliary type and complete targets, including legal navigation. */
.site-footer, .site-footer a, .site-footer button, .kicker, .step-section, .choice-heading, .founder-line,
.intake-topline .kicker, .intake-step, .intake-footnote, .optional-tag, .intake-card .field-error,
.intake-summary-list dt, .intake-summary dt, .intake-reference span, .planning-caption,
.option-copy .planning-caption, .consent-kicker, .consent-option small, .tracker-table th, .tracker-table td { font-size: .875rem; }
.site-footer a, .site-footer button, .consent-label a, .acceptance-record a, .legal-caption a,
.consent-banner a, .consent-dialog a { min-width: 44px; min-height: 44px; }
.site-header { padding-left: max(16px,env(safe-area-inset-left)); padding-right: max(16px,env(safe-area-inset-right)); }
.skip-link { left: max(12px,env(safe-area-inset-left)); top: max(10px,env(safe-area-inset-top)); }
.site-footer { padding-left: max(16px,env(safe-area-inset-left)); padding-right: max(16px,env(safe-area-inset-right)); }
.consent-banner { left: max(12px,env(safe-area-inset-left)); right: max(12px,env(safe-area-inset-right)); }
@media (prefers-reduced-motion: reduce), (prefers-reduced-data: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  html[data-qat-motion] .qat-photo img, html[data-qat-motion] .intake-card, html[data-qat-motion] .intake-progress .complete { transform: none !important; }
  html[data-qat-panels="on"] .qat-track { position: relative; top: auto; }
}

/* Keep individual inline legal links large enough to activate by touch. */
.intake-consents a, .intake-card p a { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; vertical-align: middle; }

/* Inline decorative panels stay with page content even when JavaScript is unavailable. */
.qat-done:not(picture), .qat-fallback:not(picture) { display: none; }
picture.qat-done, picture.qat-fallback { display: block; clear: both; }