.lunna-problem-nav__header{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}@media screen and (min-width:750px){.lunna-problem-nav__header{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:32px}.lunna-problem-nav__header>div{flex:1 1 auto}.lunna-problem-nav__intro{flex:0 1 36rem}}.lunna-problem-nav__heading{margin:0}.lunna-problem-nav__intro{margin:0;max-width:60ch;color:var(--text-body)}.lunna-problem-nav__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}@media screen and (max-width:749px){.lunna-problem-nav--cards .page-width{padding-right:0}.lunna-problem-nav__grid{display:flex;gap:16px;padding-right:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.lunna-problem-card{flex:0 0 min(78vw,28rem);scroll-snap-align:start}}@media screen and (min-width:990px){.lunna-problem-nav__grid{grid-template-columns:repeat(var(--problem-columns, 4),minmax(0,1fr))}}.lunna-problem-card{display:flex;flex-direction:column;min-width:0;border-radius:var(--radius-surface);background:var(--offwhite);overflow:hidden;transition:background-color var(--dur-hover) var(--ease-lunna),box-shadow var(--dur-hover) var(--ease-lunna)}.lunna-problem-card:hover,.lunna-problem-card:focus-within{background:var(--white);box-shadow:var(--shadow-card)}.lunna-problem-card__link{display:flex;flex-direction:column;height:100%;min-height:100%;color:inherit;text-decoration:none}.lunna-problem-card__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.lunna-problem-card__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--sky-100)}.lunna-problem-card__image,.lunna-problem-card__fallback,.lunna-problem-card__placeholder{display:block;width:100%;height:100%;object-fit:cover}.lunna-problem-card__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.72),transparent 42%),linear-gradient(160deg,var(--sky-100) 0%,var(--peach-200) 52%,var(--coral-100) 100%)}.lunna-problem-card__fallback--mud{background:radial-gradient(circle at 78% 22%,rgba(255,255,255,.55),transparent 36%),linear-gradient(155deg,#efe6dc 0%,var(--peach-300) 48%,var(--coral-200) 100%)}.lunna-problem-card__fallback--car{background:radial-gradient(circle at 18% 80%,rgba(255,255,255,.5),transparent 40%),linear-gradient(150deg,var(--ink-100) 0%,var(--sky-200) 55%,var(--sky-300) 100%)}.lunna-problem-card__fallback--bath{background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.6),transparent 38%),linear-gradient(165deg,var(--sky-100) 0%,var(--sky-300) 46%,var(--royal-100) 100%)}.lunna-problem-card__fallback--play{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.65),transparent 40%),linear-gradient(160deg,var(--peach-100) 0%,var(--peach-300) 50%,var(--coral-100) 100%)}.lunna-problem-card__fallback--hair{background:radial-gradient(circle at 64% 18%,rgba(255,255,255,.58),transparent 36%),linear-gradient(155deg,var(--offwhite) 0%,var(--ink-100) 48%,var(--peach-200) 100%)}.lunna-problem-card__fallback--essentials{background:radial-gradient(circle at 24% 70%,rgba(255,255,255,.55),transparent 40%),linear-gradient(160deg,var(--royal-050) 0%,var(--sky-100) 50%,var(--peach-200) 100%)}.lunna-problem-card__fallback .placeholder-svg,.lunna-problem-card__placeholder{width:min(58%,14rem);height:auto;opacity:.28;color:var(--ink-500)}.lunna-problem-card__number{position:absolute;top:16px;left:16px;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:3.6rem;min-height:3.6rem;padding:0 10px;border-radius:999px;background:#ffffffe0;color:var(--ink-500);font-size:1.2rem;font-weight:700;letter-spacing:.08em}.lunna-problem-card__content{display:flex;flex-direction:column;gap:12px;flex:1 1 auto;padding:24px}.lunna-problem-card__title{margin:0;color:var(--text-link)}.lunna-problem-card__body{margin:0;max-width:40ch;color:var(--text-body)}.lunna-problem-card__cta{display:inline-flex;align-items:center;gap:8px;margin-top:auto;align-self:flex-start;font-size:1.3rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500)}.lunna-problem-card__arrow{display:inline-block;transition:transform var(--dur-hover) var(--ease-lunna)}.lunna-problem-card:hover .lunna-problem-card__arrow,.lunna-problem-card:focus-within .lunna-problem-card__arrow{transform:translate(3px)}.lunna-problem-nav__mobile-cue{display:none;align-items:center;justify-content:flex-end;gap:8px;margin:16px 1.5rem 0 0;color:var(--text-muted);font-size:1.3rem;letter-spacing:.04em}@media screen and (max-width:749px){.lunna-problem-nav__mobile-cue{display:flex}}@media(prefers-reduced-motion:reduce){.lunna-problem-card,.lunna-problem-card__arrow,.lunna-problem-nav__chip{transition:none}}.lunna-problem-nav__rail{display:flex;gap:8px;margin:0;padding:0 0 4px;list-style:none;overflow-x:auto;scrollbar-width:thin}.lunna-problem-nav__rail-item{flex:0 0 auto}.lunna-problem-nav__chip{display:inline-flex;align-items:center;min-height:4.4rem;padding:0 20px;border-radius:999px;background:var(--offwhite);color:var(--ink-500);font-size:1.5rem;font-weight:600;text-decoration:none;transition:background-color var(--dur-hover) var(--ease-lunna)}.lunna-problem-nav__chip:hover{background:var(--ink-100);color:var(--ink-500)}.lunna-problem-nav__chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.lunna-problem-nav--cards .lunna-problem-nav__grid{align-items:stretch;gap:1.6rem}.lunna-problem-nav--cards .lunna-problem-card{background:transparent;box-shadow:none}.lunna-problem-nav--cards .lunna-problem-card__link{position:relative;min-height:34rem;overflow:hidden;border:1px solid var(--border-hairline);border-radius:2.4rem;background:var(--problem-surface, var(--offwhite));box-shadow:0 1.2rem 3.4rem #1e2a5a12;transition:transform .22s var(--ease-lunna),box-shadow .22s var(--ease-lunna)}.lunna-problem-nav--cards .lunna-problem-card:nth-child(1){--problem-surface: var(--peach-200);--problem-accent: var(--coral-500)}.lunna-problem-nav--cards .lunna-problem-card:nth-child(2){--problem-surface: var(--sky-100);--problem-accent: var(--sky-500)}.lunna-problem-nav--cards .lunna-problem-card:nth-child(3){--problem-surface: #fff1ed;--problem-accent: #ff9d80}.lunna-problem-nav--cards .lunna-problem-card:nth-child(4){--problem-surface: var(--offwhite);--problem-accent: var(--peach-500)}.lunna-problem-nav--cards .lunna-problem-card__media{position:static;height:0;aspect-ratio:auto;overflow:visible;background:transparent}.lunna-problem-nav--cards .lunna-problem-card__image{position:absolute;top:-2.5rem;right:-2.4rem;width:15.4rem;height:17rem;border-radius:42% 0 46% 54%;object-fit:cover;object-position:center 42%;transform:rotate(3deg) scale(1.03);transition:transform .55s var(--ease-lunna)}.lunna-problem-nav--cards .lunna-problem-card__number{top:2.2rem;left:2.2rem;width:4.2rem;min-width:4.2rem;height:4.2rem;min-height:4.2rem;padding:0;border-radius:50%;background:var(--problem-accent, var(--peach-500));color:var(--ink-500);font-size:1.2rem}.lunna-problem-nav--cards .lunna-problem-card__content{position:relative;z-index:1;justify-content:flex-end;padding:13.2rem 2.2rem 2.2rem}.lunna-problem-nav--cards .lunna-problem-card__title{color:var(--ink-500);font-size:2rem;line-height:1.25}.lunna-problem-nav--cards .lunna-problem-card__body{margin-top:1rem;font-size:1.4rem}.lunna-problem-nav--cards .lunna-problem-card__cta{padding-top:.8rem}.lunna-problem-nav--cards .lunna-problem-card__link:hover{transform:translateY(-.6rem);box-shadow:0 2rem 4.6rem #1e2a5a1f}.lunna-problem-nav--cards .lunna-problem-card__link:hover .lunna-problem-card__image{transform:rotate(3deg) scale(1.08)}@media screen and (max-width:749px){.lunna-problem-nav--cards .page-width{padding-right:1.5rem}.lunna-problem-nav--cards .lunna-problem-nav__grid{display:grid;grid-template-columns:1fr;gap:1.6rem;padding-right:0;overflow:visible}.lunna-problem-nav--cards .lunna-problem-card{width:auto}.lunna-problem-nav--cards .lunna-problem-card__link{min-height:24.5rem}.lunna-problem-nav--cards .lunna-problem-card__image{top:-3.4rem;width:13.6rem;height:14.5rem}.lunna-problem-nav--cards .lunna-problem-card__content{padding:8.6rem 2.2rem 2.2rem}.lunna-problem-nav--cards .lunna-problem-nav__mobile-cue{display:none}}@media(prefers-reduced-motion:reduce){.lunna-problem-nav--cards .lunna-problem-card__link,.lunna-problem-nav--cards .lunna-problem-card__image,.lunna-problem-nav--cards .lunna-problem-card__arrow{transition:none}.lunna-problem-nav--cards .lunna-problem-card__link:hover,.lunna-problem-nav--cards .lunna-problem-card__link:hover .lunna-problem-card__image,.lunna-problem-nav--cards .lunna-problem-card__link:hover .lunna-problem-card__arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-lunna-problem-nav.css.map */