@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&family=Silkscreen:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#0b0b0b;--ink:#f0efeb;--muted:#aaa9a5;--line:#343434}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #fff;outline-offset:6px}header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:700;letter-spacing:-1.8px}.brand span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}nav{display:flex;gap:36px;font-size:14px}nav a:hover,footer a:hover{color:#aaa}.header-note{font-size:13px;color:var(--muted)}.hero{padding:36px 5% 0;overflow:hidden}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center}.hero-top,.eyebrow,.edition,.photo-label,.closing>span,footer>span{font-size:12px;letter-spacing:1.5px}.hero-top{color:var(--muted)}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(100px,17.8vw,280px);font-weight:700;letter-spacing:-.025em;line-height:.85;margin:68px 0 50px}h1 span{color:#b4b3ae}.hero-bottom{gap:24px}.hero-bottom p{font-size:16px;line-height:1.65;margin:0}.button{border:1px solid #777;padding:20px 25px;display:flex;gap:45px;font-size:14px;transition:background .2s}.button:hover{background:var(--ink);color:var(--bg)}.button span{display:none}.edition{line-height:1.8;color:var(--muted)}.hero-rule{border-bottom:1px solid var(--line);margin-top:55px}.product{padding:100px 5%;display:grid;grid-template-columns:1.05fr 1fr;gap:10%;align-items:center}.product-photo{position:relative;background:#171717;aspect-ratio:3/4;overflow:hidden}.product-photo img{width:100%;height:100%;display:block;object-fit:cover}.photo-label{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;color:#ddd;text-shadow:0 1px 4px #000}.eyebrow{color:var(--muted)}.product h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(75px,9vw,145px);font-weight:600;line-height:.88;letter-spacing:-3px;margin:30px 0}.product h2 span{color:#a4a39f}.description{line-height:1.7;font-size:20px}.specs{margin-top:35px;border-top:1px solid var(--line)}.specs div{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:14px;gap:20px}.specs span{color:var(--muted)}.specs strong{font-weight:400}.release{margin-top:32px}.release-heading{font-size:18px}.release p{font-size:14px;line-height:1.6;color:var(--muted);max-width:320px}.concept-note{font-size:12px;color:#94938f;margin-top:30px}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 5%;padding:70px 0 90px;display:grid;grid-template-columns:1fr 2fr;gap:35px}.manifesto h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(50px,7vw,100px);font-weight:600;line-height:1;letter-spacing:-1px;margin:0 0 35px}.manifesto p{font-size:18px;line-height:1.8;color:var(--muted);max-width:510px}.manifesto .signature{color:var(--ink);font-size:16px;margin-top:30px}.closing{text-align:center;padding:100px 5% 110px}.closing>span{color:var(--muted)}.closing h2{font-size:clamp(32px,5vw,70px);font-weight:500;line-height:1.12;letter-spacing:-2px;margin:30px 0}.closing a{font-size:14px;border-bottom:1px solid #777;padding-bottom:8px}footer{border-top:1px solid var(--line);margin:0 5%;padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span{color:var(--muted)}footer>a:last-child{font-size:14px}@media(max-width:700px){header{height:82px}.brand{font-size:25px}nav{gap:20px}.header-note{display:none}.hero{padding-top:25px}.hero-top{font-size:10px;letter-spacing:1px}h1{font-size:clamp(78px,20.4vw,145px);margin:55px 0 35px;line-height:.92}.hero-bottom{flex-wrap:wrap;align-items:flex-start}.hero-bottom p{font-size:14px}.button{padding:17px 18px}.edition{width:100%;font-size:11px}.hero-rule{margin-top:28px}.product{padding:55px 5%;grid-template-columns:1fr;gap:40px}.product-photo{aspect-ratio:4/5}.product h2{font-size:100px}.product-copy{padding:0 3%}.description{font-size:18px}.manifesto{padding:45px 0;grid-template-columns:1fr;gap:28px}.manifesto h2{font-size:58px}.manifesto p{font-size:16px}.closing{padding:70px 5% 80px}.closing h2{letter-spacing:-1px}footer{flex-wrap:wrap;padding:30px 0}footer .brand{width:100%}footer>span{font-size:10px;letter-spacing:1px}footer>a:last-child{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.product-photo img{object-fit:contain}.product-photo{background:#000}

/* Bitmap typography and restrained accents from the ORIGIN artwork. */
:root{--red:#ff3939;--pixel:'Silkscreen','Courier New',monospace}
h1{font-family:var(--pixel);font-size:clamp(38px,10vw,150px);font-weight:400;letter-spacing:-.065em;line-height:1.15;margin:65px 0 50px}
.hero-top,.eyebrow,.edition,.photo-label,.closing>span,footer>span{font-family:var(--pixel);font-weight:400;letter-spacing:0;font-size:12px;line-height:1.7}
.product h2{font-family:var(--pixel);font-size:clamp(40px,5.5vw,84px);font-weight:400;letter-spacing:-.045em;line-height:1.15}
.product h2 span{color:var(--red)}
.hero-top>span:last-child,.eyebrow{color:var(--red)}
.hero-rule{border-bottom:0;height:1px;background:linear-gradient(90deg,var(--red) 0 12%,var(--line) 12% 100%)}
.button{border-color:#653333;box-shadow:inset 3px 0 0 var(--red)}
.button:hover{background:#241010;color:var(--ink);border-color:var(--red)}
a:focus-visible{outline-color:var(--red)}
nav a:hover,footer a:hover{color:var(--red)}
.release{border-left:2px solid #a42b2b;padding-left:18px}
.closing a{border-bottom-color:var(--red)}
.manifesto .signature{font-family:var(--pixel);font-size:14px}
@media(max-width:700px){h1{font-size:10vw;letter-spacing:-.07em;line-height:1.3;margin:48px 0 35px}.hero-top{flex-wrap:wrap;gap:8px}.hero-top,.edition,.photo-label,footer>span{font-size:12px}.product h2{font-size:clamp(40px,13vw,75px)}.photo-label{left:14px;right:14px;bottom:14px;gap:12px}.hero-bottom .button{font-size:14px}.manifesto .signature{line-height:1.8}}

/* Quiet, stepped motion for the bitmap lettering. */
h1 .headline-line{display:block;color:var(--ink)}h1 .headline-line:last-child{color:#b4b3ae}
@media(prefers-reduced-motion:no-preference){
.headline-line{animation:pixel-enter .9s steps(10,end) both}.headline-line:last-child{animation-delay:.18s}
.hero-top{animation:label-enter .7s steps(8,end) both}
.product h2 span{display:inline-block;animation:red-breathe 4s ease-in-out 1.2s 3}
.motion-ready [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s steps(12,end)}
.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}
}
@keyframes pixel-enter{from{opacity:0;transform:translateY(22px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
@keyframes label-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes red-breathe{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 18px #ff393960}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}[data-reveal]{opacity:1!important;transform:none!important}}

/* ORIGIN: a brief digital introduction and responsive light. */
.boot-screen{position:fixed;inset:0;z-index:100;background:#090909;display:grid;place-items:center;pointer-events:none;animation:boot-dismiss .45s ease 1.5s forwards}
.boot-content{width:min(80vw,430px);font-family:var(--pixel);font-size:14px;line-height:2;color:var(--ink)}
.boot-code{color:var(--red);font-size:12px}.boot-title{white-space:nowrap;overflow:hidden;width:0;animation:boot-type .8s steps(20,end) .1s forwards}
.boot-track{height:1px;background:#333;margin-top:24px}.boot-track::after{content:'';display:block;width:100%;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;animation:boot-progress 1.25s steps(14,end) forwards}
@keyframes boot-type{to{width:100%}}@keyframes boot-progress{to{transform:scaleX(1)}}@keyframes boot-dismiss{to{opacity:0;visibility:hidden}}
.hero{position:relative}.hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 300px 200px at var(--pointer-x,80%) var(--pointer-y,40%),#ff262610,transparent 75%);z-index:-1}.hero{isolation:isolate}
.product-photo{--art-progress:1;border:1px solid #242424}
.art-motion .product-photo img{clip-path:inset(0 0 calc((1 - var(--art-progress)) * 100%) 0);transform:scale(calc(1.025 - var(--art-progress) * .025));will-change:clip-path,transform}
.art-motion .product-photo::after{content:'';position:absolute;left:12%;right:12%;top:calc(var(--art-progress) * 100%);height:1px;background:linear-gradient(90deg,transparent,#ff3939,transparent);box-shadow:0 0 12px #ff393975;opacity:calc(1 - var(--art-progress));pointer-events:none}
.button,.closing a{transition:border-color .2s,background .2s,text-shadow .2s}.closing a:hover{text-shadow:0 0 12px #ff393955}
@media(prefers-reduced-motion:no-preference){.after-boot h1 .headline-line{animation-delay:1.65s}.after-boot h1 .headline-line:last-child{animation-delay:1.83s}}
@media(prefers-reduced-motion:reduce){.boot-screen{display:none}.hero::before{display:none}.art-motion .product-photo img{clip-path:none;transform:none}.art-motion .product-photo::after{display:none}}

.signup{margin:0 5%;padding:65px 0 75px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.signup h2{font-family:var(--pixel);font-size:clamp(26px,3vw,44px);font-weight:400;line-height:1.3;letter-spacing:-.04em;margin:22px 0}.signup-intro p{color:var(--muted);line-height:1.7}.signup-form{min-width:0}.signup-consent{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 0}.signup .ml-form-embedWrapper,.signup .ml-form-embedBody{background:transparent!important;color:var(--ink)!important}.signup .ml-form-embedWrapper{width:100%!important;max-width:100%!important}.signup .ml-form-embedContent h4{font-family:var(--pixel)!important;color:var(--ink)!important;font-size:24px!important;line-height:1.4!important}.signup .ml-form-embedContent p,.signup label{color:var(--ink)!important}.signup input[type=email]{background:#151515!important;border:1px solid #555!important;color:#fff!important;font-size:16px!important;min-height:50px}.signup .ml-form-embedSubmit button{background:#b92525!important;color:white!important;border-radius:0!important;font-family:var(--pixel)!important;font-size:14px!important;min-height:50px}.signup .ml-form-embedSubmit button:hover{background:#dc3030!important}.signup .ml-form-successContent h4,.signup .ml-form-successContent p{color:var(--ink)!important}@media(max-width:700px){.signup{grid-template-columns:1fr;gap:22px;padding:45px 0}.signup h2{font-size:30px}nav{gap:12px;font-size:12px}.signup .ml-form-embedBody{padding:20px 0!important}}
