.summerween-hero,.summerween-hero *{box-sizing:border-box}.summerween-hero{position:relative;width:100%;aspect-ratio:7 / 8;max-height:85svh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#0a0a0a;background-size:cover;background-position:58% 42%;background-repeat:no-repeat;padding:2rem 1rem 0;overflow:hidden}.summerween-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:clamp(90px,12vh,140px);background:linear-gradient(to bottom,rgba(15,3,27,.65) 0%,transparent 100%);z-index:1;pointer-events:none}@media screen and (min-width:750px){.summerween-hero{aspect-ratio:16 / 9;max-height:78svh;background-position:center 100%}}.summerween-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(70px,8vh,220px);background:linear-gradient(to bottom,#0f031b00,#0f031b99,#0f031b 120%);z-index:1;pointer-events:none}.summerween-hero__header{width:100%;z-index:200}.summerween-hero__logo-wrapper{display:flex;align-items:center;grid-column:1;justify-self:start}.summerween-hero__logo-link{display:inline-block;line-height:1}.summerween-hero__logo{height:auto;max-height:38px;width:auto;object-fit:contain}.summerween-hero__nav{--neon-purple: var(--summerween-nav-border, #8A2BE2);--neon-purple-glow: rgba(138, 43, 226, .4);--link-inactive: var(--summerween-nav-text, #EBA8FF);--link-inactive-glow-1: #A020F0;--link-inactive-glow-2: #8A2BE2;--link-active: var(--pumpkin, #FF8C00);--link-active-glow: var(--pumpkin-bright, #FFB347);position:fixed;top:0;left:0;width:100%;padding:1.8rem 2.5rem;background-color:transparent;border-bottom:1px solid transparent;box-shadow:none;z-index:200;transition:padding .3s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.16,1,.3,1),border-bottom .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.summerween-hero__nav--sticky{background-color:#160a2df2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.2rem 2.5rem;border-bottom:1px solid var(--border, oklch(.32 .07 308));box-shadow:0 4px 30px #00000059}.summerween-hero__nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1200px;margin:0 auto;width:100%}.summerween-hero__nav-links{display:flex;justify-content:center;align-items:center;gap:3rem;grid-column:2}.summerween-hero__nav-link{font-family:var(--font-body-family);font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;color:var(--link-inactive);text-shadow:0 0 5px var(--link-inactive-glow-1),0 0 10px var(--link-inactive-glow-2);transition:color .3s ease,text-shadow .3s ease}.summerween-hero__nav-link--active,.summerween-hero__nav-link:hover,.summerween-hero__nav-link:focus-visible{color:var(--link-active);text-shadow:0 0 5px var(--link-active-glow),0 0 10px var(--link-active-glow)}.summerween-hero__nav-link:focus-visible{outline:2px solid var(--neon-purple);outline-offset:4px;border-radius:4px}.summerween-hero__cart-wrapper{display:flex;align-items:center;grid-column:3;justify-self:end}.summerween-hero__cart-link{position:relative;display:flex;align-items:center;justify-content:center;color:var(--link-inactive);text-shadow:0 0 5px var(--link-inactive-glow-1);text-decoration:none;width:44px;height:44px;border-radius:50%;transition:color .3s ease,text-shadow .3s ease,transform .2s ease}.summerween-hero__cart-link:hover{color:var(--link-active);text-shadow:0 0 5px var(--link-active-glow);transform:scale(1.05)}.summerween-hero__cart-link .svg-wrapper{width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center}.summerween-hero__cart-link svg{width:100%;height:100%}.summerween-hero__cart-link .cart-count-bubble{position:absolute;top:0;right:0;background-color:var(--pumpkin, oklch(.7 .2 47));color:var(--on-pumpkin, oklch(.18 .06 305));font-family:var(--font-body-family);font-weight:900;font-size:1rem;min-width:1.8rem;height:1.8rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;padding:0 .5rem;line-height:1}@media(max-width:768px){.summerween-hero{padding:1rem 1rem 0}.summerween-hero__nav{padding:1rem 1.5rem}.summerween-hero__nav--sticky{padding:.8rem 1.5rem}.summerween-hero__nav-links{display:none}.summerween-hero__logo{max-height:30px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-summerween-hero.css.map */