@font-face{font-family:Inter;src:url(inter-variable.ttf) format("truetype-variations"),url(inter-variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:FuturaLight;src:url(futura-light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:OteckMark;src:url(oteck_font.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--oteck-background: oklch(.06 0 0);--oteck-foreground: oklch(.98 0 0);--oteck-card: oklch(.09 0 0);--oteck-muted: oklch(.13 0 0);--oteck-muted-foreground: oklch(.62 0 0);--oteck-accent: oklch(.18 0 0);--oteck-secondary: oklch(.14 0 0);--oteck-border: oklch(1 0 0 / .1);--oteck-input: oklch(1 0 0 / .12);--oteck-ring: oklch(.62 .24 27);--oteck-hairline: oklch(1 0 0 / .14);--oteck-red: oklch(.6 .24 27);--oteck-red-deep: oklch(.42 .2 27);--bone: oklch(.92 .01 80);--oteck-container-px: clamp(1rem, 3vw, 3rem);--oteck-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--oteck-font-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--oteck-font-logo: "OteckMark", "Inter", system-ui, sans-serif;--oteck-font-price: "FuturaLight", "Futura", "Inter", system-ui, sans-serif;--oteck-font-mono: "JetBrains Mono", ui-monospace, monospace;--color-background: var(--oteck-background);--color-foreground: var(--oteck-foreground);--color-background-rgb: 15 15 15;--color-foreground-rgb: 250 250 250;--font-body--family: var(--oteck-font-sans);--font-paragraph--family: var(--oteck-font-sans);--font-heading--family: var(--oteck-font-sans);--font-subheading--family: var(--oteck-font-sans);--font-accent--family: var(--oteck-font-sans);--font-h1--family: var(--oteck-font-sans);--font-h2--family: var(--oteck-font-sans);--font-h3--family: var(--oteck-font-sans);--font-h4--family: var(--oteck-font-sans);--font-h5--family: var(--oteck-font-sans);--font-h6--family: var(--oteck-font-sans);--button-font-family-primary: var(--oteck-font-sans);--button-font-family-secondary: var(--oteck-font-sans)}html{color-scheme:dark}html,body{background-color:var(--oteck-background);color:var(--oteck-foreground);font-family:var(--oteck-font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overflow-x:hidden}::selection{background:var(--oteck-red);color:var(--oteck-foreground)}h1,h2,h3,h4,.oteck-display{font-family:var(--oteck-font-display);font-weight:400;letter-spacing:-.005em;line-height:.92}.oteck-eyebrow{font-family:var(--oteck-font-sans);font-size:10px;text-transform:uppercase;letter-spacing:.3em;color:var(--oteck-muted-foreground)}.oteck-eyebrow--tight{font-size:11px;letter-spacing:.25em}.grain{position:relative;overflow:hidden}.grain:after{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.98' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='0.72'/%3E%3C/svg%3E");background-size:180px 180px;animation:oteckAtmoGrainShift .1s steps(10,end) infinite;will-change:transform}@keyframes oteckAtmoGrainShift{0%{transform:translateZ(0)}10%{transform:translate3d(-2%,-4%,0)}20%{transform:translate3d(-6%,2%,0)}30%{transform:translate3d(4%,-6%,0)}40%{transform:translate3d(-2%,6%,0)}50%{transform:translate3d(-6%,4%,0)}60%{transform:translate3d(6%,0,0)}70%{transform:translate3d(0,6%,0)}80%{transform:translate3d(2%,4%,0)}90%{transform:translate3d(-4%,4%,0)}to{transform:translateZ(0)}}.vignette{position:relative}.vignette:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,oklch(0 0 0 / .65) 100%)}.red-glow{box-shadow:0 0 0 1px var(--oteck-red),0 0 24px -2px var(--oteck-red)}.hairline{border-color:var(--oteck-hairline)}.hairline-t{border-top:1px solid var(--oteck-hairline)}.hairline-b{border-bottom:1px solid var(--oteck-hairline)}.hairline-y{border-top:1px solid var(--oteck-hairline);border-bottom:1px solid var(--oteck-hairline)}.marquee{display:inline-flex;white-space:nowrap;animation:marquee 50s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.pulse-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--oteck-red);margin-right:.5rem;box-shadow:0 0 8px var(--oteck-red);animation:pulseDot 1.6s ease-in-out infinite;vertical-align:middle}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.rgb-hover{transition:filter .3s ease,color .3s ease}.rgb-hover:hover{filter:drop-shadow(1px 0 0 var(--oteck-red)) drop-shadow(-1px 0 0 var(--bone))}.oteck-line-hover{--oteck-line-color: currentColor;--oteck-line-offset: -.24em;--oteck-line-thickness: 1px;display:inline-block;position:relative;text-decoration:none}.oteck-footer__link{--oteck-line-color: currentColor;--oteck-line-offset: -.24em;--oteck-line-thickness: 1px;position:relative;text-decoration:none}.oteck-line-hover:before,.oteck-line-hover:after,.oteck-footer__link:before,.oteck-footer__link:after{background:var(--oteck-line-color);content:"";height:var(--oteck-line-thickness);left:0;pointer-events:none;position:absolute;right:0}.oteck-line-hover--slide:after{bottom:var(--oteck-line-offset);transform:scaleX(0);transform-origin:right;transition:transform .26s cubic-bezier(.22,1,.36,1)}.oteck-line-hover--slide:hover:after,.oteck-line-hover--slide:focus-visible:after,.oteck-line-hover--slide[aria-current=page]:after{transform:scaleX(1);transform-origin:left}.oteck-line-hover--split:before,.oteck-line-hover--split:after{bottom:var(--oteck-line-offset);transform:scaleX(0);transition:transform .28s cubic-bezier(.22,1,.36,1);width:50%}.oteck-line-hover--split:before{left:0;right:auto;transform-origin:left}.oteck-line-hover--split:after{left:auto;right:0;transform-origin:right}.oteck-line-hover--split:hover:before,.oteck-line-hover--split:hover:after,.oteck-line-hover--split:focus-visible:before,.oteck-line-hover--split:focus-visible:after{transform:scaleX(1)}.oteck-line-hover--reveal:before,.oteck-line-hover--reveal:after,.oteck-footer__link:before,.oteck-footer__link:after{bottom:var(--oteck-line-offset);transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1)}.oteck-line-hover--reveal:before,.oteck-footer__link:before{opacity:.28;transform:scaleX(1)}.oteck-line-hover--reveal:after,.oteck-footer__link:after{opacity:1;transform:scaleX(0);transform-origin:center}.oteck-line-hover--reveal:hover:after,.oteck-line-hover--reveal:focus-visible:after,.oteck-footer__link:hover:after,.oteck-footer__link:focus-visible:after{transform:scaleX(0)}.oteck-line-hover--light{--oteck-line-color: #FAFAFA}.oteck-line-hover--dark{--oteck-line-color: #000000}.oteck-shop-wave,.oteck-nav-list>.oteck-nav-item:first-child>.oteck-nav-link,.oteck-mobile-nav-list>.oteck-mobile-nav-item:first-child .oteck-mobile-nav-row>a{--oteck-line-color: currentColor;--oteck-line-offset: -.42em;--oteck-line-thickness: 6px;display:inline-block;position:relative;text-decoration:none}.oteck-shop-wave:before,.oteck-nav-list>.oteck-nav-item:first-child>.oteck-nav-link:before,.oteck-mobile-nav-list>.oteck-mobile-nav-item:first-child .oteck-mobile-nav-row>a:before{content:none}.oteck-shop-wave:after,.oteck-nav-list>.oteck-nav-item:first-child>.oteck-nav-link:after,.oteck-mobile-nav-list>.oteck-mobile-nav-item:first-child .oteck-mobile-nav-row>a:after{background:currentColor;bottom:var(--oteck-line-offset);color:var(--oteck-line-color);content:"";height:var(--oteck-line-thickness);left:0;pointer-events:none;position:absolute;right:0;transform:scaleX(0);transform-origin:right;transition:transform .34s cubic-bezier(.22,1,.36,1);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='48' height='8' viewBox='0 0 48 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4 C6 0 6 8 12 4 S18 0 24 4 S30 8 36 4 S42 0 48 4' fill='none' stroke='%23000000' stroke-width='1.35' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask-repeat:repeat-x;-webkit-mask-size:48px 8px;mask-image:url("data:image/svg+xml,%3Csvg width='48' height='8' viewBox='0 0 48 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4 C6 0 6 8 12 4 S18 0 24 4 S30 8 36 4 S42 0 48 4' fill='none' stroke='%23000000' stroke-width='1.35' stroke-linecap='round'/%3E%3C/svg%3E");mask-repeat:repeat-x;mask-size:48px 8px}.oteck-shop-wave:hover:after,.oteck-shop-wave:focus-visible:after,.oteck-shop-wave[aria-current=page]:after,.oteck-nav-list>.oteck-nav-item:first-child>.oteck-nav-link:hover:after,.oteck-nav-list>.oteck-nav-item:first-child>.oteck-nav-link:focus-visible:after,.oteck-nav-list>.oteck-nav-item:first-child>.oteck-nav-link[aria-current=page]:after,.oteck-mobile-nav-list>.oteck-mobile-nav-item:first-child .oteck-mobile-nav-row>a:hover:after,.oteck-mobile-nav-list>.oteck-mobile-nav-item:first-child .oteck-mobile-nav-row>a:focus-visible:after{transform:scaleX(0);transform-origin:left}@media(prefers-reduced-motion:reduce){.oteck-line-hover:before,.oteck-line-hover:after,.oteck-shop-wave:after,.oteck-nav-list>.oteck-nav-item:first-child>.oteck-nav-link:after,.oteck-mobile-nav-list>.oteck-mobile-nav-item:first-child .oteck-mobile-nav-row>a:after,.oteck-footer__link:before,.oteck-footer__link:after{transition:none}}.invert-on-dark{filter:invert(1)}oteck-reveal{display:block}.oteck-reveal{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}.oteck-reveal[data-visible=true]{opacity:1;transform:translateY(0)}.theme-light{--oteck-background: #e4e4e4;--oteck-foreground: oklch(.14 0 0);--oteck-card: oklch(.96 0 0);--oteck-muted: oklch(.9 0 0);--oteck-muted-foreground: oklch(.4 0 0);--oteck-accent: oklch(.82 0 0);--oteck-secondary: oklch(.9 0 0);--oteck-border: oklch(0 0 0 / .1);--oteck-input: oklch(0 0 0 / .12);--oteck-hairline: oklch(0 0 0 / .18);--bone: oklch(.14 0 0);background-color:var(--oteck-background);color:var(--oteck-foreground)}.theme-light.grain:after,.theme-light .grain:after{opacity:.04;mix-blend-mode:multiply}.theme-light.vignette:before,.theme-light .vignette:before{display:none}.theme-light .invert-on-dark{filter:none}.oteck-page{padding-inline:var(--oteck-container-px)}.oteck-grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(.75rem,1.5vw,2rem)}.oteck-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:var(--oteck-font-sans);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3em;text-decoration:none;border:1px solid var(--oteck-hairline);background:transparent;color:var(--oteck-foreground);cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease;white-space:nowrap}.oteck-pill:hover{background:var(--oteck-foreground);color:var(--oteck-background)}.oteck-pill__arrow{display:inline-block;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.oteck-pill:hover .oteck-pill__arrow{transform:translate(.25rem)}.oteck-pill--acid{background:var(--oteck-red);border-color:var(--oteck-red);color:var(--oteck-foreground)}.oteck-pill--acid:hover{background:var(--oteck-red-deep);border-color:var(--oteck-red-deep);color:var(--oteck-foreground)}.oteck-pill--ghost{border-color:transparent;color:var(--oteck-muted-foreground)}.oteck-pill--ghost:hover{background:transparent;color:var(--oteck-foreground)}@media(prefers-reduced-motion:reduce){.marquee,.pulse-dot:before{animation:none}.oteck-reveal{opacity:1;transform:none;transition:none}*{transition:none!important;animation:none!important}}.header__shop-name,.oteck-logo a,.oteck-logo .header__heading-logo~*,.oteck-hero__headline,.oteck-hero__headline-inner,.oteck-footer__marquee,.oteck-display.use-logo,.use-logo-font{font-family:var(--oteck-font-logo)!important}.price,.price *,.price__regular,.price__sale,.price__compare,.price-item,.price-item--regular,.price-item--sale,.price-item--last,.money,[data-price],.product-price,.product__price,.cart-item__price,.cart__price,.oteck-price,.oteck-collection__price,.oteck-product__price,.oteck-drop__price,.oteck-stl__price,.oteck-showcase__price,[class*=__price],[class*=-price],.use-price-font{font-family:var(--oteck-font-price)!important;font-weight:300;letter-spacing:.01em}
/*# sourceMappingURL=/cdn/shop/t/68/assets/oteck-design.css.map */