.tactile-narrative{--color-brand-primary: #051c36;--color-brand-energy: #01dbf3;--color-brand-optimism: #52c301;--color-brand-calm: #FFFDF6;--color-brand-accent: #d11882;--color-brand-accent-2: #fc760c;--font-headline: "Bungee", system-ui, sans-serif;--font-subhead: "Baloo 2", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", "Roboto", sans-serif;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 40px;background:var(--color-brand-calm);position:relative;overflow:hidden}.tactile-narrative__content{position:relative;z-index:1}.tactile-narrative__segment{position:relative;padding:calc(var(--spacing-xl) * 1.1) var(--spacing-lg);margin-bottom:var(--spacing-xl);border-radius:20px;overflow:hidden;transition:box-shadow .3s ease}.tactile-narrative__segment:last-child{margin-bottom:0}.tactile-narrative__segment:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,rgba(5,28,54,.05) 0 12px,transparent 12px 24px);opacity:.45;pointer-events:none}.tactile-narrative__segment:after{content:"";position:absolute;inset-inline:0;top:-30px;height:60px;background:linear-gradient(135deg,transparent 35%,rgba(1,219,243,.15) 36%,transparent 65%);pointer-events:none;mix-blend-mode:multiply}.tactile-narrative__segment--calm{background:var(--color-brand-calm);border:1px solid rgba(5,28,54,.08)}.tactile-narrative__segment--calm:before{background-image:repeating-linear-gradient(135deg,rgba(1,219,243,.08) 0 16px,transparent 16px 32px)}.tactile-narrative__segment--neutral{background:#fff;border:1px solid rgba(5,28,54,.05)}.tactile-narrative__segment--neutral:before{background-image:repeating-linear-gradient(135deg,rgba(82,195,1,.06) 0 12px,transparent 12px 24px)}.tactile-narrative__segment:hover{box-shadow:0 12px 36px #051c361f}.tactile-narrative__header{text-align:center;margin-bottom:var(--spacing-xl)}.tactile-narrative__heading{font-family:var(--font-headline);font-size:2rem;color:var(--color-brand-primary);margin-bottom:var(--spacing-md);line-height:1.2}.tactile-narrative__subheading{font-family:var(--font-subhead);font-size:1.125rem;color:var(--color-brand-primary);opacity:.8;max-width:600px;margin:0 auto}.experiment-timeline{position:relative;max-width:1000px;margin:0 auto}.timeline-track{position:absolute;left:50%;top:0;bottom:0;width:4px;background:var(--color-brand-primary);opacity:.2;transform:translate(-50%);z-index:1}.timeline-progress{position:absolute;top:0;left:0;width:100%;background:linear-gradient(180deg,var(--color-brand-energy) 0%,var(--color-brand-optimism) 100%);transition:height .3s ease;height:0%}.timeline-experiment{position:relative;margin-bottom:var(--spacing-xl);display:flex;align-items:flex-start;gap:var(--spacing-lg)}.timeline-experiment:nth-child(2n){flex-direction:row-reverse}.experiment-marker{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;min-width:120px}.marker-dot{width:20px;height:20px;border-radius:50%;background:var(--color-brand-energy);border:4px solid var(--color-brand-calm);box-shadow:0 0 0 2px var(--color-brand-primary);margin-bottom:var(--spacing-xs)}.marker-label{text-align:center;font-family:var(--font-body);font-size:.875rem}.experiment-number{display:block;font-weight:700;color:var(--color-brand-primary);margin-bottom:2px}.experiment-date{display:block;color:var(--color-brand-primary);opacity:.7}.experiment-content{flex:1;background:#fffc;border-radius:12px;padding:var(--spacing-lg);box-shadow:0 4px 20px #051c361a;border:2px solid transparent;transition:all .3s ease;max-width:400px}.experiment-content:hover{border-color:var(--color-brand-energy);transform:translateY(-2px);box-shadow:0 8px 30px #051c3626}.experiment-visual{margin-bottom:var(--spacing-md);position:relative}.experiment-image{width:100%;height:auto;border-radius:8px;object-fit:cover}.scientific-diagram{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#01dbf30d;border-radius:6px;border:1px solid rgba(1,219,243,.2)}.diagram-svg{width:100%;height:auto;max-height:120px}.diagram-label,.diagram-measurement{font-family:var(--font-body);font-size:10px;fill:var(--color-brand-primary);font-weight:500}.experiment-title{font-family:var(--font-subhead);font-size:1.25rem;color:var(--color-brand-primary);margin-bottom:var(--spacing-sm);line-height:1.3}.experiment-description{font-family:var(--font-body);font-size:.95rem;color:var(--color-brand-primary);line-height:1.5;margin-bottom:var(--spacing-md)}.experiment-results{margin-bottom:var(--spacing-md)}.results-heading,.properties-heading{font-family:var(--font-body);font-size:.875rem;font-weight:700;color:var(--color-brand-primary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.results-content{font-family:var(--font-body);font-size:.875rem;color:var(--color-brand-primary);line-height:1.4}.tactile-properties{margin-bottom:var(--spacing-md)}.properties-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.property-item{background:var(--color-brand-optimism);color:var(--color-brand-primary);padding:4px var(--spacing-xs);border-radius:16px;font-family:var(--font-body);font-size:.75rem;font-weight:500}.benefits-toggle{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:2px solid var(--color-brand-energy);color:var(--color-brand-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:6px;font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.benefits-toggle:hover{background:var(--color-brand-energy);color:var(--color-brand-calm)}.benefits-toggle[aria-expanded=true] .benefits-toggle-icon{transform:rotate(180deg)}.benefits-toggle-icon{transition:transform .2s ease}.product-benefits{margin-top:var(--spacing-sm);max-height:0;overflow:hidden;transition:max-height .3s ease}.product-benefits[aria-hidden=false]{max-height:300px}.benefits-inner{padding:var(--spacing-md);background:#01dbf30d;border-radius:6px;border-left:4px solid var(--color-brand-energy);font-family:var(--font-body);font-size:.875rem;line-height:1.4;color:var(--color-brand-primary)}.founder-story-section{margin:var(--spacing-xl) 0;padding:var(--spacing-xl);background:#ffffffe6;border-radius:16px;border:2px solid var(--color-brand-accent);position:relative;overflow:hidden}.founder-story-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-brand-accent) 0%,var(--color-brand-accent-2) 100%)}.founder-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.founder-visual{position:relative}.founder-image{width:100%;height:auto;border-radius:12px;object-fit:cover}.laboratory-setup{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#051c360d;border-radius:8px}.lab-equipment{display:flex;justify-content:space-around;align-items:center;gap:var(--spacing-md)}.founder-title{font-family:var(--font-headline);font-size:1.5rem;color:var(--color-brand-primary);margin-bottom:var(--spacing-md);line-height:1.2}.founder-story{font-family:var(--font-body);font-size:1rem;color:var(--color-brand-primary);line-height:1.6;margin-bottom:var(--spacing-lg)}.founder-philosophy{border-left:4px solid var(--color-brand-accent);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;font-style:italic}.founder-philosophy p{font-family:var(--font-subhead);font-size:1.125rem;color:var(--color-brand-primary);margin-bottom:var(--spacing-sm);line-height:1.4}.founder-philosophy cite{font-family:var(--font-body);font-size:.875rem;color:var(--color-brand-primary);opacity:.8;font-style:normal;font-weight:500}.tactile-narrative__cta{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid rgba(5,28,54,.1)}.button--laboratory{background:var(--color-brand-energy);color:var(--color-brand-primary);border:2px solid var(--color-brand-energy);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-subhead);font-weight:600;text-decoration:none;border-radius:8px;transition:all .2s ease;display:inline-block}.button--laboratory:hover{background:var(--color-brand-primary);color:var(--color-brand-calm);border-color:var(--color-brand-primary);transform:translateY(-2px);box-shadow:0 4px 15px #051c3633}@media screen and (max-width: 749px){.tactile-narrative__heading{font-size:1.5rem}.timeline-track{left:20px;transform:none}.timeline-experiment{flex-direction:column;padding-left:50px;gap:var(--spacing-md)}.timeline-experiment:nth-child(2n){flex-direction:column}.experiment-marker{position:absolute;left:-30px;top:0;min-width:auto}.experiment-content{max-width:none}.founder-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.founder-visual{order:-1}}@media (prefers-reduced-motion: reduce){.timeline-progress,.experiment-content,.benefits-toggle-icon,.product-benefits,.button--laboratory{transition:none}.experiment-content:hover,.button--laboratory:hover{transform:none}}.benefits-toggle:focus,.button--laboratory:focus{outline:2px solid var(--color-brand-accent);outline-offset:2px}@media (prefers-contrast: high){.experiment-content,.scientific-diagram{border-color:var(--color-brand-primary)}.property-item{border:1px solid var(--color-brand-primary)}}:root{--use-case-tile-min-height: 280px;--use-case-tile-border-radius: 20px;--use-case-tile-padding: 2rem;--use-case-tile-gap: 1.5rem;--use-case-animation-duration: .6s;--use-case-animation-easing: cubic-bezier(.25, .46, .45, .94)}.use-case-reactor{margin:var(--spacing-800, 4rem) 0;position:relative}.use-case-reactor--pattern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(120,119,198,.03) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,186,115,.03) 0%,transparent 50%),linear-gradient(45deg,transparent 48%,rgba(120,119,198,.02) 48%,rgba(120,119,198,.02) 52%,transparent 52%);background-size:400px 400px,400px 400px,20px 20px;pointer-events:none;opacity:.6}.use-case-reactor__inner{position:relative;z-index:1}.use-case-reactor__header{text-align:center;margin-bottom:var(--spacing-700, 3.5rem);max-width:600px;margin-left:auto;margin-right:auto}.use-case-reactor__title{margin-bottom:var(--spacing-300, 1.5rem);color:var(--color-brand-primary);font-weight:600}.use-case-reactor__subtitle{color:var(--color-brand-primary);opacity:.8;font-size:1.125rem;line-height:1.6}.use-case-reactor__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--use-case-tile-gap);align-items:stretch}@media screen and (max-width: 749px){.use-case-reactor__tiles{grid-template-columns:1fr;gap:3rem}.use-case-reactor__tile h3,.use-case-reactor__tile p,.use-case-reactor__tile .tile-button{text-align:center}}.use-case-reactor__tile{position:relative;min-height:var(--use-case-tile-min-height);border-radius:var(--use-case-tile-border-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand-calm) 95%,white 5%),color-mix(in srgb,var(--color-brand-energy) 92%,white 8%));border:2px solid color-mix(in srgb,var(--color-brand-accent-2) 20%,transparent 80%);transition:all .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.use-case-reactor__tile{opacity:0;transform:translateY(30px) scale(.95);animation:use-case-tile-reveal var(--use-case-animation-duration) var(--use-case-animation-easing) forwards;animation-delay:var(--animation-delay, 0ms)}@keyframes use-case-tile-reveal{to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.use-case-reactor__tile{animation:none;opacity:1;transform:none;transition:background-color .2s ease,border-color .2s ease}}.use-case-reactor--reduced-motion .use-case-reactor__tile{animation:none;opacity:1;transform:none}.use-case-reactor__tile:hover,.use-case-reactor__tile:focus-within{transform:translateY(-4px);box-shadow:0 20px 40px color-mix(in srgb,var(--color-brand-energy) 15%,transparent 85%),0 8px 16px color-mix(in srgb,var(--color-brand-primary) 8%,transparent 92%);border-color:color-mix(in srgb,var(--color-brand-accent-2) 40%,transparent 60%)}@media (prefers-reduced-motion: reduce){.use-case-reactor__tile:hover,.use-case-reactor__tile:focus-within{transform:none}}.use-case-reactor__tile-link{display:block;text-decoration:none;color:inherit;height:100%;min-height:var(--use-case-tile-min-height);position:relative;z-index:2}.use-case-reactor__tile-link:focus{outline:2px solid var(--color-brand-accent-2);outline-offset:2px;border-radius:calc(var(--use-case-tile-border-radius) - 2px)}.use-case-reactor__tile-content{display:flex;flex-direction:column;height:100%;padding:var(--use-case-tile-padding);position:relative;z-index:2}.use-case-reactor__tile-icon{margin-bottom:var(--spacing-400, 2rem);color:var(--color-brand-energy);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.use-case-reactor__tile:hover .use-case-reactor__tile-icon,.use-case-reactor__tile:focus-within .use-case-reactor__tile-icon{transform:scale(1.1) rotate(5deg)}@media (prefers-reduced-motion: reduce){.use-case-reactor__tile-icon{transition:none}.use-case-reactor__tile:hover .use-case-reactor__tile-icon,.use-case-reactor__tile:focus-within .use-case-reactor__tile-icon{transform:none}}.use-case-reactor__tile-text{flex:1;display:flex;flex-direction:column}.use-case-reactor__tile-title{margin-bottom:var(--spacing-200, 1rem);color:var(--color-brand-primary);font-weight:600;font-size:1.5rem;line-height:1.3}.use-case-reactor__tile-description{flex:1;color:var(--color-brand-primary);opacity:.8;font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-300, 1.5rem)}.use-case-reactor__tile-cta{display:inline-flex;align-items:center;gap:var(--spacing-xs, 8px);color:var(--color-brand-energy);font-weight:600;font-size:.9375rem;text-decoration:none;transition:gap .2s ease}.use-case-reactor__tile-cta-arrow{transition:transform .2s ease;font-weight:400}.use-case-reactor__tile:hover .use-case-reactor__tile-cta,.use-case-reactor__tile:focus-within .use-case-reactor__tile-cta{gap:var(--spacing-200, 1rem)}.use-case-reactor__tile:hover .use-case-reactor__tile-cta-arrow,.use-case-reactor__tile:focus-within .use-case-reactor__tile-cta-arrow{transform:translate(4px)}.use-case-reactor__empty{text-align:center;padding:var(--spacing-600, 3rem);color:var(--color-brand-primary);opacity:.7;font-style:italic}@media screen and (max-width: 749px){:root{--use-case-tile-min-height: 240px;--use-case-tile-padding: 1.5rem;--use-case-tile-gap: 1rem}.use-case-reactor{margin:var(--spacing-600, 3rem) 0}.use-case-reactor__header{margin-bottom:var(--spacing-500, 2.5rem)}.use-case-reactor__tiles{grid-template-columns:1fr!important;gap:3rem!important}.use-case-reactor__tile-content{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1rem;row-gap:.4rem;align-items:start;text-align:left}.use-case-reactor__tile-icon{margin-bottom:0;align-self:start}.use-case-reactor__tile-text{flex:1 1 auto;align-items:flex-start;display:flex;flex-direction:column;gap:.6rem}.use-case-reactor__tile-cta{justify-content:flex-start}.use-case-reactor__tile-title{font-size:1.25rem}.use-case-reactor__tile-description{font-size:.9375rem}}@media screen and (min-width: 1400px){.use-case-reactor__tiles{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/tactile-narrative.css.map */