:root {
  --ambercross-cherry: #7D1836;
  --ambercross-cream: #FFF3DE;
  --ambercross-sky: #BFDDF2;
  --ambercross-graphite: #2B2B2E;
  --ambercross-white: #FFFFFF;
  --ambercross-space-1: clamp(.65rem, 1vw, .9rem);
  --ambercross-space-2: clamp(1rem, 1.8vw, 1.5rem);
  --ambercross-space-3: clamp(1.5rem, 3vw, 2.75rem);
  --ambercross-space-4: clamp(2.5rem, 6vw, 5.5rem);
  --ambercross-space-5: clamp(4rem, 9vw, 9rem);
  --ambercross-radius-pill: 999px;
  --ambercross-radius-oval: 50% / 42%;
  --ambercross-motion-fast: 180ms;
  --ambercross-motion-slow: 700ms;
  --ambercross-display: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
  --ambercross-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--ambercross-cherry);
  color: var(--ambercross-cream);
  font-family: var(--ambercross-body);
  line-height: 1.55;
  overflow-x: hidden;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration-thickness: .08em; text-underline-offset: .2em; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--ambercross-sky); outline-offset: 4px; }

.ambercross-skip {
  position: fixed; left: 1rem; top: .5rem; z-index: 100;
  padding: .8rem 1rem; background: var(--ambercross-sky); color: var(--ambercross-graphite);
  border-radius: var(--ambercross-radius-pill); transform: translateY(-180%);
}
.ambercross-skip:focus { transform: translateY(0); }

.ambercross-header {
  position: absolute; z-index: 20; inset: 1.1rem clamp(1rem, 3vw, 2.5rem) auto;
  min-height: 58px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem;
  padding: .5rem .6rem .5rem 1.1rem; border-radius: var(--ambercross-radius-pill);
  background: rgba(255, 243, 222, .95); color: var(--ambercross-graphite);
  box-shadow: 0 12px 42px rgba(43, 43, 46, .13);
}
.ambercross-wordmark { font-family: var(--ambercross-display); font-size: clamp(1rem, 2.2vw, 1.65rem); font-weight: 900; letter-spacing: -.04em; text-decoration: none; }
.ambercross-nav { display: flex; justify-content: center; flex-wrap: wrap; gap: .25rem; }
.ambercross-nav a, .ambercross-cart-link { min-height: 44px; display: inline-flex; align-items: center; padding: .55rem .85rem; border-radius: var(--ambercross-radius-pill); text-decoration: none; font-size: .88rem; font-weight: 700; }
.ambercross-nav a:hover { background: rgba(125,24,54,.08); }
.ambercross-cart-link { gap: .55rem; background: var(--ambercross-cherry); color: var(--ambercross-cream); }
.ambercross-cart-count { min-width: 1.8rem; height: 1.8rem; display: grid; place-items: center; background: var(--ambercross-sky); color: var(--ambercross-graphite); border-radius: 50%; font-size: .75rem; }

.ambercross-hero {
  min-height: 100svh; position: relative; display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); align-items: center;
  padding: clamp(7rem, 12vh, 9rem) clamp(1.25rem, 5vw, 5rem) clamp(3rem, 8vh, 6rem); isolation: isolate;
  background: var(--ambercross-cherry); overflow: hidden;
}
.ambercross-hero-cream {
  position: absolute; z-index: -1; inset: 0 auto 0 0; width: 47%; background: var(--ambercross-cream);
  border-radius: 0 62% 43% 0 / 0 28% 74% 0;
}
.ambercross-hero-cream::after {
  content: ""; position: absolute; width: 17vw; aspect-ratio: 1; right: -10vw; top: 44%;
  border-radius: 50%; background: var(--ambercross-cherry);
}
.ambercross-hero-copy { color: var(--ambercross-graphite); max-width: 760px; position: relative; z-index: 3; }
.ambercross-kicker, .ambercross-scene-number { margin: 0 0 1rem; font-size: .76rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.ambercross-hero h1 {
  margin: 0; font-family: var(--ambercross-display); font-size: clamp(4rem, 9.4vw, 9.6rem); line-height: .78; letter-spacing: -.075em; text-transform: uppercase;
}
.ambercross-hero h1 span { display: block; }
.ambercross-spectral-word { position: relative; color: var(--ambercross-cherry); }
.ambercross-spectral-word::before, .ambercross-spectral-word::after {
  content: attr(data-word); position: absolute; inset: 0; pointer-events: none; opacity: .8;
  clip-path: polygon(0 25%,100% 15%,100% 36%,0 46%);
}
.ambercross-spectral-word::before { color: var(--ambercross-sky); transform: translate(5px, 1px); }
.ambercross-spectral-word::after { color: #e6b3c3; transform: translate(-4px, -2px); clip-path: polygon(0 61%,100% 48%,100% 68%,0 78%); }
.ambercross-hero-lede { max-width: 43rem; margin: 2rem 0 0; font-size: clamp(1rem, 1.6vw, 1.25rem); }
.ambercross-hero-actions { display: flex; align-items: center; gap: 1rem 1.4rem; flex-wrap: wrap; margin-top: 2rem; }
.ambercross-btn {
  min-height: 48px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: var(--ambercross-radius-pill); padding: .82rem 1.3rem;
  font-weight: 850; text-decoration: none; cursor: pointer; transition: transform var(--ambercross-motion-fast) ease, filter var(--ambercross-motion-fast) ease;
}
.ambercross-btn:hover { transform: translateY(-2px); filter: brightness(1.04); }
.ambercross-btn-cherry { background: var(--ambercross-cherry); color: var(--ambercross-cream); }
.ambercross-btn-cream { background: var(--ambercross-cream); color: var(--ambercross-cherry); }
.ambercross-btn-powder { background: var(--ambercross-sky); color: var(--ambercross-graphite); }
.ambercross-text-link { font-weight: 850; text-decoration: none; border-bottom: 2px solid currentColor; padding: .4rem 0; }

.ambercross-hero-product { justify-self: end; width: min(47vw, 680px); position: relative; z-index: 2; }
.ambercross-product-oval {
  width: 100%; aspect-ratio: 1.06; border-radius: 48% 52% 45% 55% / 59% 44% 56% 41%; background: var(--ambercross-sky); overflow: hidden;
  display: grid; place-items: center; transform: rotate(3deg); animation: ambercrossDrift 7s ease-in-out infinite alternate;
}
.ambercross-product-oval img { width: 84%; height: 84%; object-fit: contain; transform: rotate(-3deg); }
.ambercross-caption-strip { display: flex; justify-content: space-between; gap: 1rem; margin: 1rem 6% 0; padding-top: .75rem; border-top: 1px solid rgba(255,243,222,.55); font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; }
.ambercross-prism { position: absolute; z-index: 1; left: 45%; top: 16%; width: 23vw; height: 55vh; transform: skewX(-16deg) rotate(8deg); pointer-events: none; opacity: .52; }
.ambercross-prism i { position: absolute; inset: 0; border-left: 2px solid rgba(191,221,242,.85); border-right: 1px solid rgba(255,243,222,.45); clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.ambercross-prism i:nth-child(2) { transform: translateX(13px); opacity: .45; }
.ambercross-prism i:nth-child(3) { transform: translateX(-13px); opacity: .3; }

.ambercross-start-scene {
  min-height: 92svh; position: relative; display: grid; grid-template-columns: 1.15fr .55fr .55fr; gap: var(--ambercross-space-3); align-items: center;
  padding: var(--ambercross-space-5) clamp(1.25rem, 6vw, 6rem); background: var(--ambercross-cherry); overflow: hidden;
}
.ambercross-start-copy { max-width: 48rem; }
.ambercross-start-copy h2, .ambercross-routine h2, .ambercross-mobility h2, .ambercross-resistance h2, .ambercross-joints h2, .ambercross-progress h2, .ambercross-shop h2, .ambercross-materials h2, .ambercross-faq h2, .ambercross-about h2 {
  margin: 0 0 1.25rem; font-family: var(--ambercross-display); font-size: clamp(2.6rem, 6vw, 6.3rem); line-height: .92; letter-spacing: -.05em;
}
.ambercross-start-copy > p:last-child { max-width: 39rem; font-size: 1.08rem; }
.ambercross-bubble { aspect-ratio: 1; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; padding: 12%; color: var(--ambercross-graphite); }
.ambercross-bubble strong { font-family: var(--ambercross-display); font-size: clamp(2.2rem, 5vw, 5.4rem); line-height: .9; }
.ambercross-bubble span { margin-top: .8rem; font-size: .86rem; }
.ambercross-bubble-a { background: var(--ambercross-sky); transform: translateY(-18%); }
.ambercross-bubble-b { background: var(--ambercross-cream); transform: translateY(25%); }
.ambercross-start-note { grid-column: 2 / -1; justify-self: end; max-width: 42rem; display: flex; align-items: center; gap: 1rem; padding-top: 1rem; border-top: 1px solid rgba(255,243,222,.45); }
.ambercross-start-note > span { font-size: 2.4rem; }

.ambercross-routine { background: var(--ambercross-cream); color: var(--ambercross-graphite); padding: var(--ambercross-space-5) clamp(1.25rem, 6vw, 6rem); }
.ambercross-routine-heading { display: grid; grid-template-columns: .55fr 1.45fr; column-gap: var(--ambercross-space-4); align-items: start; }
.ambercross-routine-heading .ambercross-kicker { grid-column: 1; }
.ambercross-routine-heading h2 { grid-column: 1 / 3; max-width: 77rem; }
.ambercross-routine-heading > p:last-child { grid-column: 2; max-width: 42rem; }
.ambercross-routine-steps { list-style: none; margin: 4rem 0 0; padding: 0; display: grid; grid-template-columns: 1.1fr .9fr 1.25fr .75fr; align-items: stretch; gap: 1px; background: rgba(43,43,46,.18); }
.ambercross-routine-steps li { background: var(--ambercross-cream); padding: 1.3rem; min-height: 17rem; display: flex; flex-direction: column; opacity: 0; transform: translateY(18px); transition: opacity var(--ambercross-motion-slow) ease, transform var(--ambercross-motion-slow) ease; }
.ambercross-routine-steps li:nth-child(2) { padding-top: 3.5rem; }
.ambercross-routine-steps li:nth-child(3) { min-height: 21rem; background: var(--ambercross-sky); }
.ambercross-routine-steps li:nth-child(4) { padding-top: 5rem; }
.ambercross-routine-steps li.is-visible { opacity: 1; transform: none; }
.ambercross-routine-steps span { font-size: .78rem; font-weight: 900; }
.ambercross-routine-steps strong { margin-top: auto; font-family: var(--ambercross-display); font-size: 2rem; }
.ambercross-routine-steps p { margin-bottom: 0; font-size: .9rem; }

.ambercross-mobility { min-height: 90vh; display: grid; grid-template-columns: 1.1fr .9fr; background: var(--ambercross-sky); color: var(--ambercross-graphite); overflow: hidden; }
.ambercross-mobility-art { position: relative; min-height: 42rem; background: var(--ambercross-cherry); border-radius: 0 52% 48% 0 / 0 38% 62% 0; }
.ambercross-orbit { position: absolute; border: 2px solid var(--ambercross-cream); border-radius: 50%; }
.ambercross-orbit-one { width: 58%; aspect-ratio: 1; left: 12%; top: 12%; }
.ambercross-orbit-two { width: 34%; aspect-ratio: 1; right: 8%; bottom: 12%; }
.ambercross-joint-path { position: absolute; left: 35%; top: 14%; width: 20%; height: 70%; background: var(--ambercross-sky); border-radius: 55% 45% 52% 48% / 20% 32% 68% 80%; transform: rotate(18deg); }
.ambercross-mobility-copy { align-self: center; padding: var(--ambercross-space-4); max-width: 50rem; }
.ambercross-inline-points { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; margin: 1.8rem 0; }
.ambercross-inline-points li { border: 1px solid currentColor; border-radius: var(--ambercross-radius-pill); padding: .55rem .85rem; }

.ambercross-resistance { background: var(--ambercross-cream); color: var(--ambercross-graphite); padding: var(--ambercross-space-5) clamp(1.25rem, 6vw, 6rem); display: grid; grid-template-columns: 1fr .8fr; gap: var(--ambercross-space-4); align-items: center; }
.ambercross-resistance-copy { max-width: 55rem; }
.ambercross-metric-line { display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: .75rem; align-items: center; margin-top: 2rem; font-size: .78rem; font-weight: 900; text-transform: uppercase; }
.ambercross-metric-line i { height: 2px; background: var(--ambercross-cherry); }
.ambercross-resistance-figure { margin: 0; }
.ambercross-resistance-figure img { width: 100%; aspect-ratio: 1; object-fit: contain; border-radius: 56% 44% 61% 39% / 46% 56% 44% 54%; background: var(--ambercross-sky); }
.ambercross-resistance-figure figcaption { margin-top: .8rem; font-size: .84rem; }

.ambercross-joints { padding: var(--ambercross-space-5) clamp(1.25rem, 6vw, 6rem); background: var(--ambercross-cherry); }
.ambercross-joints > h2 { max-width: 72rem; }
.ambercross-joint-bands { margin-top: 3rem; display: grid; grid-template-columns: 1.2fr .9fr 1fr; gap: 1rem; align-items: end; }
.ambercross-joint-band { min-height: 18rem; padding: 1.6rem; display: flex; flex-direction: column; justify-content: flex-end; color: var(--ambercross-graphite); }
.ambercross-joint-band span { font-family: var(--ambercross-display); font-size: clamp(2.4rem, 5vw, 5.4rem); line-height: .9; }
.ambercross-joint-band p { max-width: 26rem; }
.ambercross-joint-knee { background: var(--ambercross-sky); border-radius: 52% 48% 8% 8% / 34% 34% 8% 8%; }
.ambercross-joint-hip { background: var(--ambercross-cream); min-height: 24rem; border-radius: 55% 45% 6% 6% / 24% 35% 6% 6%; }
.ambercross-joint-ankle { background: #e9c0cc; min-height: 15rem; border-radius: 43% 57% 6% 6% / 30% 42% 6% 6%; }

.ambercross-progress { position: relative; background: var(--ambercross-sky); color: var(--ambercross-graphite); min-height: 80vh; display: grid; grid-template-columns: .7fr 1.3fr; align-items: center; overflow: hidden; padding: var(--ambercross-space-5) clamp(1.25rem, 6vw, 6rem); }
.ambercross-progress-circle { width: min(38vw, 520px); aspect-ratio: 1; border-radius: 50%; background: var(--ambercross-cherry); color: var(--ambercross-cream); display: grid; place-items: center; font-size: clamp(8rem, 22vw, 20rem); font-weight: 200; line-height: 1; transform: translateX(-20%); }
.ambercross-progress-copy ol { list-style: none; padding: 0; margin: 2.5rem 0 0; }
.ambercross-progress-copy li { display: grid; grid-template-columns: 2.8rem 1fr; gap: 1rem; padding: 1rem 0; border-top: 1px solid rgba(43,43,46,.35); }
.ambercross-progress-copy b { width: 2.4rem; height: 2.4rem; border-radius: 50%; display: grid; place-items: center; background: var(--ambercross-graphite); color: var(--ambercross-sky); }

.ambercross-shop { background: var(--ambercross-cream); color: var(--ambercross-graphite); padding: var(--ambercross-space-5) clamp(1.25rem, 5vw, 5rem); }
.ambercross-shop-head { display: grid; grid-template-columns: 1.35fr .65fr; gap: var(--ambercross-space-4); align-items: end; }
.ambercross-shop-head > p { max-width: 35rem; }
.ambercross-product-reel { margin-top: 4rem; display: grid; grid-template-columns: 1.05fr .85fr 1.1fr; gap: clamp(1.25rem, 3vw, 3rem); align-items: start; }
.ambercross-product-card { opacity: 0; transform: translateY(24px); transition: opacity var(--ambercross-motion-slow) ease, transform var(--ambercross-motion-slow) ease; }
.ambercross-product-card.is-visible { opacity: 1; transform: none; }
.ambercross-product-card-2 { margin-top: 5rem; }
.ambercross-product-window { aspect-ratio: 1; overflow: hidden; background: var(--ambercross-sky); }
.ambercross-product-card-1 .ambercross-product-window { border-radius: 50% 50% 43% 57% / 60% 43% 57% 40%; }
.ambercross-product-card-2 .ambercross-product-window { border-radius: 58% 42% 55% 45% / 44% 58% 42% 56%; aspect-ratio: .88; }
.ambercross-product-card-3 .ambercross-product-window { border-radius: 46% 54% 48% 52% / 56% 46% 54% 44%; }
.ambercross-product-window img { width: 100%; height: 100%; object-fit: contain; padding: 8%; }
.ambercross-product-copy { display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; margin-top: 1rem; }
.ambercross-product-index { grid-row: 1 / 4; font-size: .72rem; font-weight: 900; }
.ambercross-product-copy h3 { margin: 0; font-family: var(--ambercross-display); font-size: clamp(1.7rem, 3vw, 2.6rem); line-height: .95; }
.ambercross-product-copy p { font-size: .88rem; }
.ambercross-product-copy strong { font-size: 1.2rem; }
.ambercross-product-form { margin-top: 1rem; display: flex; align-items: end; flex-wrap: wrap; gap: .65rem; }
.ambercross-product-form label { display: grid; gap: .25rem; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.ambercross-product-form input { width: 6rem; min-height: 48px; border: 1px solid rgba(43,43,46,.35); border-radius: var(--ambercross-radius-pill); background: transparent; color: inherit; padding: .7rem 1rem; }
.ambercross-shop-more { display: inline-block; margin-top: 3rem; }

.ambercross-materials { background: var(--ambercross-cherry); padding: var(--ambercross-space-5) clamp(1.25rem, 6vw, 6rem); }
.ambercross-materials-head { max-width: 68rem; }
.ambercross-story-pairs { margin: 3rem 0; display: grid; grid-template-columns: 1.2fr .8fr; gap: 1px; }
.ambercross-story { padding: 1.4rem 1.4rem 2.5rem 0; border-top: 1px solid rgba(255,243,222,.38); opacity: 0; transform: translateY(18px); transition: opacity var(--ambercross-motion-slow) ease, transform var(--ambercross-motion-slow) ease; }
.ambercross-story.is-visible { opacity: 1; transform: none; }
.ambercross-story:nth-child(3) { grid-column: 2; }
.ambercross-story > p { font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; }
.ambercross-story h3 { margin: .65rem 0; font-family: var(--ambercross-display); font-size: clamp(1.8rem, 3.5vw, 3.7rem); line-height: .98; }
.ambercross-story h3 a { text-decoration: none; }
.ambercross-story > span { display: block; max-width: 38rem; font-size: .9rem; color: rgba(255,243,222,.78); }

.ambercross-faq { background: var(--ambercross-sky); color: var(--ambercross-graphite); padding: var(--ambercross-space-5) clamp(1.25rem, 6vw, 6rem); display: grid; grid-template-columns: .75fr 1.25fr; gap: var(--ambercross-space-4); }
.ambercross-faq-title { position: sticky; top: 1rem; align-self: start; }
.ambercross-faq-list details { border-top: 1px solid rgba(43,43,46,.4); padding: 1rem 0; }
.ambercross-faq-list summary { min-height: 44px; cursor: pointer; font-weight: 900; font-size: clamp(1.1rem, 1.8vw, 1.35rem); }
.ambercross-faq-list p { max-width: 45rem; }

.ambercross-about { min-height: 80vh; display: grid; grid-template-columns: 1fr .7fr; gap: var(--ambercross-space-4); align-items: center; padding: var(--ambercross-space-5) clamp(1.25rem, 6vw, 6rem); background: var(--ambercross-cherry); }
.ambercross-about-copy { max-width: 65rem; }
.ambercross-about-copy > p:last-of-type { max-width: 42rem; }
.ambercross-about-mark { justify-self: center; width: min(32vw, 420px); aspect-ratio: 1; background: var(--ambercross-sky); color: var(--ambercross-graphite); border-radius: 50%; display: grid; place-items: center; position: relative; }
.ambercross-about-mark span { font-family: var(--ambercross-display); font-size: clamp(5rem, 12vw, 10rem); font-weight: 900; }
.ambercross-about-mark i { position: absolute; width: 70%; height: 2px; background: var(--ambercross-cherry); transform: rotate(-18deg); }

.ambercross-live { position: fixed; z-index: 50; right: 1rem; bottom: 1rem; max-width: min(26rem, calc(100vw - 2rem)); padding: .8rem 1rem; border-radius: var(--ambercross-radius-pill); background: var(--ambercross-graphite); color: var(--ambercross-white); box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.ambercross-live:empty { display: none; }

.ambercross-footer { position: relative; overflow: hidden; min-height: 22rem; padding: 5rem clamp(1.25rem, 6vw, 6rem) 2rem; background: var(--ambercross-cherry); color: var(--ambercross-cream); border-top: 1px solid rgba(255,243,222,.28); }
.ambercross-footer-orb { position: absolute; right: -10vw; top: -18vw; width: min(48vw, 650px); aspect-ratio: 1; border-radius: 50%; background: var(--ambercross-sky); }
.ambercross-footer-brand { position: relative; z-index: 1; font-family: var(--ambercross-display); font-size: clamp(2.8rem, 9vw, 8rem); font-weight: 900; letter-spacing: -.06em; text-decoration: none; }
.ambercross-footer-links { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; margin: 2rem 0; }
.ambercross-footer-links a { min-height: 44px; display: inline-flex; align-items: center; }
.ambercross-footer p, .ambercross-footer small { position: relative; z-index: 1; max-width: 60rem; font-size: .74rem; }
.ambercross-footer small { display: block; color: rgba(255,243,222,.72); }

@keyframes ambercrossDrift { to { transform: rotate(1deg) translateY(-8px) scale(1.015); } }

@container (max-width: 680px) {
  .ambercross-product-copy { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  .ambercross-header { position: relative; margin: 1rem; inset: auto; grid-template-columns: 1fr auto; }
  .ambercross-nav { display: none; }
  .ambercross-hero { min-height: auto; grid-template-columns: 1fr; padding-top: 3.5rem; gap: 2.5rem; }
  .ambercross-hero-cream { width: 100%; height: 57%; border-radius: 0 0 52% 48% / 0 0 18% 20%; }
  .ambercross-hero-cream::after { display: none; }
  .ambercross-hero-copy { max-width: 100%; }
  .ambercross-hero-product { justify-self: center; width: min(88vw, 580px); }
  .ambercross-prism { left: 52%; top: 45%; width: 38vw; height: 45vh; }
  .ambercross-start-scene { min-height: auto; grid-template-columns: 1fr 1fr; }
  .ambercross-start-copy { grid-column: 1 / -1; }
  .ambercross-start-note { grid-column: 1 / -1; }
  .ambercross-routine-heading { display: block; }
  .ambercross-routine-steps { grid-template-columns: 1fr 1fr; }
  .ambercross-mobility, .ambercross-resistance, .ambercross-progress, .ambercross-faq, .ambercross-about { grid-template-columns: 1fr; }
  .ambercross-mobility-art { min-height: 28rem; border-radius: 0 0 48% 52% / 0 0 24% 22%; }
  .ambercross-joint-bands, .ambercross-product-reel, .ambercross-shop-head { grid-template-columns: 1fr; }
  .ambercross-joint-band, .ambercross-joint-hip, .ambercross-joint-ankle { min-height: 13rem; }
  .ambercross-product-card-2 { margin-top: 0; }
  .ambercross-product-card { max-width: 42rem; }
  .ambercross-product-card:nth-child(2) { margin-left: auto; }
  .ambercross-progress-circle { width: min(64vw, 420px); transform: translateX(-8%); }
  .ambercross-story-pairs { grid-template-columns: 1fr; }
  .ambercross-story:nth-child(3) { grid-column: auto; }
  .ambercross-faq-title { position: static; }
}

@media (max-width: 620px) {
  .ambercross-header { border-radius: 28px; align-items: center; }
  .ambercross-cart-link span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .ambercross-hero { padding-inline: 1rem; }
  .ambercross-hero h1 { font-size: clamp(3.45rem, 18vw, 6rem); }
  .ambercross-hero-cream { height: 54%; }
  .ambercross-hero-actions { align-items: stretch; flex-direction: column; }
  .ambercross-btn { width: 100%; }
  .ambercross-start-scene { grid-template-columns: 1fr; }
  .ambercross-bubble { width: 78%; }
  .ambercross-bubble-a { justify-self: start; transform: none; }
  .ambercross-bubble-b { justify-self: end; transform: none; }
  .ambercross-routine-steps { grid-template-columns: 1fr; background: transparent; gap: 0; }
  .ambercross-routine-steps li, .ambercross-routine-steps li:nth-child(2), .ambercross-routine-steps li:nth-child(4) { min-height: 11rem; padding-top: 1.3rem; border-top: 1px solid rgba(43,43,46,.18); }
  .ambercross-routine-steps li:nth-child(3) { min-height: 12rem; border-radius: 44px; }
  .ambercross-joint-bands { gap: .8rem; }
  .ambercross-product-form { align-items: stretch; }
  .ambercross-product-form label, .ambercross-product-form input { width: 100%; }
  .ambercross-about-mark { width: 72vw; }
  .ambercross-footer-orb { width: 78vw; top: -18vw; right: -27vw; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; }
  .ambercross-routine-steps li, .ambercross-product-card, .ambercross-story { opacity: 1; transform: none; }
}

/* Full-site templates */
code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .9em; }
textarea, select { font: inherit; }
.ambercross-page { background: var(--ambercross-cream); color: var(--ambercross-graphite); }
.ambercross-page .ambercross-header { position: absolute; }
.ambercross-page-hero {
  min-height: 62svh; padding: clamp(8rem, 14vh, 10rem) clamp(1.25rem, 7vw, 7rem) var(--ambercross-space-4);
  display: grid; align-content: end; grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr); gap: var(--ambercross-space-4);
  background: var(--ambercross-cherry); color: var(--ambercross-cream); position: relative; overflow: hidden;
}
.ambercross-page-hero::after { content:""; position:absolute; width:min(42vw,620px); aspect-ratio:1; border-radius:50%; right:-10vw; top:-13vw; background:var(--ambercross-sky); opacity:.96; }
.ambercross-page-hero > * { position:relative; z-index:1; }
.ambercross-page-hero .ambercross-scene-number { grid-column:1/-1; }
.ambercross-page-hero h1 { margin:0; max-width:72rem; font-family:var(--ambercross-display); font-size:clamp(3.2rem,8vw,8.5rem); line-height:.84; letter-spacing:-.065em; }
.ambercross-page-hero > p:last-of-type { max-width:38rem; align-self:end; font-size:clamp(1rem,1.5vw,1.2rem); }
.ambercross-page-hero-commerce::after { border-radius:42% 58% 64% 36% / 57% 40% 60% 43%; transform:rotate(12deg); }
.ambercross-page-hero-editorial { background:var(--ambercross-cream); color:var(--ambercross-graphite); }
.ambercross-page-hero-editorial::after { background:var(--ambercross-cherry); width:min(34vw,500px); }
.ambercross-page-hero-cart::after { border-radius:65% 35% 44% 56% / 40% 62% 38% 60%; }
.ambercross-page-hero-checkout::after { width:min(34vw,480px); background:var(--ambercross-sky); }
.ambercross-disclosure { grid-column:1/-1; width:fit-content; max-width:50rem; padding:.75rem 1rem; border:1px solid rgba(255,243,222,.45); border-radius:var(--ambercross-radius-pill); font-size:.82rem; }

.ambercross-filter-strip { padding:1rem clamp(1.25rem,5vw,5rem); display:flex; flex-wrap:wrap; gap:.55rem; background:var(--ambercross-sky); color:var(--ambercross-graphite); }
.ambercross-filter-strip a { min-height:44px; display:inline-flex; align-items:center; padding:.55rem .9rem; border:1px solid rgba(43,43,46,.24); border-radius:var(--ambercross-radius-pill); text-decoration:none; font-weight:800; font-size:.82rem; }
.ambercross-filter-strip a.is-active { background:var(--ambercross-graphite); color:var(--ambercross-sky); border-color:transparent; }

.ambercross-catalog-grid { padding:var(--ambercross-space-5) clamp(1.25rem,5vw,5rem); display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(1.5rem,3vw,3.5rem); background:var(--ambercross-cream); }
.ambercross-catalog-product { grid-column:span 6; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); gap:clamp(1rem,2vw,2.5rem); align-items:center; container-type:inline-size; }
.ambercross-catalog-product:nth-child(4n+2), .ambercross-catalog-product:nth-child(4n+3) { grid-column:span 5; }
.ambercross-catalog-product:nth-child(4n+3) { margin-left:8%; }
.ambercross-catalog-product:nth-child(even) { margin-top:4rem; }
.ambercross-catalog-media { aspect-ratio:1; overflow:hidden; background:var(--ambercross-sky); border-radius:55% 45% 52% 48% / 45% 60% 40% 55%; }
.ambercross-catalog-product:nth-child(3n+2) .ambercross-catalog-media { border-radius:48% 52% 62% 38% / 57% 42% 58% 43%; }
.ambercross-catalog-product:nth-child(3n+3) .ambercross-catalog-media { border-radius:60% 40% 43% 57% / 39% 55% 45% 61%; }
.ambercross-catalog-media img { width:100%; height:100%; object-fit:cover; }
.ambercross-catalog-copy h2 { margin:.25rem 0 .7rem; font-family:var(--ambercross-display); font-size:clamp(2rem,3.2vw,4rem); line-height:.92; letter-spacing:-.045em; }
.ambercross-catalog-copy > p:not(.ambercross-kicker) { max-width:35rem; }
.ambercross-catalog-copy > strong { display:block; margin-top:1rem; font-size:1.35rem; }
.ambercross-unavailable { font-weight:850; opacity:.72; }

.ambercross-empty-state { max-width:46rem; padding:var(--ambercross-space-4); border-radius:3rem; background:var(--ambercross-sky); color:var(--ambercross-graphite); }
.ambercross-empty-state h2 { font-family:var(--ambercross-display); font-size:clamp(2rem,5vw,4.5rem); line-height:.95; }

.ambercross-cart-shell { background:var(--ambercross-cream); padding:var(--ambercross-space-4) clamp(1.25rem,6vw,6rem) var(--ambercross-space-5); }
.ambercross-cart-shell > div:not(.ambercross-empty-state) { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr); gap:var(--ambercross-space-4); align-items:start; }
.ambercross-cart-lines { display:grid; gap:1px; background:rgba(43,43,46,.18); }
.ambercross-cart-line { display:grid; grid-template-columns:8rem 1fr auto auto; gap:1rem; align-items:center; background:var(--ambercross-cream); padding:1rem 0; }
.ambercross-cart-line img { width:8rem; aspect-ratio:1; object-fit:cover; border-radius:50%; background:var(--ambercross-sky); }
.ambercross-cart-line h2 { margin:0; font-family:var(--ambercross-display); font-size:clamp(1.35rem,2vw,2.2rem); line-height:1; }
.ambercross-cart-line p { margin:.35rem 0 0; font-size:.84rem; }
.ambercross-qty { display:grid; grid-template-columns:44px 4.5rem 44px; align-items:center; }
.ambercross-qty button, .ambercross-qty input { min-height:44px; border:1px solid rgba(43,43,46,.28); background:transparent; color:inherit; text-align:center; }
.ambercross-qty button:first-child { border-radius:999px 0 0 999px; }
.ambercross-qty button:last-child { border-radius:0 999px 999px 0; }
.ambercross-qty input { border-inline:0; width:4.5rem; }
.ambercross-line-total { min-width:7rem; text-align:right; }
.ambercross-remove, .ambercross-text-button { grid-column:4; justify-self:end; border:0; background:transparent; text-decoration:underline; text-underline-offset:.2em; min-height:44px; cursor:pointer; color:inherit; }
.ambercross-cart-total-panel { position:sticky; top:6rem; padding:2rem; border-radius:3rem; background:var(--ambercross-cherry); color:var(--ambercross-cream); }
.ambercross-cart-total-panel > span { display:block; text-transform:uppercase; font-size:.72rem; letter-spacing:.12em; font-weight:900; }
.ambercross-cart-total-panel > strong { display:block; font-family:var(--ambercross-display); font-size:clamp(3rem,5vw,5.6rem); line-height:1; margin:.5rem 0 1rem; }
.ambercross-cart-total-panel .ambercross-btn { width:100%; background:var(--ambercross-sky); color:var(--ambercross-graphite); margin:1rem 0 .5rem; }
.ambercross-cart-total-panel .ambercross-text-button, .ambercross-cart-total-panel .ambercross-text-link { display:flex; width:100%; justify-content:center; margin-top:.4rem; }

.ambercross-checkout-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr); gap:var(--ambercross-space-4); padding:var(--ambercross-space-5) clamp(1.25rem,6vw,6rem); background:var(--ambercross-sky); }
.ambercross-checkout-form { padding:clamp(1.25rem,3vw,2.5rem); background:var(--ambercross-cream); border-radius:2.5rem; }
.ambercross-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.ambercross-form-grid label { display:grid; gap:.4rem; font-weight:800; }
.ambercross-form-grid input, .ambercross-form-grid textarea { width:100%; min-height:50px; padding:.8rem 1rem; border:1px solid rgba(43,43,46,.3); border-radius:1.3rem; background:#fffaf0; color:var(--ambercross-graphite); }
.ambercross-form-grid textarea { min-height:8rem; resize:vertical; }
.ambercross-form-grid small, [data-field-error] { color:#8c1538; font-weight:700; min-height:1.1em; }
.ambercross-field-wide { grid-column:1/-1; }
.ambercross-consent-row { display:grid; grid-template-columns:1.5rem 1fr; gap:.8rem; margin:1.2rem 0 .2rem; align-items:start; }
.ambercross-consent-row input { width:1.35rem; height:1.35rem; margin-top:.15rem; accent-color:var(--ambercross-cherry); }
.ambercross-form-error { margin-bottom:1rem; padding:.9rem 1rem; border-radius:1.2rem; background:#f4cad6; color:#5d1027; font-weight:800; }
.ambercross-submit { margin-top:1.5rem; min-width:15rem; }
.ambercross-submit[data-loading="true"] { opacity:.7; cursor:wait; }
.ambercross-order-summary { align-self:start; position:sticky; top:6rem; padding:2rem; border-radius:50px; background:var(--ambercross-cherry); color:var(--ambercross-cream); }
.ambercross-order-summary ul { list-style:none; padding:0; margin:1.2rem 0; }
.ambercross-order-summary li { display:flex; justify-content:space-between; gap:1rem; padding:.8rem 0; border-top:1px solid rgba(255,243,222,.28); font-size:.9rem; }
.ambercross-order-total { display:flex; justify-content:space-between; align-items:end; gap:1rem; padding-top:1rem; border-top:2px solid var(--ambercross-sky); }
.ambercross-order-total strong { font-family:var(--ambercross-display); font-size:2.4rem; }

.ambercross-success-scene { min-height:85svh; display:grid; grid-template-columns:minmax(15rem,.65fr) minmax(0,1.35fr); gap:var(--ambercross-space-4); align-items:center; padding:clamp(8rem,14vh,10rem) clamp(1.25rem,7vw,7rem) var(--ambercross-space-5); background:var(--ambercross-sky); color:var(--ambercross-graphite); }
.ambercross-success-orb { width:min(34vw,420px); aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:var(--ambercross-cherry); color:var(--ambercross-cream); font-family:var(--ambercross-display); font-size:clamp(4rem,10vw,8rem); }
.ambercross-success-scene h1 { margin:0; font-family:var(--ambercross-display); font-size:clamp(3rem,7vw,7rem); line-height:.9; letter-spacing:-.06em; }
.ambercross-order-number { display:inline-block; margin:1rem 0; font-family:ui-monospace,monospace; font-size:clamp(1.4rem,3vw,2.2rem); font-weight:900; padding:.65rem 1rem; border:2px solid currentColor; border-radius:999px; }
.ambercross-success-actions { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; align-items:center; }

.ambercross-article-index { background:var(--ambercross-cream); padding:var(--ambercross-space-5) clamp(1.25rem,6vw,6rem); display:grid; grid-template-columns:1.1fr .9fr; gap:1px; }
.ambercross-article-poster { min-height:24rem; padding:2rem; display:grid; grid-template-columns:auto 1fr; gap:1.5rem; align-items:end; border-top:1px solid rgba(43,43,46,.24); }
.ambercross-article-poster:nth-child(3n+2) { min-height:31rem; background:var(--ambercross-sky); border-radius:48% 52% 0 0 / 24% 28% 0 0; }
.ambercross-article-poster:nth-child(3n+3) { grid-column:2; }
.ambercross-poster-number { align-self:start; font-weight:900; font-size:.74rem; }
.ambercross-article-poster h2 { margin:.4rem 0; font-family:var(--ambercross-display); font-size:clamp(2rem,4vw,4.7rem); line-height:.92; letter-spacing:-.05em; }
.ambercross-article-poster h2 a { text-decoration:none; }
.ambercross-article-poster span { font-size:.72rem; opacity:.72; }

.ambercross-article-shell { background:var(--ambercross-cream); color:var(--ambercross-graphite); }
.ambercross-article-hero { min-height:72svh; padding:clamp(8rem,14vh,10rem) clamp(1.25rem,10vw,10rem) var(--ambercross-space-4); background:var(--ambercross-cherry); color:var(--ambercross-cream); display:flex; flex-direction:column; justify-content:end; position:relative; overflow:hidden; }
.ambercross-article-hero::after { content:""; position:absolute; right:-8vw; top:10%; width:min(33vw,480px); aspect-ratio:1; border-radius:50%; background:var(--ambercross-sky); }
.ambercross-article-hero > * { position:relative; z-index:1; max-width:75rem; }
.ambercross-article-hero h1 { margin:0; font-family:var(--ambercross-display); font-size:clamp(3.3rem,8vw,8.7rem); line-height:.84; letter-spacing:-.065em; }
.ambercross-article-hero > p:not(.ambercross-kicker) { max-width:48rem; font-size:1.1rem; }
.ambercross-warning-note { margin:-2rem clamp(1.25rem,8vw,8rem) 0 auto; position:relative; z-index:2; width:min(44rem,calc(100% - 2.5rem)); padding:1.5rem 2rem; border-radius:2.4rem; background:var(--ambercross-sky); }
.ambercross-warning-note strong { font-family:var(--ambercross-display); font-size:2rem; }
.ambercross-warning-note li { margin:.45rem 0; }
.ambercross-article-body { max-width:82rem; margin:auto; padding:var(--ambercross-space-5) clamp(1.25rem,5vw,4rem); }
.ambercross-article-body > h2 { font-family:var(--ambercross-display); font-size:clamp(2.8rem,6vw,6rem); line-height:.9; }
.ambercross-article-step { display:grid; grid-template-columns:4rem minmax(0,1fr); gap:clamp(1rem,3vw,3rem); padding:2.2rem 0; border-top:1px solid rgba(43,43,46,.25); }
.ambercross-article-step > span { font-weight:900; }
.ambercross-article-step h3 { margin:0 0 .5rem; font-family:var(--ambercross-display); font-size:clamp(1.8rem,3.2vw,3.5rem); line-height:.95; }
.ambercross-article-step p { max-width:47rem; }
.ambercross-related-products { padding:var(--ambercross-space-5) clamp(1.25rem,6vw,6rem); background:var(--ambercross-sky); }
.ambercross-related-products > div:first-child { max-width:65rem; }
.ambercross-related-products h2 { margin:0; font-family:var(--ambercross-display); font-size:clamp(2.8rem,6vw,6rem); line-height:.9; }
.ambercross-related-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.5rem,4vw,4rem); margin-top:3rem; }
.ambercross-related-grid article:nth-child(2) { margin-top:5rem; }
.ambercross-related-grid img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:50%; background:var(--ambercross-cream); }
.ambercross-related-grid h3 { font-family:var(--ambercross-display); font-size:clamp(2rem,3vw,3.3rem); margin:1rem 0 .5rem; line-height:.95; }
.ambercross-article-back { padding:2rem clamp(1.25rem,6vw,6rem) var(--ambercross-space-5); background:var(--ambercross-sky); }

.ambercross-content-sections { background:var(--ambercross-cream); padding:var(--ambercross-space-5) clamp(1.25rem,8vw,8rem); }
.ambercross-content-section { display:grid; grid-template-columns:5rem minmax(0,1fr); gap:clamp(1rem,4vw,4rem); max-width:82rem; padding:2.4rem 0; border-top:1px solid rgba(43,43,46,.25); }
.ambercross-content-section:nth-child(even) { margin-left:auto; max-width:72rem; }
.ambercross-content-section > span { font-weight:900; }
.ambercross-content-section h2 { margin:0 0 .75rem; font-family:var(--ambercross-display); font-size:clamp(2rem,4.4vw,4.8rem); line-height:.92; }
.ambercross-content-section p { max-width:54rem; font-size:1.02rem; }

.ambercross-cookie-layout { padding:var(--ambercross-space-5) clamp(1.25rem,7vw,7rem); background:var(--ambercross-sky); display:grid; grid-template-columns:1.1fr .9fr; gap:var(--ambercross-space-4); }
.ambercross-cookie-explain h2 { font-family:var(--ambercross-display); font-size:clamp(2rem,4vw,4rem); margin:1.5rem 0 .5rem; }
.ambercross-cookie-form { align-self:start; padding:2rem; border-radius:2.5rem; background:var(--ambercross-cream); }
.ambercross-toggle-row { display:grid; grid-template-columns:1.5rem 1fr; gap:1rem; align-items:start; margin-bottom:1.5rem; }
.ambercross-toggle-row input { width:1.4rem; height:1.4rem; accent-color:var(--ambercross-cherry); }
.ambercross-toggle-row span { display:grid; gap:.3rem; }
.ambercross-toggle-row small { opacity:.72; }

.ambercross-footer-main, .ambercross-footer-credits, .ambercross-footer-links { position:relative; z-index:1; }
.ambercross-footer-main { max-width:48rem; }
.ambercross-footer-wordmark { font-family:var(--ambercross-display); font-size:clamp(2.8rem,8vw,7rem); font-weight:900; letter-spacing:-.06em; text-decoration:none; }
.ambercross-footer-main p { font-size:.95rem; max-width:36rem; }
.ambercross-footer-credits { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.7rem 2rem; padding-top:1rem; border-top:1px solid rgba(255,243,222,.28); font-size:.72rem; }

@container (max-width: 620px) {
  .ambercross-catalog-product { grid-template-columns:1fr; }
}

@media (max-width: 980px) {
  .ambercross-page .ambercross-header { position:relative; }
  .ambercross-page-hero { min-height:auto; padding-top:4.5rem; grid-template-columns:1fr; }
  .ambercross-page-hero > p:last-of-type { max-width:48rem; }
  .ambercross-catalog-product, .ambercross-catalog-product:nth-child(4n+2), .ambercross-catalog-product:nth-child(4n+3) { grid-column:span 12; max-width:58rem; }
  .ambercross-catalog-product:nth-child(4n+3) { margin-left:auto; }
  .ambercross-cart-shell > div:not(.ambercross-empty-state), .ambercross-checkout-layout, .ambercross-cookie-layout { grid-template-columns:1fr; }
  .ambercross-cart-total-panel, .ambercross-order-summary { position:static; }
  .ambercross-article-index { grid-template-columns:1fr; }
  .ambercross-article-poster:nth-child(3n+3) { grid-column:auto; }
  .ambercross-related-grid { grid-template-columns:1fr; }
  .ambercross-related-grid article:nth-child(2) { margin-top:0; }
  .ambercross-success-scene { grid-template-columns:1fr; }
  .ambercross-success-orb { width:min(62vw,360px); }
}

@media (max-width: 720px) {
  .ambercross-page .ambercross-header { grid-template-columns:1fr auto; }
  .ambercross-page .ambercross-nav { grid-column:1/-1; display:flex; justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; padding-bottom:.2rem; scrollbar-width:none; }
  .ambercross-page .ambercross-nav::-webkit-scrollbar { display:none; }
  .ambercross-page-hero h1, .ambercross-article-hero h1 { font-size:clamp(3.1rem,16vw,5.7rem); }
  .ambercross-catalog-product { grid-template-columns:1fr; margin:0 !important; }
  .ambercross-catalog-media { max-width:34rem; }
  .ambercross-cart-line { grid-template-columns:5.5rem 1fr; }
  .ambercross-cart-line img { width:5.5rem; }
  .ambercross-qty { grid-column:1/3; }
  .ambercross-line-total { grid-column:1/2; text-align:left; }
  .ambercross-remove { grid-column:2/3; }
  .ambercross-form-grid { grid-template-columns:1fr; }
  .ambercross-field-wide { grid-column:auto; }
  .ambercross-warning-note { margin:-1rem 1rem 0; width:auto; }
  .ambercross-content-section { grid-template-columns:2.5rem minmax(0,1fr); gap:1rem; }
  .ambercross-footer-orb { width:90vw; right:-40vw; top:-20vw; }
  .ambercross-footer-credits { display:grid; }
}