.frj-story-hero{position:relative;display:flex;flex-direction:column;padding-block-start:calc(var(--frj-header-h) + var(--frj-space-32));overflow:hidden;background-color:var(--frj-bg);color:var(--frj-brand)}.frj-story-hero__inner{position:relative;z-index:1;width:100%}.frj-story-hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--frj-space-16)}.frj-story-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-story-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-story-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-story-hero__tldr{display:flex;flex-direction:column;gap:var(--frj-space-8);width:100%;font-family:var(--frj-font);font-size:var(--frj-fs-body-s);font-weight:var(--frj-fw-regular);line-height:var(--frj-lh-body);color:var(--frj-text)}.frj-story-hero__tldr:before{content:"";width:64px;height:2px;background-color:var(--frj-brand)}.frj-story-hero__tldr p{margin:0}.frj-story-hero__media{position:relative;z-index:0;display:block;width:100%;aspect-ratio:375 / 480;margin-block-start:calc(var(--frj-space-24) * -1)}.frj-story-hero__media:before{content:"";position:absolute;z-index:1;inset:0 0 auto;height:200px;background-image:linear-gradient(to bottom,var(--frj-bg) 18%,color-mix(in srgb,var(--frj-bg) 55%,transparent) 55%,transparent)}.frj-story-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}@media screen and (min-width:750px){.frj-story-hero__media{aspect-ratio:1440 / 800;margin-block-start:calc(var(--frj-space-96) * -1)}.frj-story-hero__content{max-width:695px}}@media screen and (min-width:990px){.frj-story-hero{min-height:800px;padding-block:calc(var(--frj-header-h) + 133px) 0}.frj-story-hero__content{gap:var(--frj-space-24)}.frj-story-hero__title{line-height:.9}.frj-story-hero__subtitle{font-size:var(--frj-fs-h5)}.frj-story-hero__tldr{gap:var(--frj-space-16);max-width:560px;font-size:var(--frj-fs-body)}.frj-story-hero__tldr:before{width:80px}.frj-story-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;margin:0}.frj-story-hero__media:before{inset:0 auto 0 0;width:55%;height:auto;background-image:linear-gradient(to right,color-mix(in srgb,var(--frj-bg) 60%,transparent),transparent)}.frj-story-hero__image{object-position:0 0}}@media screen and (min-width:1440px){.frj-story-hero__media:before{content:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/frooji-story-hero.css.map */