.hub-hero{--hh-bg: rgb(var(--color-background, 239,228,206));--hh-fg: rgb(var(--color-foreground, 21,71,52));--hh-accent: rgb(var(--color-link, 166,25,46));--hh-subtle: color-mix(in srgb, var(--hh-fg) 70%, transparent);--hh-green: rgb(var(--urb-green, 21,71,52));--hh-beige: rgb(var(--urb-beige, 239,228,206));--hh-display: "Gamay","Codec Pro","Hanken Grotesk","Helvetica Neue",Arial,sans-serif;--hh-accent-f: "Decoy","Fraunces",Georgia,serif;--hh-ui: var(--font-label-family, "Inter","Helvetica Neue",Arial,sans-serif);--hh-ease: var(--urb-ease, cubic-bezier(.22,1,.36,1));--hh-edge: clamp(20px,6vw,64px);--hh-scrim: .6;--hh-radius: clamp(2.4rem,2.4vw,3.4rem);--hh-card-w: clamp(280px,82vw,440px);position:relative;background:var(--hh-bg);color:var(--hh-fg);font-family:var(--hh-display);padding-bottom:clamp(6px,2vh,16px)}.hub-hero__seal{display:none}.hub-hero__intro{display:flex;flex-direction:column;padding:clamp(24px,7vh,64px) var(--hh-edge) 0}.hub-hero__lead{display:block}.hub-hero__h1{font-family:var(--hh-display);font-weight:600;font-size:clamp(34px,9.6vw,72px);line-height:1.04;letter-spacing:-.02em;margin:0;max-width:15ch;text-wrap:balance}.hub-hero__h1 em{font-family:var(--hh-accent-f);font-style:italic;font-weight:500;letter-spacing:-.01em;color:var(--hh-accent)}.hub-hero__head{display:flex;align-items:center;gap:14px;margin:clamp(20px,5vh,34px) 0 0}.hub-hero__prompt{font-family:var(--hh-display);font-weight:600;font-size:clamp(17px,4.6vw,20px);letter-spacing:-.01em;color:var(--hh-fg);margin:0}.hub-hero__nav{display:none;align-items:center;gap:14px;margin-left:auto}.hub-hero__count{font-family:var(--hh-ui);font-size:13px;letter-spacing:.04em;color:var(--hh-subtle);font-variant-numeric:tabular-nums;white-space:nowrap}.hub-hero__count b{color:var(--hh-accent);font-weight:700}.hub-hero__arrows{display:flex;gap:10px}.hub-hero__arrow{width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;background:transparent;color:var(--hh-fg);font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--hh-fg) 30%,transparent);transition:background .3s var(--hh-ease),color .3s var(--hh-ease),box-shadow .3s var(--hh-ease)}.hub-hero__arrow:hover{background:var(--hh-fg);color:var(--hh-bg);box-shadow:none}.hub-hero__arrow:focus-visible{outline:3px solid var(--hh-accent);outline-offset:2px}.hub-hero__feed{position:relative}.hub-hero__cards{list-style:none;margin:0;display:flex;flex-direction:row;gap:clamp(12px,3.5vw,20px);padding:clamp(16px,3.4vh,26px) var(--hh-edge) clamp(16px,2.4vh,26px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.hub-hero__cards::-webkit-scrollbar{display:none}.hub-hero__card-li{flex:0 0 var(--hh-card-w);margin:0;scroll-snap-align:center}.hub-hero__card{position:relative;display:block;overflow:hidden;text-decoration:none;width:100%;height:clamp(420px,78svh,680px);border-radius:var(--hh-radius);background:var(--hh-green);color:#fff;box-shadow:0 16px 30px -22px #12121266;transform-origin:center center}.hub-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background:radial-gradient(120% 90% at 70% 8%,color-mix(in srgb,var(--hh-beige) 22%,var(--hh-green)) 0%,var(--hh-green) 62%)}.hub-hero__media img,.hub-hero__video{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%) scale(1.04);object-fit:cover}.hub-hero__media-ph{position:absolute;left:18px;top:18px;font-family:var(--hh-ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#efe4ceb3}.hub-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(to top,rgba(12,28,21,calc(var(--hh-scrim) + .28)),rgba(12,28,21,calc(var(--hh-scrim) + .04)) 30%,#0c1c1500 64%),linear-gradient(to bottom,#0c1c1557,#0c1c1500 22%)}.hub-hero__body{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;padding:0 clamp(22px,5.5vw,30px) clamp(24px,5vw,32px);opacity:0;transform:translateY(20px);transition:opacity .55s var(--hh-ease),transform .55s var(--hh-ease)}.hub-hero__card.is-active .hub-hero__body{opacity:1;transform:none}.hub-hero__no{font-family:var(--hh-ui);font-weight:700;font-size:12px;letter-spacing:.2em;color:#ffffffb8;margin:0 0 10px;font-variant-numeric:tabular-nums}.hub-hero__no b{color:var(--hh-beige)}.hub-hero__label{display:block;font-family:var(--hh-accent-f);font-weight:600;font-size:clamp(28px,7.2vw,42px);line-height:1.04;letter-spacing:-.02em;margin:0;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.45)}.hub-hero__cta{display:inline-flex;align-items:center;gap:9px;margin-top:18px;font-family:var(--hh-ui);font-weight:600;font-size:14px;padding:12px 18px;border-radius:999px;color:#fff;background:#ffffff29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff4d}.hub-hero__cta svg{width:15px;height:15px}.hub-hero__card:focus-visible{outline:3px solid var(--hh-beige);outline-offset:-6px}.hub-hero__vidbadge{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:7px;font-family:var(--hh-ui);font-weight:700;font-size:11px;letter-spacing:.14em;color:#fff;padding:7px 11px;border-radius:999px;background:#00000052;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hub-hero__vidbadge i{width:7px;height:7px;border-radius:50%;background:var(--hh-accent);display:block;animation:hh-pulse 1.6s ease-in-out infinite}@keyframes hh-pulse{0%,to{opacity:1}50%{opacity:.3}}.hub-hero__dots{display:flex;gap:8px;justify-content:center;padding:18px var(--hh-edge) 0}.hub-hero__dot{width:7px;height:7px;border-radius:50%;border:0;padding:0;cursor:pointer;background:color-mix(in srgb,var(--hh-fg) 26%,transparent);transition:width .4s var(--hh-ease),background .4s var(--hh-ease)}.hub-hero__dot.is-active{width:22px;border-radius:7px;background:var(--hh-accent)}.hub-hero__dot:focus-visible{outline:2px solid var(--hh-accent);outline-offset:2px}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.hub-hero__card{animation:hh-pop linear both;animation-timeline:view(inline);animation-range:cover}@keyframes hh-pop{0%{transform:scale(.84);opacity:.6}50%{transform:scale(1);opacity:1}to{transform:scale(.84);opacity:.6}}}}@supports not (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.hub-hero__card{opacity:.6;transform:scale(.84);transition:transform .45s var(--hh-ease),opacity .45s var(--hh-ease)}.hub-hero__card.is-active{opacity:1;transform:scale(1)}}}.hub-hero__h1,.hub-hero__head{transition:opacity .8s var(--hh-ease),transform .8s var(--hh-ease)}.hub-hero__head{transition-delay:.12s}@media(prefers-reduced-motion:no-preference){.hub-hero.hh-anim .hub-hero__h1,.hub-hero.hh-anim .hub-hero__head{opacity:0;transform:translateY(20px)}}@media(min-width:861px){.hub-hero{padding:clamp(14px,3.5vw,40px) 0 clamp(20px,3vh,48px);--hh-card-w:clamp(280px,30vw,360px);--hh-reserve:clamp(360px,30vw,420px)}.hub-hero__intro{padding:0 var(--hh-edge);max-width:1180px}.hub-hero__h1{font-size:clamp(40px,6vw,84px);max-width:15ch}.hub-hero__head{margin-top:clamp(22px,4vw,42px)}.hub-hero__nav{display:flex}.hub-hero__card{height:min(calc(var(--hh-card-w) * 4 / 3),calc(100svh - var(--hh-reserve)));aspect-ratio:auto}.hub-hero__label{font-size:clamp(22px,1.9vw,30px)}.hub-hero__body{opacity:1;transform:none;padding:0 26px 24px}.hub-hero__seal{display:block;position:absolute;z-index:1;pointer-events:none;top:clamp(24px,5vh,64px);right:var(--hh-edge);width:clamp(168px,13vw,232px)}.hub-hero__seal-img{display:block;width:100%;height:auto;aspect-ratio:1/1;transform-origin:50% 50%}}.hub-hero__seal-img{will-change:transform;transform:rotate(-130deg);transition:transform .7s cubic-bezier(.22,1,.36,1)}.hub-hero__seal-img.is-in{transform:rotate(0)}@media(prefers-reduced-motion:reduce){.hub-hero__body{opacity:1;transform:none}.hub-hero__vidbadge i{animation:none}.hub-hero__card{opacity:.72}.hub-hero__card.is-active{opacity:1}.hub-hero__seal-img{transform:rotate(0);transition:none}}.hub-hero__prompt{min-height:1.2em}.hub-hero__caret{display:inline-block;width:2px;height:1.02em;margin-left:3px;vertical-align:-.12em;border-radius:1px;background:var(--hh-accent);opacity:0}.hub-hero__caret.is-on{opacity:1;animation:hh-caret 1.05s steps(1,end) infinite}.hub-hero__caret.is-fade{animation:none;opacity:0;transition:opacity .5s var(--hh-ease)}@keyframes hh-caret{0%,55%{opacity:1}55.01%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.hub-hero__caret{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hub-hero.css.map */