.oh-hero{position:relative;display:block;height:calc(100vh - var(--nav-h, var(--theme-header-height, 0px)));height:calc(100svh - var(--nav-h, var(--theme-header-height, 0px)));min-height:420px;background:var(--ink);overflow:hidden;color:#fff}.oh-hero .hero-stack{position:absolute;top:0;right:0;bottom:0;left:0}.oh-hero .slide{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.oh-hero .slide[data-on=true]{z-index:2}.oh-hero .slide[data-prev=true]{z-index:1}.oh-hero .slide-media{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink)}.oh-hero .slide-media img,.oh-hero .slide-media video,.oh-hero .slide-media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.oh-hero .slide-media video{opacity:.92}.oh-hero .slide-media .placeholder-svg{background:var(--stone)}.oh-hero .hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--scrim: .45;--scrim-len: 60%;background:linear-gradient(180deg,#10121500 0% calc(100% - var(--scrim-len)),rgba(16,18,21,calc(var(--scrim) * .3)) calc(100% - var(--scrim-len) * .62),rgba(16,18,21,calc(var(--scrim) * .76)) calc(100% - var(--scrim-len) * .26),rgba(16,18,21,var(--scrim)))}.oh-hero .hero-scrim[data-y=top]{background:linear-gradient(180deg,rgba(16,18,21,var(--scrim)) 0%,rgba(16,18,21,calc(var(--scrim) * .76)) calc(var(--scrim-len) * .26),rgba(16,18,21,calc(var(--scrim) * .3)) calc(var(--scrim-len) * .62),rgba(16,18,21,0) var(--scrim-len),rgba(16,18,21,0) 100%)}.oh-hero .hero-scrim[data-y=bottom]{background:linear-gradient(180deg,#10121500 0% calc(100% - var(--scrim-len)),rgba(16,18,21,calc(var(--scrim) * .3)) calc(100% - var(--scrim-len) * .62),rgba(16,18,21,calc(var(--scrim) * .76)) calc(100% - var(--scrim-len) * .26),rgba(16,18,21,var(--scrim)))}.oh-hero .hero-scrim[data-y=middle]{background:none}.oh-hero .hero-scrim[data-y=middle][data-x=center]{background:radial-gradient(ellipse calc(var(--scrim-len) * 1.3) calc(var(--scrim-len) * .87) at 50% 50%,rgba(16,18,21,var(--scrim)),rgba(16,18,21,calc(var(--scrim) * .55)) 52%,#10121500)}.oh-hero .hero-scrim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;--side: calc(var(--scrim) * .42);--side-len: calc(var(--scrim-len) * 1.14)}.oh-hero .hero-scrim[data-y=middle]:after{--side: var(--scrim)}.oh-hero .hero-scrim[data-x=left]:after{background:linear-gradient(90deg,rgba(16,18,21,var(--side)) 0%,rgba(16,18,21,calc(var(--side) * .52)) calc(var(--side-len) * .52),rgba(16,18,21,0) var(--side-len))}.oh-hero .hero-scrim[data-x=right]:after{background:linear-gradient(270deg,rgba(16,18,21,var(--side)) 0%,rgba(16,18,21,calc(var(--side) * .52)) calc(var(--side-len) * .52),rgba(16,18,21,0) var(--side-len))}.oh-hero .hero-scrim[data-plate=dark],.oh-hero .hero-scrim[data-plate=light]{background:linear-gradient(180deg,#10121500 0% 74%,rgba(16,18,21,calc(var(--scrim) * .3)))}.oh-hero .hero-scrim[data-plate=dark]:after,.oh-hero .hero-scrim[data-plate=light]:after{background:none}.oh-hero .slide[data-ground=light] .slide-media{background:var(--paper)}.oh-hero .slide[data-ground=light] .slide-media img,.oh-hero .slide[data-ground=light] .slide-media video{object-fit:contain;opacity:1}.oh-hero .slide[data-ground=light] .hero-scrim{display:none}.oh-hero .slide[data-ground=light] .hero-copy{color:var(--ink);text-shadow:none}.oh-hero .slide[data-ground=light] .hero-copy a:hover{color:var(--ink)}.oh-hero .hero-copy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;pointer-events:none;color:#fff;text-shadow:0 1px 2px rgba(16,18,21,.3),0 2px 26px rgba(16,18,21,.45);padding:clamp(92px,13vh,150px) clamp(24px,6vw,96px) clamp(78px,11vh,110px)}.oh-hero .hero-copy>*{pointer-events:auto}.oh-hero .hc-eyebrow{font-family:var(--sans);font-size:13.5px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 14px}.oh-hero .oh-hero__title{font-family:var(--serif);font-weight:400;font-size:clamp(25px,2.5vw,38.5px);line-height:1.2;letter-spacing:.015em;margin:0 0 16px;max-width:17em;text-wrap:balance;color:inherit}.oh-hero .hc-body{font-family:var(--sans);font-weight:300;font-size:15px;line-height:1.6;max-width:27em;margin:0 0 24px;text-wrap:pretty;white-space:pre-line}.oh-hero .hc-cta{position:relative;display:inline-block;padding-bottom:5px;font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:inherit;text-decoration:none;padding-top:14px;margin-top:-14px;min-height:44px;box-sizing:border-box}.oh-hero .hc-cta:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transition:right var(--glide)}.oh-hero .hc-cta:hover{color:#fff}.oh-hero .hc-cta:hover:after{right:-18px}.oh-hero .hero-copy[data-x=left]{align-items:flex-start;text-align:left}.oh-hero .hero-copy[data-x=center]{align-items:center;text-align:center}.oh-hero .hero-copy[data-x=right]{align-items:flex-end;text-align:right}.oh-hero .hero-copy[data-y=top]{justify-content:flex-start}.oh-hero .hero-copy[data-y=middle]{justify-content:center}.oh-hero .hero-copy[data-y=bottom]{justify-content:flex-end}.oh-hero .hero-copy[data-y=bottom]{padding-bottom:clamp(112px,14.5vh,152px)}.oh-hero .hc-plate{display:flex;flex-direction:column;align-items:inherit;max-width:100%;transition:background var(--melt),padding .45s var(--ease)}.oh-hero .hc-plate[data-plate=dark],.oh-hero .hc-plate[data-plate=light]{padding:clamp(24px,3.2vw,40px) clamp(26px,3.6vw,48px);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.oh-hero .hc-plate[data-plate=dark]{background:#101215a8;color:#fff;text-shadow:none}.oh-hero .hc-plate[data-plate=light]{background:#ffffffdb;color:var(--ink);text-shadow:none}.oh-hero .hc-plate[data-plate=light] .hc-cta:hover{color:var(--ink)}.oh-hero .hc-plate[data-plate=dark] .hc-cta:hover{color:#fff}@keyframes ohKen{0%{transform:scale(1.02)}to{transform:scale(1.14)}}.oh-hero .hero-stack[data-tx=fade] .slide,.oh-hero .hero-stack[data-tx=zoom] .slide{opacity:0;transition:opacity 1.4s ease}.oh-hero .hero-stack[data-tx=fade] .slide[data-on=true],.oh-hero .hero-stack[data-tx=zoom] .slide[data-on=true]{opacity:1}.oh-hero .hero-stack[data-tx=zoom] .slide-media{transform:scale(1.14)}.oh-hero .hero-stack[data-tx=zoom] .slide[data-on=true] .slide-media{animation:ohKen var(--slide-dur, 6s) linear both}.oh-hero .hero-stack[data-tx=zoom] .slide[data-ground=light] .slide-media{transform:none;animation:none}.oh-hero .hero-stack[data-tx=wipe] .slide{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 40%,rgba(0,0,0,0) 62%);mask-image:linear-gradient(90deg,#000 0% 40%,#0000 62%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0}.oh-hero .hero-stack[data-tx=wipe] .slide[data-on=true],.oh-hero .hero-stack[data-tx=wipe] .slide[data-prev=true]{-webkit-mask-position:0 0;mask-position:0 0}.oh-hero .hero-stack[data-tx=wipe] .slide[data-on=true]{transition:-webkit-mask-position 1.5s cubic-bezier(.5,0,.2,1),mask-position 1.5s cubic-bezier(.5,0,.2,1)}.oh-hero .hero-stack[data-tx=push] .slide{transform:translate3d(100%,0,0)}.oh-hero .hero-stack[data-tx=push] .slide[data-on=true]{transform:none}.oh-hero .hero-stack[data-tx=push] .slide[data-prev=true],.oh-hero .hero-stack[data-tx=push][data-dir=prev] .slide{transform:translate3d(-100%,0,0)}.oh-hero .hero-stack[data-tx=push][data-dir=prev] .slide[data-on=true]{transform:none}.oh-hero .hero-stack[data-tx=push][data-dir=prev] .slide[data-prev=true]{transform:translate3d(100%,0,0)}.oh-hero .hero-stack[data-tx=push] .slide[data-on=true],.oh-hero .hero-stack[data-tx=push] .slide[data-prev=true]{transition:transform 1.05s cubic-bezier(.62,.02,.16,1)}.oh-hero .hero-ctrl{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 32px 24px;pointer-events:none}.oh-hero .hero-ctrl>*{pointer-events:auto}.oh-hero .hero-ctrl__side{display:flex;align-items:center;gap:10px}.oh-hero .hero-ctrl__side--end{justify-content:flex-end}.oh-hero .hero-ctrl-ground{position:absolute;left:0;right:0;bottom:0;height:118px;z-index:3;pointer-events:none;background:linear-gradient(180deg,#10121500,#1012151f 46%,#10121557)}.oh-hero .hero-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;margin:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:#fff;font:15px/1 var(--sans);opacity:.85;cursor:pointer;transition:opacity .4s ease,background var(--glide),transform var(--glide)}.oh-hero .hero-btn:hover{opacity:1;background:#ffffff24;transform:scale(1.09)}.oh-hero .hero-btn svg{display:block;width:18px;height:18px;fill:currentColor}.oh-hero .hero-pause{width:44px;height:44px}.oh-hero .hero-pause svg{width:14px;height:14px}.oh-hero .hero-pause[data-playing=true] .hero-pause__play,.oh-hero .hero-pause[data-playing=false] .hero-pause__pause{display:none}.oh-hero .hero-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0}.oh-hero .hero-dots button{-webkit-appearance:none;appearance:none;position:relative;width:30px;height:44px;padding:0;margin:0;border:0;background:transparent;color:#fff;opacity:.55;cursor:pointer;transition:opacity .6s,width var(--glide)}.oh-hero .hero-dots button:before{content:"";position:absolute;left:0;right:0;top:21px;height:2px;background:currentColor}.oh-hero .hero-dots button[aria-current=true],.oh-hero .hero-dots button:hover{opacity:1;width:44px}.oh-hero .oh-hero__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;text-align:center;font-family:var(--sans);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#fff}@media(max-width:599px){.oh-hero .hero-ctrl{padding:0 16px 16px;gap:8px}.oh-hero .hero-btn{width:44px;height:44px}.oh-hero .hero-dots{gap:6px}.oh-hero .hero-dots button{width:18px}.oh-hero .hero-dots button[aria-current=true],.oh-hero .hero-dots button:hover{width:30px}.oh-hero .hero-copy{padding-bottom:clamp(96px,16vh,130px)}}@media(prefers-reduced-motion:reduce){.oh-hero .hero-stack[data-tx=zoom] .slide[data-on=true] .slide-media{animation:none}}.oh-hero__title{text-transform:none}.oh-hero[data-caps=true] .oh-hero__title{text-transform:uppercase}.oh-hero .hero-btn{box-shadow:0 1px 3px #10121552,0 2px 12px #10121547}.oh-hero .hero-dots{filter:drop-shadow(0 1px 2px rgba(16,18,21,.55))}.oh-hero[data-editing=true] .slide-media,.oh-hero[data-editing=true] .slide-media>*{animation-play-state:paused!important}.oh-hero[data-editing=true] .slide{transition:none!important}
/*# sourceMappingURL=/cdn/shop/t/13/assets/oh-hero.css.map */