/* JSL motion system: graphic contours, layered imagery and clear shopping controls. */
.hero-topo{background:none;inset:-8% -5% -12% -15%;opacity:.4;animation:none;z-index:-1;transform:translate3d(var(--topo-x,0px),var(--topo-y,0px),0);transition:transform 1.2s ease-out}.live-contours{width:100%;height:100%;overflow:visible}.live-contours path{stroke:#89a9b4;stroke-width:.85;opacity:.5}.live-contours path:nth-child(5n){stroke:#d6e5db;stroke-width:1.6;opacity:.7}.motion-enabled .live-contours path{stroke-dasharray:1000;animation:contour-trace 10s cubic-bezier(.42,0,.22,1) infinite;animation-delay:var(--trace-delay)}.headline-mask{display:block;overflow:hidden;padding-bottom:.085em;margin-bottom:-.085em}.headline-mask>span{display:block}.motion-enabled .headline-mask>span{animation:headline-rise 1.1s cubic-bezier(.16,1,.3,1) both}.motion-enabled .display>em .headline-mask:first-child>span{animation-delay:.13s}.motion-enabled .display>em .headline-mask:last-child>span{animation-delay:.26s}.motion-enabled .brand-hero .hero-sub,.motion-enabled .brand-hero .hero-links,.motion-enabled .brand-hero .microline{animation:copy-enter .9s ease both;animation-delay:.35s}.motion-enabled .brand-hero .hero-links{animation-delay:.48s}.motion-enabled .brand-hero .microline{animation-delay:.6s}.motion-enabled .brand-hero .hero-media{animation:photo-open 1.4s cubic-bezier(.16,1,.3,1) both}.brand-hero .hero-media img{animation:none;transform:translate3d(var(--photo-x,0px),var(--photo-y,0px),0) scale(var(--photo-scale,1.035));transition:transform .85s cubic-bezier(.18,.65,.25,1);will-change:transform}.hero-copy .display{transform:translate3d(0,var(--headline-y,0px),0)}.scroll-invitation{display:flex;align-items:center;gap:14px;margin-top:26px;font-size:11px;letter-spacing:.13em;color:#c4d5d8;width:max-content;max-width:100%;min-height:34px}.scroll-track{display:inline-block;position:relative;width:36px;height:1px;background:#536b75;overflow:hidden}.scroll-track:after{content:'';position:absolute;inset:0;background:#e0eee6;transform:translateX(-100%)}.motion-enabled .scroll-track:after{animation:scroll-cue 2.5s ease infinite}.brand-hero .hero-copy{padding-top:64px;padding-bottom:40px}.brand-hero .microline{margin-top:26px}.brand-hero{height:760px}.motion-toggle{position:fixed;right:18px;bottom:18px;z-index:200;box-shadow:0 3px 18px #0003;backdrop-filter:blur(12px);font-size:12px;background:#0d191fec;border-color:#617881}.page-progress{position:fixed;left:0;top:101px;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:#afcfc2;z-index:120;pointer-events:none}.motion-enabled .reveal-ready{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-enabled .reveal-ready.revealed{opacity:1;transform:none}.motion-enabled .strength-photo,.motion-enabled .about-media{clip-path:inset(0);transition:clip-path 1.2s cubic-bezier(.16,1,.3,1),opacity .7s}.motion-enabled .strength-photo.reveal-ready:not(.revealed),.motion-enabled .about-media.reveal-ready:not(.revealed){clip-path:inset(0 0 18% 0)}.compare-card,.range-product{--card-x:50%;--card-y:50%;position:relative}.compare-card:before{content:'';position:absolute;inset:0;background:radial-gradient(450px circle at var(--card-x) var(--card-y),#a6d6d019,transparent 70%);opacity:0;transition:opacity .35s;pointer-events:none}.compare-card:hover:before{opacity:1}.range-product .range-photo{transition:transform .65s cubic-bezier(.2,.8,.2,1);transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:center}.selector-lure-area{translate:var(--lure-x,0px) var(--lure-y,0px);rotate:var(--lure-rotation,0deg);transition:translate .7s ease-out,rotate .7s ease-out}.button.solid{position:relative;overflow:hidden;transition:background .25s,color .25s,box-shadow .25s}.button.solid:after{content:'';position:absolute;inset:-100% -40%;background:linear-gradient(115deg,transparent 40%,#fff8 49%,transparent 58%);transform:translateX(-100%);pointer-events:none}.button.solid:hover:after{animation:button-sweep .7s ease}.button.solid:hover{box-shadow:0 0 26px #d1e7e022}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .reveal-ready{opacity:1!important;transform:none!important;clip-path:none!important}.motion-off .brand-hero .hero-media img{transform:scale(1.035)!important}.motion-off .hero-copy .display,.motion-off .hero-topo,.motion-off .range-photo{transform:none!important}.motion-off .selector-lure-area{translate:none;rotate:none}.motion-off .headline-mask>span,.motion-off .brand-hero .hero-media{transform:none;clip-path:none;opacity:1}.motion-off .live-contours path{stroke-dashoffset:0!important;stroke-dasharray:none!important}@keyframes contour-trace{0%{stroke-dashoffset:1000;opacity:.15}35%,62%{stroke-dashoffset:0;opacity:.65}100%{stroke-dashoffset:-1000;opacity:.15}}@keyframes headline-rise{from{transform:translateY(115%) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes copy-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes photo-open{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes scroll-cue{0%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}@keyframes button-sweep{to{transform:translateX(100%)}}
@media(max-width:820px){.page-progress{top:89px}.brand-hero{height:auto}.brand-hero .hero-copy{padding:15px 22px 40px}.brand-hero .display{font-size:clamp(60px,13.6vw,90px)}.hero-topo{inset:25% -80% -10% -80%;opacity:.32}.brand-hero .hero-media img{transform:scale(1.025);transition:none}.hero-copy .display{transform:none}.motion-enabled .brand-hero .hero-media{animation:copy-enter .8s ease both}.motion-toggle{right:10px;bottom:10px;min-height:40px}.scroll-invitation{margin-top:20px}.motion-enabled .reveal-ready{transform:translateY(18px)}.motion-enabled .reveal-ready.revealed{transform:none}.range-product .range-photo{transform:none}.selector-lure-area{translate:none;rotate:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-topo,.hero-copy .display,.range-product .range-photo{transform:none!important}.brand-hero .hero-media img{transform:scale(1.025)!important}.reveal-ready,.headline-mask>span{opacity:1!important;transform:none!important;clip-path:none!important}.motion-toggle,.scroll-invitation,.page-progress{display:none}.selector-lure-area{translate:none;rotate:none}.live-contours path{stroke-dasharray:none;stroke-dashoffset:0}}