.wb{display:block;color:#fff;--wb-angle:360.5deg;--wb-x:67.5%;--wb-y:52.7%;--wb-ease:cubic-bezier(.16,1,.3,1)}.wb,.wb *{box-sizing:border-box}.wb__frame{position:relative;isolation:isolate;overflow:hidden;background:#0e080c;min-height:100dvh;display:grid}.wb[data-desktop-height=custom] .wb__frame{min-height:var(--wb-desktop-height)}.wb[data-desktop-height=adapt] .wb__frame{min-height:0}.wb[data-desktop-height=adapt] .wb__frame:before{content:"";grid-area:1/1;width:100%;aspect-ratio:var(--wb-desktop-ratio)}.wb__photo{position:absolute;top:0;right:0;bottom:0;left:0}.wb__photo picture{position:absolute;top:0;right:0;bottom:0;left:0}.wb__image{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:78% 50%}.wb__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(14,6,11,.72),rgba(14,6,11,.5) 30%,rgba(14,6,11,.08) 56%,transparent 70%),linear-gradient(180deg,rgba(14,6,11,.5),transparent 24%,transparent 76%,rgba(14,6,11,.35))}.wb__content{grid-area:1/1;position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;padding:var(--wb-desktop-padding) clamp(28px,3.6vw,72px)}.wb__group{position:relative;isolation:isolate;width:fit-content;max-width:min(656px,50vw);text-align:left}.wb__group:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:calc(100% + 46vw);height:calc(100% + 26vh);transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(closest-side,rgba(10,4,8,.72),rgba(10,4,8,.6) 48%,rgba(10,4,8,.3) 78%,transparent)}.wb__title{margin:0;color:#fff;font-family:var(--fd);font-weight:500;line-height:1.08;letter-spacing:normal}.wb__title span{font-family:var(--fd)}.wb__intro{display:block;font-size:clamp(20px,1.75vw,26px);line-height:1.3;font-weight:400;margin-bottom:12px;color:#e8e3dd}.wb__heading{display:block;font-size:clamp(35px,4.45vw,64px);--delay:.26s}.wb__word{display:inline-block;overflow:hidden;vertical-align:top}.wb__word>span{display:inline-block}.wb__button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:50px;margin-top:34px;padding:16px 32px;border:1px solid rgba(232,227,221,.85);color:#e8e3dd;font-family:Ysabeau,system-ui,sans-serif;font-size:13px;font-weight:640;line-height:16px;letter-spacing:.22em;text-transform:uppercase;text-align:center;text-decoration:none;transition:color .22s ease}.wb__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#e8e3dd;transform:scaleX(0);transform-origin:left;transition:transform .38s var(--wb-ease)}.wb__button:hover,.wb__button:focus-visible{color:#460032}.wb__button:hover:before,.wb__button:focus-visible:before{transform:scaleX(1)}.wb__button:focus-visible{outline:2px solid #f2decc;outline-offset:4px}.wb__hand{position:absolute;left:var(--wb-x);top:var(--wb-y);z-index:1;transform:rotate(var(--wb-angle));pointer-events:none;opacity:0}.wb__hand i{position:absolute;left:-.5px;bottom:0;width:1px;height:160vmax;background:linear-gradient(0deg,transparent,rgba(242,222,204,.95) 60px,rgba(242,222,204,.7) 60%,transparent)}.wb.is-animated{--wb-angle:0deg}.wb.is-animated .wb__photo{-webkit-mask-image:conic-gradient(from 0deg at var(--wb-x) var(--wb-y),#000 0deg var(--wb-angle),transparent var(--wb-angle));mask-image:conic-gradient(from 0deg at var(--wb-x) var(--wb-y),#000 0deg var(--wb-angle),transparent var(--wb-angle))}.wb.is-animated .wb__image{transform:scale(1.06);transition:transform 6s cubic-bezier(.2,.6,.3,1)}.wb.is-animated .wb__word>span{transform:translateY(112%);transition:transform 1.25s var(--wb-ease) calc(var(--i)*65ms + var(--delay,0ms))}.wb.is-animated .wb__button{opacity:0;transform:translateY(14px);transition:opacity 1s ease 1.2s,transform 1.2s var(--wb-ease) 1.2s,color .22s ease}.wb.is-in{--wb-angle:360.5deg}.wb.is-in .wb__word>span,.wb.is-in .wb__image,.wb.is-in .wb__button{transform:none;opacity:1}.wb.is-sweeping .wb__hand{opacity:1}@media(min-width:901px){.wb[data-desktop-position^=center] .wb__content{justify-content:center}.wb[data-desktop-position^=right] .wb__content{justify-content:flex-end}.wb[data-desktop-position^=center] .wb__group{text-align:center}.wb[data-desktop-position^=right] .wb__group{text-align:right}.wb[data-desktop-position$=top] .wb__content{align-items:flex-start}.wb[data-desktop-position$=bottom] .wb__content{align-items:flex-end}}@media(max-width:900px){.wb__frame{min-height:100dvh}.wb[data-mobile-height=custom] .wb__frame{min-height:var(--wb-mobile-height)}.wb[data-mobile-height=adapt] .wb__frame{min-height:0}.wb .wb__frame:before{content:none}.wb[data-mobile-height=adapt] .wb__frame:before{content:"";grid-area:1/1;aspect-ratio:var(--wb-mobile-ratio);width:100%}.wb__image{object-position:50% 50%}.wb__photo:after{background:linear-gradient(180deg,rgba(14,6,11,.82),rgba(14,6,11,.74) 34%,rgba(14,6,11,.3) 48%,transparent 58%,transparent 82%,rgba(14,6,11,.3))}.wb__content{padding:var(--wb-mobile-padding) 28px;align-items:center;justify-content:flex-start}.wb__group{max-width:100%}.wb__intro{font-size:18px;margin-bottom:8px}.wb__button{margin-top:22px}.wb[data-mobile-position^=center] .wb__content{justify-content:center}.wb[data-mobile-position^=right] .wb__content{justify-content:flex-end}.wb[data-mobile-position^=center] .wb__group{text-align:center}.wb[data-mobile-position^=right] .wb__group{text-align:right}.wb[data-mobile-position$=top] .wb__content{align-items:flex-start}.wb[data-mobile-position$=bottom] .wb__content{align-items:flex-end}.wb[data-mobile-layout=below] .wb__frame{display:flex;flex-direction:column;min-height:0}.wb[data-mobile-layout=below] .wb__frame:before{content:none}.wb[data-mobile-layout=below] .wb__photo{position:relative;height:100dvh;flex:none}.wb[data-mobile-layout=below][data-mobile-height=custom] .wb__photo{height:var(--wb-mobile-height)}.wb[data-mobile-layout=below][data-mobile-height=adapt] .wb__photo{height:auto;aspect-ratio:var(--wb-mobile-ratio)}.wb[data-mobile-layout=below] .wb__content{min-height:280px;background:#0e080c}.wb[data-mobile-layout=below] .wb__group:before{display:none}.wb[data-mobile-layout=below] .wb__hand{display:none}}@media(prefers-reduced-motion:reduce){.wb,.wb *,.wb *:before{transition:none!important}.wb .wb__photo{-webkit-mask-image:none;mask-image:none}.wb .wb__word>span,.wb .wb__image,.wb .wb__button{transform:none;opacity:1}.wb .wb__hand{display:none}}.wb__placeholder,.wb__placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wb__placeholder{background:#e8e3dd}.wb__placeholder-svg{fill:#b9ac9a}@media(min-width:901px){.wb .wb__mobile-only{display:none}}@media(max-width:900px){.wb .wb__desktop-only{display:none}}.wb__space{display:inline-block;width:.22em;white-space:pre}
/*# sourceMappingURL=/cdn/shop/t/58/assets/watches-banner.css.map */