.fokus-benefit-rail{--rail-cream: rgb(var(--color-fokus-cream));--rail-black: rgb(var(--color-fokus-black));--rail-orange: rgb(var(--color-fokus-orange));position:relative;overflow:hidden;background:var(--rail-cream);color:var(--rail-black);border-top:5px solid var(--rail-orange)}.fokus-benefit-rail__header{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,410px);align-items:end;gap:60px;padding:clamp(64px,7vw,110px) clamp(28px,5vw,80px) clamp(42px,5vw,72px)}.fokus-benefit-rail__heading-group{min-width:0}.fokus-benefit-rail__eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 20px;color:var(--rail-black);font-family:var(--font-fokus-display);font-size:11px;font-weight:700;line-height:1;letter-spacing:.2em;text-transform:uppercase}.fokus-benefit-rail__signal{position:relative;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--rail-orange);box-shadow:0 0 0 5px rgba(var(--color-fokus-orange),.14)}.fokus-benefit-rail__signal:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px solid var(--rail-orange);border-radius:inherit;animation:fokus-benefit-signal 2.2s ease-out infinite}.fokus-benefit-rail__heading{max-width:900px;margin:0;color:var(--rail-black);font-family:var(--font-fokus-display);font-size:clamp(52px,7vw,112px);font-weight:800;line-height:.84;letter-spacing:-.055em;text-transform:uppercase}.fokus-benefit-rail__intro{max-width:390px;margin:0 0 5px auto;color:rgba(var(--color-fokus-black),.7);font-size:clamp(15px,1.2vw,18px);line-height:1.55}.fokus-benefit-rail__track{width:100%;border-top:1px solid rgba(var(--color-fokus-black),.22);border-bottom:1px solid rgba(var(--color-fokus-black),.22)}.fokus-benefit-rail__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none}.fokus-benefit-rail__item{position:relative;min-width:0;min-height:clamp(250px,23vw,360px);display:flex;align-items:flex-end;overflow:hidden;padding:32px clamp(22px,2.4vw,42px) 38px;border-left:1px solid rgba(var(--color-fokus-black),.22);background:transparent;isolation:isolate;transition:background-color .35s cubic-bezier(.16,1,.3,1),color .35s cubic-bezier(.16,1,.3,1)}.fokus-benefit-rail__item:first-child{border-left:0}.fokus-benefit-rail__item:after{content:"";position:absolute;right:0;bottom:0;left:0;z-index:-1;height:5px;background:var(--rail-orange);transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.16,1,.3,1)}.fokus-benefit-rail__number{position:absolute;top:-.08em;left:.05em;z-index:-1;color:rgba(var(--color-fokus-black),.07);font-family:var(--font-fokus-display);font-size:clamp(130px,14vw,230px);font-weight:800;line-height:1;letter-spacing:-.09em;transition:color .35s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.fokus-benefit-rail__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;transform:translateY(0);transition:transform .4s cubic-bezier(.16,1,.3,1)}.fokus-benefit-rail__label{display:block;max-width:230px;color:inherit;font-family:var(--font-fokus-display);font-size:clamp(24px,2.2vw,37px);font-weight:800;line-height:.95;letter-spacing:-.025em;text-transform:uppercase}.fokus-benefit-rail__sublabel{display:block;max-width:220px;color:rgba(var(--color-fokus-black),.66);font-size:14px;line-height:1.4;transition:color .35s ease}.fokus-benefit-rail__corner{position:absolute;top:24px;right:24px;color:var(--rail-orange);font-size:20px;line-height:1;opacity:0;transform:translate(-8px,8px);transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}@media(hover:hover)and (pointer:fine){.fokus-benefit-rail__item:hover{background:var(--rail-black);color:var(--rail-cream)}.fokus-benefit-rail__item:hover:after{transform:scaleX(1)}.fokus-benefit-rail__item:hover .fokus-benefit-rail__number{color:rgba(var(--color-fokus-orange),.18);transform:translate(8px) scale(1.03)}.fokus-benefit-rail__item:hover .fokus-benefit-rail__content{transform:translateY(-8px)}.fokus-benefit-rail__item:hover .fokus-benefit-rail__sublabel{color:rgba(var(--color-fokus-cream),.7)}.fokus-benefit-rail__item:hover .fokus-benefit-rail__corner{opacity:1;transform:translate(0)}}.fokus-benefit-rail__mobile-note{display:none}@media screen and (max-width:1100px)and (min-width:750px){.fokus-benefit-rail__header{grid-template-columns:minmax(0,1fr) minmax(230px,320px);gap:35px}.fokus-benefit-rail__list{grid-template-columns:repeat(5,minmax(190px,1fr));overflow-x:auto;scroll-snap-type:x proximity}.fokus-benefit-rail__item{scroll-snap-align:start}}@media screen and (max-width:749px){.fokus-benefit-rail{border-top-width:4px}.fokus-benefit-rail__header{display:block;padding:54px 22px 36px}.fokus-benefit-rail__eyebrow{margin-bottom:18px;font-size:10px}.fokus-benefit-rail__heading{max-width:330px;font-size:clamp(48px,15vw,68px);line-height:.88}.fokus-benefit-rail__intro{max-width:320px;margin:24px 0 0;font-size:15px}.fokus-benefit-rail__track{overflow:hidden}.fokus-benefit-rail__list{display:flex;width:auto;overflow-x:auto;padding:0 12vw 0 0;scroll-padding-left:0;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fokus-benefit-rail__list::-webkit-scrollbar{display:none}.fokus-benefit-rail__item{flex:0 0 78vw;min-height:290px;padding:30px 26px 34px;border-left:1px solid rgba(var(--color-fokus-black),.22);scroll-snap-align:start}.fokus-benefit-rail__item:first-child{border-left:0}.fokus-benefit-rail__number{top:-10px;left:5px;font-size:170px}.fokus-benefit-rail__label{max-width:250px;font-size:34px}.fokus-benefit-rail__sublabel{font-size:14px}.fokus-benefit-rail__corner{top:24px;right:24px;opacity:1;transform:none}.fokus-benefit-rail__item:nth-child(odd){background:var(--rail-black);color:var(--rail-cream)}.fokus-benefit-rail__item:nth-child(odd) .fokus-benefit-rail__number{color:rgba(var(--color-fokus-orange),.17)}.fokus-benefit-rail__item:nth-child(odd) .fokus-benefit-rail__sublabel{color:rgba(var(--color-fokus-cream),.7)}.fokus-benefit-rail__mobile-note{display:flex;align-items:center;justify-content:space-between;margin:0;padding:17px 22px 19px;color:rgba(var(--color-fokus-black),.7);font-family:var(--font-fokus-display);font-size:10px;font-weight:700;line-height:1;letter-spacing:.17em;text-transform:uppercase}.fokus-benefit-rail__mobile-note span{color:var(--rail-orange);font-size:18px}}@keyframes fokus-benefit-signal{0%{opacity:.75;transform:scale(.55)}75%,to{opacity:0;transform:scale(1.5)}}@media(prefers-reduced-motion:reduce){.fokus-benefit-rail__signal:after{animation:none}.fokus-benefit-rail__item,.fokus-benefit-rail__item:after,.fokus-benefit-rail__number,.fokus-benefit-rail__content,.fokus-benefit-rail__corner{transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-fokus-benefit-rail.css.map */