.homepage-hero{position:relative;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden;background:var(--black, #1a1a1a)}.homepage-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.homepage-hero__bg video,.homepage-hero__bg .homepage-hero__poster{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}.homepage-hero__bg video.is-playing,.homepage-hero__bg .homepage-hero__poster{opacity:.6}.homepage-hero__video--mobile{display:none}.homepage-hero__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.homepage-hero__bg:empty:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3d2817,#5c6b4d 40%,#4a5740,#2d3530)}.homepage-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block!important;background:none;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);-webkit-mask-image:linear-gradient(to top,black 15%,transparent 100%);mask-image:linear-gradient(to top,black 15%,transparent 100%);pointer-events:none}.homepage-hero__branding{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin-top:clamp(40px,12vh,128px)}.homepage-hero__wordmark{position:relative;margin:0;font-family:var(--font, "Grift", system-ui, sans-serif);font-size:clamp(56px,12vw,160px);font-weight:800;letter-spacing:clamp(5px,3vw,35px);text-transform:uppercase;color:#fff;text-align:center;line-height:1;text-shadow:none;opacity:0;transform:translateY(-10px);animation:hero-wordmark-in 1.2s cubic-bezier(.16,1,.3,1) .3s forwards}@keyframes hero-wordmark-in{to{opacity:1;transform:translateY(0)}}.homepage-hero__subtitle{position:relative;z-index:2;margin:0;margin-top:clamp(4px,1vh,12px);font-family:var(--font, "Grift", system-ui, sans-serif);font-size:clamp(12px,1.5vw,17px);font-weight:400;letter-spacing:clamp(3px,1.5vw,12px);text-transform:uppercase;color:#fff9;text-align:center;text-shadow:none;opacity:0;animation:hero-wordmark-in 1s cubic-bezier(.16,1,.3,1) .6s forwards}.homepage-hero__nav{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:0 clamp(32px,5vw,64px);margin-bottom:clamp(40px,8vh,96px);opacity:0;animation:hero-nav-in 1s cubic-bezier(.16,1,.3,1) .8s forwards}.homepage-hero__nav-left,.homepage-hero__nav-right{display:flex;gap:clamp(24px,3vw,48px)}.homepage-hero__nav-left{justify-self:start}.homepage-hero__nav-right{justify-self:end}.homepage-hero__nav-center{justify-self:center}.homepage-hero__nav a.homepage-hero__cta-btn{display:inline-block;padding:16px 40px;font-family:var(--font, "Grift", system-ui, sans-serif);font-size:clamp(16.5px,1.8vw,19.5px);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-decoration:none;background:transparent;border:1px solid rgba(255,255,255,.5);border-radius:0;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.homepage-hero__nav a.homepage-hero__cta-btn:hover{background:#ffffff1a;border-color:#fff;color:#fff}.homepage-hero__nav a.homepage-hero__cta-btn:after{display:none}@keyframes hero-nav-in{to{opacity:1}}.homepage-hero__nav a{font-family:var(--font, "Grift", system-ui, sans-serif);font-size:clamp(11px,1.2vw,13px);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#fffc;text-decoration:none;padding:8px 0;position:relative;transition:color .3s ease}.homepage-hero__nav a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.homepage-hero__nav a:hover{color:#fff}.homepage-hero__nav a:hover:after{transform:scaleX(1)}.homepage-hero__nav-shop-label{display:none;font-family:var(--font, "Grift", system-ui, sans-serif);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#fffc}.homepage-hero__scroll{position:absolute;bottom:clamp(16px,3vh,32px);left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:hero-scroll-in 1s ease 1.5s forwards}@keyframes hero-scroll-in{to{opacity:.4}}.homepage-hero__scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.6));animation:hero-scroll-pulse 2s ease-in-out infinite}@keyframes hero-scroll-pulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.2)}}.homepage-hero__cart-link{display:none}@media(max-width:768px){.homepage-hero{height:100vh;height:100svh}.homepage-hero__bg video.is-playing,.homepage-hero__bg .homepage-hero__poster{opacity:.6}.homepage-hero__overlay{background:linear-gradient(to bottom,transparent 0%,transparent 40%,rgba(107,125,85,.15) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(to bottom,transparent 40%,black 100%);mask-image:linear-gradient(to bottom,transparent 40%,black 100%)}.homepage-hero__branding{margin-top:auto;padding-top:24px}.homepage-hero__cart-link{display:none!important}.homepage-hero__nav-right{display:none}.homepage-hero__nav{grid-template-columns:1fr;justify-items:center;gap:20px;padding:0 24px;margin-top:clamp(24px,4vh,40px);margin-bottom:clamp(40px,6vh,64px);background:none}.homepage-hero__nav-left{display:flex;justify-content:center;justify-self:center;gap:32px}.homepage-hero__subtitle{font-size:13px}.homepage-hero__nav-left a{font-size:18px;letter-spacing:.18em}.homepage-hero__nav-center{order:3}.homepage-hero__nav a.homepage-hero__cta-btn{padding:14px 36px;font-size:11px;letter-spacing:.15em;background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}.homepage-hero__nav a.homepage-hero__cta-btn:hover{background:#ffffff1a;border-color:#fff}}@media(max-width:480px){.homepage-hero__wordmark{font-size:clamp(40px,13vw,64px);letter-spacing:clamp(3px,2vw,12px)}}.homepage-hero--stacked{flex-direction:column;justify-content:flex-start}.homepage-hero--stacked .homepage-hero__bg{position:relative;inset:auto;flex:0 0 70vh;flex:0 0 70dvh;overflow:hidden}.homepage-hero--stacked .homepage-hero__overlay{display:none!important}.homepage-hero--stacked .homepage-hero__branding{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:0;padding:clamp(16px,3vh,32px) clamp(24px,4vw,64px);background:#2d2d2d;width:100%}.homepage-hero--stacked .homepage-hero__wordmark{font-size:clamp(32px,6vw,80px);letter-spacing:clamp(4px,2vw,20px)}.homepage-hero--stacked .homepage-hero__subtitle{color:#ffffff80;margin-top:clamp(4px,.8vh,10px)}.homepage-hero--stacked .homepage-hero__nav{margin-bottom:0;margin-top:clamp(12px,2vh,24px);padding:0 clamp(24px,4vw,64px)}.homepage-hero--stacked .homepage-hero__scroll{display:none}@media(max-width:768px){.homepage-hero--stacked .homepage-hero__bg{flex:0 0 65vh;flex:0 0 65svh}.homepage-hero--stacked .homepage-hero__branding{padding:16px 20px}.homepage-hero--stacked .homepage-hero__wordmark{font-size:clamp(28px,10vw,48px);letter-spacing:clamp(3px,1.5vw,10px)}.homepage-hero--stacked .homepage-hero__nav{margin-top:12px;gap:12px}}@media(prefers-reduced-motion:reduce){.homepage-hero__branding,.homepage-hero__wordmark,.homepage-hero__subtitle,.homepage-hero__nav,.homepage-hero__scroll{animation:none;opacity:1;transform:none}.homepage-hero__scroll-line{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/alatreyu-homepage-hero.css.map */