.riff-hero{position:relative;width:100%;height:100svh;min-height:600px;max-height:1000px;overflow:hidden;display:flex;align-items:flex-end}.riff-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.riff-hero__media img,.riff-hero__media video{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(100%)}.riff-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#0d0d0deb,#0d0d0d66,#0d0d0d26)}.riff-hero__content{position:relative;z-index:2;width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--container-pad);padding-bottom:clamp(2rem,5vh,4rem);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}.riff-hero__title{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(2.8rem,11vw,6rem);line-height:.9;letter-spacing:.01em;text-transform:uppercase;color:var(--color-white);max-width:14ch}.riff-hero__title em{font-style:normal;color:var(--color-accent);display:block}.riff-hero__title em{font-style:normal;color:var(--color-accent)}.riff-hero__subtitle{font-family:var(--font-body);font-size:var(--text-md);font-weight:400;color:var(--color-text-muted);max-width:40ch;line-height:1.5;margin-top:calc(var(--space-sm) * -1)}.riff-hero__content>*{opacity:1;transform:none;animation:none}..riff-hero__content > *:nth-child(1){opacity:1;transform:none;animation:none}.riff-hero__content>*:nth-child(2){opacity:1;transform:none;animation:none}.riff-hero__content>*:nth-child(3){opacity:1;transform:none;animation:none}@keyframes heroFadeUp{to{opacity:1;transform:translateY(0)}}.riff-hero__scroll{position:absolute;bottom:2rem;right:var(--container-pad);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);writing-mode:vertical-rl}.riff-hero__scroll:after{content:"";display:block;width:1px;height:48px;background:linear-gradient(to bottom,var(--color-text-muted),transparent);animation:scrollLine 1.5s var(--ease-out) infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media(max-width:768px){.riff-hero{max-height:none;height:100svh}.riff-hero__title{max-width:100%}.riff-hero__scroll{display:none}.riff-hero__title{position:relative}@keyframes glitchMain{0%{transform:none;text-shadow:none}10%{transform:translate(-1px);text-shadow:3px 0 #ff003c,-3px 0 #00fff9}20%{transform:translate(1px);text-shadow:-3px 0 #ff003c,3px 0 #00fff9}30%{transform:none;text-shadow:4px 0 #ff003c,-2px 0 #00fff9;opacity:.8}40%{transform:translate(1px);text-shadow:-4px 0 #ff003c,2px 0 #00fff9;opacity:1}50%{transform:none;text-shadow:3px 0 #ff003c,-4px 0 #00fff9;opacity:.7}60%{transform:translate(-1px);text-shadow:-3px 0 #ff003c,4px 0 #00fff9;opacity:.9}70%{transform:none;text-shadow:2px 0 #ff003c,-2px 0 #00fff9}80%{transform:none;text-shadow:-2px 0 #ff003c,2px 0 #00fff9;opacity:.85}90%{transform:none;text-shadow:2px 0 #ff003c,-1px 0 #00fff9;opacity:1}to{transform:none;text-shadow:none;opacity:1}}.riff-hero__title.is-glitching{animation:glitchMain .6s steps(2) forwards}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/riff-hero.css.map */