.services{padding:110px 7vw}.serviceshead{display:grid;grid-template-columns:.35fr 1fr;align-items:start;margin-bottom:60px}.serviceshead h2{font-size:clamp(40px,6vw,82px)}.servicegrid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#bbb}.servicecard{background:#f8f8f9;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.servicecard:hover{transform:translateY(-10px);box-shadow:0 30px 70px #0002;z-index:2}.servicevisual{height:370px;background:#09090b;position:relative;overflow:hidden}.servicevisual>small{position:absolute;top:22px;left:25px;color:var(--r);z-index:2;letter-spacing:2px}.servicevisual>img{width:95%;position:absolute;top:-14%;left:2%;filter:drop-shadow(0 28px 24px #000);transform:rotate(5deg);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.servicecard:hover .servicevisual>img{transform:translateY(-15px) rotate(0) scale(1.04)}.servicecopy{padding:38px 38px 45px}.servicecopy>small{color:var(--r);letter-spacing:1.5px}.servicecopy h3{font-size:clamp(35px,4.3vw,62px);margin:20px 0}.servicecopy p{color:#666}.equipmentvisual{background:var(--r);display:flex;align-items:center;justify-content:center}.equipmentwords{display:flex;flex-direction:column;align-items:center;transform:rotate(-8deg);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.servicecard:hover .equipmentwords{transform:rotate(-3deg) scale(1.05)}.equipmentwords b{font-size:clamp(38px,4.8vw,68px);line-height:.82;letter-spacing:-.06em;color:#fff}.equipmentwords b:nth-child(2){color:#0b0b0d}.equipmentwords b:nth-child(3){-webkit-text-stroke:1px #fff;color:transparent}.btn,.navbtn{transition:transform .25s,background .25s}.btn:hover,.navbtn:hover{transform:translateY(-3px)}
@supports (animation-timeline:view()){.reveal,.brands,.sports,.gift,.store{animation:sectionreveal linear both;animation-timeline:view();animation-range:entry 5% cover 32%}@keyframes sectionreveal{from{opacity:.15;transform:translateY(65px)}to{opacity:1;transform:translateY(0)}}.servicecard:first-child{animation:cardleft linear both;animation-timeline:view();animation-range:entry 5% cover 32%}.servicecard:last-child{animation:cardright linear both;animation-timeline:view();animation-range:entry 5% cover 32%}@keyframes cardleft{from{opacity:.2;transform:translateX(-55px)}to{opacity:1;transform:translateX(0)}}@keyframes cardright{from{opacity:.2;transform:translateX(55px)}to{opacity:1;transform:translateX(0)}}}
@media(max-width:800px){.services{padding:80px 6vw}.serviceshead{grid-template-columns:1fr;margin-bottom:40px}.servicegrid{grid-template-columns:1fr}.servicevisual{height:310px}.servicecopy{padding:30px}.servicevisual>img{top:-7%}}
@media(prefers-reduced-motion:reduce){.servicecard,.servicevisual>img,.equipmentwords,.btn,.navbtn,.reveal,.brands,.sports,.gift,.store{animation:none!important;transition:none!important;transform:none!important}}
@media(max-width:1100px) and (min-width:801px){.hero{grid-template-columns:.95fr 1.05fr}.stage{height:540px}.stage i{width:42vw;height:42vw}.servicevisual{height:330px}nav{gap:18px}.grid article{min-height:510px}}
@media(max-width:520px){header{padding-inline:5vw}.logo{font-size:23px}.logo i{font-size:30px}.navbtn{font-size:10px;padding:10px 12px}.hero{padding-top:100px}.hero h1{font-size:clamp(48px,15vw,68px)}.copy>p:not(.kicker){font-size:14px}.stage{height:350px}.servicevisual{height:270px}.servicecopy h3{font-size:38px}.brands h2,.serviceshead h2,.gift h2,.store h2{font-size:40px}.logotrack figure{width:210px;height:165px}.logotrack img{height:60px}.grid article{min-height:445px;padding:22px}.grid img{height:230px}.card{border-radius:15px}footer{padding:35px 6vw}}
.logotrack>a{display:block;flex:none}html,body{overflow-x:hidden}img{max-width:100%}a:focus-visible{outline:3px solid var(--r);outline-offset:5px}
.gift,.store{opacity:1!important;transform:none!important;animation:none!important}
.newhero{overflow:visible}.newhero .heroglow{position:absolute;width:36vw;height:36vw;max-width:570px;max-height:570px;border-radius:50%;left:17%;top:18%;background:radial-gradient(circle at 50% 60%,#ffba74 0,#ff633e 28%,#ed1c24 51%,transparent 73%);filter:blur(18px);opacity:.86;animation:pulseglow 6s ease-in-out infinite}.newhero .herowords{position:absolute;z-index:0;top:7%;left:-5%;font-size:clamp(70px,9vw,150px);font-weight:900;line-height:.7;letter-spacing:-.08em;color:#11108}.newhero .herowords span{color:#ed1c2412}.newhero .speedlines{position:absolute;z-index:1;left:5%;right:5%;top:39%;height:24%;border-block:1px solid #1112;transform:skewY(-9deg);background:repeating-linear-gradient(0deg,transparent 0 22px,#1110 23px,#1112 24px);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 70%,transparent)}.newhero .platform{position:absolute;width:90%;height:auto;left:6%;top:47%;z-index:2;filter:drop-shadow(0 35px 28px #0004);animation:platformfloat 7s ease-in-out infinite}.newhero .hokashoe{position:absolute;width:101%;height:auto;left:-1%;top:12%;z-index:4;filter:drop-shadow(0 35px 25px #0005);transform:rotate(-6deg);animation:hokafloat 5.5s ease-in-out infinite}.newhero .fragment{position:absolute;width:42px;height:30px;background:linear-gradient(145deg,#4a403c,#171719);border-radius:56% 44% 60% 38%;box-shadow:inset -8px -7px 12px #0008,0 15px 20px #0003;z-index:5}.newhero .f1{left:5%;top:29%;animation:fragmentfloat 5s ease-in-out infinite}.newhero .f2{right:7%;left:auto;top:25%;width:27px;height:21px;animation:fragmentfloat 4s 1s ease-in-out infinite reverse}.newhero>small{position:absolute;z-index:6;right:-2vw;bottom:16%;font-size:10px;letter-spacing:2px;writing-mode:vertical-rl}.newhero>small b{color:var(--r)}@keyframes hokafloat{50%{transform:translateY(-22px) rotate(-3deg)}}@keyframes platformfloat{50%{transform:translateY(9px)}}@keyframes fragmentfloat{50%{transform:translate(8px,-18px) rotate(18deg)}}@keyframes pulseglow{50%{transform:scale(1.08);opacity:1}}
@media(max-width:800px){.newhero .hokashoe{width:108%;left:-4%;top:7%}.newhero .platform{width:100%;left:0;top:46%}.newhero .heroglow{width:70vw;height:70vw;left:8%;top:14%}.newhero .herowords{font-size:22vw;top:4%}.newhero .speedlines{top:34%}.newhero>small{display:none}}
@media(max-width:520px){.newhero .hokashoe{width:112%;left:-7%;top:5%}.newhero .platform{top:48%}.newhero .heroglow{top:18%}.newhero .fragment{transform:scale(.75)}.newhero .f2{right:2%}}
@media(prefers-reduced-motion:reduce){.newhero .heroglow,.newhero .platform,.newhero .hokashoe,.newhero .fragment{animation:none!important}}

/* Refined hero proportions and individual sport image framing */
.newhero .herowords{top:14%;left:8%;font-size:clamp(62px,7.1vw,116px);line-height:1;letter-spacing:-.07em;color:#ed1c2410}.newhero .heroglow{width:32vw;height:32vw;left:21%;top:23%;opacity:.78}.newhero .platform{width:78%;left:12%;top:50%}.newhero .hokashoe{width:88%;left:7%;top:19%}.newhero .speedlines{left:10%;right:8%;top:42%;height:20%}.newhero .f1{left:10%;top:34%}.newhero .f2{right:10%;top:31%}.newhero>small{right:1vw;bottom:19%}.grid article img{object-fit:contain;filter:drop-shadow(0 30px 20px #0008)}.grid .road img{width:94%;margin-inline:3%}.grid .trail img{width:88%;margin-inline:6%}.grid .tri img{width:58%;margin-inline:21%;object-position:center 58%}.grid .hike img{width:90%;margin-inline:5%}@media(max-width:800px){.newhero .herowords{top:9%;left:7%;font-size:18vw}.newhero .heroglow{width:62vw;height:62vw;left:14%;top:18%}.newhero .platform{width:88%;left:6%;top:49%}.newhero .hokashoe{width:96%;left:2%;top:13%}.newhero .speedlines{top:39%}.grid .tri img{width:62%;margin-inline:19%}}@media(max-width:520px){.newhero .herowords{top:8%;font-size:17vw}.newhero .hokashoe{width:102%;left:-1%;top:11%}.newhero .platform{width:94%;left:3%;top:50%}.grid .tri img{width:68%;margin-inline:16%}}

/* Final hero stack: shoe floating clearly above the full terrain platform */
.newhero .platform{width:72%;left:14%;top:56%;z-index:2}.newhero .hokashoe{width:86%;left:7%;top:-18%;z-index:4}.newhero .heroglow{width:29vw;height:29vw;left:23%;top:28%}.newhero .speedlines{top:38%;height:16%;left:12%;right:10%}.newhero .f1{left:13%;top:27%}.newhero .f2{right:13%;top:23%}.newhero>small{bottom:24%}@media(max-width:800px){.newhero .platform{width:80%;left:10%;top:57%}.newhero .hokashoe{width:94%;left:3%;top:-16%}.newhero .heroglow{width:58vw;height:58vw;left:16%;top:23%}.newhero .speedlines{top:39%;height:14%}}@media(max-width:520px){.newhero .platform{width:84%;left:8%;top:58%}.newhero .hokashoe{width:100%;left:0;top:-16%}.newhero .heroglow{top:25%}}

/* Dynamic angled hero composition */
.newhero .platform{width:58%;left:21%;top:60%}.newhero .hokashoe{width:84%;left:8%;top:-18%;animation:heroshoefloatangle 5.5s ease-in-out infinite}.newhero .heroglow{width:27vw;height:27vw;left:25%;top:29%}.newhero>small{bottom:27%}.logotrack img[src="brand-logos/hoka.png"]{transform:scale(1.32)}.logotrack figure:hover img[src="brand-logos/hoka.png"]{transform:scale(1.42)}@keyframes heroshoefloatangle{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-20px) rotate(-8deg)}}@media(max-width:800px){.newhero .platform{width:64%;left:18%;top:61%}.newhero .hokashoe{width:94%;left:3%;top:-18%}.newhero .heroglow{width:54vw;height:54vw;left:18%;top:25%}}@media(max-width:520px){.newhero .platform{width:68%;left:16%;top:62%}.newhero .hokashoe{width:98%;left:1%;top:-18%}}

/* Final hero shoe angle and scale */
.newhero .hokashoe{width:74%;left:13%;top:-15%;transform-origin:50% 70%;animation:heroshoefloat45 5.5s ease-in-out infinite}@keyframes heroshoefloat45{0%,100%{transform:translateY(0) rotate(-45deg)}50%{transform:translateY(-18px) rotate(-41deg)}}@media(max-width:800px){.newhero .hokashoe{width:84%;left:8%;top:-14%}}@media(max-width:520px){.newhero .hokashoe{width:88%;left:6%;top:-13%}}

/* Analysis service shoe framing */
.analysisservice .servicevisual>img{width:112%;left:-6%;top:-24%;transform-origin:55% 65%;transform:rotate(-18deg);filter:drop-shadow(0 30px 26px #000b)}.analysisservice:hover .servicevisual>img{transform:translateY(-12px) rotate(-12deg) scale(1.03)}@media(max-width:800px){.analysisservice .servicevisual>img{width:116%;left:-8%;top:-25%}}@media(max-width:520px){.analysisservice .servicevisual>img{width:122%;left:-11%;top:-27%}}

/* Equal visual sizing for sport footwear */
.grid .road img{width:94%;margin-inline:3%}.grid .trail img{width:132%;margin-inline:-16%}.grid .hike img{width:125%;margin-inline:-12.5%}@media(max-width:800px){.grid .trail img{width:126%;margin-inline:-13%}.grid .hike img{width:121%;margin-inline:-10.5%}}@media(max-width:520px){.grid .trail img{width:122%;margin-inline:-11%}.grid .hike img{width:118%;margin-inline:-9%}}

/* Final analysis-service shoe crop */
.analysisservice .servicevisual>img{width:94%;left:3%;top:-31%;transform:rotate(-15deg)}.analysisservice:hover .servicevisual>img{transform:translateY(-10px) rotate(-10deg) scale(1.02)}@media(max-width:800px){.analysisservice .servicevisual>img{width:98%;left:1%;top:-33%}}@media(max-width:520px){.analysisservice .servicevisual>img{width:102%;left:-1%;top:-34%}}

/* SEO content and extended footer */
.seosection{padding:110px 7vw;background:#fff}.seointro{margin-bottom:60px}.seogrid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ccc}.seogrid article{padding:38px;min-height:240px;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.seogrid article:nth-child(2n){border-right:0}.seogrid article:nth-last-child(-n+2){border-bottom:0}.seogrid small,.sitefooter small{font-size:9px;letter-spacing:1.8px;color:var(--r)}.seogrid h3{font-size:clamp(30px,3.5vw,50px);margin:22px 0}.seogrid p{color:#666}.sitefooter{display:grid;grid-template-columns:.7fr .8fr 1.5fr auto;align-items:start;gap:5vw;padding:60px 7vw}.footerbrand p{margin-top:24px;letter-spacing:1.5px}.footercontact{display:grid;gap:12px}.footercontact>a{font-size:22px;font-weight:800;color:#fff;margin-bottom:14px}.footercontact address{font-style:normal;line-height:1.6}.footerhours dl{margin:12px 0 8px}.footerhours dl div{display:grid;grid-template-columns:85px 1fr;gap:14px;padding:5px 0;border-bottom:1px solid #ffffff15}.footerhours dt,.footerhours dd{margin:0}.footerhours dd{color:#fff}.footerhours p{font-size:9px;color:#777;margin-top:12px}.footertop{white-space:nowrap;color:#fff}@media(max-width:800px){.seosection{padding:80px 6vw}.seogrid{grid-template-columns:1fr}.seogrid article,.seogrid article:nth-child(2n),.seogrid article:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #ccc}.seogrid article:last-child{border-bottom:0}.sitefooter{grid-template-columns:1fr 1fr}.footerhours,.footertop{grid-column:1/-1}}@media(max-width:520px){.seogrid article{padding:28px;min-height:0}.sitefooter{grid-template-columns:1fr}.footerhours,.footertop{grid-column:auto}}

/* Floating gift card */
.gift{perspective:1200px;position:relative;overflow:hidden}.gift:before{content:"";position:absolute;width:38vw;height:38vw;left:4%;top:18%;border-radius:50%;background:radial-gradient(circle,#fff4,transparent 66%);filter:blur(20px);pointer-events:none;animation:giftglow 5s ease-in-out infinite}.gift .card{position:relative;z-index:1;transform-style:preserve-3d;will-change:transform;animation:giftfloat 5.5s cubic-bezier(.45,.05,.55,.95) infinite;transition:transform .45s ease,box-shadow .45s ease}.gift .card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 25%,#fff3 45%,transparent 62%);transform:translateX(-120%);pointer-events:none;animation:giftshine 5.5s ease-in-out infinite}.gift .card:hover{animation-play-state:paused;transform:rotate(-2deg) translateY(-10px) rotateX(2deg);box-shadow:0 55px 85px #7a000077}@keyframes giftfloat{0%,100%{transform:rotate(-5deg) translateY(0) rotateX(0)}50%{transform:rotate(-3deg) translateY(-24px) rotateX(4deg) rotateY(-2deg)}}@keyframes giftshine{0%,58%{transform:translateX(-120%)}78%,100%{transform:translateX(130%)}}@keyframes giftglow{50%{transform:scale(1.12);opacity:.65}}@media(max-width:520px){.gift .card{animation-duration:6s}}@media(prefers-reduced-motion:reduce){.gift:before,.gift .card,.gift .card:after{animation:none!important}.gift .card:hover{transform:rotate(-5deg)}}

/* Hardened responsive layout for SEO content and footer */
@media(max-width:700px){.seosection{padding:76px 20px!important}.seointro{margin-bottom:38px}.seointro h2{font-size:clamp(42px,13vw,62px);overflow-wrap:anywhere}.seogrid{display:block!important;width:100%}.seogrid article{width:100%;min-height:0!important;padding:28px 0!important;border:0!important;border-top:1px solid #ccc!important}.seogrid article:last-child{border-bottom:1px solid #ccc!important}.seogrid h3{font-size:clamp(28px,8.5vw,40px);line-height:.95}.seogrid p{font-size:16px;line-height:1.65}.sitefooter{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%;padding:52px 24px!important;gap:38px!important}.sitefooter>*{width:100%;min-width:0}.footerbrand,.footercontact,.footerhours{display:block!important}.footercontact small,.footerhours>small{display:block;margin-bottom:12px}.footercontact>a{display:block;font-size:25px;margin-bottom:28px}.footercontact address{font-size:16px}.footerhours dl div{display:grid!important;grid-template-columns:minmax(82px,34%) minmax(0,1fr)!important;gap:18px;align-items:start;padding:9px 0}.footerhours dt,.footerhours dd{margin:0}.footerhours dd{overflow-wrap:normal;word-break:normal}.footerhours p{max-width:300px;line-height:1.5}.footertop{display:inline-block;width:auto!important}}

/* Official BE RUN logos */
.site-logo{display:block;line-height:0;flex:none}.site-logo img{display:block;width:100%;height:auto;object-fit:contain}.site-logo-menu{width:clamp(170px,17vw,245px)}.site-logo-footer{width:clamp(190px,20vw,285px)}

/* Keep the complete floating hero composition inside its stage */
.newhero .platform{width:50%;left:25%;top:53%}.newhero .hokashoe{width:62%;left:19%;top:3%;transform-origin:50% 64%;animation:heroshoefloatvisible 5.5s ease-in-out infinite}.newhero .heroglow{width:25vw;height:25vw;left:27%;top:24%}.newhero .speedlines{top:37%;height:15%}.newhero>small{bottom:23%}@keyframes heroshoefloatvisible{0%,100%{transform:translateY(0) rotate(-45deg)}50%{transform:translateY(-12px) rotate(-41deg)}}
@media(max-width:800px){.site-logo-menu{width:175px}.site-logo-footer{width:230px}.newhero .platform{width:58%;left:21%;top:53%}.newhero .hokashoe{width:70%;left:15%;top:4%}.newhero .heroglow{width:52vw;height:52vw;left:19%;top:20%}}
@media(max-width:520px){.site-logo-menu{width:145px}.newhero .platform{width:62%;left:19%;top:52%}.newhero .hokashoe{width:76%;left:12%;top:5%}.newhero .heroglow{top:21%}}

/* Show the complete shoe in the gait-analysis service */
.analysisservice .servicevisual>img{width:70%;left:15%;top:-2%;transform-origin:50% 58%;transform:rotate(-8deg)}.analysisservice:hover .servicevisual>img{transform:translateY(-8px) rotate(-4deg) scale(1.02)}
@media(max-width:800px){.analysisservice .servicevisual>img{width:76%;left:12%;top:-3%}}
@media(max-width:520px){.analysisservice .servicevisual>img{width:82%;left:9%;top:-5%}}

/* Cutout running equipment composition */
.equipmentvisual .equipmentcomposition{position:absolute;width:92%;height:94%;left:4%;top:3%;object-fit:contain;filter:drop-shadow(0 28px 22px #81000066);transform:rotate(-3deg);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.servicecard:hover .equipmentvisual .equipmentcomposition{transform:translateY(-9px) rotate(0) scale(1.025)}
@media(max-width:800px){.equipmentvisual .equipmentcomposition{width:90%;height:92%;left:5%;top:4%}}
@media(max-width:520px){.equipmentvisual .equipmentcomposition{width:96%;height:94%;left:2%;top:3%}}

/* More compact header and footer logos */
.site-logo-menu{width:clamp(135px,13vw,190px)}.site-logo-footer{width:clamp(155px,16vw,220px)}
@media(max-width:800px){.site-logo-menu{width:140px}.site-logo-footer{width:190px}}
@media(max-width:520px){.site-logo-menu{width:118px}.site-logo-footer{width:170px}}

/* Slightly larger hero composition, still fully visible */
.newhero .platform{width:56%;left:22%;top:52%}.newhero .hokashoe{width:68%;left:16%;top:1%}.newhero .heroglow{width:28vw;height:28vw;left:25%;top:22%}
@media(max-width:800px){.newhero .platform{width:62%;left:19%;top:52%}.newhero .hokashoe{width:76%;left:12%;top:2%}}
@media(max-width:520px){.newhero .platform{width:66%;left:17%;top:51%}.newhero .hokashoe{width:82%;left:9%;top:3%}}

/* Final compact menu logo */
.site-logo-menu{width:clamp(115px,11.5vw,165px)}
@media(max-width:800px){.site-logo-menu{width:122px}}
@media(max-width:520px){.site-logo-menu{width:105px}}

/* Comfortable spacing inside SEO cards on mobile */
@media(max-width:700px){.seogrid article{padding:34px 22px!important}.seogrid h3{margin:20px 0 22px}.seogrid p{margin-bottom:0}}

/* Enlarge only the hero shoe */
.newhero .hokashoe{width:73%;left:13.5%;top:-1%}
@media(max-width:800px){.newhero .hokashoe{width:81%;left:9.5%;top:0}}
@media(max-width:520px){.newhero .hokashoe{width:87%;left:6.5%;top:1%}}

/* Raise only the hero shoe */
.newhero .hokashoe{top:-5%}
@media(max-width:800px){.newhero .hokashoe{top:-4%}}
@media(max-width:520px){.newhero .hokashoe{top:-3%}}

/* Raise the hero shoe one more step */
.newhero .hokashoe{top:-10%}
@media(max-width:800px){.newhero .hokashoe{top:-9%}}
@media(max-width:520px){.newhero .hokashoe{top:-8%}}

/* Complete brands carousel */
.ticker>div{display:flex;width:max-content;animation-duration:55s}.ticker>div span{display:block;flex:none;padding-right:1.25em}.logotrack{animation-duration:72s}.logotrack img{background:transparent;mix-blend-mode:multiply;object-fit:contain}.logotrack img[src$="naak.png"]{filter:invert(1)}.logotrack img[src$="z3r0d.jpg"]{mix-blend-mode:multiply}.brandfallback{display:grid;place-items:center;width:78%;height:86px;font-size:clamp(24px,2.4vw,42px);font-weight:900;font-style:italic;line-height:.9;letter-spacing:-.06em;text-align:center;color:#111}.brandfallback[hidden]{display:none}