.bonk-hero{--bonk-hero-ink: #ffffff;--bonk-hero-ink-muted: rgba(255, 255, 255, .8);--bonk-hero-overlay: rgba(0, 0, 0, .3);position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;background:#1f2a14;color:var(--bonk-hero-ink)}.bonk-hero :where(p,h2,ul,li){margin:0;padding:0}.bonk-hero :where(ul){list-style:none}.bonk-hero__media,.bonk-hero__inner{grid-area:1 / 1}.bonk-hero__media{position:relative;z-index:-1;aspect-ratio:402.334 / 543.96;min-height:543.96px}.bonk-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bonk-hero-overlay)}.bonk-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:left center}.bonk-hero__image--placeholder{background:#3a4a2a;fill:#ffffff40}.bonk-hero__inner{display:flex;padding:39px 16px 36px 24px}.bonk-hero__content{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;min-width:0}.bonk-hero__eyebrow{margin-left:5px;font-family:var(--bonk-font);font-weight:800;font-size:12px;line-height:16px;letter-spacing:1.2px;text-transform:uppercase;color:var(--bonk-hero-ink)}.bonk-hero__heading{margin:7px 0 0 1px;font-family:var(--bonk-font);letter-spacing:-1.2px;color:var(--bonk-hero-ink)}.bonk-hero__title{display:block;font-weight:900;font-size:min(34px,8.8vw);line-height:45px}.bonk-hero__subtitle{display:block;margin-top:.46px;font-weight:800;font-size:24px;line-height:30px;color:var(--bonk-hero-ink-muted)}.bonk-hero__text{align-self:stretch;max-width:355px;margin:11.54px 0 0 1px;font-family:var(--bonk-font);font-weight:500;font-size:14px;line-height:18px;letter-spacing:0;color:var(--bonk-hero-ink)}.bonk-hero__button,.bonk-hero__button:visited{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;padding:12px 32px;background:#fff;color:#000;font-family:var(--bonk-font);font-weight:800;font-size:14px;line-height:20px;letter-spacing:1.4px;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease}.bonk-hero__button:hover{background:#e6e6e6}.bonk-hero__rating{display:flex;align-items:flex-start;gap:8px;margin-top:16px}.bonk-hero__stars{display:flex;gap:4px;margin-top:2px;color:var(--bonk-hero-ink)}.bonk-hero__star{position:relative;display:block;width:20px;height:16px}.bonk-hero__star .icon{position:absolute;left:0;top:0}.bonk-hero__star .icon-bonk-star{display:none}.bonk-hero__rating-text{font-family:var(--bonk-font);font-weight:800;font-size:14px;line-height:20px;letter-spacing:1.2px;color:var(--bonk-hero-ink)}.bonk-hero__stage{position:absolute;top:0;bottom:0;left:0;aspect-ratio:402.334 / 543.96;container-type:size;pointer-events:none;--bonk-hero-dot: 5.333px;--bonk-hero-gap: 6px;--bonk-hero-title-center: -12px}.bonk-hero__callout{--sx: var(--sx-m);--sy: var(--sy-m);--px: var(--px-m);--py: var(--py-m);--dx: calc((var(--px) - var(--sx)) * 1cqw);--dy: calc((var(--py) - var(--sy)) * 1cqh);font-family:var(--bonk-font);font-size:12px;letter-spacing:0;text-transform:uppercase;white-space:nowrap;color:var(--bonk-hero-ink)}.bonk-hero__callout[data-side-mobile=left]{--shift-m: translate(calc(-100% - var(--bonk-hero-gap)), var(--bonk-hero-title-center))}.bonk-hero__callout[data-side-mobile=right]{--shift-m: translate(var(--bonk-hero-gap), var(--bonk-hero-title-center))}.bonk-hero__callout[data-side-mobile=above]{--shift-m: translate(0, calc(-100% - var(--bonk-hero-gap)))}.bonk-hero__callout[data-side-mobile=below]{--shift-m: translate(0, var(--bonk-hero-gap))}.bonk-hero__callout[data-side=left]{--shift-d: translate(calc(-100% - var(--bonk-hero-gap)), var(--bonk-hero-title-center))}.bonk-hero__callout[data-side=right]{--shift-d: translate(var(--bonk-hero-gap), var(--bonk-hero-title-center))}.bonk-hero__callout[data-side=above]{--shift-d: translate(0, calc(-100% - var(--bonk-hero-gap)))}.bonk-hero__callout[data-side=below]{--shift-d: translate(0, var(--bonk-hero-gap))}.bonk-hero__pointer{position:absolute;top:calc(var(--sy) * 1%);left:calc(var(--sx) * 1%);width:hypot(var(--dx),var(--dy));height:1px;margin-top:-.5px;background:currentColor;transform:rotate(atan2(var(--dy),var(--dx)));transform-origin:0 50%}.bonk-hero__pointer:after{content:"";position:absolute;top:50%;right:calc(var(--bonk-hero-dot) / -2);width:var(--bonk-hero-dot);height:var(--bonk-hero-dot);border-radius:50%;background:currentColor;transform:translateY(-50%)}.bonk-hero__label{position:absolute;top:calc(var(--sy) * 1%);left:calc(var(--sx) * 1%);display:block;transform:var(--shift-m)}.bonk-hero__callout-title{position:relative;top:3px;display:block;font-weight:900;line-height:18px}.bonk-hero__callout-text{display:block;font-weight:500;line-height:14px}.bonk-hero__script{position:absolute;top:75.613%;left:min(max(266px,66.115%),calc(100% - 115px));display:block;font-family:var(--bonk-font-script);font-weight:400;font-size:32px;line-height:32px;letter-spacing:0;white-space:nowrap;color:var(--bonk-hero-ink-muted);transform:rotate(-9.5065deg);transform-origin:0 0;pointer-events:none}@media screen and (max-width:359px){.bonk-hero__stage,.bonk-hero__script{display:none}}@media screen and (min-width:750px){.bonk-hero{--bonk-hero-overlay: rgba(0, 0, 0, .2)}.bonk-hero__media{width:100%;aspect-ratio:1440 / 611;min-height:611px}.bonk-hero__image{object-position:70% center}.bonk-hero__inner{align-items:center;padding:147px 40px 103px}.bonk-hero__content{max-width:1280px;margin:0 auto}.bonk-hero__eyebrow{margin-left:1px;font-size:14px}.bonk-hero__heading{margin:12px 0 0}.bonk-hero__title{font-size:48px;line-height:56px}.bonk-hero__subtitle{margin-top:0;font-size:40px;line-height:56px}.bonk-hero__text{max-width:497px;margin:24px 0 0;font-size:16px;line-height:22px}.bonk-hero__button{min-width:250px;margin-top:39px;padding:17.5px 32px 18.5px}.bonk-hero__rating{gap:4px;margin-top:20px}.bonk-hero__stars{margin-top:0}.bonk-hero__star .icon-bonk-star{display:block;top:-1px}.bonk-hero__star .icon-bonk-star-sm{display:none}.bonk-hero__rating-text{line-height:16px}.bonk-hero__stage{display:none}.bonk-hero__script{top:63.758%;right:5.4167%;left:auto;width:179px;font-size:56px;line-height:60px}}@media screen and (min-width:1200px){.bonk-hero__image{object-position:left center}.bonk-hero__inner{padding-inline:80px}.bonk-hero__stage{display:block;aspect-ratio:1440 / 611;--bonk-hero-dot: 10.667px;--bonk-hero-gap: 8px;--bonk-hero-title-center: -11px}.bonk-hero__callout{--sx: var(--sx-d);--sy: var(--sy-d);--px: var(--px-d);--py: var(--py-d);font-size:14px}.bonk-hero__label{transform:var(--shift-d)}.bonk-hero__callout-title{top:0;font-size:20px;line-height:22px}.bonk-hero__callout-text{margin-top:0;line-height:20px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-bonk-hero.css.map */