.tough-lineup{--tough-lineup-ground:var(--tough-color-primary-hover);--tough-lineup-accent:var(--tough-color-secondary);--tough-lineup-white:var(--tough-color-on-primary);--tough-lineup-mist:color-mix(in srgb, var(--tough-lineup-white) 90%, var(--tough-lineup-accent));--tough-lineup-muted:color-mix(in srgb, var(--tough-lineup-white) 64%, var(--tough-color-primary));--tough-lineup-faint:color-mix(in srgb, var(--tough-lineup-white) 52%, var(--tough-color-primary));--tough-lineup-glass:color-mix(in srgb, var(--tough-lineup-mist) 6%, transparent);--tough-lineup-glass-border:color-mix(in srgb, var(--tough-lineup-mist) 14%, transparent);--tough-lineup-gutter:clamp(16px, 4vw, 48px);--tough-lineup-shadow:color-mix(in srgb, var(--tough-shadow-color) 45%, transparent);isolation:isolate;background:var(--tough-lineup-ground);color:var(--tough-lineup-mist);font-family:var(--tough-font-family-base);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.tough-lineup button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.tough-lineup__background{z-index:0;background:radial-gradient(120% 90% at 30% 40%, var(--tough-color-primary) 0%, var(--tough-lineup-ground) 60%, color-mix(in srgb, var(--tough-lineup-ground) 70%, var(--tough-shadow-color)) 100%);width:100%;height:100%;position:absolute;inset:0}.tough-lineup__grain{z-index:1;opacity:.07;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.tough-lineup__header{z-index:2;padding:12px var(--tough-lineup-gutter) 0;position:relative}.tough-lineup__nav{justify-content:center;gap:clamp(8px,1.2vw,18px);min-width:0;padding:8px 0 6px;display:flex;position:relative}.tough-lineup__group{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.tough-lineup__group-title{color:var(--tough-lineup-muted);font-family:var(--tough-font-family-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:11px;font-weight:400}.tough-lineup__group-items{border:1px solid var(--tough-lineup-glass-border);background:var(--tough-lineup-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;gap:2px;padding:4px;display:flex}.tough-lineup .tough-lineup__card{border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:10px 12px 8px;transition:background-color .25s;display:flex;position:relative}.tough-lineup .tough-lineup__card:hover{background:color-mix(in srgb, var(--tough-lineup-mist) 8%, transparent)}.tough-lineup .tough-lineup__card.is-active{background:color-mix(in srgb, var(--tough-lineup-mist) 12%, transparent)}.tough-lineup .tough-lineup__card:focus-visible{outline:2px solid var(--tough-lineup-accent);outline-offset:2px}.tough-lineup .tough-lineup__card-mark{--tough-model-mark-width:64px}.tough-lineup .tough-lineup__card-mark .tough-model-mark__model{margin-top:calc(var(--tough-model-mark-width) * .115 - var(--tough-model-mark-width) * .8 * .15);font-size:calc(var(--tough-model-mark-width) * .8)}.tough-lineup__card-name{white-space:nowrap;font-weight:700}.tough-lineup__card-subtitle{color:var(--tough-lineup-muted);white-space:nowrap;font-size:11px;line-height:1}.is-active>.tough-lineup__card-subtitle{color:var(--tough-lineup-mist)}.tough-lineup__indicator{background:var(--tough-lineup-accent);width:0;height:2px;box-shadow:0 0 12px var(--tough-lineup-accent);pointer-events:none;border-radius:2px;position:absolute;top:0;left:0}.tough-lineup__stage{z-index:2;min-width:0;min-height:0;position:relative;overflow:hidden}.tough-lineup .swiper-wrapper{box-sizing:content-box;width:100%;height:100%;transition-property:transform;display:flex;position:relative}.tough-lineup .swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform,opacity;position:relative}.tough-lineup .swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden}.tough-lineup__slide{padding:10px var(--tough-lineup-gutter) 16px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,48px);display:grid}.tough-lineup__slide[hidden]{display:none}.tough-lineup.is-ready .tough-lineup__slide[hidden]{display:grid}.tough-lineup__visual-cell{--tough-lineup-dock:clamp(170px, 30%, 250px);justify-content:center;align-items:center;gap:28px;height:100%;min-height:0;display:flex;position:relative;container-type:size}.tough-lineup__visual{width:min(100% - var(--tough-lineup-dock) - 28px, 133.333cqh);aspect-ratio:4/3;flex:0 auto;position:relative}.tough-lineup__visual-cell:not(:has(.tough-lineup__dock)) .tough-lineup__visual{width:min(100cqw,133.333cqh)}.tough-lineup__tilt{perspective:1200px;width:100%;height:100%;display:block;position:relative;transform:translate(0,0)}.tough-lineup__tilt .atropos-scale,.tough-lineup__tilt .atropos-rotate{width:100%;height:100%;transform-style:preserve-3d;transition-property:transform;display:block}.tough-lineup__tilt .atropos-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative;overflow:visible;transform:translate(0,0)}.tough-lineup__tilt [data-atropos-offset]{transition-property:transform}.tough-lineup__tilt .atropos-scale,.tough-lineup__tilt .atropos-rotate,.tough-lineup__tilt .atropos-inner,.tough-lineup__tilt [data-atropos-offset]{pointer-events:none}.tough-lineup__tilt .tough-lineup__hotspot{pointer-events:auto}.tough-lineup__device,.tough-lineup__hotspots{position:absolute;inset:0}.tough-lineup__image{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 30px 40px var(--tough-lineup-shadow));position:absolute;inset:0}.tough-lineup .tough-lineup__hotspot{cursor:pointer;border-radius:50%;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;display:grid;position:absolute}.tough-lineup .tough-lineup__hotspot:before,.tough-lineup .tough-lineup__hotspot:after{content:"";border-radius:50%;position:absolute}.tough-lineup .tough-lineup__hotspot:before{background:var(--tough-lineup-white);box-shadow:0 0 0 4px color-mix(in srgb, var(--tough-lineup-accent) 55%, transparent);transition:inset .25s,background-color .25s;inset:9px}.tough-lineup .tough-lineup__hotspot:after{border:1.5px solid color-mix(in srgb, var(--tough-lineup-white) 70%, transparent);animation:2.4s cubic-bezier(.2,.6,.3,1) infinite tough-lineup-ping;inset:0}.tough-lineup .tough-lineup__hotspot:hover:before,.tough-lineup .tough-lineup__hotspot.is-active:before{background:var(--tough-lineup-accent);box-shadow:0 0 0 5px color-mix(in srgb, var(--tough-lineup-white) 90%, transparent);inset:7px}.tough-lineup .tough-lineup__hotspot.is-active:after{border-color:var(--tough-lineup-accent)}.tough-lineup .tough-lineup__hotspot:focus-visible{outline:2px solid var(--tough-lineup-white);outline-offset:2px}@keyframes tough-lineup-ping{0%{opacity:1;transform:scale(.6)}80%,to{opacity:0;transform:scale(1.9)}}.tough-lineup__dock{z-index:5;flex:0 0 var(--tough-lineup-dock);position:relative}.tough-lineup__callout{background:color-mix(in srgb, var(--tough-lineup-mist) 96%, transparent);box-shadow:0 18px 40px var(--tough-lineup-shadow);color:var(--tough-color-text);opacity:0;pointer-events:none;border-radius:10px;padding:10px 12px;transform:translateY(6px)}.tough-lineup__callout-label{color:var(--tough-color-primary);font-family:var(--tough-font-family-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.tough-lineup__callout-title{margin:2px 0 4px;font-size:15px;font-weight:700}.tough-lineup__callout-text{color:var(--tough-color-text-muted);font-size:13px;line-height:1.4}.tough-lineup__leader{z-index:4;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tough-lineup__leader path{fill:none;stroke:color-mix(in srgb, var(--tough-lineup-mist) 75%, transparent);stroke-width:1.5px}.tough-lineup__leader circle{fill:var(--tough-lineup-mist)}.tough-lineup__info{min-width:0;max-width:520px}.tough-lineup__eyebrow{color:var(--tough-lineup-muted);font-family:var(--tough-font-family-mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:12.5px;display:flex}.tough-lineup__model{color:var(--tough-lineup-white);flex-direction:column;align-items:flex-start;margin:12px 0 2px;display:flex}.tough-lineup .tough-lineup__mark{--tough-model-mark-width:clamp(72px, 7vw, 120px)}.tough-lineup__tagline{color:var(--tough-lineup-mist);margin:8px 0 20px;font-size:clamp(14px,1.2vw,17px);line-height:1.4}.tough-lineup__specs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;display:grid}.tough-lineup__spec{background:color-mix(in srgb, var(--tough-lineup-ground) 55%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;min-width:0;padding:8px}.tough-lineup__spec-label{color:var(--tough-lineup-faint);font-family:var(--tough-font-family-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:400}.tough-lineup__spec-value{color:var(--tough-lineup-white);font-variant-numeric:tabular-nums;white-space:nowrap;margin:3px 0 0;font-size:clamp(15px,1.25vw,20px);font-weight:700}.tough-lineup__spec-value small{color:var(--tough-lineup-muted);margin-left:2px;font-size:.6em;font-weight:400}.tough-lineup__bar{background:var(--tough-lineup-glass-border);border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.tough-lineup__bar i{background:var(--tough-lineup-accent);height:100%;transform:scaleX(var(--tough-lineup-ratio,0));transform-origin:0;display:block}.tough-lineup .tough-lineup__icons{--tough-spec-icons-colour:var(--tough-color-mark-light);margin-top:24px}.tough-lineup__cta{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.tough-lineup__button{white-space:nowrap;border:1px solid #0000;border-radius:8px;flex:auto;justify-content:center;align-items:center;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .25s,border-color .25s;display:inline-flex}.tough-lineup__button:focus-visible{outline:2px solid var(--tough-lineup-accent);outline-offset:2px}.tough-lineup__button--primary{background:var(--tough-lineup-white);color:var(--tough-color-primary)}.tough-lineup__button--primary:hover{background:var(--tough-lineup-mist);color:var(--tough-color-primary)}.tough-lineup__button--ghost{border-color:color-mix(in srgb, var(--tough-lineup-mist) 50%, transparent);color:var(--tough-lineup-white)}.tough-lineup__button--ghost:hover{border-color:var(--tough-lineup-white);background:color-mix(in srgb, var(--tough-lineup-mist) 8%, transparent);color:var(--tough-lineup-white)}@media (width>=1024px){.tough-lineup{grid-template-rows:1fr;grid-template-columns:auto minmax(0,1fr);min-height:clamp(380px,55vh,760px)}.tough-lineup__header{padding:0 0 0 var(--tough-lineup-gutter);display:flex}.tough-lineup__nav{flex-direction:column;justify-content:center;gap:20px;padding:16px 0}.tough-lineup__group{flex-direction:row;gap:8px}.tough-lineup__group-title{writing-mode:vertical-rl;transform:rotate(180deg)}.tough-lineup__group-items{flex-direction:column}.tough-lineup .tough-lineup__card{width:96px}.tough-lineup__card-subtitle{text-align:center;white-space:normal;line-height:1.2}.tough-lineup__slide{padding:0 var(--tough-lineup-gutter) 0 clamp(16px, 2vw, 32px)}.tough-lineup__info{--tough-lineup-mark-width:clamp(140px, 10vw, 156px);grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"eyebrow model specs""eyebrow icons icons""eyebrow tagline tagline""eyebrow cta cta";align-self:center;align-items:center;gap:26px clamp(16px,2vw,28px);max-width:640px;display:grid}.tough-lineup__eyebrow{white-space:nowrap;writing-mode:vertical-rl;flex-wrap:nowrap;grid-area:eyebrow;transform:rotate(180deg)}.tough-lineup .tough-lineup__mark{--tough-model-mark-width:var(--tough-lineup-mark-width)}.tough-lineup__model{grid-area:model;align-self:start;margin:0}.tough-lineup__specs{height:calc(var(--tough-lineup-mark-width) * 1.0075);grid-area:specs;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;gap:12px 8px}.tough-lineup__spec{padding:6px 8px}.tough-lineup__tagline{grid-area:tagline;margin:0}.tough-lineup .tough-lineup__icons{grid-area:icons;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}}@media (width>=1024px) and (width>=1280px){.tough-lineup .tough-lineup__icons{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=1024px){.tough-lineup__cta{flex-wrap:nowrap;grid-area:cta;margin:0}.tough-lineup__button{flex:none}}@media (width<=1199px){.tough-lineup__visual-cell{--tough-lineup-dock:120px;flex-direction:column-reverse;gap:12px}.tough-lineup__visual{width:min(100cqw, (100cqh - var(--tough-lineup-dock) - 12px) * 4 / 3)}.tough-lineup__dock{width:min(100%,360px);min-height:var(--tough-lineup-dock);flex:none}.tough-lineup__leader{display:none}}@media (width<=1023px){.tough-lineup__nav{margin:0 calc(-1 * var(--tough-lineup-gutter));padding:10px var(--tough-lineup-gutter) 6px;scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.tough-lineup__nav::-webkit-scrollbar{display:none}.tough-lineup__slide{height:auto;padding:8px var(--tough-lineup-gutter) 20px;grid-template-rows:auto}.tough-lineup__visual-cell{height:auto;container-type:normal}.tough-lineup__visual{width:100%;max-width:440px}.tough-lineup__visual-cell:not(:has(.tough-lineup__dock)) .tough-lineup__visual{width:100%;max-width:440px}.tough-lineup__dock{min-height:0}.tough-lineup .tough-lineup__mark{--tough-model-mark-width:clamp(64px, 10vw, 96px)}.tough-lineup__specs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.tough-lineup__header{padding-top:8px}.tough-lineup__nav{justify-content:safe center;gap:6px;padding-top:6px}.tough-lineup__group{gap:4px}.tough-lineup__group-title{font-size:10px}.tough-lineup__group-items{border-radius:10px;padding:3px}.tough-lineup .tough-lineup__card{padding:8px 8px 7px}.tough-lineup .tough-lineup__card-mark{--tough-model-mark-width:50px}.tough-lineup__card-subtitle{display:none}.tough-lineup__slide{grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:24px}.tough-lineup__visual-cell{display:block;position:relative}.tough-lineup__visual{max-width:320px;margin:0 auto}.tough-lineup__visual-cell:not(:has(.tough-lineup__dock)) .tough-lineup__visual{max-width:320px;margin:0 auto}.tough-lineup__dock{pointer-events:none;width:auto;position:absolute;bottom:0;left:0;right:0}.tough-lineup__callout-text{display:none}.tough-lineup .tough-lineup__mark{--tough-model-mark-width:64px}.tough-lineup__tagline{margin:6px 0 12px}.tough-lineup__spec-value{font-size:17px}.tough-lineup .tough-lineup__icons{--tough-spec-icons-min:96px;--tough-spec-icons-size:36px;margin-top:24px}.tough-lineup__cta{margin-top:18px}}@media (prefers-reduced-motion:reduce){.tough-lineup .tough-lineup__hotspot:after{animation:none}}
