@font-face{font-family:Manrope;src:url('../home-20260920/manrope.ttf') format('truetype');font-display:swap;font-weight:200 800}
:root{color-scheme:light;--paper:#eff4f8;--ink:#202329;--ease:cubic-bezier(.22,.75,.2,1);--sweep:cubic-bezier(.2,.8,.16,1);font-family:Manrope,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}[hidden]{display:none!important}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #825080;outline-offset:5px}::selection{background:#d3dce9}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:200}.skip-link:focus{top:10px}
.site-header{height:104px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:20}.brand,.brand img{width:116px;height:78px;object-fit:contain}.site-header nav{display:flex;gap:36px;font-size:13px;position:absolute;left:50%;transform:translateX(-50%)}.site-header nav a{padding:12px 0;position:relative}.site-header nav a:after{content:'';position:absolute;bottom:6px;left:0;width:0;height:1px;background:var(--ink);transition:width .25s}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{width:100%}


/* Each layer owns one movement: scene, scroll, drag, orbit, pointer, float. */
.hero{--scene:#d5e6f0;--word:#344c68;--side-x:49vw;height:100svh;min-height:680px;max-height:1400px;position:relative;isolation:isolate;overflow:hidden;background:var(--paper);transition:background 1s}.hero[data-product="lotus"]{--scene:#e7e2ef;--word:#5b506b;background:#f1eff5}.hero[data-product="lotus-v2"]{--scene:#e9e2e9;--word:#77596c;background:#f5eff3}.hero:before{content:'';position:absolute;z-index:-2;width:110vw;height:110vw;border-radius:50%;background:radial-gradient(ellipse,var(--scene),transparent 65%);left:-5%;top:-42%;opacity:.85;transition:background 1s}
.hero-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-2;opacity:.14;pointer-events:none;mask-image:linear-gradient(180deg,transparent 3%,#000 45%,transparent 98%)}.atmosphere-plane{position:absolute;inset:-6%;transform:translate3d(calc(var(--atmosphere-x,0px) - var(--drag,0px) * .1),calc(var(--atmosphere-y,0px) + var(--atmosphere-scroll-y,0px)),0)}.hero-atmosphere img{position:absolute;width:115%;max-width:none;height:145%;object-fit:cover;left:-7%;top:-12%;filter:blur(3px);transform:scale(1.05);opacity:0}.hero-atmosphere img.is-active{opacity:1}
.word-scroll{position:absolute;top:23%;left:0;width:100%;z-index:-1;pointer-events:none;transform:translate3d(0,var(--word-scroll-y,0px),0)}.word-parallax{transform:translate3d(calc(var(--word-x,0px) - var(--drag,0px) * .16),var(--word-y,0px),0);transition:transform .65s var(--ease)}.hero-word{position:relative;font-size:clamp(110px,15.7vw,290px);letter-spacing:-.08em;line-height:1.05;font-weight:800;color:var(--word);white-space:nowrap;transition:color 1s;user-select:none;height:1.2em;overflow:hidden}.word-line{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;opacity:0;transform:translate3d(30vw,110%,0) rotate(5deg)}.word-line[data-position="left"]{transform:translate3d(-30vw,-110%,0) rotate(-5deg)}.word-line[data-position="center"]{opacity:.84;transform:none}.word-line[data-word="lotus-v2"]{font-size:.98em}
.has-js:not(.keyboard-navigation) .explorer:focus{outline:none}
.explorer{position:absolute;top:21%;bottom:18%;left:0;right:0;outline-offset:-8px!important}.stage{position:absolute;inset:0;touch-action:pan-y;cursor:grab}.stage.is-dragging{cursor:grabbing}.stage-reveal,.stage-scroll,.stage-drag{position:absolute;inset:0}.stage-scroll{transform:translate3d(0,var(--stage-scroll-y,0px),0) scale(var(--stage-scroll-scale,1));transform-origin:50% 70%}.stage-drag{transform:translate3d(var(--drag,0px),0,0);transition:transform .65s var(--ease)}.stage.is-dragging .stage-drag,.hero.is-dragging .word-parallax{transition:none}
.product-slide{position:absolute;left:50%;top:0;width:min(56vw,880px);height:100%;margin-left:max(-28vw,-440px);transform:translate3d(0,0,0) rotate(-8deg);z-index:3;opacity:1}.product-slide[data-position="left"]{transform:translate3d(calc(-1 * var(--side-x)),8%,0) rotate(19deg) scale(.64);z-index:1;opacity:.76}.product-slide[data-position="right"]{transform:translate3d(var(--side-x),12%,0) rotate(-21deg) scale(.64);z-index:1;opacity:.76}.product-parallax,.product-float,.hero-photo{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-parallax{transform:perspective(1400px) translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.hero-photo{position:relative}.hero-photo img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(8px 30px 22px #344c6833);user-select:none;-webkit-user-drag:none}.hero-photo:focus-visible{outline-offset:8px}
.motion-on .product-float{animation:product-float 7.5s ease-in-out infinite both}.motion-on .product-slide[data-product="lotus"] .product-float{animation-delay:-2.5s;animation-duration:8.6s}.motion-on .product-slide[data-product="lotus-v2"] .product-float{animation-delay:-5s;animation-duration:9.2s}.hero:not(.in-view) .product-float,.hero.is-dragging .product-float,.hero.scene-entering .product-float{animation-play-state:paused}.page-hidden *{animation-play-state:paused!important}
@keyframes product-float{0%,100%{transform:translate3d(-5px,7px,0) rotate(-1deg)}50%{transform:translate3d(8px,-17px,0) rotate(1.5deg)}}
.neighbor{position:absolute;top:12%;width:15%;height:82%;padding:0;z-index:5;touch-action:pan-y;display:flex;align-items:center}.neighbor-left{left:0;justify-content:flex-start;padding-left:4vw}.neighbor-right{right:0;justify-content:flex-end;padding-right:4vw}.neighbor-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffffb3;border-radius:50%;background:#eff4f8c9;transition:transform .4s var(--ease),background .3s;box-shadow:0 4px 20px #344c680a}.neighbor-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.neighbor:hover .neighbor-arrow{transform:translateX(-5px);background:white}.neighbor-right:hover .neighbor-arrow{transform:translateX(5px)}
.product-caption{position:absolute;bottom:7%;left:20%;right:20%;text-align:center;z-index:6}.product-name{font-size:32px;line-height:1.3;font-weight:550}.detail-entry{min-height:44px;display:inline-flex;align-items:center;font-size:12px;text-decoration:underline;text-underline-offset:6px;margin-top:5px}.hero-bottom{position:absolute;bottom:22px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#535e6d}.gesture-hint{letter-spacing:.04em}.replay-intro{min-height:44px;font-size:10px;padding:10px 0;text-decoration:underline;text-underline-offset:5px}
.hero.scene-entering .stage-reveal{animation:stage-unfold 1.55s var(--sweep) both}.hero.scene-entering .hero-word{animation:word-unfold 1.35s .12s var(--sweep) both}.hero.scene-entering .product-caption{animation:caption-reveal .8s .65s var(--ease) both}.hero.scene-entering .neighbor-arrow{animation:caption-reveal .8s .7s var(--ease) both}
@keyframes stage-unfold{0%{transform:translate3d(0,32vh,0) scale(.55) rotate(-14deg);opacity:.25}65%{opacity:1}100%{transform:none;opacity:1}}@keyframes word-unfold{from{clip-path:inset(100% 0 0);transform:translateY(60%) rotate(4deg)}to{clip-path:inset(0);transform:none}}@keyframes caption-reveal{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}

.skates{position:relative;min-height:100svh;background:#e2e9ee;padding:100px 7vw 80px;display:flex;flex-direction:column;justify-content:center;gap:60px;overflow:clip}.skates-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px}.skates-heading h2{font-size:clamp(40px,5vw,76px);font-weight:500;letter-spacing:-.05em}.skates-heading p{font-size:13px;color:#626975}.skate-packs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;align-items:center;max-width:1450px;width:100%;margin:0 auto}.skate-packs figure{min-width:0;--rest-turn:-3deg;transform:rotate(var(--rest-turn))}.skate-packs figure:nth-child(even){--rest-turn:3deg}.motion-on .skate-packs figure{transform:translate3d(var(--pack-x,0px),var(--pack-y,0px),0) rotate(var(--pack-turn,var(--rest-turn))) scale(var(--pack-scale,1));transform-origin:50% 80%}.skate-packs img{width:100%;height:auto;box-shadow:0 10px 20px #273d5120;transition:transform .5s var(--ease)}.skate-packs figure:hover img{transform:translateY(-10px) rotate(calc(-1 * var(--rest-turn)))}.skate-packs figcaption{font-size:14px;margin-top:20px;display:flex;justify-content:space-between;gap:12px}.skate-packs figcaption span{font-size:10px;color:#626975;align-self:center}.copyright{position:absolute;bottom:24px;left:7vw;font-size:10px;color:#66717d}

.intro{padding:0;border:0;background:#e8f0f5;color:var(--ink);width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;inset:0;overflow:hidden}.intro[open]{display:flex;flex-direction:column;justify-content:space-between}.intro::backdrop{background:#e8f0f5}.intro-top,.intro-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:34px 4vw;font-size:12px}.intro-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:2}.intro-mark{position:relative;width:clamp(230px,27vw,420px);filter:drop-shadow(0 10px 28px #ffffffc9);animation:mark-assemble 1.1s var(--sweep) both}.intro-mark img{width:100%;height:auto}.intro-mark>.slice{position:absolute;inset:0}.slice-one{clip-path:inset(25% 0 56%);animation:slice-one 1.6s steps(1) 2}.slice-two{clip-path:inset(60% 0 28%);animation:slice-two 1.6s steps(1) 2}.intro-bottom{margin-top:auto;align-items:end;padding-bottom:42px}.intro-bottom b{font-size:84px;line-height:1;font-weight:400;letter-spacing:-.07em}.intro-bottom small{font-size:16px;color:#777f89}.load-track{position:absolute;bottom:0;left:0;right:0;height:4px;background:#d3dfe7}.load-track i{display:block;background:#344c68;height:100%;width:0;transition:width .3s}.intro.leaving{animation:intro-exit .85s cubic-bezier(.68,0,.22,1) forwards;pointer-events:none}.intro.leaving::backdrop{background:transparent}.intro.leaving .intro-center{transition:translate .85s var(--ease);translate:0 -60px}.intro-wings{position:absolute;inset:0;overflow:hidden;opacity:.8}.intro-wings:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#e8f0f5 7%,#e8f0f500 68%)}.intro-wings img{position:absolute;width:32vw;max-width:480px;animation:wing-enter 1.9s var(--sweep) both}.intro-wings img:nth-child(1){left:-6%;top:3%;rotate:-20deg;--wing-x:-32vw;--wing-turn:-35deg}.intro-wings img:nth-child(2){right:-5%;top:27%;rotate:19deg;--wing-x:32vw;--wing-turn:35deg;animation-delay:.1s}.intro-wings img:nth-child(3){left:18%;bottom:-32%;rotate:-12deg;--wing-x:-12vw;--wing-turn:18deg;animation-delay:.2s}
@keyframes intro-exit{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}45%{clip-path:polygon(0 0,100% 0,100% 58%,0 90%)}100%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}}@keyframes mark-assemble{from{opacity:0;transform:scale(.65) translateY(40px);clip-path:inset(0 50%)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes wing-enter{from{opacity:0;transform:translate(var(--wing-x),30vh) rotate(var(--wing-turn)) scale(.45)}to{opacity:1;transform:none}}@keyframes slice-one{0%,17%,24%,56%,68%,100%{transform:translateX(0)}18%{transform:translateX(28px)}20%{transform:translateX(-16px)}57%{transform:translateX(-19px)}64%{transform:translateX(9px)}}@keyframes slice-two{0%,19%,26%,58%,71%,100%{transform:translateX(0)}20%{transform:translateX(-30px)}23%{transform:translateX(19px)}60%{transform:translateX(22px)}66%{transform:translateX(-12px)}}
.noscript-note{position:fixed;bottom:0;background:#fff;padding:15px;z-index:30;font-size:12px}
@media(max-width:1050px){.hero{min-height:700px;--side-x:52vw}.word-scroll{top:28%}.explorer{top:26%;bottom:22%}.product-slide{width:66vw;margin-left:-33vw}.product-caption{bottom:9%}.skates{gap:45px}.skate-packs{gap:3vw}}
@media(max-width:700px){.site-header{height:84px;padding:0 24px}.brand,.brand img{width:89px;height:60px}.site-header nav{position:static;transform:none;gap:22px;font-size:12px;margin-left:auto}.hero{min-height:650px;max-height:1000px;--side-x:61vw}.hero-atmosphere{opacity:.13}.hero-atmosphere img{width:160%;height:110%;left:-30%;top:-5%}.word-scroll{top:28%}.hero-word{font-size:21vw;letter-spacing:-.08em}.explorer{top:31%;bottom:24%}.product-slide{width:78vw;margin-left:-39vw}.product-slide[data-position="left"]{transform:translate3d(calc(-1 * var(--side-x)),4%,0) rotate(19deg) scale(.72)}.product-slide[data-position="right"]{transform:translate3d(var(--side-x),8%,0) rotate(-21deg) scale(.72)}.neighbor{width:14%;top:12%;height:80%}.neighbor-left{padding-left:12px}.neighbor-right{padding-right:12px}.neighbor-arrow{width:36px;height:44px;border-radius:24px}.neighbor-arrow svg{width:18px;height:18px}.product-caption{bottom:10%}.product-name{font-size:28px}.detail-entry{font-size:11px;margin-top:4px}.hero-bottom{left:24px;right:24px;bottom:12px;font-size:9px}.replay-intro{font-size:9px}.skates{padding:70px 28px 80px;gap:45px}.skates-heading{align-items:center}.skates-heading h2{font-size:40px}.skates-heading p{font-size:11px}.skate-packs{grid-template-columns:1fr 1fr;gap:40px 26px}.skate-packs figcaption{font-size:12px;gap:8px;margin-top:15px}.skate-packs figcaption span{font-size:9px}.copyright{left:28px}.intro-top,.intro-bottom{padding:24px}.intro-bottom{padding-bottom:30px}.intro-top{font-size:11px}.intro-bottom b{font-size:64px}.intro-bottom small{font-size:16px}.intro-bottom>span:first-child{font-size:10px}.intro-mark{width:230px}.intro-wings img{width:48vw}.intro-wings img:nth-child(1){left:-18%;top:9%}.intro-wings img:nth-child(2){right:-20%;top:45%}.intro-wings img:nth-child(3){left:10%;bottom:-10%}}
html:not(.motion-on) .product-parallax,html:not(.motion-on) .product-float,html:not(.motion-on) .stage-scroll,html:not(.motion-on) .word-scroll,html:not(.motion-on) .word-parallax,html:not(.motion-on) .atmosphere-plane{transform:none}html:not(.motion-on) .hero,html:not(.motion-on) .hero-word{transition:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.product-slide[data-position="center"]{transform:none!important}.skate-packs figure,.skate-packs figure:hover img{transform:none!important}}

/* Keep WordPress service links separate from the centered product navigation. */
.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:24px}
.site-header>.brand{grid-column:1;grid-row:1;justify-self:start}
.site-header>nav{position:static;left:auto;transform:none;margin:0;grid-row:1;white-space:nowrap}
.site-header>nav.behre-main-nav{grid-column:2;justify-self:center}
.site-header>nav.behre-service-links{grid-column:3;justify-self:end;gap:20px;padding-right:0}


/* Retain the detail node for the carousel script without shifting its caption. */
.detail-entry{visibility:hidden;pointer-events:none}
.replay-intro{display:grid;place-items:center;width:44px;padding:0;margin-left:auto;margin-right:60px;text-decoration:none}
.replay-intro svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){
  .site-header{height:128px;grid-template-columns:auto minmax(0,1fr);grid-template-rows:84px 44px;column-gap:16px}
  .site-header>nav.behre-main-nav{grid-column:2;grid-row:1;justify-self:end}
  .site-header>nav.behre-service-links{grid-column:1/-1;grid-row:2;justify-self:end;gap:20px;padding-right:0}

}