.sob-hero{position:relative;background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:4rem 0 5rem;min-height:100svh;display:flex;align-items:center;overflow:hidden}.sob-hero__bgvideo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.22;filter:brightness(.6) contrast(1.15)}.sob-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at center,transparent 0%,rgb(var(--color-background)) 78%),rgb(var(--color-background) / .35)}.sob-hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2.5rem;margin:auto}@media screen and (max-width:749px),(prefers-reduced-motion:reduce){.sob-hero__bgvideo{display:none}.sob-hero.sob-hero--has-poster{background-image:linear-gradient(rgb(var(--color-background) / .55),rgb(var(--color-background) / .85)),var(--sob-poster-url);background-size:cover;background-position:center}}.sob-hero__motif-wrap{width:100%;max-width:46rem}.sob-hero__motif{overflow:hidden;clip-path:inset(0 100% 0 0);animation:sob-wipe-in 1.4s cubic-bezier(.65,0,.08,1) .15s forwards}.sob-hero__motif img{width:100%;height:auto;display:block;transform:scale(1.12);filter:blur(6px);animation:sob-image-settle 1.7s cubic-bezier(.16,1,.3,1) .15s forwards}.sob-hero__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.sob-hero__rule{display:block;width:0;height:1px;background:currentColor;opacity:.5;animation:sob-rule-draw .9s cubic-bezier(.65,0,.08,1) 1.15s forwards}.sob-hero__eyebrow{margin:0;font-family:var(--font-body-family);font-weight:600;text-transform:uppercase;font-size:1.2rem;opacity:0}.sob-hero__button{font-family:var(--font-heading-family);letter-spacing:.05em;text-transform:uppercase;padding:1.3rem 3.2rem;font-size:1.5rem;position:relative;overflow:hidden;opacity:0;animation:sob-button-in .9s cubic-bezier(.16,1,.3,1) 1.55s forwards;transition:color .45s cubic-bezier(.65,0,.08,1);z-index:0}.sob-hero__button span{position:relative;z-index:1}.sob-hero__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.65,0,.08,1);z-index:0}.sob-hero__button:hover{color:rgb(var(--color-background))}.sob-hero__button:hover:before{transform:scaleX(1)}.sob-tracking-in{animation:sob-tracking-in 1s cubic-bezier(.16,1,.3,1) 1.25s forwards}@keyframes sob-wipe-in{to{clip-path:inset(0 0 0 0)}}@keyframes sob-image-settle{to{transform:scale(1);filter:blur(0)}}@keyframes sob-rule-draw{to{width:4.8rem}}@keyframes sob-tracking-in{0%{opacity:0;letter-spacing:.5em}to{opacity:.85;letter-spacing:.18em}}@keyframes sob-button-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:750px){.sob-hero{padding:6rem 0 7rem}.sob-hero__eyebrow{font-size:1.4rem}}.sob-page-transition{position:fixed;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-background));opacity:0;pointer-events:none;z-index:9999;transition:opacity .6s cubic-bezier(.65,0,.08,1)}.sob-page-transition.is-active{opacity:1}.sob-page-transition.is-active~.sob-hero{transition:transform .65s cubic-bezier(.65,0,.08,1);transform:scale(.97)}@media(prefers-reduced-motion:reduce){.sob-hero__motif{clip-path:none;animation:none}.sob-hero__motif img{transform:none;filter:none;animation:none}.sob-hero__rule{width:4.8rem;animation:none}.sob-hero__eyebrow,.sob-hero__button{opacity:1;animation:none}.sob-tracking-in{letter-spacing:.18em}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sob-hero.css.map */