/* V1.2 presentation only. Hero, assets and brand tokens remain V1.1-owned. */
#public-landing .product-reel{background:var(--biomech-navy);padding:48px 0 22px;overflow:hidden;border-block:1px solid var(--rule)}
#public-landing .reel-heading{margin:0 4.2% 32px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
#public-landing .reel-heading h2{font-size:20px;font-weight:500;letter-spacing:-.03em}
#public-landing .reel-heading>span:last-child{margin-left:auto;color:var(--muted);font:10px var(--mono)}
#public-landing .reel-index{display:grid;grid-template-columns:repeat(4,1fr);margin:0 4.2%;border-block:1px solid var(--rule)}
#public-landing .reel-index a{padding:16px 0;display:flex;align-items:center;gap:14px;color:var(--muted);font:11px var(--mono);min-height:64px}
#public-landing .reel-index b{font:32px var(--display);font-weight:500}
#public-landing .reel-index a[aria-current]{color:var(--biomech-yellow)}
#public-landing .reel-track{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:4.2%;padding-left:4.2%;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--biomech-blue) transparent;cursor:grab;position:relative;touch-action:pan-x pan-y;outline-offset:-3px}
#public-landing .reel-track:focus-visible{outline:2px solid var(--biomech-yellow)}
#public-landing .reel-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
#public-landing .reel-track.is-moving{scroll-snap-type:none}
#public-landing .reel-slide{flex:0 0 86%;min-width:0;display:grid;grid-template-columns:34% 66%;align-items:center;position:relative;min-height:475px;scroll-snap-align:start;opacity:.65;border-right:1px solid var(--rule);padding-right:24px;transition:opacity 560ms ease}
#public-landing .reel-slide.is-active{opacity:1}
#public-landing .reel-copy{padding:35px 20px 35px 0;align-self:center}
#public-landing .reel-verb{color:var(--biomech-blue);font:11px var(--mono);letter-spacing:.14em}
#public-landing .reel-copy h3{font-size:clamp(27px,3vw,47px);line-height:1.3;font-weight:500;letter-spacing:-.045em;margin:24px 0 18px}
#public-landing .reel-copy p{font-size:13px;line-height:1.8;color:var(--muted);max-width:245px}
#public-landing .reel-metric{font:clamp(52px,6vw,90px)/1.1 var(--display);letter-spacing:-.065em;color:var(--biomech-yellow);margin:18px 0}
#public-landing .reel-metric small{font-size:.45em;letter-spacing:0}
#public-landing .reel-evidence{margin:0;min-width:0;position:relative;padding:24px 0}
#public-landing .reel-evidence picture{display:block;width:100%;box-shadow:0 28px 50px #0005;background:#f5f5f4}
#public-landing .reel-evidence img{display:block;width:100%;height:auto;max-height:375px;object-fit:contain;pointer-events:none}
#public-landing .reel-evidence img:not([src]){display:none}
#public-landing .reel-evidence figcaption{font:9px/1.6 var(--mono);color:var(--muted);margin-top:18px}
#public-landing .reel-tail{flex:0 0 calc(14% - 24px)}
#public-landing .reel-footer{display:flex;align-items:center;gap:24px;margin:10px 4.2% 0;color:var(--muted);font:10px/1.7 var(--mono)}
#public-landing .reel-footer p{flex:1}
#public-landing .reel-footer small{display:block;font-size:9px;margin-top:4px}
#public-landing .reel-arrows{display:flex;gap:8px}
#public-landing .reel-arrows button{display:grid;place-items:center;width:48px;height:44px;border:1px solid var(--rule);background:transparent;color:var(--biomech-white);font-size:24px}
#public-landing .reel-arrows button:disabled{opacity:.25}
#public-landing .reel-status{color:var(--biomech-yellow);white-space:nowrap}
#public-landing .reel-touch-hint{display:none}
@media(max-width:700px){
#public-landing .product-reel{padding-top:26px}
#public-landing .reel-heading{gap:12px;margin-bottom:20px}
#public-landing .reel-heading h2{font-size:17px;width:100%}
#public-landing .reel-heading>span:last-child{display:none}
#public-landing .reel-index a{flex-direction:column;align-items:start;gap:5px;padding:12px 0;font-size:8px;min-height:70px}
#public-landing .reel-index b{font-size:26px}
#public-landing .reel-track{gap:12px}
#public-landing .reel-slide{flex-basis:86%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:445px;padding:0 10px 18px 0}
#public-landing .reel-copy{padding:24px 0 15px;align-self:stretch}
#public-landing .reel-verb{font-size:9px}
#public-landing .reel-copy h3{font-size:28px;margin:12px 0 10px;line-height:1.25}
#public-landing .reel-copy p{font-size:12px;max-width:265px}
#public-landing .reel-metric{font-size:46px;margin:8px 0}
#public-landing .reel-evidence{padding:0;margin:auto 0}
#public-landing .reel-evidence img{max-height:228px}
#public-landing .reel-evidence figcaption{font-size:8px;margin-top:12px;min-height:24px}
#public-landing .reel-footer{gap:10px;margin-top:12px;font-size:9px}
#public-landing .reel-footer small{font-size:8px}
#public-landing .reel-desktop-hint{display:none}
#public-landing .reel-touch-hint{display:inline}
#public-landing .reel-arrows button{width:40px}
#public-landing .reel-tail{flex-basis:calc(14% - 12px)}
}
@media(prefers-reduced-motion:reduce){
#public-landing .reel-slide{transition:none}
#public-landing .reel-track{scroll-behavior:auto}
}