.problem-scroll{height:calc((1 + var(--problem-travel,3)) * 100svh);position:relative}.problem-pane{isolation:isolate;background:var(--brand-white-fallback,#faf8f5);color:#000;--problem-nav:4.25rem;height:100svh;--problem-slot:min(17rem, calc((100svh - var(--problem-nav) - 3rem) / 2.15));align-items:center;padding-block-start:var(--problem-nav);display:flex;position:sticky;top:0;overflow:clip}.problem-pane__container{z-index:2;position:relative}.problem-sky{z-index:0;position:absolute;inset:0;overflow:hidden}.problem-sky__grain{pointer-events:none;opacity:.34;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-repeat:repeat;background-size:220px 220px;position:absolute;inset:-10%}.problem-sky__image{object-fit:cover;object-position:center}.problem-sky__foot{background:linear-gradient(to bottom, #faf8f500 0%, #faf8f50a 22%, #faf8f51f 38%, #faf8f542 52%, #faf8f575 65%, #faf8f5ad 77%, #faf8f5db 87%, #faf8f5f5 94%, var(--brand-white-fallback,#faf8f5) 100%);height:18%;position:absolute;inset:auto 0 0}.problem-layout{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem);width:100%;min-width:0;display:grid}@media (min-width:64rem){.problem-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(3rem,6vw,6rem)}}.problem-copy{grid-template-columns:2px minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3vw,2.25rem);max-width:34rem;display:grid}.problem-rail{flex-direction:column;gap:4px;width:2px;padding-top:.55rem;display:flex}.problem-rail__segment{background:#00000029;border-radius:4px;width:2px;height:56px;display:block;position:relative;overflow:hidden}.problem-rail__fill{transform-origin:top;will-change:transform;background:#000000d1;border-radius:2px;display:block;position:absolute;inset:0}.problem-copy__text{min-width:0}.problem-copy__eyebrow{font-family:var(--font-sans);font-size:var(--text-label);line-height:var(--text-label--line-height);letter-spacing:.18em;text-transform:uppercase;color:#0000009e;margin:0 0 1rem;font-weight:600}.problem-copy__title{max-width:20ch;font-family:var(--font-display);letter-spacing:-.035em;color:#000;text-wrap:balance;margin:0;font-size:clamp(2rem,3.4vw,2.75rem);font-weight:400;line-height:1.06}.problem-copy__subtitle{max-width:36rem;font-size:var(--text-body-1);line-height:var(--text-body-1--line-height);color:#000000ad;text-wrap:pretty;margin:1.25rem 0 0}.problem-stack{min-width:0;height:calc(var(--problem-slot) * 2.15);position:relative;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%)}.problem-stack__list{inset-inline:0;top:calc(50% - var(--problem-slot) / 2);will-change:transform;margin:0;padding:0;list-style:none;position:absolute}.problem-card{box-sizing:border-box;height:var(--problem-slot);border-radius:calc(var(--radius) + 6px);-webkit-backdrop-filter:blur(6px)saturate(1.08);backdrop-filter:blur(6px)saturate(1.08);transform-origin:0;will-change:transform, opacity;backface-visibility:hidden;background:#ffffff42;border:0;align-items:center;gap:clamp(1rem,2vw,1.5rem);padding:clamp(1.5rem,2.4vw,2rem) clamp(1.5rem,2.6vw,2.25rem);transition:background .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:inset 0 0 0 1px #ffffff57}.problem-card+.problem-card{margin-top:0}.problem-card--active{background:#ffffff70;box-shadow:inset 0 0 0 1px #ffffff85}.problem-card__index{font-size:var(--text-body-2);font-variant-numeric:tabular-nums;letter-spacing:.14em;color:#00000080;flex:none;padding-top:.3rem}.problem-card__body{min-width:0}.problem-card__title{font-size:var(--text-heading-2);letter-spacing:-.015em;color:#000;text-wrap:balance;margin:0;font-weight:500;line-height:1.18}.problem-card__description{font-size:var(--text-body-1);color:#000000b3;text-wrap:pretty;margin:.85rem 0 0;line-height:1.55}@media (max-width:63.9375rem){.problem-pane{--problem-slot:min(18rem, calc((100svh - var(--problem-nav) - 2rem - 18rem) / 1.95));align-items:center}.problem-layout{align-content:center;gap:clamp(2rem,5vw,2.75rem)}.problem-copy{max-width:40rem}.problem-stack{height:calc(var(--problem-slot) * 1.95)}}@media (max-width:47.9375rem){.problem-pane{--problem-slot:min(20.625rem,  calc((100svh - var(--problem-nav) - 2.5rem - 16rem) / 1.25))}.problem-copy{grid-template-columns:2px minmax(0,1fr);gap:1.15rem}.problem-rail__segment{height:34px}.problem-card{padding:1.15rem}.problem-card__title{font-size:1.3125rem;line-height:1.2}.problem-card__description{margin-top:.7rem;font-size:.9375rem;line-height:1.5}.problem-stack{height:calc(var(--problem-slot) * 1.25)}}@media (prefers-reduced-motion:reduce),(max-width:63.9375rem) and (max-height:38rem){.problem-scroll{height:auto}.problem-pane{height:auto;padding-block:clamp(4rem,8vw,7.5rem);position:relative}.problem-stack{height:auto;-webkit-mask-image:none;mask-image:none}.problem-stack__list{gap:1rem;display:grid;position:relative;top:0;transform:none!important}.problem-card{height:auto;opacity:1!important;transform:none!important}.problem-rail__fill{transform:scaleY(1)!important}}