:where(.custom-hero){position:relative;overflow:hidden}:where(.custom-hero__container){padding-inline:max(var(--space-4),var(--safe-left));padding-inline-end:max(var(--space-4),var(--safe-right))}:where(.custom-hero__flex){display:flex;flex-direction:column-reverse;gap:var(--space-8);align-items:center}@media(min-width:768px){:where(.custom-hero__flex){flex-direction:row;gap:var(--space-12);align-items:center}:where(.custom-hero__flex--image-right){flex-direction:row}:where(.custom-hero__flex--image-left){flex-direction:row-reverse}}@media(min-width:1024px){:where(.custom-hero__flex){gap:var(--space-16)}}:where(.custom-hero__image-wrapper){flex:1 1 50%;width:100%;position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);aspect-ratio:4 / 5;background:color-mix(in srgb,currentColor 5%,transparent);transform:translateZ(0)}@media(min-width:768px){:where(.custom-hero__image-wrapper){aspect-ratio:1 / 1;max-width:50%}}:where(.custom-hero__image-wrapper img,.custom-hero__image-wrapper video,.custom-hero__video){width:100%;height:100%;object-fit:cover;display:block}@media(hover:hover)and (min-width:768px){:where(.custom-hero__image-wrapper){transition:transform var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out)}:where(.custom-hero:hover .custom-hero__image-wrapper){transform:translateY(-4px);box-shadow:var(--shadow-2xl)}}:where(.custom-hero__content-wrapper){flex:1 1 50%;width:100%;display:flex;flex-direction:column;gap:var(--space-5)}@media(min-width:768px){:where(.custom-hero__content-wrapper){max-width:50%}}:where(.custom-hero__badge-wrapper){display:inline-flex;align-self:start}:where(.custom-hero__badge){display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;background:color-mix(in srgb,rgb(var(--color-link, 255 88 1)) 12%,transparent);color:rgb(var(--color-link, 255 88 1));border:1px solid color-mix(in srgb,rgb(var(--color-link, 255 88 1)) 25%,transparent)}:where(.custom-hero__badge-icon){width:14px;height:14px;flex-shrink:0}:where(.custom-hero__title){font-size:var(--text-4xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}@media(min-width:1024px){:where(.custom-hero__title){font-size:var(--text-5xl)}}:where(.custom-hero__subtitle){font-size:var(--text-base);line-height:var(--leading-relaxed);color:color-mix(in srgb,currentColor 75%,transparent);margin:0;max-width:56ch}@media(min-width:768px){:where(.custom-hero__subtitle){font-size:var(--text-lg)}}:where(.custom-hero__rating-wrapper){align-self:start}:where(.custom-hero__rating-container){display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:color-mix(in srgb,currentColor 5%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-wrap:wrap}:where(.custom-hero__rating-stars){display:inline-flex;gap:2px;color:#ffb800}:where(.custom-hero__rating-stars svg){width:16px;height:16px;fill:currentColor}:where(.custom-hero__rating-text){font-size:var(--text-sm);font-weight:var(--weight-semibold)}:where(.custom-hero__profile-images){display:inline-flex;align-items:center}:where(.custom-hero__profile-images img){width:32px;height:32px;border-radius:var(--radius-full);border:2px solid rgb(var(--color-background, 255 255 255));object-fit:cover;box-shadow:var(--shadow-sm)}:where(.custom-hero__profile-images img:not(:first-child)){margin-inline-start:-10px}:where(.custom-hero__benefits){display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}:where(.custom-hero__benefits.benefits_flex_layout){flex-direction:row;flex-wrap:wrap;gap:var(--space-4) var(--space-5)}:where(.custom-hero__benefit-item){display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium)}:where(.custom-hero__benefit-icon){width:20px;height:20px;flex-shrink:0;color:rgb(var(--color-link, 255 88 1))}:where(.custom-hero__button-wrapper){display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}@media(min-width:480px){:where(.custom-hero__button-wrapper){flex-direction:row;flex-wrap:wrap}}:where(.custom-hero__button-wrapper .button,.custom-hero__button-wrapper button.button){padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);min-height:var(--touch-comfortable);box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}@media(hover:hover){:where(.custom-hero__button-wrapper .button:hover){transform:translateY(-2px);box-shadow:var(--shadow-lg)}}:where(.custom-hero__button-wrapper .button:active){transform:translateY(0);box-shadow:var(--shadow-sm)}:where(.custom-hero__guarantee){display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:color-mix(in srgb,currentColor 70%,transparent)}:where(.custom-hero__guarantee-icon){width:18px;height:18px;flex-shrink:0}@media(prefers-reduced-motion:no-preference){:where(.custom-hero__badge-wrapper,.custom-hero__rating-wrapper,.custom-hero__subtitle,.custom-hero__title,.custom-hero__benefits,.custom-hero__button-wrapper,.custom-hero__guarantee){animation:hero-fade-up .8s var(--ease-out) backwards}:where(.custom-hero__badge-wrapper){animation-delay:.05s}:where(.custom-hero__rating-wrapper){animation-delay:.1s}:where(.custom-hero__title){animation-delay:.15s}:where(.custom-hero__subtitle){animation-delay:.25s}:where(.custom-hero__benefits){animation-delay:.35s}:where(.custom-hero__button-wrapper){animation-delay:.45s}:where(.custom-hero__guarantee){animation-delay:.55s}:where(.custom-hero__image-wrapper){animation:hero-zoom-in 1s var(--ease-out) backwards;animation-delay:.1s}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-zoom-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}:where(.custom-hero[data-modern-bold]){background:linear-gradient(180deg,color-mix(in srgb,rgb(var(--color-link, 255 88 1)) 3%,transparent),transparent 60%)}:where(.custom-hero){padding-block:var(--space-8)}@media(min-width:768px){:where(.custom-hero){padding-block:var(--space-16)}}@media(min-width:1024px){:where(.custom-hero){padding-block:var(--space-20)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/courself-hero.css.map */