:root{--black:#050505;--white:#f4f4f0;--graphite:#171717;--acid:#c6ff00;--line:#f4f4f038;--mono:"DM Mono",monospace;--sans:"Space Grotesk",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{background:var(--black);color:var(--white);font-family:var(--sans);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.nav{z-index:20;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:22px 3.2vw;font-size:11px;transition:background .4s,color .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav.solid{background:var(--black);border-bottom:1px solid var(--line)}.brand{letter-spacing:.04em;align-items:center;font-size:15px;font-weight:700;display:flex}.brand span{font-weight:400}.brand-logo{width:auto;height:22px;display:block}.navlinks{gap:30px;display:flex}.navstatus{font-family:var(--mono);color:var(--acid);font-size:9px}.hero{background:#050505;height:100dvh;min-height:650px;position:relative;overflow:hidden}.hero video{object-fit:cover;opacity:.22;filter:grayscale()contrast(1.4);mix-blend-mode:screen;width:100%;height:100%;position:absolute}.hero:before{content:"";opacity:.7;background:radial-gradient(at 60% 45%,#3b3e35 0,#181a17 25%,#050505 66%);position:absolute;inset:0}.hero-noise{opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-grid{background:linear-gradient(90deg,#0000 0 49.9%,#f4f4f01f 50%,#0000 50.1%) 0 0/100% 100%,linear-gradient(#f4f4f014 1px,#0000 1px) 0 0/100% 84px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 78%,#0000);mask-image:linear-gradient(#0000,#000 20% 78%,#0000)}.hero-copy{z-index:2;position:absolute;top:50%;left:7vw;transform:translateY(-48%)}.eyebrow,.section-index{font-family:var(--mono);letter-spacing:.09em;color:var(--acid);font-size:10px}.hero h1{letter-spacing:-.09em;margin:2.5rem 0 2.3rem;font-size:clamp(5rem,15vw,15rem);font-weight:600;line-height:.78;transition:filter .6s,opacity .6s}.hero h1.phase{color:var(--acid);filter:drop-shadow(0 0 34px #c6ff0029);font-size:clamp(4.8rem,13vw,13rem)}.hero-note{color:#f4f4f0b8;margin:0 0 28px;font-size:14px}.hero-cta{font-family:var(--mono);letter-spacing:.06em;border-bottom:1px solid var(--acid);padding-bottom:8px;font-size:11px}.hero-cta span,.waitlist button span{color:var(--acid);margin-left:14px;font-size:18px}.hero-meta{font-family:var(--mono);color:#f4f4f0a6;letter-spacing:.08em;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:32px;left:3.2vw;right:3.2vw}.progress{background:#f4f4f033;height:2px;position:absolute;bottom:0;left:0;right:0}.progress i{background:var(--acid);transform-origin:0;height:100%;display:block}.scroll-indicator{font-family:var(--mono);writing-mode:vertical-rl;color:#f4f4f099;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:64px;right:3.2vw}.scroll-indicator span{color:var(--acid);font-size:20px}.manifesto{background:var(--white);min-height:100vh;color:var(--black);padding:30px 7vw 10vw;position:relative;overflow:hidden}.manifesto-top,.section-head{font-family:var(--mono);letter-spacing:.08em;justify-content:space-between;font-size:10px;display:flex}.manifesto-top .section-index,.section-head span:first-child{color:#465500}.mono{font-family:var(--mono);font-size:10px}.manifesto-words{z-index:2;justify-content:space-between;align-items:end;padding-top:14vh;display:flex;position:relative}.manifesto h2{letter-spacing:-.09em;margin:0;font-size:clamp(4.2rem,10vw,11rem);font-weight:600;line-height:.82}.manifesto em,.culture em,.waitlist em{color:#829f00;font-style:normal}.manifesto-copy{font-family:var(--mono);max-width:210px;margin-bottom:1rem;font-size:12px;line-height:1.5}.hardware{width:38vw;min-width:320px;height:320px;position:absolute;bottom:2vw;right:8vw}.hardware-label{font:10px var(--mono);position:absolute;top:0;right:0}.device-orbit{border:1px solid #bbc2ad;border-radius:50%;position:absolute;inset:40px 0 0;transform:rotate(-17deg)}.device{background:linear-gradient(135deg,#4d5544,#151713 52%,#777b67);width:200px;height:120px;position:absolute;top:26%;right:28%;transform:rotate(-19deg)skew(-9deg);box-shadow:25px 30px #cbd0c2}.device span{font:700 10px var(--mono);color:var(--acid);position:absolute;top:15px;left:18px}.device b{color:#e6e9dd;font-size:44px;position:absolute;bottom:10px;right:20px}.conditions{background:var(--black);padding:32px 7vw 10vw}.conditions .section-head,.previews .section-head,.categories .section-head{margin-bottom:90px}.condition-list{border-top:1px solid var(--line)}.condition{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr 40px;align-items:center;padding:38px 0;transition:padding .4s,background .4s;display:grid}.condition:hover{background:var(--graphite);padding-left:18px}.condition-num{font:12px var(--mono);color:var(--acid)}.condition h3{letter-spacing:-.08em;margin:0;font-size:clamp(3.5rem,8vw,8rem);font-weight:500;line-height:.8}.condition-sub{font:11px var(--mono);letter-spacing:.1em;color:var(--acid);margin:20px 0 0}.condition-desc{color:#8b8b85;margin:13px 0 0;font-size:14px}.condition-arrow{color:var(--acid);font-size:24px}.culture{background:var(--black);border-top:1px solid var(--line);padding:12vw 7vw 0;overflow:hidden}.culture-inner{grid-template-columns:1fr 1fr;align-items:end;gap:5vw;display:grid}.culture h2{letter-spacing:-.09em;grid-column:1/-1;margin:5rem 0 9rem;font-size:clamp(4.4rem,11vw,12rem);line-height:.78}.culture p{font-family:var(--mono);grid-column:2;margin-bottom:8rem;font-size:13px;line-height:1.4}.ticker{border-top:1px solid var(--line);width:max-content;font:11px var(--mono);letter-spacing:.08em;gap:30px;padding:20px 0 24px;animation:35s linear infinite marquee;display:flex}.ticker span{white-space:nowrap}.ticker b{color:var(--acid);font-weight:400}@keyframes marquee{to{transform:translate(-50%)}}.categories{background:var(--white);color:var(--black);padding:32px 7vw 10vw}.category-grid{background:#171717;grid-template-columns:repeat(12,1fr);gap:2px;margin-top:40px;display:grid}.category{background:var(--white);flex-direction:column;justify-content:space-between;min-height:250px;padding:22px;transition:background .3s,color .3s;display:flex;position:relative;overflow:hidden}.category:hover{background:var(--black);color:var(--white)}.cat-1{grid-column:span 7;min-height:420px}.cat-2{grid-column:span 5}.cat-3{grid-column:span 4}.cat-4{grid-column:span 8}.cat-5,.cat-6{grid-column:span 6;min-height:340px}.cat-num{font:11px var(--mono);color:#829f00}.category h3{letter-spacing:-.08em;margin:0;font-size:clamp(2.3rem,5vw,6rem);font-weight:500;line-height:.8}.cat-mark{font-size:26px;position:absolute;top:18px;right:22px}.previews{background:var(--graphite);padding:32px 7vw 12vw}.preview-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.preview-art{background:#0d100d;height:390px;position:relative;overflow:hidden}.p1 .preview-art{background:radial-gradient(circle at 55% 45%,#56604d,#0000 18%),repeating-linear-gradient(135deg,#151815 0 4px,#252b22 5px 7px)}.p2 .preview-art{background:radial-gradient(at 45%,#73796b 0 9%,#0000 10%),linear-gradient(120deg,#151815,#5a6252 40%,#0b0c0b)}.p3 .preview-art{background:radial-gradient(circle at 60% 40%,#c8ff00 0 2%,#0000 3%),repeating-linear-gradient(0deg,#0d100d 0 12px,#283023 13px 14px)}.chip-lines{clip-path:polygon(0 16%,32% 16%,32% 0,68% 0,68% 23%,100% 23%,100% 76%,76% 76%,76% 100%,22% 100%,22% 81%,0 81%);border:1px solid #c6ff0080;position:absolute;inset:18%}.preview-index{font:10px var(--mono);color:var(--acid);position:absolute;top:18px;left:18px}.preview-foot{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 0;display:flex}.preview-foot h3{margin:0;font-size:19px;font-weight:500}.preview-foot span{font:10px var(--mono);color:#aeb7a7}.waitlist{background:var(--black);min-height:75vh;padding:32px 7vw 12vw}.waitlist h2{letter-spacing:-.1em;max-width:1050px;margin:18vh 0 3rem;font-size:clamp(5rem,13vw,14rem);line-height:.78}.waitlist>p,.success p{font-family:var(--mono);color:#a7aaa3;font-size:13px;line-height:1.4}.waitlist form{border-bottom:1px solid var(--white);max-width:850px;margin-top:70px;display:flex}.waitlist label{flex-direction:column;flex:1;gap:16px;display:flex}.waitlist label span{font:10px var(--mono);color:var(--acid)}.waitlist input{color:var(--white);background:0 0;border:0;outline:none;padding:0 0 18px;font-size:28px}.waitlist input::placeholder{color:#555}.waitlist button{color:var(--white);font:13px var(--mono);cursor:pointer;background:0 0;border:0;padding:0 0 18px}.form-error{font-family:var(--mono);color:#ff5c5c;margin:16px 0 0;font-size:11px}.waitlist button:disabled{opacity:.5;cursor:default}.whatsapp{font:10px var(--mono);color:#7d8478;border-bottom:1px solid #7d8478;margin-top:28px;padding-bottom:6px;display:inline-block}.success{margin-top:20vh}.success-mark{background:var(--acid);color:#111;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px;display:flex}.success h2{margin:36px 0 20px;font-size:clamp(4rem,10vw,10rem)}footer{font:9px var(--mono);color:#777b72;background:var(--black);border-top:1px solid #252825;justify-content:space-between;padding:20px 3.2vw;display:flex}@media (width<=700px){.nav{padding:18px 5vw}.navlinks{gap:14px}.navlinks a:nth-child(2),.navstatus{display:none}.hero-copy{left:5vw;right:5vw}.hero h1{font-size:clamp(4.4rem,19vw,8rem)}.hero h1.phase{font-size:clamp(4rem,17vw,7rem)}.hero-meta{font-size:8px;left:5vw;right:5vw}.manifesto,.conditions,.culture,.categories,.previews,.waitlist{padding-left:5vw;padding-right:5vw}.manifesto{min-height:900px}.manifesto-words{padding-top:17vh;display:block}.manifesto h2{font-size:clamp(4rem,17vw,8rem)}.manifesto-copy{margin-top:45px}.hardware{width:88vw;bottom:15vw;right:3vw}.condition{grid-template-columns:45px 1fr 25px;padding:30px 0}.condition h3{font-size:clamp(3rem,16vw,6rem)}.culture-inner{display:block}.culture h2{margin:4rem 0;font-size:clamp(4rem,17vw,9rem)}.culture p{margin-bottom:6rem}.category-grid{display:block}.category{margin-bottom:2px;min-height:210px!important}.preview-grid{display:block}.preview{margin-bottom:35px}.preview-art{height:300px}.waitlist h2{margin-top:18vh;font-size:clamp(4rem,18vw,9rem)}.waitlist form{margin-top:55px}.waitlist input{width:100%;font-size:20px}footer{flex-direction:column;gap:10px;padding:20px 5vw}.scroll-indicator{right:5vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.nav-right{align-items:center;gap:22px;display:flex}.lang-toggle{font:10px var(--mono);letter-spacing:.08em;align-items:center;gap:6px;display:flex}.lang-toggle button{color:#777b72;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.lang-toggle button.active{color:var(--acid)}.lang-toggle i{color:#555;font-style:normal}.cat-7{grid-column:span 12;min-height:300px}main section{opacity:0;transition:opacity .9s,transform 1s cubic-bezier(.2,.7,.2,1);transform:translateY(34px)}.preview-grid{width:max-content;animation:30s cubic-bezier(.45,.05,.55,.95) infinite alternate previewRun}.preview-grid:hover,.preview-grid:focus-within{animation-play-state:paused}@keyframes previewRun{0%{transform:translate(0)}to{transform:translate(calc(-1*min(46vw,520px)))}}.categories{position:relative}.categories:after{content:"FIELD / 07";color:#9aa092;font:10px var(--mono);letter-spacing:.12em;position:absolute;top:118px;right:7vw}.category-grid{background:0 0;gap:3px;position:relative}.category{isolation:isolate;border:1px solid #d5d8cf;min-height:280px;transition:background .45s,color .45s,transform .45s}.category:before{content:"";z-index:-1;border:1px solid #4655002e;transition:inset .45s,border-color .45s;position:absolute;inset:18px}.category:after{content:"";z-index:-1;background:repeating-linear-gradient(135deg,#0000 0 11px,#4655001a 12px 13px);width:65%;height:75%;position:absolute;bottom:-30%;right:-15%;transform:rotate(-18deg)}.category:hover{transform:translateY(-8px)}.category:hover:before{border-color:#c6ff0073;inset:10px}.category h3{max-width:90%}.cat-2 h3,.cat-3 h3,.cat-4 h3,.cat-6 h3,.cat-7 h3{font-size:clamp(2.4rem,5.2vw,6rem)}.categories{padding-bottom:5vw}.categories .section-head,.previews .section-head{margin-bottom:42px}.previews{padding-top:28px;padding-bottom:6vw}.preview-grid{padding-bottom:12px}@media (width<=700px){.categories{padding-bottom:12vw}.categories .section-head,.previews .section-head{margin-bottom:30px}.category{min-height:170px!important}.cat-1{min-height:220px!important}.previews{padding-bottom:14vw}.preview-art{height:280px}}.categories{padding-top:22px;padding-bottom:3vw}.categories .section-head{margin-bottom:26px}.category{min-height:155px}.cat-1{min-height:210px}.cat-5,.cat-6,.cat-7{min-height:175px}.category h3{font-size:clamp(2rem,4.3vw,4.8rem)}.cat-1 h3,.cat-5 h3{font-size:clamp(2.5rem,5.8vw,6.5rem)}.category:before{inset:12px}@media (width<=700px){.categories{padding-top:22px;padding-bottom:8vw}.categories .section-head{margin-bottom:22px}.category{min-height:135px!important}.cat-1{min-height:175px!important}.cat-5,.cat-6,.cat-7{min-height:145px!important}.category h3{font-size:clamp(1.8rem,8vw,3.5rem)}}.categories{background:#eceee7;padding-top:38px}.category-intro{grid-template-columns:1.2fr 1fr auto;align-items:end;gap:5vw;padding:8vh 0 10vh;display:grid}.category-intro h2{letter-spacing:-.1em;margin:0;font-size:clamp(5rem,12vw,13rem);font-weight:500;line-height:.76}.category-intro em{color:#738b00;font-style:normal}.category-intro p{font:12px var(--mono);color:#687066;margin:0 0 8px;line-height:1.45}.category-intro .mono{color:#738b00;margin-bottom:10px}.category-list{border-top:1px solid #aeb5a6}.category-row{border-bottom:1px solid #aeb5a6;grid-template-columns:70px 1fr 190px 30px;align-items:center;min-height:92px;transition:background .35s,color .35s,padding .35s;display:grid}.category-row:hover{background:var(--black);color:var(--white);padding:0 20px}.category-row .cat-num{font:11px var(--mono);color:#738b00}.category-row h3{letter-spacing:-.08em;margin:0;font-size:clamp(2.4rem,5vw,6rem);font-weight:500;line-height:.8}.category-row .cat-meta{font:10px var(--mono);color:#738b00;letter-spacing:.08em}.category-row .cat-mark{font-size:22px}.category-list .category-row:before,.category-list .category-row:after{display:none}.waitlist .whatsapp{display:none!important}@media (width<=700px){.category-intro{padding:7vh 0 6vh;display:block}.category-intro h2{margin-bottom:28px;font-size:clamp(5rem,20vw,9rem)}.category-intro p{margin-bottom:28px}.category-row{grid-template-columns:38px 1fr 24px;min-height:74px}.category-row h3{font-size:clamp(1.9rem,8.5vw,3.5rem)}.category-row .cat-meta{display:none}.category-row:hover{padding:0 10px}}.built-by{color:#9ba197;white-space:nowrap;align-items:center;gap:8px;display:flex}.built-by small{font:9px var(--mono);color:#737970;margin-left:2px}.built-by>span:nth-child(2){letter-spacing:-.03em;color:var(--white);font-weight:700}.built-by>span:nth-child(2) span{color:var(--acid)}.il-mark{width:18px;height:18px;color:var(--acid);border:1px solid #c6ff00b3;justify-content:center;align-items:center;font-size:12px;display:inline-flex;transform:rotate(-45deg)}@media (width<=700px){footer{gap:14px}.built-by{white-space:normal;flex-wrap:wrap}.built-by small{width:100%;margin-top:-7px;margin-left:26px}}.p1 .preview-image{content:url(https://storage-asset.msi.com/global/picture/product/product_2_20200924145513_5f6c42d11e2c2.webp)}.p3 .preview-image{content:url(https://commons.wikimedia.org/wiki/Special:FilePath/Philips_Hue_bridge_Gen_2.jpg)}.previews{overflow:hidden}.preview-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;padding-bottom:28px;display:flex;overflow-x:auto}.preview-grid::-webkit-scrollbar{display:none}.preview{scroll-snap-align:start;flex:0 0 min(74vw,520px)}.preview-art{height:480px}.previews .section-head{position:relative}.previews .section-head:after{content:"DRAG / ← →";font:10px var(--mono);color:var(--acid);position:absolute;top:28px;right:0}.main section{opacity:0;transition:opacity .9s,transform 1s cubic-bezier(.2,.7,.2,1);transform:translateY(34px)}main section.is-visible{opacity:1;transform:none}.hero{opacity:1!important;transform:none!important}.conditions .condition,.category,.preview{will-change:transform}.condition:hover{transform:translate(8px)}@media (width<=700px){.preview{flex-basis:88vw}.preview-art{height:360px}.previews .section-head:after{top:28px}}.preview-art{isolation:isolate}.preview-image{object-fit:cover;filter:grayscale(.65)contrast(1.15)brightness(.7);mix-blend-mode:screen;opacity:.86;width:100%;height:100%;transition:transform .6s,filter .6s;position:absolute;inset:0}.preview:hover .preview-image{filter:grayscale(.2)contrast(1.1)brightness(.9);transform:scale(1.06)}.preview-shade{z-index:1;background:linear-gradient(#05050533,#050505b8);position:absolute;inset:0}.preview-index,.preview-state{z-index:2}.preview-state{color:var(--acid);font:10px var(--mono);letter-spacing:.08em;position:absolute;top:18px;right:18px}
