body{min-width:0;overflow-x:hidden}.refer-page{min-width:0;padding-top:var(--inset);background:var(--white);color:var(--navy);overflow:hidden}.refer-hero{position:relative;display:grid;grid-template-columns:minmax(0,.94fr) minmax(480px,1.06fr);height:clamp(600px,55.56vw,800px);margin:0 var(--inset);border-radius:var(--r-card);background:var(--sky-panel);overflow:hidden}.refer-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(52px,6vw,88px) clamp(42px,5.5vw,80px);background:var(--sky-panel);overflow:hidden}.refer-hero-sw{position:absolute;pointer-events:none}.refer-hero-sw-a{left:0;top:0;width:38.83%;height:95.76%}.refer-hero-sw-b{right:0;bottom:0;width:41.86%;height:49.31%}.refer-hero-copy>:not(.refer-hero-sw){position:relative;z-index:1}.refer-hero h1{max-width:650px;font-size:clamp(64px,7.778vw,112px);line-height:.88;text-wrap:balance}.refer-hero-text{max-width:650px;margin-top:28px;font-size:clamp(17px,1.35vw,20px);font-weight:500;line-height:1.55;color:var(--muted)}.refer-hero-copy>.btn{margin-top:34px}.refer-hero-copy .ico{width:19px;height:19px}.refer-tagline{margin-top:22px;font-size:17px;font-style:normal;font-weight:600;color:var(--navy)}.refer-hero-art{position:relative;min-height:0;background:var(--cyan);overflow:hidden}.refer-hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}.refer-how{width:auto;max-width:none;margin:var(--inset);padding:clamp(76px,8vw,116px) var(--gut);border-radius:var(--r-card);background:var(--sky-soft)}.refer-how>h2{max-width:860px;margin-inline:auto;text-align:center;font-size:clamp(54px,6.2vw,88px);line-height:.92}.refer-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,32px);max-width:1180px;margin:clamp(44px,5vw,70px) auto 0}.refer-steps li{display:flex;min-height:440px;padding:clamp(30px,3.2vw,46px);border-radius:var(--r-tile);background:var(--white);flex-direction:column;align-items:center;text-align:center}.refer-step-number{display:none}.refer-step-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:34px;border-radius:50%;background:var(--sky-lite);color:var(--blue)}.refer-step-icon .ico{width:34px;height:34px}.refer-step-reward{background:var(--navy);color:var(--white);font-family:var(--semi);font-size:20px;font-weight:700;clip-path:polygon(50% 0,61% 9%,75% 5%,82% 18%,96% 21%,94% 36%,100% 50%,91% 61%,95% 75%,82% 82%,79% 96%,64% 94%,50% 100%,39% 91%,25% 95%,18% 82%,4% 79%,6% 64%,0 50%,9% 39%,5% 25%,18% 18%,21% 4%,36% 6%)}.refer-steps h3{font-family:var(--semi);font-size:clamp(20px,1.8vw,26px);font-weight:700;line-height:1.15;text-transform:none}.refer-steps p{max-width:30ch;margin-top:18px;font-size:clamp(16px,1.25vw,18px);font-weight:500;line-height:1.5;color:var(--muted)}.dr{background:var(--white)}.dr h2{font-size:clamp(40px,5.556vw,80px);line-height:1}.dr-focus .dr-track{gap:var(--dr-gap,24px)}.dr-focus .dr-card{flex:0 0 70%;grid-template-columns:clamp(140px,15.28vw,220px) 1fr;padding:12px;padding-right:clamp(28px,3.056vw,44px);opacity:.38;transition:opacity .45s cubic-bezier(.4,0,.2,1)}.dr-focus .dr-card[data-live]{opacity:1}.dr-focus .dr-quote p{font-size:clamp(18px,1.667vw,24px)}.dr-focus .dr-photo img{display:block;width:100%;height:100%;object-fit:cover;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}.dr-focus .dr-arrow{width:44px;height:44px;border:0;background:var(--blue);color:var(--white);box-shadow:0 6px 18px #02144c38}.dr-focus .dr-arrow:hover{background:var(--navy);color:var(--white)}.dr-focus .dr-arrow .ico{width:18px;height:18px}.dr-focus .dr-arrow-l{left:calc(15% - 22px)}.dr-focus .dr-arrow-r{right:calc(15% - 22px)}.dr-focus .dr-dots button{padding:0;background:#07195733}.dr-focus .dr-dots button[aria-selected=true]{background:var(--navy)}.refer-terms{position:relative;isolation:isolate;overflow:hidden;margin:0 var(--inset);padding-block:clamp(42px,5vw,68px);border-radius:var(--r-card);background:var(--sky-panel);color:var(--navy)}.refer-terms-sw{position:absolute;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none}.refer-terms-sw-a{left:-4%;top:-78%;width:22%;height:auto}.refer-terms-sw-b{right:-3%;bottom:-64%;width:25%;height:auto}.refer-terms p{max-width:1100px;margin-inline:auto;font-size:clamp(14px,1.15vw,16px);font-weight:500;line-height:1.65;color:var(--navy)}@media(max-width:960px){.refer-hero{height:auto;grid-template-columns:1fr}.refer-hero-copy{min-height:540px;padding-top:72px;padding-bottom:68px}.refer-hero-art{min-height:600px}.refer-steps{grid-template-columns:1fr;max-width:620px}.refer-steps li{min-height:0}.dr-focus .dr-card{flex-basis:84%;grid-template-columns:160px 1fr}.dr-focus .dr-arrow-l{left:calc(8% - 22px)}.dr-focus .dr-arrow-r{right:calc(8% - 22px)}}@media(max-width:760px){:root{--gut:20px;--r-card:18px}.ann{height:34px;padding:0 38px 0 12px;justify-content:flex-start}.ann-in{min-width:0;gap:7px}.ann-in b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ann-dot,.ann-dot+span,.ann-more{display:none}.ann-x{right:12px;top:9px}.dr-focus .dr-card{grid-template-columns:1fr;padding:12px 12px 28px}.dr-focus .dr-photo{max-width:220px;margin-inline:auto}.dr-focus .dr-quote{padding-inline:16px}}@media(max-width:640px){.refer-page{padding-top:var(--inset)}.refer-page h1>.dl,.refer-page h2>.dl{white-space:normal}.refer-hero{margin-inline:var(--inset)}.refer-hero-copy{min-height:500px;padding:58px 20px}.refer-hero h1{font-size:58px}.refer-hero-art{min-height:500px}.refer-hero-photo{object-position:52% 50%}.refer-how{margin-inline:var(--inset);padding-inline:20px}.refer-terms{margin-inline:var(--inset)}.refer-terms .wrap{padding-inline:20px}.refer-terms-sw-a{left:-16%;top:-36%;width:48%}.refer-terms-sw-b{right:-20%;bottom:-24%;width:54%}}@media(prefers-reduced-motion:reduce){.dr-focus .dr-track,.dr-focus .dr-card{transition:none}}.refer-terms{margin-top:var(--inset)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/page-refer.css.map */