.oddit-section-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;width:100%;min-height:640px;-webkit-tap-highlight-color:transparent}@media screen and (min-width:750px){.oddit-section-hero{min-height:723px}}.oddit-section-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@media(max-width:749px){.oddit-section-hero__background{top:-50px;bottom:-50px;height:auto}}.oddit-section-hero__bg-image{width:100%;height:100%;object-fit:cover}.oddit-section-hero__bg-image--desktop{display:none}.oddit-section-hero__bg-image--mobile{display:block;position:absolute;top:0;right:0;bottom:0;left:0}@media screen and (min-width:750px){.oddit-section-hero__bg-image--desktop{display:block}.oddit-section-hero__bg-image--mobile{display:none}}.oddit-section-hero__video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.oddit-section-hero__video{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:749px){.oddit-section-hero__video-wrap--desktop-only{display:none}}.oddit-section-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;pointer-events:none;z-index:1}@media screen and (min-width:750px){.oddit-section-hero__overlay{background:#0000008c}}.oddit-section-hero__container{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:360px;padding:0 24px;box-sizing:border-box;gap:24px;justify-content:center;min-height:640px}@media screen and (min-width:750px){.oddit-section-hero__container{align-items:center;justify-content:center;max-width:890px;padding:88px 0 136px;gap:40px;min-height:723px}}.oddit-section-hero--with-transparent-header .oddit-section-hero__container{padding-top:115px}@media screen and (min-width:750px){.oddit-section-hero--with-transparent-header .oddit-section-hero__container{padding-top:232px}}.oddit-section-hero__social-proof{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%}@media screen and (min-width:750px){.oddit-section-hero__social-proof{flex-direction:row;gap:7px}}.oddit-section-hero__stars{display:flex;align-items:center;height:16px;flex-shrink:0}.oddit-section-hero__star{width:16px;height:16px;display:block;flex-shrink:0}.oddit-section-hero__social-proof-text{font-family:Instrument Sans,sans-serif;font-weight:500;font-size:12px;line-height:1.4;letter-spacing:.48px;text-transform:uppercase;color:#fff;margin:0;white-space:nowrap}.oddit-section-hero__text-group{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.oddit-section-hero__heading{font-family:PP Hatton Medium,serif;font-weight:500;font-size:40px;line-height:1.1;color:#fff;margin:0;text-align:center;width:100%}.oddit-section-hero__heading em{font-style:italic}@media screen and (min-width:750px){.oddit-section-hero__heading{font-size:72px;line-height:1}}.oddit-section-hero__subheading{font-family:Instrument Sans,sans-serif;font-weight:400;font-size:15px;line-height:1.4;color:#fff;margin:0;text-align:center;width:100%}@media screen and (min-width:750px){.oddit-section-hero__subheading{font-size:18px;max-width:662px}}.oddit-section-hero__buttons{display:flex;flex-direction:column;gap:12px;width:280px;align-self:center;margin-top:40px}@media screen and (min-width:750px){.oddit-section-hero__buttons{flex-direction:row;width:auto;align-self:auto;margin-top:0}}.oddit-section-hero__cta{display:block;text-align:center;align-content:center;text-box:trim-both cap alphabetic;font-family:Instrument Sans,sans-serif;font-weight:600;font-size:14px;line-height:normal;letter-spacing:.42px;text-transform:uppercase;color:#000;background-color:#fff;border:none;border-radius:6px;padding:12px 32px;text-decoration:none;cursor:pointer;box-sizing:border-box;white-space:nowrap;transition:opacity .2s ease;width:100%;height:41px}@media screen and (min-width:750px){.oddit-section-hero__cta{padding:16px 32px;width:auto;min-width:212px;height:49px}}.oddit-section-hero__cta:hover{opacity:.85}.oddit-section-hero__cta:focus-visible{outline:2px solid #ffffff;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/191/assets/oddit-section-hero.css.map */