@font-face{font-family:Based Replica Display;font-style:normal;font-weight:500;font-display:swap;src:url(https://cdn.shopify.com/s/files/1/0666/0125/5141/t/174/assets/Paralucent-Medium.ttf) format("woff2")}@font-face{font-family:Based Replica Text;font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.shopify.com/s/files/1/0666/0125/5141/t/174/assets/paralucentcondensedbook.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://based.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://based.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2) format("woff2")}.based-byob-hero,.based-byob-hero *{box-sizing:border-box}.based-byob-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:var(--based-hero-height-desktop, 640px);min-height:var(--based-hero-height-desktop, 640px);max-height:var(--based-hero-height-desktop, 640px);padding:var(--based-hero-padding-y-desktop, 56px) var(--based-hero-padding-x-desktop, 80px);overflow:hidden;background:var(--based-hero-background, #000);color:var(--based-hero-text, #ececec);font-family:"Based Replica Display",var(--font-body--family, sans-serif);font-size:14px;line-height:1.6}.based-byob-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%}.based-byob-hero__background-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--based-hero-position-desktop, 50% 50%);pointer-events:none;-webkit-user-select:none;user-select:none}.based-byob-hero__container{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;width:100%;max-width:var(--based-hero-container-width, 1280px)}.based-byob-hero__heading{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start;gap:var(--based-hero-heading-gap-desktop, 24px);min-width:0;max-width:var(--based-hero-content-width, 360px)}.based-byob-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--based-hero-copy-gap-desktop, 14px);width:100%;word-break:break-word}.based-byob-hero__eyebrow{margin:0 0 -4px;color:var(--based-hero-eyebrow-color, #fff);font:500 var(--based-hero-eyebrow-size, 12px) / normal "Based Replica Display",var(--font-body--family, sans-serif);letter-spacing:var(--based-hero-eyebrow-spacing, 1.2px);text-transform:uppercase;opacity:var(--based-hero-eyebrow-opacity, .7)}.based-byob-hero__title{margin:0;color:transparent;font:500 var(--based-hero-title-size-desktop, 43px) / 1.05 Inter,sans-serif;font-variation-settings:"slnt" 0;letter-spacing:var(--based-hero-title-spacing, -.64px);white-space:nowrap;text-wrap:balance;background:var(--based-hero-title-color, #ececec);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.based-byob-hero__title-accent{display:inline;color:transparent;background:linear-gradient(90deg,var(--based-hero-accent-start, #dbb65f),var(--based-hero-accent-mid, #f7e3b3) 55%,var(--based-hero-accent-end, #dbb65f));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.based-byob-hero__title-mobile-space{display:none}.based-byob-hero__subhead{margin:0;color:var(--based-hero-body-color, #ececec);font:400 var(--based-hero-body-size, 15px) / var(--based-hero-body-line-height, 20px) "Based Replica Text",var(--font-body--family, sans-serif);letter-spacing:-.015em;text-shadow:0 3px 7px rgb(0 0 0 / 10%),0 13px 13px rgb(0 0 0 / 9%),0 29px 18px rgb(0 0 0 / 5%),0 52px 21px rgb(0 0 0 / 1%);text-wrap:balance;opacity:var(--based-hero-body-opacity, .7)}.based-byob-hero__subhead p,.based-byob-hero__subhead ul,.based-byob-hero__subhead ol{margin:0;color:inherit;font:inherit;letter-spacing:inherit;text-wrap:balance}.based-byob-hero__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--based-hero-cta-width-desktop, 330px);max-width:100%;height:var(--based-hero-cta-height-desktop, 50px);padding:10px;overflow:hidden;border:1px solid rgb(255 255 255 / 20%);border-radius:0;color:var(--based-hero-cta-text, #fff);font:700 var(--based-hero-cta-size, 14px) / 1.6 Inter,sans-serif;font-variation-settings:"slnt" 0;text-decoration:none;white-space:nowrap;cursor:pointer}.based-byob-hero__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(88deg,var(--based-hero-button-start, #b89b3c) 6.1%,var(--based-hero-button-mid, #cdb367) 28.21%,var(--based-hero-button-mid-2, #cab36b) 45.62%,var(--based-hero-button-end, #b79b40) 68.74%,var(--based-hero-button-end-2, #af912d) 93.9%);transition:opacity .2s ease}.based-byob-hero__cta--solid:before{background:var(--based-hero-button-solid, #b89b3c)}.based-byob-hero__cta--outline{background:transparent}.based-byob-hero__cta--outline:before{opacity:0}.based-byob-hero__cta:hover:before{opacity:var(--based-hero-button-hover-opacity, .8)}.based-byob-hero__cta--outline:hover:before{opacity:.25}.based-byob-hero__cta:focus-visible{outline:2px solid var(--based-hero-cta-text, #fff);outline-offset:3px}.based-byob-hero__cta-label{position:relative;z-index:1}.based-byob-hero__social{display:block;flex-shrink:1;width:var(--based-hero-social-width, 514px);max-width:calc(100% - var(--based-hero-content-width, 360px) - 24px);height:auto;object-fit:contain;mix-blend-mode:screen}.based-byob-hero--align-center .based-byob-hero__container{justify-content:center}.based-byob-hero--align-center .based-byob-hero__heading,.based-byob-hero--align-center .based-byob-hero__copy{align-items:center;text-align:center}.based-byob-hero--align-right .based-byob-hero__container{justify-content:flex-end}.based-byob-hero--align-right .based-byob-hero__heading,.based-byob-hero--align-right .based-byob-hero__copy{align-items:flex-end;text-align:right}@keyframes based-byob-image-in{0%{opacity:0}to{opacity:1}}@keyframes based-byob-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes based-byob-rise-muted{0%{opacity:0;transform:translateY(20px)}to{opacity:var(--based-hero-body-opacity, .7);transform:translateY(0)}}.based-byob-hero--animate .based-byob-hero__background{animation:based-byob-image-in .8s ease-out both}.based-byob-hero--animate .based-byob-hero__eyebrow{animation:based-byob-rise-muted .6s ease-out .3s both}.based-byob-hero--animate .based-byob-hero__title{animation:based-byob-rise .6s ease-out .375s both}.based-byob-hero--animate .based-byob-hero__subhead{animation:based-byob-rise-muted .6s ease-out .45s both}.based-byob-hero--animate .based-byob-hero__cta{animation:based-byob-rise .6s ease-out .525s both}@media screen and (max-width:768px){.based-byob-hero{justify-content:flex-start;height:var(--based-hero-height-mobile, 560px);min-height:var(--based-hero-height-mobile, 560px);max-height:var(--based-hero-height-mobile, 560px);padding-top:var(--based-hero-padding-y-mobile, 24px);padding-bottom:var(--based-hero-padding-y-mobile, 24px)}.based-byob-hero__background-image{object-position:var(--based-hero-position-tablet, 50% 15%)}.based-byob-hero__container{justify-content:flex-start;padding-top:var(--based-hero-content-top-mobile, 112px)}}@media screen and (max-width:749px){.based-byob-hero{padding-right:var(--based-hero-padding-x-mobile, 20px);padding-left:var(--based-hero-padding-x-mobile, 20px)}.based-byob-hero__background-image{object-position:var(--based-hero-position-mobile, 50% 15%)}.based-byob-hero__container{flex-direction:column;align-items:center;gap:24px;max-width:var(--based-hero-content-width-mobile, 340px)}.based-byob-hero__heading{gap:var(--based-hero-heading-gap-mobile, 15px);max-width:var(--based-hero-content-width-mobile, 340px)}.based-byob-hero__copy{align-items:center;gap:var(--based-hero-copy-gap-mobile, 12px);text-align:center}.based-byob-hero__eyebrow{margin-bottom:-2px}.based-byob-hero__title{font-size:clamp(var(--based-hero-title-size-mobile-min, 24px),9vw,var(--based-hero-title-size-mobile-max, 36px))}.based-byob-hero__title-break{display:none}.based-byob-hero__title-mobile-space{display:inline}.based-byob-hero__cta{width:100%;max-width:var(--based-hero-cta-width-mobile, 340px);height:var(--based-hero-cta-height-mobile, 46px)}.based-byob-hero__social{display:none}.based-byob-hero--mobile-align-left .based-byob-hero__container,.based-byob-hero--mobile-align-left .based-byob-hero__heading,.based-byob-hero--mobile-align-left .based-byob-hero__copy{align-items:flex-start;text-align:left}.based-byob-hero--mobile-align-right .based-byob-hero__container,.based-byob-hero--mobile-align-right .based-byob-hero__heading,.based-byob-hero--mobile-align-right .based-byob-hero__copy{align-items:flex-end;text-align:right}}@media(prefers-reduced-motion:reduce){.based-byob-hero--animate .based-byob-hero__background,.based-byob-hero--animate .based-byob-hero__eyebrow,.based-byob-hero--animate .based-byob-hero__title,.based-byob-hero--animate .based-byob-hero__subhead,.based-byob-hero--animate .based-byob-hero__cta{animation:none}.based-byob-hero__cta:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/based-byob-hero.css.map */