.vikst-hero{container-type:inline-size;container-name:viksthero;position:relative;display:flex;align-items:center;min-height:var(--vh-minh, 600px);overflow:hidden;color:var(--vh-text, #ffffff)}.vikst-hero[data-width=bleed]{width:calc(100% + 2 * var(--page-margin, 0px));margin-inline:calc(-1 * var(--page-margin, 0px))}.vikst-hero[data-width=viewport]{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw)}.vikst-hero[data-width=contained]{width:100%;margin-inline:0}.vikst-hero[data-under-header=true]{margin-top:calc(-1 * var(--header-height, 0px))}.vikst-hero--full{min-height:max(var(--vh-minh, 600px),100svh)}@media screen and (max-width:749px){.vikst-hero,.vikst-hero--full{min-height:var(--vh-minh-m, 620px)}.vikst-hero--full[data-full-mobile=true]{min-height:max(var(--vh-minh-m, 620px),100svh)}}.vikst-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.vikst-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vikst-hero__ph{background:#2a2620}.vikst-hero__media--mobile{display:none}.vikst-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--vh-overlay, .25))}.vikst-hero__content{position:relative;z-index:1;box-sizing:border-box;width:100%;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(34px,4.8cqw,64px);padding-block-start:calc(72px + var(--vh-header-off, 0px));padding-block-end:72px;padding-inline:clamp(var(--vh-padx-m, 20px),7cqw,var(--vh-padx-d, 100px));color:var(--vh-text, #ffffff);-webkit-text-fill-color:var(--vh-text, #ffffff)}.vikst-hero__text{display:flex;flex-direction:column;gap:clamp(18px,2.6cqw,32px);width:100%;min-width:0}.vikst-hero[data-align=left] .vikst-hero__content,.vikst-hero[data-align=left] .vikst-hero__text{align-items:flex-start}.vikst-hero[data-align=left] .vikst-hero__content{text-align:start}.vikst-hero[data-align=center] .vikst-hero__content,.vikst-hero[data-align=center] .vikst-hero__text{align-items:center}.vikst-hero[data-align=center] .vikst-hero__content{text-align:center}.vikst-hero[data-align=right] .vikst-hero__content,.vikst-hero[data-align=right] .vikst-hero__text{align-items:flex-end}.vikst-hero[data-align=right] .vikst-hero__content{text-align:end}.vikst-hero__title{margin:0;display:flex;flex-direction:column;font-size:clamp(31px,5.5cqw,55px);letter-spacing:.2em;line-height:1.32;text-transform:uppercase;font-weight:400;min-width:0}.vikst-hero__line{display:block;overflow-wrap:break-word}.vikst-hero__subtitle{margin:0;font-family:var(--font-body--family);font-weight:300;font-size:clamp(15px,1.5cqw,var(--vh-sub-size, 18px));line-height:1.95;letter-spacing:.02em;text-transform:none;max-width:var(--vh-sub-maxw, 60ch);opacity:var(--vh-sub-op, .9);min-width:0;overflow-wrap:break-word}.vikst-hero__btn{display:inline-block;font-size:clamp(14px,1.6cqw,24px);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--vh-text, #ffffff);-webkit-text-fill-color:var(--vh-text, #ffffff);text-decoration:none;padding:16px 22px;border-bottom:1px solid var(--vh-text, #ffffff);transition:opacity .2s ease,transform .4s cubic-bezier(.215,.61,.355,1)}.vikst-hero__btn:hover{opacity:.7}.vikst-hero[dir=rtl] .vikst-hero__title,.vikst-hero[dir=rtl] .vikst-hero__subtitle,.vikst-hero[dir=rtl] .vikst-hero__btn{letter-spacing:0}@container viksthero (max-width: 768px){.vikst-hero__subtitle{line-height:1.8;max-width:none}.vikst-hero[data-mobile-media=true] .vikst-hero__media--desktop,.vikst-hero[data-mobile-media=true] .vikst-hero__media--video{display:none}.vikst-hero[data-mobile-media=true] .vikst-hero__media--mobile{display:block}}@container viksthero (max-width: 480px){.vikst-hero__title{letter-spacing:.1em;line-height:1.28}.vikst-hero__btn{letter-spacing:.14em;padding:14px 18px}}@supports not (container-type: inline-size){@media screen and (max-width:768px){.vikst-hero__content{padding-inline:var(--vh-padx-m, 20px)}.vikst-hero__subtitle{line-height:1.8;max-width:none}.vikst-hero[data-mobile-media=true] .vikst-hero__media--desktop,.vikst-hero[data-mobile-media=true] .vikst-hero__media--video{display:none}.vikst-hero[data-mobile-media=true] .vikst-hero__media--mobile{display:block}}}@media(prefers-reduced-motion:reduce){.vikst-hero__btn{transition:opacity .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/vikst-hero.css.map */