/* START_SECTION:ark-black-month-hero (INDEX:2) */
.black-month-hero{isolation:isolate;position:relative;display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr);min-height:460px;background:#003d32;color:#fff;overflow:hidden}
.black-month-hero__media{grid-column:2;grid-row:1;position:relative;min-width:0;min-height:100%;overflow:hidden}
.black-month-hero__media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#003d32 0%,transparent 18%),linear-gradient(0deg,rgba(0,61,50,.2),transparent 28%)}
.black-month-hero__media picture{display:block;height:100%}
.black-month-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%;display:block;opacity:1;visibility:visible}
.black-month-hero__copy{grid-column:1;grid-row:1;z-index:1;align-self:center;padding:44px 0 48px clamp(24px,4.5vw,80px);min-width:0}
.black-month-hero__eyebrow{font:500 16px/1.5 var(--body-font);margin:0 0 16px;max-width:340px;color:#e8f2d9}
.black-month-hero h1{font:700 clamp(40px,4.4vw,76px)/1.06 var(--heading-font);letter-spacing:-.02em;text-transform:uppercase;color:#fff;margin:0 0 24px;max-width:520px;overflow-wrap:normal}
.black-month-hero__offer{margin:0 0 24px;font:700 clamp(23px,2.25vw,37px)/1.15 var(--heading-font);text-transform:uppercase}
.black-month-hero__offer>span{display:inline-block;max-width:100%;background:#c4ec73;color:#103d30;padding:6px 11px 8px;transform:rotate(-2deg);box-shadow:3px 3px 0 #071f19;box-decoration-break:clone}
.black-month-hero__code{font:400 15px/1.5 var(--body-font);margin:0 0 22px;color:#fff}
.black-month-hero__code strong{display:block;width:fit-content;max-width:100%;font-size:17px;line-height:1.5;letter-spacing:.045em;font-weight:700;border-bottom:3px solid #c4ec73}
.black-month-hero__button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;max-width:100%;padding:12px 30px;border-radius:8px;background:#c4ec73;border:1px solid #c4ec73;color:#103d30;text-decoration:none;font:700 16px/1.4 var(--body-font);transition:background .15s}
.black-month-hero__button:hover{background:#d5f69c}
.black-month-hero__button:focus-visible{outline:3px solid #fff;outline-offset:5px}
.black-month-hero__offer-short,.black-month-hero__heading-break,.black-month-hero__body-break{display:none}
@media(min-width:1024px){.black-month-hero__copy{transform:translateX(clamp(48px,6vw,104px))}}
@media(min-width:1600px){.black-month-hero{min-height:560px}.black-month-hero__copy{padding-block:64px}}
@media(min-width:768px) and (max-width:1023px){.black-month-hero{display:flex;flex-direction:column;min-height:0}.black-month-hero__media{width:100%;height:55.8vw;min-height:0;flex:none}.black-month-hero__image{object-position:center}.black-month-hero__media:after{background:linear-gradient(0deg,#003d32 0%,transparent 18%)}.black-month-hero__copy{width:100%;padding:16px 32px 32px;text-align:center}.black-month-hero h1{font-size:42px;max-width:none;margin-bottom:18px}.black-month-hero__eyebrow{font-size:14px;max-width:none;margin-bottom:12px}.black-month-hero__offer{font-size:28px;margin-bottom:18px}.black-month-hero__code{margin-bottom:18px}.black-month-hero__code strong{margin-inline:auto}}
@media(max-width:767px){.black-month-hero{display:flex;flex-direction:column;min-height:0}.black-month-hero__media{width:100%;height:134vw;min-height:0;flex:none}.black-month-hero__media picture{height:auto}.black-month-hero__image{top:-26vw;left:0;width:100%;height:auto;object-fit:initial;object-position:initial}.black-month-hero__media:after{background:linear-gradient(0deg,#003d32 0%,rgba(0,61,50,0) 17%)}.black-month-hero__copy{width:100%;text-align:center;padding:14px 24px 32px}.black-month-hero__eyebrow{font-size:14px;margin:0 auto 12px;max-width:none}.black-month-hero h1{font-size:clamp(36px,8.8vw,54px);max-width:530px;margin:0 auto 18px}.black-month-hero__offer{font-size:clamp(23px,6.5vw,32px);margin-bottom:19px}.black-month-hero__code{font-size:14px;margin-bottom:19px}.black-month-hero__code strong{margin:4px auto 0;font-size:16px}.black-month-hero__button{min-width:166px}}
@media(max-width:767px){
.black-month-hero{display:grid;grid-template-columns:minmax(0,1fr)}
.black-month-hero__media{grid-column:1;grid-row:1;align-self:start}
.black-month-hero__media:after{background:linear-gradient(0deg,#003d32 0%,transparent 17%),linear-gradient(90deg,rgba(0,61,50,.88) 0%,rgba(0,61,50,.68) 28%,transparent 48%);mask-image:linear-gradient(180deg,transparent 28%,#000 48%)}
.black-month-hero__copy{grid-column:1;grid-row:1;align-self:start;justify-self:start;display:flex;flex-direction:column;align-items:flex-start;width:44.5%;margin-top:44vw;padding:0 4px 28px 18px;text-align:left}
.black-month-hero__eyebrow{order:2;font-size:clamp(13px,3.64vw,16px);line-height:1.45;margin:0 0 12px;width:100%;max-width:none}
.black-month-hero h1{font-size:clamp(28px,8.2vw,44px);margin:0 0 14px;width:calc(64vw - 22px);max-width:none}.black-month-hero__name{white-space:nowrap}.black-month-hero__heading-break,.black-month-hero__body-break{display:initial}.black-month-hero__body-line{white-space:nowrap}
.black-month-hero__offer{order:1;font-size:clamp(22px,6.1vw,34px);margin-bottom:18px;width:calc(64vw - 22px);max-width:none}
.black-month-hero__offer>span{padding:5px 6px 6px}.black-month-hero__offer .black-month-hero__offer-full{display:none}.black-month-hero__offer .black-month-hero__offer-short{display:inline}
.black-month-hero__code{order:3;font-size:clamp(13px,3.64vw,16px);line-height:1.45;margin-bottom:14px}
.black-month-hero__code strong{font-size:clamp(18px,4.55vw,20px);margin:7px 0 0}
.black-month-hero__button{order:4;min-width:0;width:100%;min-height:54px;padding:12px;font-size:18px}
}
/* END_SECTION:ark-black-month-hero */