.opsh{--opsh-font: "Bodoni Moda", "Times New Roman", Georgia, serif;position:relative;overflow:hidden;isolation:isolate;background:#111110;color:#fff;height:calc(100svh - var(--o-header-h, 68px));min-height:560px}.opsh--splash{position:fixed;top:0;right:0;bottom:0;left:0;height:100svh;min-height:0;z-index:1}.opsh__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.opsh__bg-slide{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--opsh-bg-d);background-size:cover;background-position:center;opacity:0;transform:scale(1);transition:opacity 2.2s cubic-bezier(.22,.61,.36,1),transform 7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}.opsh__bg-slide.is-active{opacity:1;transform:scale(1.06)}.opsh__bgnav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(14px,2.6vw,36px);pointer-events:none}.opsh__bgarrow{pointer-events:auto;display:grid;place-items:center;width:clamp(38px,3.6vw,50px);height:clamp(38px,3.6vw,50px);border-radius:50%;border:1px solid rgba(255,255,255,.32);background:#0a090838;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;opacity:0;animation:opsh-up .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.64s;transition:background-color .26s ease,border-color .26s ease,transform .32s cubic-bezier(.16,1,.3,1)}.opsh__bgarrow svg{transition:transform .26s cubic-bezier(.16,1,.3,1)}.opsh__bgarrow:hover,.opsh__bgarrow:focus-visible{background:#ffffff24;border-color:#ffffffbf;transform:scale(1.08)}.opsh__bgarrow--prev:hover svg,.opsh__bgarrow--prev:focus-visible svg{transform:translate(-2px)}.opsh__bgarrow--next:hover svg,.opsh__bgarrow--next:focus-visible svg{transform:translate(2px)}.opsh__bgarrow:active{transform:scale(.96)}.opsh__bgarrow:focus-visible{outline:none}.opsh__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(120% 90% at 100% 0%,#0807068c,#08070600 45%),radial-gradient(140% 100% at 100% 100%,#080706b8,#08070600 55%),linear-gradient(180deg,#0a09084d,#0a09080a 25%,#0a09080f 60%,#0a090880);pointer-events:none}.opsh__overlay{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:clamp(24px,4vh,48px) clamp(24px,5vw,72px);padding-bottom:calc(clamp(24px,4vh,48px) + var(--optiq-dock-h, 76px) + max(18px,env(safe-area-inset-bottom,0px)) + 14px)}.opsh__list{display:flex;flex-direction:column;align-items:flex-end;gap:clamp(10px,1.6vh,16px)}.opsh__row{text-decoration:none;cursor:pointer;opacity:0;transform:translateY(-10px);animation:opsh-up .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--opsh-delay, 0ms)}.opsh__row:focus-visible{outline:1px solid rgba(255,255,255,.65);outline-offset:6px}.opsh__row-label{display:inline-block;font-size:clamp(17px,2.6vw,23px);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.55);padding-bottom:4px;border-bottom:1px solid transparent;transition:border-color .22s ease}.opsh__row:hover .opsh__row-label,.opsh__row:focus-visible .opsh__row-label{border-color:#ffffffbf}.opsh__logo{font-family:var(--opsh-font);font-weight:600;font-size:clamp(4.5rem,15vw,12rem);line-height:.86;letter-spacing:-.02em;text-transform:uppercase;color:#fff;text-shadow:0 8px 40px rgba(0,0,0,.4);white-space:nowrap;opacity:0;transform:translateY(14px);animation:opsh-up 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--opsh-delay, 0ms)}@keyframes opsh-up{to{opacity:1;transform:translateY(0)}}@media(max-width:780px){.opsh__overlay{padding:clamp(20px,5vh,32px) clamp(18px,6vw,28px);padding-bottom:calc(clamp(20px,5vh,32px) + var(--optiq-dock-h, 68px) + max(18px,env(safe-area-inset-bottom,0px)) + 14px)}.opsh__logo{font-size:clamp(3.4rem,20vw,6rem)}.opsh__bgnav{padding:0 12px}.opsh__bgarrow{width:40px;height:40px}.opsh__bg-slide{background-image:var(--opsh-bg-m)}}@media(prefers-reduced-motion:reduce){.opsh__row,.opsh__logo,.opsh__bgarrow{animation-duration:1ms!important;animation-delay:0ms!important}.opsh__row-label{transition:none!important}.opsh__bg-slide{transition-duration:1ms!important;transform:none!important}.opsh__bg-slide.is-active{transform:none!important}.opsh__bgarrow,.opsh__bgarrow svg{transition:none!important}.opsh__bgarrow:hover,.opsh__bgarrow:focus-visible,.opsh__bgarrow:active{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/optiq-hero.css.map */