/** Shopify CDN: Minification failed

Line 12:11 Expected identifier but found "{"
Line 12:12 Unexpected "{"
Line 12:22 Expected ":"

**/
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Inter:wght@400;600;800&display=swap');

:root{
  --void:#050505;--bone:#f1efe9;--muted:#777;--line:rgba(241,239,233,.18);
  --accent:{{ settings.accent_color | default: '#D9FF00' }};
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--void)}
body{margin:0;background:var(--void);color:var(--bone);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.skip-link{position:fixed;z-index:9999;left:10px;top:10px;padding:10px;background:var(--bone);color:var(--void);transform:translateY(-150%)}
.skip-link:focus{transform:none}
.code-noise{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.055;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.code-header{position:fixed;z-index:80;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:25px 32px;font:10px 'DM Mono',monospace;letter-spacing:.16em;text-transform:uppercase;mix-blend-mode:difference}
.code-brand{font:800 19px Inter,sans-serif;letter-spacing:-.08em}
.code-header__nav{display:flex;gap:32px}
.code-header__nav a,.code-bag{opacity:.7;transition:opacity .3s}.code-header__nav a:hover,.code-bag:hover{opacity:1}
.code-bag{justify-self:end}.code-bag b{color:var(--accent)}
.code-cursor{position:fixed;z-index:1000;pointer-events:none;width:66px;height:66px;border:1px solid var(--bone);border-radius:50%;display:grid;place-items:center;mix-blend-mode:difference;transform:translate(-50%,-50%) scale(.65);opacity:0;transition:opacity .25s,transform .35s var(--ease)}
.code-cursor.is-on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.code-cursor span{font:9px 'DM Mono';letter-spacing:.1em}
.code-transition{position:fixed;inset:0;z-index:1100;background:var(--void);display:none;align-items:center;justify-content:center;gap:0}.code-transition span{font:800 22vw Inter;letter-spacing:-.12em}
.code-home{overflow:hidden}
.code-boot{position:fixed;inset:0;z-index:100;background:var(--void);display:grid;grid-template-rows:auto 1fr auto;padding:28px 32px;transition:opacity 1s var(--ease),visibility 1s}.code-boot.done{opacity:0;visibility:hidden;pointer-events:none}
.code-boot__top,.code-boot__bottom{display:flex;justify-content:space-between;font:9px 'DM Mono';letter-spacing:.16em;color:#888}
.code-boot__center{align-self:center}.code-boot__logo{font:800 clamp(80px,18vw,280px) Inter;line-height:.7;letter-spacing:-.1em}.code-boot__center p{font:9px 'DM Mono';letter-spacing:.2em;margin-top:35px}
.code-boot>i{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);width:0}
.code-hero{height:100svh;min-height:680px;position:relative;isolation:isolate;background:#090909}
.code-hero__media,.code-hero__video,.code-hero__image,.code-hero__fallback,.code-vignette,.code-hero__grid{position:absolute;inset:0;width:100%;height:100%}
.code-hero__video,.code-hero__image{object-fit:cover;filter:contrast(1.1) saturate(.65)}
.code-hero__fallback{background:radial-gradient(circle at 50% 45%,#242424,transparent 35%),linear-gradient(125deg,#030303,#171717,#030303)}
.code-vignette{background:linear-gradient(180deg,rgba(0,0,0,.7),transparent 35%,transparent 58%,rgba(0,0,0,.9)),radial-gradient(circle,transparent 35%,rgba(0,0,0,.55))}
.code-hero__grid{opacity:.12;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:12vw 12vw;mask-image:linear-gradient(#000,transparent 80%)}
.code-hero__copy{position:absolute;z-index:5;left:7vw;right:7vw;bottom:7vh}
.code-kicker{font:10px 'DM Mono';letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin:0 0 18px}
.code-hero h1{font-size:clamp(72px,12.5vw,190px);line-height:.76;letter-spacing:-.085em;margin:0;text-transform:uppercase}
.code-hero h1 span{display:block}
.code-hero__bottom{display:flex;justify-content:space-between;align-items:end;margin-top:48px}.code-meta{display:flex;gap:45px;font:10px 'DM Mono';letter-spacing:.16em;color:#aaa}
.code-button{display:inline-flex;align-items:center;gap:18px;font:10px 'DM Mono';letter-spacing:.16em;text-transform:uppercase}
.code-button i{font-style:normal;border:1px solid #777;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;transition:.5s var(--ease)}
.code-button:hover i{background:var(--bone);color:var(--void);transform:rotate(45deg)}
.code-scroll{position:absolute;z-index:5;right:30px;bottom:30px;writing-mode:vertical-rl;font:9px 'DM Mono';letter-spacing:.16em;color:#999}.code-scroll i{display:block;height:55px;width:1px;background:var(--bone);margin-top:12px;animation:line 1.7s infinite}
@keyframes line{0%,100%{transform:scaleY(.25);transform-origin:top}50%{transform:scaleY(1)}}

.code-intro{min-height:105svh;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:12vw 7vw;position:relative}
.code-intro__number{font:800 clamp(180px,35vw,600px) Inter;letter-spacing:-.13em;line-height:.7;color:#101010}
.code-intro__copy{max-width:550px}.code-intro h2{font-size:clamp(55px,9vw,140px);line-height:.8;letter-spacing:-.08em;margin:0 0 35px}.code-intro p:not(.code-kicker){font:14px/1.7 'DM Mono';color:#999;max-width:400px}

.code-products{padding:9vw 0 13vw;background:#0a0a0a}
.code-products__head{padding:0 7vw 45px;display:flex;justify-content:space-between;font:10px 'DM Mono';letter-spacing:.15em;color:#888}.code-products__head .code-kicker{margin:0}
.code-product-track{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#202020}
.code-object{background:#0a0a0a;padding:0 0 30px;display:block}.code-object__image{height:56vw;max-height:820px;position:relative;overflow:hidden;background:#111}.code-object__image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter 1.2s var(--ease);filter:grayscale(.2)}
.code-object:hover .code-object__image img{transform:scale(1.045);filter:grayscale(0)}
.code-object__scan{position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--accent);transform:translateY(-20px);opacity:0}.code-object:hover .code-object__scan{opacity:1;animation:scan 1.1s linear infinite}
@keyframes scan{to{transform:translateY(56vw)}}
.code-object__info{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:15px;padding:20px 18px 0;font:9px 'DM Mono';letter-spacing:.1em}.code-object__info strong{font:600 12px Inter;text-transform:uppercase}.code-object__info span:last-child{text-align:right}
.code-object--placeholder .code-object__image{display:grid;place-items:center;font:10px 'DM Mono';color:#555}

.code-scanner{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:8vw 7vw;background:#f1efe9;color:#080808}
.code-scanner__visual{height:70vh;position:relative;overflow:hidden;background:linear-gradient(145deg,#1b1b1b,#070707)}
.code-scanner__ghost{position:absolute;inset:0;display:grid;place-items:center;font:800 24vw Inter;color:#111;letter-spacing:-.12em}
.code-scanner__line{position:absolute;z-index:2;top:0;bottom:0;left:20%;width:1px;background:var(--accent);box-shadow:0 0 30px var(--accent);animation:scanner 3.5s ease-in-out infinite}
@keyframes scanner{0%,100%{left:10%}50%{left:90%}}
.code-scanner__data{position:absolute;z-index:3;font:10px 'DM Mono';letter-spacing:.14em;color:var(--bone);opacity:.7}.d1{top:15%;left:10%}.d2{top:35%;right:10%}.d3{bottom:30%;left:15%}.d4{bottom:12%;right:12%;color:var(--accent)}
.code-scanner__copy h2{font-size:clamp(50px,7vw,110px);line-height:.82;letter-spacing:-.08em;margin:0 0 30px}.code-scanner__copy>p:last-child{max-width:430px;font:13px/1.7 'DM Mono';color:#555}

.code-manifesto{min-height:130svh;padding:13vw 7vw;display:flex;flex-direction:column;justify-content:center;font:800 clamp(55px,11vw,175px);line-height:.78;letter-spacing:-.09em;text-transform:uppercase}.manifesto-line:nth-child(2){margin-left:12vw;color:#555}.manifesto-line:nth-child(3){margin-left:24vw}.manifesto-break{font-size:.3em;letter-spacing:.2em;margin:12vh 0 25px;color:var(--accent);font-family:'DM Mono'}.manifesto-final{font-size:1.25em;margin-left:5vw}

.code-archive{padding:9vw 7vw 12vw;background:#0c0c0c}.code-archive__head{display:flex;justify-content:space-between;border-bottom:1px solid #222;padding-bottom:22px;font:9px 'DM Mono';letter-spacing:.15em;color:#888}.code-archive__head .code-kicker{margin:0}.code-archive__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(340px,34vw);overflow:auto;scrollbar-width:none}.code-archive__rail::-webkit-scrollbar{display:none}.code-archive article{min-height:48vh;border-right:1px solid #222;padding:45px 35px;display:flex;flex-direction:column;justify-content:space-between}.code-archive article b{font:800 clamp(90px,12vw,190px) Inter;letter-spacing:-.1em;color:#151515}.code-archive article span{font:800 30px Inter;letter-spacing:-.05em}.code-archive article small{font:9px 'DM Mono';color:var(--accent);letter-spacing:.15em}

.code-final{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8vw;background:#f1efe9;color:#050505}.code-final h2{font-size:clamp(70px,14vw,210px);line-height:.72;letter-spacing:-.1em;margin:0 0 60px}.code-button--light{color:#050505}.code-button--light i{border-color:#050505}

@media(max-width:800px){
  .code-header{padding:20px;grid-template-columns:1fr 1fr}.code-header__nav{display:none}
  .code-hero__copy{left:20px;right:20px;bottom:65px}.code-hero h1{font-size:22vw}.code-hero__bottom{display:block;margin-top:30px}.code-meta{justify-content:space-between;margin-bottom:30px}.code-scroll{right:17px}
  .code-intro{display:block;min-height:90svh;padding:28vw 20px}.code-intro__number{font-size:55vw;margin-bottom:15vw}.code-intro h2{font-size:20vw}
  .code-product-track{display:flex;overflow:auto}.code-object{min-width:78vw}.code-object__image{height:110vw}.code-scanner{display:block;padding:20px;min-height:auto}.code-scanner__visual{height:70vh;margin-bottom:60px}
  .code-manifesto{min-height:100svh;padding:25vw 20px;font-size:18vw}.manifesto-line:nth-child(2){margin-left:7vw}.manifesto-line:nth-child(3){margin-left:14vw}.manifesto-break{margin:12vh 0 20px}
  .code-archive{padding:22vw 20px}.code-archive__rail{grid-auto-columns:78vw}.code-archive article{min-height:55vh;padding:30px 20px}.code-final{min-height:90svh;padding:20px}.code-final h2{font-size:22vw}
  .code-cursor{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}