html{scroll-behavior:smooth}html.js [data-or-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:var(--or-delay, 0s)}html.js [data-or-reveal].or-revealed{opacity:1;transform:none}html.js [data-or-reveal=clip]{opacity:1;transform:none;transition:none}html.js [data-or-reveal=clip] .or-clip{display:inline-block;clip-path:inset(0 100% 0 0);transition:clip-path .9s cubic-bezier(.22,.61,.36,1);transition-delay:var(--or-delay, 0s)}html.js [data-or-reveal=clip].or-revealed .or-clip{clip-path:inset(0 -2% 0 0)}html.js [data-or-reveal=stamp]{opacity:0;transform:none;transition:none}html.js [data-or-reveal=stamp].or-revealed{opacity:1;animation:or-stamp .55s cubic-bezier(.22,.61,.36,1) var(--or-delay, 0s) backwards}@keyframes or-stamp{0%{opacity:0;transform:scale(1.18)}62%{opacity:1;transform:scale(.985)}76%{transform:scale(1.012) translate(.6px)}to{opacity:1;transform:scale(1) translate(0)}}html.js [data-or-reveal=words]{opacity:1;transform:none;transition:none}[data-or-reveal=words] .or-word:not(:last-child){margin-right:.42em}.or-letter-gap{display:inline-block;width:.5em}html.js [data-or-reveal=words] .or-word{display:inline-block;opacity:0;transform:translateY(.4em);transition:opacity .5s cubic-bezier(.22,.61,.36,1),transform .5s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--or-word-i, 0) * 40ms + var(--or-delay, 0s))}html.js [data-or-reveal=words].or-revealed .or-word{opacity:1;transform:none}html.js [data-or-reveal=letters]{opacity:1;transform:none;transition:none}html.js [data-or-reveal=letters] .or-letter{display:inline-block;opacity:0}html.js [data-or-reveal=letters].or-revealed .or-letter{animation:or-letter-in .5s cubic-bezier(.22,.61,.36,1) both,or-shimmer 1.1s ease-in-out 1 both;animation-delay:calc(var(--or-letter-i, 0) * 20ms + var(--or-delay, 0s)),calc(var(--or-letter-i, 0) * 20ms + var(--or-delay, 0s) + .25s)}@keyframes or-letter-in{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}@keyframes or-shimmer{0%,to{filter:brightness(1)}45%{filter:brightness(1.85)}}.or-clock{position:relative;width:var(--or-clock-d, 280px);height:var(--or-clock-d, 280px);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family);color:#f5f4f1;border-radius:50%;background:conic-gradient(from 210deg,#16171a,#2e3236 42deg,#101113 95deg,#1b1d20 160deg,#363b40 214deg,#121316 265deg,#1e2124 322deg,#16171a 360deg);box-shadow:0 1px #ffffff24,0 -1px 1px #000000a6,0 14px 36px #0000008c,inset 0 1px 1px #ffffff17}div.or-clock__dial{display:block;position:absolute;top:6.5%;right:6.5%;bottom:6.5%;left:6.5%;border-radius:50%;background:radial-gradient(circle at 50% 40%,#141517,#0b0c0d 55%,#050606);box-shadow:inset 0 5px 16px #000000d9,inset 0 1px 3px #000000e6,inset 0 -1px 1px #ffffff08}.or-clock:after{content:"";position:absolute;top:6.5%;right:6.5%;bottom:6.5%;left:6.5%;border-radius:50%;background:radial-gradient(ellipse 90% 45% at 50% -12%,rgba(255,255,255,.07) 0%,transparent 60%),linear-gradient(135deg,rgba(255,255,255,.045) 0%,transparent 42%,transparent 65%,rgba(255,255,255,.02) 100%);pointer-events:none;z-index:3}.or-clock__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:or-ring-rot 80s linear infinite;pointer-events:none}@keyframes or-ring-rot{to{transform:rotate(360deg)}}.or-clock__ring text{font-family:SF Mono,Cascadia Mono,Roboto Mono,Consolas,monospace;font-size:3.1px;letter-spacing:.85px;fill:#f5f4f159}div.or-clock__ticks{display:block;position:absolute;top:19%;right:19%;bottom:19%;left:19%;border-radius:50%;background:repeating-conic-gradient(rgba(245,244,241,.25) 0deg .5deg,transparent .5deg 6deg);-webkit-mask:radial-gradient(closest-side,transparent 91%,#000 91.5%);mask:radial-gradient(closest-side,transparent 91%,#000 91.5%)}.or-clock__ticks:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(rgba(245,244,241,.8) 0deg 1.1deg,transparent 1.1deg 30deg);-webkit-mask:radial-gradient(closest-side,transparent 79%,#000 79.5%);mask:radial-gradient(closest-side,transparent 79%,#000 79.5%)}div.or-clock__lume{display:block;position:absolute;top:19%;right:19%;bottom:19%;left:19%;border-radius:50%;pointer-events:none;background:radial-gradient(circle 1.6px at 50% 1.5%,#BFD7E4 0 1.1px,transparent 1.6px),radial-gradient(circle 1.6px at 98.5% 50%,#BFD7E4 0 1.1px,transparent 1.6px),radial-gradient(circle 1.6px at 50% 98.5%,#BFD7E4 0 1.1px,transparent 1.6px),radial-gradient(circle 1.6px at 1.5% 50%,#BFD7E4 0 1.1px,transparent 1.6px)}.or-clock__logo{position:absolute;top:9%;left:50%;transform:translate(-50%);width:calc(var(--or-clock-d, 280px) * .08);height:auto;opacity:.85}div.or-clock__hand{display:block;position:absolute;bottom:50%;transform-origin:50% 100%;transform:rotate(0);border-radius:2px}.or-clock__hand--h{left:calc(50% - 1px);width:2px;height:18%;background:#f5f4f133;transition:transform .3s linear}.or-clock__hand--m{left:calc(50% - 1px);width:2px;height:25%;background:#f5f4f12e;transition:transform .3s linear}.or-clock__hand--s{left:calc(50% - .75px);width:1.5px;height:40%;background:linear-gradient(180deg,#bfd7e4,#bfd7e41f);filter:drop-shadow(0 0 4px rgba(191,215,228,.45));transition:transform .3s cubic-bezier(.35,1.8,.45,.85)}.or-clock__hand--s:after{content:"";position:absolute;top:100%;left:0;width:1.5px;height:22%;background:#bfd7e4;border-radius:1px}div.or-clock__center{display:block;position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#bfd7e4;box-shadow:0 0 0 2px #0a0a0ae6;z-index:2}.or-clock__readout{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:calc(var(--or-clock-d, 280px) * .05);transform:translateY(calc(var(--or-clock-d, 280px) * .03))}.or-clock__days{display:flex;flex-direction:column;align-items:center;gap:calc(var(--or-clock-d, 280px) * .028)}.or-clock__days .or-cd__cells{font-size:calc(var(--or-clock-d, 280px) * .19)}.or-clock__days .or-cd__label{font-size:calc(var(--or-clock-d, 280px) * .03);letter-spacing:.42em;margin-left:.42em}.or-clock__time{display:flex;align-items:center;gap:calc(var(--or-clock-d, 280px) * .012)}.or-clock__time .or-cd__cells{font-size:calc(var(--or-clock-d, 280px) * .062)}.or-clock__colon{font-size:calc(var(--or-clock-d, 280px) * .05);line-height:1;animation:or-clock-colon 1s steps(2,jump-none) infinite}@keyframes or-clock-colon{0%,49%{opacity:.45}50%,to{opacity:.12}}.or-cd__cells{display:flex;gap:.1em;line-height:1}.or-cd__cell{position:relative;display:block;width:.84em;height:1.06em;overflow:hidden}.or-cd__digit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.or-cd__label{font-size:.85rem;letter-spacing:.32em;text-transform:uppercase;color:#8a8a8a}.or-clock-done{font-family:var(--font-heading-family);font-size:2.4rem;letter-spacing:.3em;text-transform:uppercase;color:#bfd7e4;margin:0}.or-clock-done[hidden]{display:none}.or-cd{display:flex;align-items:flex-start;gap:clamp(.9rem,1.3vw,1.7rem);font-family:var(--font-heading-family);line-height:1}.or-cd__group{display:flex;flex-direction:column;align-items:center;gap:1.1rem}.or-cd>.or-cd__group>.or-cd__cells{font-size:var(--or-cd-size, 5.6rem)}.or-cd__sep{font-size:calc(var(--or-cd-size, 5.6rem) * .66);line-height:1;padding-top:calc(var(--or-cd-size, 5.6rem) * .14);opacity:.45;animation:or-clock-colon 1s steps(2,jump-none) infinite}.or-cd>.or-cd__group>.or-cd__label{font-size:max(.95rem,calc(var(--or-cd-size, 5.6rem) * .17));letter-spacing:.3em;margin-left:.3em}.or-cd-caption{font-family:SF Mono,Cascadia Mono,Roboto Mono,Consolas,Courier New,monospace;font-size:1.05rem;letter-spacing:.5em;text-transform:uppercase;color:#8a8a8a;margin:0 0 0 .5em}.or-hero__stage{position:relative;width:100%;height:var(--or-hero-watch-h, 42vh)}.or-hero__title-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.or-hero__title{font-family:var(--font-heading-family);font-weight:400;text-transform:uppercase;line-height:.86;letter-spacing:.02em;margin:0;font-size:var(--or-stage-title-size, clamp(5.6rem, 20vw, 36rem));color:var(--or-hero-text, #F5F4F1);-webkit-user-select:none;user-select:none;white-space:nowrap}.or-hero__tletter{opacity:var(--or-tl-base, 1)}.or-hero__watch-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.or-hero__watch-box{position:relative;display:flex;align-items:center;justify-content:center;height:100%;animation:or-hero-float 6.5s ease-in-out infinite}@keyframes or-hero-float{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}.or-hero__watch{height:100%;width:auto;max-width:88vw;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(0,0,0,.55));transition:filter .8s ease}.or-hero__stage--pixel .or-hero__watch{image-rendering:pixelated;filter:brightness(1.9) contrast(1.05)}.or-hero__sweep{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.or-hero__sweep:before{content:"";position:absolute;top:-25%;bottom:-25%;left:0;width:45%;background:linear-gradient(100deg,transparent 0%,rgba(245,244,241,.1) 42%,rgba(245,244,241,.16) 50%,rgba(245,244,241,.1) 58%,transparent 100%);transform:translate(-140%) rotate(8deg);animation:or-hero-sweep 8s ease-in-out infinite}@keyframes or-hero-sweep{0%{transform:translate(-140%) rotate(8deg)}55%{transform:translate(430%) rotate(8deg)}to{transform:translate(430%) rotate(8deg)}}.or-noir-form .onerule-newsletter-form,.or-noir-form form{width:100%;max-width:none;text-align:left}.or-noir-form .onerule-newsletter-form{flex-direction:row;align-items:stretch;background:#111113;border:1px solid rgba(255,255,255,.14);padding:0 0 0 1.6rem;min-height:4.9rem;transition:border-color .35s ease,box-shadow .35s ease}.or-noir-form .onerule-newsletter-form:focus-within{border-color:#bfd7e48c;box-shadow:0 0 28px #bfd7e424}.or-noir-form .onerule-newsletter-form__input{border-bottom:0;padding:1.15rem 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px}.or-noir-form .onerule-newsletter-form__input::placeholder{font-size:15px;opacity:.4}.or-noir-form .onerule-newsletter-form__submit{background:#f5f4f1;color:#0a0a0a;padding:0 1.8rem;margin:0;display:flex;align-items:center;font-family:var(--font-heading-family);font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;transition:background .3s ease}.or-noir-form .onerule-newsletter-form__submit:hover,.or-noir-form .onerule-newsletter-form__submit:focus-visible{opacity:1;background:#bfd7e4}.or-noir-form .onerule-newsletter-form__feedback{color:#bfd7e4;letter-spacing:.08em;margin-top:.9rem}.or-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#050505;display:flex;align-items:center;justify-content:center;transition:opacity .75s ease,visibility .75s ease}.or-intro--done{opacity:0;visibility:hidden;pointer-events:none}.or-intro__inner{display:flex;flex-direction:column;align-items:center;gap:2.2rem;text-align:center;padding:0 6vw}.or-intro__title{font-family:var(--font-heading-family);font-weight:400;font-size:clamp(3.6rem,9vw,10rem);letter-spacing:.12em;text-transform:uppercase;color:#f5f4f1;line-height:1;margin:0;animation:or-intro-title-in 1.1s cubic-bezier(.22,.61,.36,1) .15s backwards}@keyframes or-intro-title-in{0%{opacity:0;letter-spacing:.02em}}.or-intro__sub{font-family:SF Mono,Cascadia Mono,Roboto Mono,Consolas,Courier New,monospace;font-size:1.25rem;letter-spacing:.5em;text-transform:uppercase;color:#bfd7e4;margin:0;animation:or-intro-sub-in .8s cubic-bezier(.22,.61,.36,1) .85s backwards}@keyframes or-intro-sub-in{0%{opacity:0;transform:translateY(10px)}}@media(max-width:749px){.or-intro__sub{font-size:1rem;letter-spacing:.32em}}@media(prefers-reduced-motion:reduce){html:not(.force-motion) .or-clock__ring,html:not(.force-motion) .or-clock__colon,html:not(.force-motion) .or-cd__sep,html:not(.force-motion) .or-hero__watch-box,html:not(.force-motion) .or-intro__title,html:not(.force-motion) .or-intro__sub,html:not(.force-motion) .or-hero__sweep:before{animation:none!important}html:not(.force-motion) .or-clock__hand,html:not(.force-motion) div.or-clock__hand{transition:none!important}}@media(prefers-reduced-motion:reduce){html:not(.force-motion){scroll-behavior:auto}html.js:not(.force-motion) [data-or-reveal],html.js:not(.force-motion) [data-or-reveal] .or-clip,html.js:not(.force-motion) [data-or-reveal] .or-word,html.js:not(.force-motion) [data-or-reveal] .or-letter{opacity:1!important;transform:none!important;transition:none!important;clip-path:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/onerule-home.css.map */