.ocr{--ocr-ink: #ffffff;--ocr-ground: #000000;--ocr-mute: rgba(255, 255, 255, .6);--ocr-line: rgba(255, 255, 255, .18);--ocr-pad: 22px;--ocr-max: 1240px;--ocr-radius: var(--buttons-radius, 22px);background:var(--ocr-ground);color:var(--ocr-ink);font-size:17px;line-height:1.55;overflow-x:clip}@media screen and (min-width:750px){.ocr{--ocr-pad: 48px}}.ocr *,.ocr *:before,.ocr *:after{box-sizing:border-box}.ocr :where(p){margin:0}.ocr h1,.ocr h2,.ocr h3,.ocr .ocr-title,.ocr .ocr-h2,.ocr .ocr-step__title{color:inherit}.ocr-h2{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 400);text-transform:uppercase;font-size:clamp(34px,8vw,62px);line-height:.94;letter-spacing:.01em;margin:0 0 18px}.ocr-eyebrow{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--ocr-mute);margin:0 0 30px}.ocr-lead{color:var(--ocr-mute);max-width:52ch}.ocr-lead p{margin:0 0 10px}.ocr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 34px;border:0;border-radius:var(--ocr-radius);font-family:var(--font-heading-family);font-size:21px;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.ocr-btn--light{background:#fff;color:#000}.ocr-btn--light:hover{opacity:.86}.ocr-btn:active{transform:translateY(1px)}.ocr-btn--block{display:flex;width:100%}.ocr-hero{position:relative;display:grid;min-height:86svh;isolation:isolate}.ocr-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ocr-hero__img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;display:block}.ocr-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#000000b3,#00000075 18%,#000000b8,#000000e6 62%,#000000f7 82%,#000)}.ocr-hero__panel{position:relative;z-index:1;align-self:end;padding:96px var(--ocr-pad) 44px;width:100%;text-shadow:0 1px 14px rgba(0,0,0,.55)}.ocr-hero .ocr-eyebrow{color:#ffffffd1}.ocr-logo{width:54px;height:auto;display:block;margin:0 0 26px;filter:brightness(0) invert(1)}.ocr-title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 400);text-transform:uppercase;margin:0 0 34px;font-size:1rem}.ocr-title__row{display:block;margin-bottom:20px}.ocr-title__row:last-child{margin-bottom:0}.ocr-title em{display:block;font-family:inherit;font-style:normal;font-size:13px;letter-spacing:.42em;line-height:1;color:#ffffff8c;margin-bottom:10px}.ocr-title b{display:block;font-weight:inherit;font-size:min(13.6vw,80px);line-height:.84;letter-spacing:.005em;overflow-wrap:anywhere}.ocr-sub{color:#ffffffd1;max-width:44ch;margin:0 0 32px}.ocr-hero__cta{width:100%;text-shadow:none}.ocr-hero__note{margin:12px 0 0;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ocr-mute)}@media screen and (min-width:900px){.ocr-hero{grid-template-columns:54fr 46fr;min-height:min(92svh,900px)}.ocr-hero__media{position:relative;grid-column:2;border-left:1px solid var(--ocr-line)}.ocr-hero__veil{background:linear-gradient(90deg,#000000bf,#0000001a 46%,#0000004d)}.ocr-hero__panel{grid-row:1;grid-column:1;align-self:center;padding:72px 4vw 72px max(var(--ocr-pad),calc((100vw - var(--ocr-max)) / 2))}.ocr-title b{font-size:min(4.9vw,66px)}.ocr-title__row{margin-bottom:28px}.ocr-title em{margin-bottom:14px}.ocr-hero__cta{width:auto;min-width:320px}}.ocr-steps{padding:76px var(--ocr-pad);max-width:var(--ocr-max);margin:0 auto;border-top:1px solid var(--ocr-line)}.ocr-steps__list{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:0}.ocr-step{padding:26px 0;border-top:1px solid var(--ocr-line);display:grid;grid-template-columns:76px 1fr;grid-template-rows:auto auto;column-gap:18px}.ocr-step:last-child{border-bottom:1px solid var(--ocr-line)}.ocr-step__num{grid-row:1 / 3;font-family:var(--font-heading-family);font-size:56px;line-height:.8;color:transparent;-webkit-text-stroke:1.3px rgba(255,255,255,.45)}.ocr-step__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 400);text-transform:uppercase;font-size:25px;line-height:1.05;letter-spacing:.02em;margin:0 0 6px;align-self:center}.ocr-step__text{color:var(--ocr-mute);font-size:16px}.ocr-steps__cta{margin-top:34px}@media screen and (min-width:900px){.ocr-steps{padding:110px var(--ocr-pad)}.ocr-steps__list{grid-template-columns:repeat(3,1fr);gap:0 44px;margin-top:46px}.ocr-step{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:28px 0 0;border-bottom:0}.ocr-step:last-child{border-bottom:0}.ocr-step__num{grid-row:auto;font-size:64px;margin-bottom:18px}.ocr-steps__cta{margin-top:54px}}.ocr-b2b{background:#fff;color:#000;display:grid;padding:56px 0 0}.ocr-b2b__media{background:#f2f2f2}.ocr-b2b__img{display:block;width:100%;height:auto}.ocr-b2b__body{padding:60px var(--ocr-pad) 72px}.ocr-b2b .ocr-lead{color:#000000a8}.ocr-pillars{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:0;max-width:560px}.ocr-pillars li{border-top:1px solid rgba(0,0,0,.14);padding:15px 0 15px 30px;position:relative;font-family:var(--font-heading-family);text-transform:uppercase;font-size:21px;letter-spacing:.03em;line-height:1.2}.ocr-pillars li:last-child{border-bottom:1px solid rgba(0,0,0,.14)}.ocr-pillars li:before{content:"";position:absolute;left:0;top:22px;width:12px;height:12px;background:#000;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.ocr-marquee{overflow:hidden;border-top:1px solid var(--ocr-line);border-bottom:1px solid var(--ocr-line);padding:18px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.ocr-marquee__track{display:flex;width:max-content;animation:ocr-marquee 34s linear infinite}.ocr-marquee__list{display:flex;align-items:center;list-style:none;margin:0;padding:0}.ocr-marquee__list li{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 400);text-transform:uppercase;font-size:clamp(22px,5vw,34px);line-height:1;letter-spacing:.03em;white-space:nowrap;padding:0 26px;display:flex;align-items:center;gap:26px}.ocr-marquee__list li:after{content:"";width:9px;height:9px;flex:0 0 9px;background:#ffffff73;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}@keyframes ocr-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.ocr-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.ocr-marquee__track{animation:none}.ocr-marquee__list[aria-hidden=true]{display:none}}@media screen and (min-width:900px){.ocr-b2b{grid-template-columns:48fr 52fr;align-items:stretch;padding:96px 0}.ocr-b2b__media{display:flex;align-items:center}.ocr-b2b__img{height:100%;object-fit:contain}.ocr-b2b__body{padding:0 6vw 0 5vw;align-self:center;max-width:720px}}.ocr-form-wrap{padding:76px var(--ocr-pad) 110px;scroll-margin-top:76px}.ocr .ocr-end{display:block;background:#fff;height:64px}@media screen and (min-width:900px){.ocr .ocr-end{height:96px}}.ocr-form{max-width:760px;margin:0 auto}.ocr-form__head{margin-bottom:34px}.ocr-fieldset{border:0;border-top:1px solid var(--ocr-line);margin:0 0 28px;padding:26px 0 0;min-inline-size:0}.ocr-legend{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ocr-mute);padding:0;margin-bottom:18px}.ocr-grid{display:grid;gap:16px}.ocr-field{display:flex;flex-direction:column;gap:7px}.ocr-field label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#ffffffc7}.ocr-opt{letter-spacing:.04em;text-transform:none;color:#ffffff6b}.ocr-field input,.ocr-field select,.ocr-field textarea{width:100%;min-height:54px;background:#ffffff0d;border:1px solid var(--ocr-line);border-radius:var(--inputs-radius, 0px);color:#fff;font-family:inherit;font-size:16px;padding:14px 16px;-webkit-appearance:none;appearance:none}.ocr-field textarea{min-height:96px;resize:vertical}.ocr-field select{background-image:linear-gradient(45deg,transparent 50%,#ffffff 50%),linear-gradient(135deg,#ffffff 50%,transparent 50%);background-position:calc(100% - 22px) 24px,calc(100% - 15px) 24px;background-size:7px 7px,7px 7px;background-repeat:no-repeat;padding-right:44px}.ocr-field input::placeholder,.ocr-field textarea::placeholder{color:#ffffff59}.ocr-field input:focus,.ocr-field select:focus,.ocr-field textarea:focus{outline:2px solid #ffffff;outline-offset:1px;border-color:transparent;background:#ffffff17}.ocr-field--full{margin-top:26px}.ocr-check{display:flex;align-items:flex-start;gap:12px;margin:22px 0 0;padding:4px 0;cursor:pointer;font-size:15px;line-height:1.35;color:#fffc}.ocr-check input{width:24px;height:24px;flex:0 0 24px;margin:0;accent-color:#ffffff}.ocr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.ocr-submit{margin-top:8px}.ocr-legal{margin-top:16px;font-size:13px;line-height:1.5;color:#ffffff73}.ocr-legal p{margin:0 0 6px}.ocr-errors{border:1px solid rgba(255,255,255,.5);padding:14px 16px;margin-bottom:24px;font-size:15px}.ocr-errors ul{margin:0;padding-left:18px}.ocr-errors :focus-visible{outline:none}@media screen and (min-width:750px){.ocr-grid{grid-template-columns:1fr 1fr;gap:18px 20px}.ocr-field--full{grid-column:1 / -1}.ocr-submit .ocr-btn{width:auto;min-width:340px;display:inline-flex}}@media screen and (min-width:900px){.ocr-form-wrap{padding:110px var(--ocr-pad) 150px}}.ocr-success{max-width:620px;margin:0 auto;text-align:center;padding:30px 0}.ocr-success:focus{outline:none}.ocr-success__mark{font-size:42px;line-height:1;margin:0 0 22px;color:#fff}.ocr-success .ocr-lead{margin:0 auto 30px}.ocr-sticky{position:fixed;left:0;right:0;bottom:0;z-index:4;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#000000eb;border-top:1px solid var(--ocr-line)}.ocr-sticky[hidden]{display:none}@media screen and (min-width:900px){.ocr-sticky{display:none}}.ocr-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.ocr-reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.ocr-reveal{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-oktgn-club-referral.css.map */