/* Selected visual: Landing lens. All artwork is supplied raster imagery. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.lens-hero{container-type:inline-size;position:relative;display:block;padding:25px 32px 28px;border:0;border-radius:0;background:#07091b;overflow:hidden}
.lens-hero .justification-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:0 0 15px;border-bottom:1px solid #353148}
.lens-hero .justification-top h2{font-size:clamp(22px,2.85cqw,38px);line-height:1.2;font-weight:400;letter-spacing:-.02em;color:#f6f5fb}
.lens-hero .analysis-shoe-name{font-size:clamp(11px,1.4cqw,20px);color:#eceaf5}
.lens-hero .analysis-context{margin:15px 0 0}
.lens-hero .lpi-section{position:relative;text-align:center}
.lens-scene{position:relative;width:100%;aspect-ratio:1400/470;isolation:isolate;overflow:clip;background:#07091b}
.lens-ground{position:absolute;left:2%;right:2%;top:76%;border-top:1px solid #503567;opacity:.55;z-index:1}
.lens-surface-clip{position:absolute;inset:76% 0 0;overflow:hidden;pointer-events:none;mix-blend-mode:screen;z-index:1}
.lens-surface-clip img{position:absolute;display:block;max-width:none;width:70%;height:auto;left:15%;top:-21.7cqw;opacity:.72}
.lens-hero .lens-gait-stage{position:absolute;left:30%;top:-2.5%;width:39%;height:auto;aspect-ratio:1373/1145;margin:0;max-width:none;overflow:visible;mix-blend-mode:screen;z-index:2}
.lens-hero .gait-frame{position:absolute;inset:0;width:100%;height:100%;opacity:1;transform:none}
.lens-hero .gait-frame img,.lens-hero .gait-frame canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:none}
.lens-hero .gait-frame canvas{opacity:0;left:-30%;top:-100%;width:160%;height:230%}
.lens-gait-stage[data-rendered="true"] img{opacity:0}
.lens-gait-stage[data-rendered="true"] canvas{opacity:1}
.lens-readout,.lens-leader{will-change:transform}
.lens-leader{position:absolute;pointer-events:none;overflow:hidden;mix-blend-mode:screen;z-index:3}
.lens-leader img{position:absolute;max-width:none;height:auto}
.lens-leader-landing{left:18%;top:23%;width:20%;aspect-ratio:510/160}
.lens-leader-landing img{width:325.3%;left:-31.37%;top:-162.5%}
.lens-leader-response{left:67%;top:35%;width:15%;aspect-ratio:430/315}
.lens-leader-response img{width:385.82%;left:-258.14%;top:-107.94%}
.lens-readout{position:absolute;z-index:4;text-align:left}
.lens-response-ripple{position:absolute;top:76%;left:65%;width:30%;height:12%;overflow:visible;opacity:0;pointer-events:none;z-index:1;transform:translate(-50%,-40%);will-change:transform,opacity;filter:drop-shadow(0 0 3px currentColor)}
.lens-response-ripple path{fill:none;stroke:currentColor;stroke-width:1.3;vector-effect:non-scaling-stroke}
.response-ring-base{opacity:.4}
.response-ring-charge{stroke-dasharray:1;stroke-dashoffset:1}
.response-ring-echo{opacity:0;transform-origin:120px 32px}
.lens-response-ripple[data-shape="rough"]{filter:drop-shadow(0 0 2px currentColor)}
.lens-response-ripple[data-shape="rough"] .response-ring-base{opacity:1;stroke-width:1.5}
.lens-response-ripple[data-shape="rough"] .response-ring-charge{display:none}
.lens-response-ripple[data-shape="sunken"]{filter:none}
.lens-response-ripple[data-shape="sunken"] .response-ring-base{opacity:.65}
.lens-response-ripple[data-shape="sunken"] .response-ring-charge{stroke-dasharray:none;opacity:.8}
.lens-landing{left:4%;top:23%}
.lens-response{left:82%;top:35%}
.lens-readout h4{font-size:clamp(11px,1.45cqw,21px);font-weight:500;line-height:1.3;color:#28deee;white-space:nowrap}
.lens-response h4{color:#c198f5}
.lens-readout p{margin-top:12px;font-size:clamp(12px,1.7cqw,24px);line-height:1.3;color:#f4f0fa}
.lens-readout strong{display:block;margin-top:12px;font-size:clamp(38px,5.5cqw,78px);font-weight:400;letter-spacing:-.055em;line-height:1.05;color:#20d2eb}
.lens-readout strong>span{font-size:.38em;letter-spacing:-.03em;margin-left:3px}
.lens-response strong{color:#be8ffa}
.lens-hero .animation-controls{position:absolute;z-index:5;bottom:1%;left:50%;transform:translateX(-50%);padding:0;min-height:0;display:block;white-space:nowrap}
.lens-hero #replay{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #775398;background:#090a21d9;color:#d6b4f5;border-radius:22px;font-size:clamp(10px,1.2cqw,15px);font-weight:400;padding:5px 12px;min-height:30px}
.lens-hero #replay:hover{border-color:#b989ed;background:#191029}
.replay-icon{width:16px;height:16px;display:inline-block;flex-shrink:0;background:currentColor;mask:url('/images/shoe-analysis/arrow-path.svg') center/contain no-repeat}
.lens-hero .lpi-result-copy{font-size:clamp(13px,1.6cqw,23px);font-weight:400;line-height:1.45;text-align:center;color:#f3edf8;margin:22px auto 10px;max-width:90%}
.lens-hero .lpi-scale-container{margin:22px 0 16px;text-align:left}
.lens-note{font-size:clamp(11px,1.35cqw,19px);color:#aca0c3;margin:14px 0 8px}
.lens-hero .lpi-explanation-link{display:inline-block;font-size:clamp(12px,1.4cqw,20px);line-height:1.35;padding:3px 0;color:#d0afea;text-underline-offset:4px}
.lens-hero .lpi-explanation-link>span{font-size:1.35em;margin-left:7px;line-height:1;display:inline-block}
.lens-hero .other-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0;align-content:normal;border-left:0;border-top:1px solid #454053;margin:14px 0 0;padding:23px 10% 0;text-align:left}
.lens-hero .other-metrics>section{padding:0 20px 0 0}
.lens-hero .other-metrics .fit-section{padding:0 0 0 10%;border-top:0;border-left:1px solid #272237}
.lens-hero .other-metrics .metric-heading{flex-direction:row-reverse;justify-content:flex-end;gap:13px}
.lens-hero .other-metrics .metric-heading h3{font-size:clamp(12px,1.4cqw,20px);font-weight:400;line-height:1.4;color:#f0ebf7}
.lens-hero .other-metrics .info-button{display:grid;place-items:center;width:19px;height:19px;min-width:19px;border:0;border-radius:0;color:#c9a7ed}
.lens-info-icon{display:block;width:100%;height:100%;background:currentColor;mask:url('/images/shoe-analysis/info-circle.svg') center/contain no-repeat}
.lens-hero .other-metrics .metric-value{margin:9px 0 9px 32px;min-height:0;display:block}
.lens-hero .other-metrics .metric-value strong{font-size:clamp(23px,2.35cqw,34px);font-weight:400;line-height:1.1;letter-spacing:-.025em}
.lens-hero .other-metrics .metric-value strong>span{font-size:.55em;margin-left:4px}
.lens-hero .other-metrics p{min-height:0;margin-left:32px;font-size:clamp(11px,1.25cqw,18px);line-height:1.5;color:#aea0c3}
.lens-hero .other-metrics .text-button{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0 32px;padding:3px 0;font-size:clamp(11px,1.25cqw,18px);line-height:1.35;color:#d0afea;text-underline-offset:4px}
.lens-hero .other-metrics .text-button>span{font-size:1.35em;line-height:1}
.lens-hero .drop-scale,.lens-hero .confidence-meter{display:none}
@media(max-width:650px){
 .lens-hero{padding:20px 14px 23px}
 .lens-hero .justification-top{gap:12px;padding-bottom:15px}
 .lens-hero .justification-top h2{font-size:22px}
 .lens-hero .analysis-shoe-name{font-size:10px;max-width:125px;text-align:right;line-height:1.4}
 .lens-scene{aspect-ratio:1.24;overflow:clip}
 .lens-hero .lens-gait-stage{width:58%;left:23%;top:22%}
 .lens-ground{top:70%;left:0;right:0}
 .lens-response-ripple{top:70%;width:36%;height:10%}
 .lens-surface-clip{top:70%;bottom:0}
 .lens-surface-clip img{width:115%;left:-7.5%;top:-35.65cqw;opacity:.75}
 .lens-landing{top:15%;left:0}.lens-response{top:28%;left:auto;right:0}
 .lens-readout h4{font-size:9px}.lens-readout p{font-size:11px;margin-top:7px}
 .lens-readout strong{font-size:33px;margin-top:6px}
 .lens-leader-landing{left:17%;top:33%;width:18%}
 .lens-leader-response{left:73%;top:49%;width:12%}
 .lens-hero .animation-controls{bottom:2%}
 .lens-hero #replay{font-size:10px;min-height:30px;padding:5px 11px;gap:6px}
 .lens-hero .lpi-result-copy{margin:14px auto 12px;font-size:14px;max-width:95%}
 .lens-note{font-size:11px;margin-top:14px}
 .lens-hero .lpi-explanation-link{font-size:13px}
 .lens-hero .other-metrics{padding:18px 0 0;margin-top:20px}
 .lens-hero .other-metrics>section{padding-right:12px}
 .lens-hero .other-metrics .fit-section{padding-left:12px}
 .lens-hero .other-metrics .metric-heading{gap:6px;align-items:flex-start}
 .lens-hero .other-metrics .metric-heading h3{font-size:11px;line-height:1.45}
 .lens-hero .other-metrics .info-button{width:15px;height:15px;min-width:15px}
 .lens-hero .other-metrics .metric-value{margin-left:21px}
 .lens-hero .other-metrics .metric-value strong{font-size:24px}
 .lens-hero .other-metrics p{margin-left:21px;font-size:10px}
 .lens-hero .other-metrics .text-button{margin-left:21px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.lens-readout,.lens-leader{will-change:auto}}