.ofa{--ofa-accent: rgb(var(--btn-bg-color, 255 102 0));--ofa-accent-hover: rgb(var(--btn-bg-color, 255 102 0) / .88);--ofa-ink: #111;--ofa-grey: #f5f5f5;--ofa-border: #ddd;--ofa-muted: #555;font-family:var(--body-font-family);font-size:16px;line-height:1.5;color:#000;padding:112px 0}.ofa *,.ofa *:before,.ofa *:after{box-sizing:border-box}.ofa img{display:block;max-width:100%}:where(.ofa) p{margin:0}.ofa h1,.ofa h2,.ofa h3{margin:0;color:inherit;font-family:var(--heading-font-family);font-weight:800;text-transform:uppercase;line-height:1.05;text-wrap:balance}.ofa-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:20px;font:700 13px/1 var(--body-font-family);letter-spacing:.14em;text-transform:uppercase;color:var(--ofa-accent)}.ofa-eyebrow:before{content:"";width:24px;height:3px;background:currentColor}.ofa-lede{max-width:560px;margin:24px 0 0;font-size:19px;line-height:1.6;color:var(--ofa-muted)}.ofa-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:var(--ofa-accent);color:#fff;font:700 15px/1 var(--body-font-family);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background .2s}.ofa-btn:hover{background:var(--ofa-accent-hover);color:#fff}.ofa-btn svg{width:18px;height:18px;transition:transform .2s}.ofa-btn:hover svg{transform:translate(4px)}.ofa-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:64px}.ofa-head h2{max-width:15ch;font-size:clamp(34px,4.2vw,60px)}.ofa-head .ofa-lede{margin:0;justify-self:end}.ofa-hero{position:relative;display:flex;align-items:center;min-height:720px;padding:0;overflow:hidden;background:#222;color:#fff}.ofa-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.ofa-hero__media img{width:100%;height:100%;object-fit:cover;object-position:75% 60%}.ofa-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000d1,#0000008c 45%,#0000000d 80%)}.ofa-hero .container{position:relative;padding-top:96px;padding-bottom:96px}.ofa-hero h1{max-width:820px;font-size:clamp(44px,6.4vw,92px)}.ofa-hero h1 span{display:block;color:var(--ofa-accent)}.ofa-hero .ofa-lede{color:#ffffffe0}.ofa-hero .ofa-btn{margin-top:40px}.ofa-stats{display:flex;max-width:760px;margin-top:56px;border-top:1px solid rgba(255,255,255,.28)}.ofa-stat{flex:1;padding:24px 24px 0 0}.ofa-stat+.ofa-stat{padding-left:24px;border-left:1px solid rgba(255,255,255,.28)}.ofa-stat strong{display:block;font:800 40px/1 var(--heading-font-family);text-transform:uppercase}.ofa-stat:first-child strong{color:var(--ofa-accent)}.ofa-stat small{display:block;margin-top:10px;font:600 12px/1.4 var(--body-font-family);letter-spacing:.12em;text-transform:uppercase;color:#ffffffbf}.ofa-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ofa-step{padding:40px 36px 44px;background:var(--ofa-grey);border-top:4px solid var(--ofa-accent)}.ofa-step__num{font:800 72px/1 var(--heading-font-family);color:var(--ofa-accent);white-space:nowrap}.ofa-step h3{margin:24px 0 12px;font-size:26px}.ofa-step p{font-size:17px;line-height:1.6;color:var(--ofa-muted)}.ofa--grey{background:var(--ofa-grey)}.ofa-fits{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--ofa-border);border:2px solid var(--ofa-border)}.ofa-fit{padding:32px 28px;background:#fff}.ofa-fit svg{width:36px;height:36px;color:var(--ofa-accent)}.ofa-fit h3{margin:20px 0 8px;font-size:20px}.ofa-fit p{font-size:16px;color:var(--ofa-muted)}.ofa--dark{background:var(--ofa-ink);color:#fff}.ofa--dark .ofa-lede{color:#ffffffb3}.ofa-riders{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ofa-rider{position:relative;display:block;overflow:hidden;background:#000;color:#fff;text-decoration:none}.ofa-rider:hover{color:#fff}.ofa-rider__img{aspect-ratio:4 / 5;overflow:hidden}.ofa-rider__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.ofa-rider:hover .ofa-rider__img img{transform:scale(1.05)}.ofa-rider__play{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:52px;height:52px;background:var(--ofa-accent)}.ofa-rider__play svg{width:20px;height:20px;margin-left:3px;fill:#fff}.ofa-rider__meta{position:absolute;inset:auto 0 0 0;padding:80px 20px 22px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}.ofa-rider__handle{display:flex;align-items:center;gap:8px;font:700 14px/1 var(--body-font-family)}.ofa-rider__handle svg{width:20px;height:20px;fill:var(--ofa-accent)}.ofa-rider__title{margin-top:10px;font:800 19px/1.2 var(--heading-font-family);text-transform:uppercase}.ofa-perks{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ofa-perks__img{aspect-ratio:4 / 5;overflow:hidden;background:var(--ofa-grey)}.ofa-perks__img img{width:100%;height:100%;object-fit:cover}.ofa-perks h2{margin-bottom:48px;font-size:clamp(34px,4.2vw,60px)}.ofa-perk{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--ofa-border)}.ofa-perk:last-child{border-bottom:1px solid var(--ofa-border)}.ofa-perk__icon{display:grid;place-items:center;width:56px;height:56px;background:#000;color:var(--ofa-accent)}.ofa-perk__icon svg{width:26px;height:26px}.ofa-perk h3{margin:2px 0 6px;font-size:21px}.ofa-perk p{font-size:17px;line-height:1.55;color:var(--ofa-muted)}.ofa-cta{position:relative;overflow:hidden;padding:140px 0;background:#222;color:#fff;text-align:center}.ofa-cta__media{position:absolute;top:0;right:0;bottom:0;left:0}.ofa-cta__media img{width:100%;height:100%;object-fit:cover}.ofa-cta__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.ofa-cta .container{position:relative}.ofa-cta h2{max-width:14ch;margin:0 auto;font-size:clamp(38px,5vw,72px)}.ofa-cta h2 span{color:var(--ofa-accent)}.ofa-cta .ofa-lede{margin:24px auto 40px;color:#ffffffe0}.ofa-cta__note{margin-top:20px;font-size:14px;color:#ffffffa6}.ofa-cta__note a{color:#fff;text-decoration:underline}@media(max-width:989px){.ofa-head{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.ofa-head .ofa-lede{justify-self:start}.ofa-hero__media:after{background:linear-gradient(90deg,#000000d9,#000000b3 55%,#00000059)}.ofa-steps{grid-template-columns:1fr;gap:16px}.ofa-step{display:grid;grid-template-columns:76px 1fr;column-gap:20px;padding:28px 24px}.ofa-step__num{grid-row:span 2;font-size:52px}.ofa-step h3{margin:4px 0 8px;font-size:22px}.ofa-fits{grid-template-columns:1fr 1fr}.ofa-riders{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 8px;scrollbar-width:none}.ofa-riders::-webkit-scrollbar{display:none}.ofa-rider{flex:0 0 40%;scroll-snap-align:start}.ofa-perks{grid-template-columns:1fr;gap:40px}.ofa-perks__img{aspect-ratio:16 / 10}.ofa-perks h2{margin-bottom:28px}}@media(max-width:749px){.ofa{padding:64px 0}.ofa-hero{align-items:flex-end;min-height:0;padding:0}.ofa-hero__media img{object-position:68% 40%}.ofa-hero__media:after{background:linear-gradient(180deg,#00000040,#0009 40%,#000000e6)}.ofa-hero .container{padding-top:260px;padding-bottom:48px}.ofa-hero h1{font-size:42px}.ofa-hero .ofa-lede{font-size:17px}.ofa-hero .ofa-btn,.ofa-cta .ofa-btn{width:100%;justify-content:center}.ofa-stat{padding-right:12px}.ofa-stat+.ofa-stat{padding-left:12px}.ofa-stat strong{font-size:26px}.ofa-stat small{font-size:10px;letter-spacing:.08em}.ofa-fit{padding:24px 18px}.ofa-fit h3{font-size:17px}.ofa-fit p{font-size:14px}.ofa-rider{flex-basis:72%}.ofa-perk{grid-template-columns:44px 1fr;gap:16px}.ofa-perk__icon{width:44px;height:44px}.ofa-perk__icon svg{width:22px;height:22px}.ofa-perk h3{font-size:18px}.ofa-perk p{font-size:16px}.ofa-cta{padding:88px 0}.ofa-cta .ofa-lede{font-size:17px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/of-ambassador.css.map */