.why-start{margin-inline:auto;overflow:hidden;padding-inline:0}.why-start__frame{border-radius:calc(var(--why-start-radius, 14) * var(--rem));isolation:isolate;min-height:calc(var(--why-start-min-height, 640) * var(--rem));overflow:hidden;position:relative;width:100%}.why-start__bg{top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.why-start__bg-image{background-color:var(--ferxsport-heading-color, #060102);background-position:center;background-size:cover;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .75s cubic-bezier(.22,1,.36,1)}.why-start__bg-image.is-active{opacity:1}.why-start__bg-picture{display:contents}.why-start__bg-image img{display:block;height:100%;object-fit:cover;width:100%}.why-start__overlay{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.why-start__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto 1fr auto;min-height:calc(var(--why-start-min-height, 640) * var(--rem));padding:calc(32 * var(--rem)) calc(40 * var(--rem)) calc(40 * var(--rem));position:relative;z-index:2}.why-start__eyebrow{color:#ffffffeb;font-family:var(--font-body--family);font-size:calc(14 * var(--rem));font-weight:500;grid-column:1;grid-row:1;letter-spacing:.01em;line-height:1.3;margin:0}.why-start__nav{align-items:flex-start;align-self:start;display:flex;flex-direction:column;gap:calc(18 * var(--rem));grid-column:1;grid-row:2;justify-self:start;list-style:none;margin:0;padding:calc(48 * var(--rem)) 0}.why-start__nav-btn{align-items:center;background:transparent;border:0;color:#ffffff9e;cursor:pointer;display:inline-flex;font-family:var(--font-heading--family);font-size:calc(32 * var(--rem));font-weight:700;gap:calc(14 * var(--rem));line-height:1.05;padding:0;text-align:left;transition:color .25s ease}.why-start__nav-indicator{background:transparent;border-radius:calc(999 * var(--rem));flex-shrink:0;height:calc(28 * var(--rem));transition:background-color .25s ease;width:calc(4 * var(--rem))}.why-start__nav-btn.is-active{color:#fff}.why-start__nav-btn.is-active .why-start__nav-indicator{background:#fff}@media(hover:hover){.why-start__nav-btn:hover{color:#ffffffc7}.why-start__nav-btn.is-active:hover{color:#fff}}.why-start__copy{align-self:end;display:grid;grid-column:1;grid-row:3;max-width:calc(420 * var(--rem));width:100%}.why-start__copy-panel{display:flex;flex-direction:column;gap:calc(20 * var(--rem));grid-area:1 / 1;opacity:0;pointer-events:none;transform:translate3d(0,calc(28 * var(--rem)),0);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);width:100%;z-index:0}.why-start__copy-panel.is-active{opacity:1;pointer-events:auto;transform:translateZ(0);z-index:2}.why-start__copy-panel.is-leaving{opacity:0;pointer-events:none;transform:translate3d(0,calc(-18 * var(--rem)),0);z-index:1}.why-start__text{color:#fff;font-family:var(--font-body--family);font-size:calc(14 * var(--rem));line-height:1.55;margin:0;opacity:.82}.why-start__text p{margin:0}.why-start__text strong,.why-start__text b{font-weight:700}.why-start__cta{align-self:flex-start}.why-start__panel{align-self:end;display:grid;grid-column:2;grid-row:2 / 4;justify-self:end;max-width:calc(320 * var(--rem));width:min(100%,calc(320 * var(--rem)))}.why-start__panel-item{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff2e;border-radius:calc(16 * var(--rem));box-shadow:0 calc(12 * var(--rem)) calc(40 * var(--rem)) #0000002e;grid-area:1 / 1;opacity:0;overflow:hidden;pointer-events:none;transform:translate3d(0,calc(32 * var(--rem)),0);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);width:100%;z-index:0}.why-start__panel-item.is-active{opacity:1;pointer-events:auto;transform:translateZ(0);z-index:2}.why-start__panel-item.is-leaving{opacity:0;pointer-events:none;transform:translate3d(0,calc(-20 * var(--rem)),0);z-index:1}.why-start__panel-item img,.why-start__panel-item .why-start__panel-placeholder{aspect-ratio:16 / 10;display:block;height:auto;object-fit:cover;width:100%}.why-start__panel-placeholder{background:#ffffff1f;opacity:.55}@media screen and (max-width:768px){.why-start{padding-block:calc(40 * var(--rem)) 0;padding-inline:var(--ferxsport-module-padding-inline-mobile)}.why-start__frame{min-height:calc(980 * var(--rem))}.why-start__inner{display:flex;flex-direction:column;gap:calc(28 * var(--rem));align-items:start;min-height:calc(980 * var(--rem));padding:calc(28 * var(--rem)) calc(24 * var(--rem)) calc(28 * var(--rem))}.why-start__eyebrow{font-size:calc(24 * var(--rem))}.why-start__nav{gap:calc(14 * var(--rem));padding:calc(12 * var(--rem)) 0;justify-content:flex-start;align-items:flex-start}.why-start__nav-btn{font-size:calc(36 * var(--rem))}.why-start__copy{align-self:flex-start;max-width:none;order:2;text-align:left}.why-start__text{font-size:calc(24 * var(--rem));text-align:left}.why-start__cta{align-self:flex-start}.why-start__panel{align-self:flex-start;max-width:none;order:3;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-why-start.css.map */