.product-story{--story-ink: var(--foreground);--story-muted: var(--muted-foreground);--story-surface: var(--card);--story-band: color-mix(in oklab, var(--primary) 6%, var(--background));--story-glow: color-mix(in oklab, var(--primary) 18%, transparent);color:var(--story-ink);overflow-x:clip;background:radial-gradient(ellipse 80% 50% at 10% -10%,var(--story-glow),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0%,color-mix(in oklab,var(--primary) 10%,transparent),transparent 50%),var(--background)}.product-story .story-hero{position:relative;padding-block:clamp(3rem,7vw,6rem)}.product-story .story-banner{border-bottom:1px solid color-mix(in oklab,var(--primary) 14%,var(--border));background:radial-gradient(ellipse 70% 80% at 15% 0%,color-mix(in oklab,var(--primary) 16%,transparent),transparent 55%),radial-gradient(ellipse 50% 60% at 95% 20%,color-mix(in oklab,var(--primary) 10%,transparent),transparent 50%),color-mix(in oklab,var(--primary) 7%,var(--muted))}.product-story .story-banner .story-hero{padding-block:clamp(2.75rem,6vw,4.5rem)}.product-story .story-banner .story-hero-copy{max-width:48rem}.product-story .story-hero-shell{border-bottom:1px solid color-mix(in oklab,var(--border) 85%,var(--primary))}.product-story .story-hero-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(1.5rem,4vw,3rem)}@media(max-width:960px){.product-story .story-hero-split{grid-template-columns:1fr}}.product-story .story-hero-panel{min-width:0}.product-story h1{max-width:22ch;font-size:clamp(2rem,4.5vw,3.7rem);font-weight:750;line-height:1.15;letter-spacing:-.035em}.product-story h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.35}.product-story h3{font-size:1.1rem;font-weight:650;line-height:1.5}.product-story p{line-height:1.85}.product-story .story-eyebrow{color:var(--primary);font-size:.8rem;font-weight:650;letter-spacing:.08em;margin-bottom:1rem}.product-story .story-lead{max-width:70ch;font-size:1.1rem;color:var(--story-muted);margin-top:1.5rem}.product-story .story-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.product-story .story-content .story-actions{justify-content:center}.product-story .story-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.7rem 1.2rem;border:1px solid var(--primary);border-radius:.65rem;background:var(--primary);color:var(--primary-foreground);font-weight:600;text-decoration:none;box-shadow:0 8px 20px color-mix(in oklab,var(--primary) 28%,transparent);transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}.product-story .story-button.secondary{background:color-mix(in oklab,var(--card) 88%,var(--background));border-color:color-mix(in oklab,var(--border) 70%,var(--primary));color:var(--foreground);box-shadow:0 4px 14px color-mix(in oklab,var(--foreground) 6%,transparent)}.product-story .story-button:hover{opacity:.92;transform:translateY(-1px)}.product-story :is(a,button,summary):focus-visible{outline:3px solid var(--ring);outline-offset:4px}.product-story .story-content{display:flex;flex-direction:column;gap:clamp(3.25rem,6.5vw,5.75rem);padding-top:clamp(2.75rem,5.5vw,4.5rem);padding-bottom:5rem}.product-story .story-section{display:flex;flex-direction:column;gap:1.6rem;scroll-margin-top:6rem}.product-story .story-section>.story-eyebrow,.product-story .story-section>h2{text-align:center}.product-story .story-section>h2+p{max-width:42rem;margin-inline:auto;text-align:center;color:var(--story-muted)}.product-story .story-section--solo{align-items:center;text-align:center;max-width:42rem;margin-inline:auto;padding-block:.5rem}.product-story .story-section--solo>*{max-width:42rem}.product-story .story-section--solo>p{max-width:38rem;color:var(--story-muted)}.product-story .story-section--solo .story-link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;margin-top:.35rem;padding:.7rem 1.25rem;border:1px solid color-mix(in oklab,var(--border) 70%,var(--primary));border-radius:.65rem;background:color-mix(in oklab,var(--card) 88%,var(--background));color:var(--foreground);font-weight:600;text-decoration:none;box-shadow:0 4px 14px color-mix(in oklab,var(--foreground) 6%,transparent)}.product-story .story-section--solo .story-link:hover{border-color:color-mix(in oklab,var(--primary) 40%,var(--border));color:var(--primary)}.product-story .story-section--band{position:relative;isolation:isolate;padding-block:clamp(2.75rem,5vw,4rem)}.product-story .story-section--band:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);pointer-events:none;background:var(--story-band);border-block:1px solid color-mix(in oklab,var(--primary) 12%,var(--border))}.product-story .story-section--band.story-section--solo{max-width:none;align-items:center;text-align:center}.product-story .story-section--band.story-section--solo>*{width:min(42rem,100%);margin-inline:auto}.product-story .story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.product-story .story-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.product-story .story-card{padding:1.5rem;border:1px solid color-mix(in oklab,var(--border) 85%,var(--primary));border-radius:1rem;background:color-mix(in oklab,var(--card) 92%,white);min-width:0;box-shadow:0 10px 28px color-mix(in oklab,var(--foreground) 5%,transparent);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.product-story .story-card:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--primary) 35%,var(--border));box-shadow:0 16px 36px color-mix(in oklab,var(--primary) 12%,transparent)}.product-story .story-card p{color:var(--story-muted);margin-top:.65rem}.product-story .story-note{padding:1rem 1.25rem;border-left:3px solid var(--primary);background:var(--muted);color:var(--story-muted);font-size:.9rem}.product-story .story-link{color:var(--primary);text-decoration:underline;text-underline-offset:4px;transition:color .15s ease}.product-story .story-link:hover{color:color-mix(in oklab,var(--primary) 75%,black)}.product-story .story-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(16.5rem,1fr));gap:1rem;counter-reset:story-step}.product-story .story-list>li{counter-increment:story-step;position:relative;min-height:100%;padding:1.25rem 1.2rem 1.25rem 3.65rem;border:1px solid color-mix(in oklab,var(--border) 85%,var(--primary));border-radius:1rem;background:color-mix(in oklab,var(--card) 94%,white);box-shadow:0 8px 22px color-mix(in oklab,var(--foreground) 4%,transparent);line-height:1.7;color:var(--story-muted)}.product-story .story-list>li:before{content:counter(story-step);position:absolute;top:1.2rem;left:1rem;display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in oklab,var(--primary) 12%,var(--card));border:1px solid color-mix(in oklab,var(--primary) 28%,var(--border));color:var(--primary);font-size:.85rem;font-weight:700;line-height:1}.product-story .story-list>li strong{display:block;margin-bottom:.35rem;color:var(--story-ink);font-weight:650}.product-story details{padding:1.2rem 0;border-bottom:1px solid var(--border)}.product-story summary{cursor:pointer;font-weight:600;min-height:32px}.product-story details p{margin-top:.75rem;color:var(--story-muted)}.product-story .story-stat{min-width:5.5rem}.product-story .story-stat strong{display:block;font-size:2rem;line-height:1;color:var(--primary);letter-spacing:-.03em}.product-story .story-figure{overflow:hidden;border-radius:1rem;border:1px solid color-mix(in oklab,var(--border) 80%,var(--primary));background:var(--story-surface);box-shadow:0 12px 32px color-mix(in oklab,var(--foreground) 6%,transparent)}.product-story .story-figure img{display:block;width:100%;height:auto;object-fit:contain;background:var(--story-surface)}.product-story .story-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;transition-delay:var(--reveal-delay, 0ms)}.product-story .story-reveal.is-visible{opacity:1;transform:none}@media(min-width:721px){.product-story .story-list:has(>li:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}.product-story .story-list:has(>li:nth-child(5):last-child)>li{grid-column:span 2}.product-story .story-list:has(>li:nth-child(5):last-child)>li:nth-child(-n+2){grid-column:span 3}}@media(max-width:720px){.product-story .story-grid,.product-story .story-grid.two,.product-story .story-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.product-story *,.product-story *:before,.product-story *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.product-story .story-reveal{opacity:1;transform:none}.product-story .story-card:hover,.product-story .story-button:hover{transform:none}}