.frj-ss-hero{--frj-ss-hero-plate: color-mix(in srgb, var(--frj-soft) 80%, #fff);position:relative;display:flex;align-items:flex-end;min-height:676px;padding-block:calc(var(--frj-header-h) + var(--frj-space-48)) 22px;overflow:hidden;background-color:var(--frj-bg);color:var(--frj-brand)}.frj-ss-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.frj-ss-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}.frj-ss-hero:after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top,var(--frj-ss-hero-plate) 212px,transparent 442px)}.frj-ss-hero__inner{position:relative;z-index:1;width:100%}.frj-ss-hero__content{display:flex;flex-direction:column;align-items:stretch;gap:var(--frj-space-16);text-align:center}.frj-ss-hero__overline{margin:0;font-family:var(--frj-font);font-size:var(--frj-fs-body);font-weight:var(--frj-fw-semi);line-height:var(--frj-lh-h5);letter-spacing:.06em;text-transform:uppercase;color:var(--frj-brand)}.frj-ss-hero__title{--frj-shadow-color: #fff;margin:0;font-family:var(--frj-font);font-size:var(--frj-fs-display);font-weight:var(--frj-fw-black);line-height:var(--frj-lh-display);letter-spacing:var(--frj-ls-display);color:var(--frj-brand);text-shadow:4px 4px 0 var(--frj-shadow-color)}.frj-ss-hero__subtitle{margin:0;font-family:var(--frj-font);font-size:var(--frj-fs-label-l);font-weight:var(--frj-fw-semi);line-height:var(--frj-lh-label);color:var(--frj-brand)}.frj-ss-hero .frj-ss-hero__cta{display:flex;width:100%}@media screen and (min-width:750px)and (max-width:989px){.frj-ss-hero__image{object-position:70% 50%}}@media screen and (min-width:990px){.frj-ss-hero{align-items:center;min-height:max(700px,calc(100svh - var(--frj-announcement-h)));padding-block:var(--frj-space-96) 0}.frj-ss-hero:after{inset:0 auto -100px -99px;width:1054px;background-image:linear-gradient(to right,var(--frj-ss-hero-plate) 22.7%,color-mix(in srgb,var(--frj-ss-hero-plate) 74%,transparent) 35.9%,transparent 70.6%)}.frj-ss-hero__content{align-items:flex-start;gap:var(--frj-space-24);max-width:695px;text-align:start}.frj-ss-hero__title{line-height:.9}.frj-ss-hero__subtitle{max-width:640px;font-size:var(--frj-fs-h5)}.frj-ss-hero .frj-ss-hero__cta{width:300px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/frooji-ss-hero.css.map */
