@font-face{font-family:Display;src:url('assets/display.ttf') format('truetype');font-display:swap;font-weight:700}
:root{--cyan:#4ddfff;--coral:#ff654f;--paper:#fff;--muted:#b5b8bb;--display:Display,'Arial Narrow',Impact,sans-serif;--mono:'SFMono-Regular',Consolas,monospace;color-scheme:dark}*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:black;color:white;font:16px/1.65 Arial,Helvetica,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}::selection{background:var(--coral);color:black}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}#backdrop{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.6}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:12px;font:700 28px/.95 var(--display);letter-spacing:-.5px}.brand img{display:block;flex:none;border-radius:9px}.brand-sub{display:block;white-space:nowrap;font:700 8px/2 var(--mono);letter-spacing:1.5px}nav{display:flex;align-items:center;gap:28px;font:700 12px var(--mono)}nav>a{padding-block:15px}nav>a:hover,.footer a:hover{color:var(--cyan)}.motion-control{font:700 10px var(--mono);padding:12px 10px;min-height:44px;background:#000;border:1px solid #666;color:#bbb;white-space:nowrap}.motion-control span{color:var(--cyan)}.motion-control[aria-pressed=true] span{color:var(--coral)}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;padding-block:58px 72px}.hero-copy{position:relative;z-index:1}.eyebrow{font:700 11px/1.6 var(--mono);letter-spacing:1.6px;margin:0 0 24px}.direction{display:inline-block;width:28px;height:14px;background:var(--cyan);clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%,28% 50%);vertical-align:middle;margin-right:10px}h1{margin:0 0 38px}.hero-logo{display:flex;align-items:center;width:max-content;font:700 clamp(130px,13vw,190px)/1 var(--display);letter-spacing:-6px;transform:rotate(-6deg);text-shadow:6px 6px 0 var(--coral);margin-bottom:8px}.hero-logo i{display:inline-block;width:.58em;height:.58em;border-radius:50%;background:var(--cyan);box-shadow:6px 6px 0 var(--coral);margin:5px 6px 0 8px}.hero-name{display:block;width:max-content;background:white;color:black;font:700 clamp(34px,3.7vw,49px)/1 var(--display);padding:9px 23px;transform:skewX(-12deg) rotate(-3deg);box-shadow:5px 5px 0 var(--cyan);margin-left:18px;letter-spacing:-1px}h2,h3,.hero-statement{font-family:var(--display);font-weight:700;line-height:1.1;margin:0}h2{font-size:clamp(36px,3.5vw,48px);letter-spacing:-1px;transform:skewX(-12deg);transform-origin:left center}.hero-statement{font-size:34px;transform:skewX(-12deg);letter-spacing:-.6px}.hero-statement span,.cyan{color:var(--cyan)}.coral{color:var(--coral)}.intro{font-size:18px;line-height:1.7;color:#d0d3d5;max-width:390px;margin:24px 0 30px}.button{--face:var(--cyan);--shadow:white;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:12px 24px;color:black;font:700 21px/1.3 var(--display);transition:transform .16s ease-out}.button:before,.button:after{content:'';position:absolute;inset:0;transform:skewX(-12deg);z-index:-1}.button:before{background:var(--shadow);translate:5px 5px}.button:after{background:var(--face)}.button:hover{--face:white;--shadow:var(--coral);transform:translate(-2px,-2px)}.button:active{transform:translate(4px,4px)}.button:active:before{translate:1px 1px}.button span{font:700 25px var(--mono)}.availability{color:#c4c7c9;font:11px/1.9 var(--mono);max-width:370px;margin-top:26px}.availability>span:last-child{margin:0 6px;color:#777}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--coral);margin-right:6px}.hero-screen{width:min(100%,300px);margin:0;justify-self:center;transform:rotate(3deg);position:relative}.hero-screen:before{content:'';position:absolute;inset:14px -14px -14px 14px;background:var(--coral);z-index:-1;clip-path:polygon(0 0,100% 0,100% 96%,92% 100%,0 100%)}.hero-screen>img{display:block;width:100%;height:auto;border:1px solid #4ddfff70;background:black}.hero-screen figcaption{background:#000;padding:12px 0 0;font:700 10px/1.7 var(--mono);letter-spacing:1px;transform:rotate(-3deg);white-space:nowrap}.facts{display:flex;justify-content:space-between;gap:30px;padding:26px 0;border-block:1px solid #4ddfff55;font:700 22px/1.3 var(--display)}.facts>span{display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:center}.facts b{grid-row:span 2;font:700 48px/1 var(--display);color:var(--cyan)}.facts>span:nth-child(2) b{color:var(--coral)}.facts small{font:10px/1.8 var(--mono);color:#b9bec0}.product-section{padding-block:95px 70px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}.section-head>p{max-width:280px;color:#bfc3c5;margin:0;font-size:16px}.section-head .eyebrow{margin-bottom:14px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px;padding:12px 8px 0}.gallery figure{margin:0;min-width:0}.gallery figure:nth-child(2){padding-top:44px}.gallery figure:nth-child(3){padding-top:14px}.gallery a{display:block;max-width:290px;margin:auto;background:#000;border:1px solid #5b676b;box-shadow:6px 6px 0 #4ddfff;transition:transform .18s ease-out}.gallery figure:nth-child(2) a{box-shadow:6px 6px 0 var(--coral)}.gallery a:hover{transform:translateY(-5px)}.gallery img{display:block;width:100%;height:auto}.gallery figcaption{padding-top:28px}.gallery .eyebrow{font-size:10px;display:block;margin-bottom:10px}.gallery h3{font-size:28px;letter-spacing:-.6px}.gallery p{font-size:15px;color:#c0c5c8;line-height:1.7;margin:12px 0 0}.capture-note{font:10px/1.8 var(--mono);color:#a6adb0;margin:36px 0 0}.mobile-hint{display:none}.feel-section{border-block:1px solid #ffffff24;background:#000d}.feel-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:76px}.section-intro p:not(.eyebrow){max-width:350px;color:#d2d4d6;margin:24px 0 0}.quiet{font-size:14px!important;color:#aeb6ba!important;line-height:1.7}.hero-art{max-width:450px;min-width:0;width:100%;justify-self:end}.board-top,.board-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 10px/1.6 var(--mono);letter-spacing:.8px}.board-top{margin-bottom:18px}.board-top>span:last-child{color:var(--cyan)}.board-demo{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));aspect-ratio:1;background:#000;touch-action:pan-y}.point{position:relative;padding:0;border:0;background:transparent;display:grid;place-items:center;aspect-ratio:1;min-width:0;isolation:isolate}.point .disc{display:block;width:4px;height:4px;border-radius:50%;background:#777;pointer-events:none;will-change:transform}.point.occupied .disc{width:77%;height:77%;background:var(--stone)}.point:not(.occupied):hover .disc{background:white;outline:1px solid #777;outline-offset:5px}.point[aria-disabled=true]{cursor:default}.point:focus-visible{outline:2px solid white;outline-offset:-3px;z-index:2}.point.placed .disc{box-shadow:0 0 0 2px #fff8}.board-bottom{margin-top:18px;min-height:44px;letter-spacing:0}.board-bottom>span{max-width:65%;color:#c1c7c9}.reset{background:#000;border:1px solid #666;color:white;min-height:44px;padding:9px 13px;font:700 10px var(--mono);box-shadow:3px 3px 0 #ffffff55;transform:skewX(-12deg)}.reset:active{translate:3px 3px;box-shadow:none}.beta-section{display:grid;grid-template-columns:112px 1fr;gap:40px;align-items:center;padding-block:76px;max-width:900px}.beta-section>img{border-radius:22px;width:112px;height:112px}.beta-section .eyebrow{margin-bottom:12px}.beta-section p:not(.eyebrow){max-width:620px;margin:18px 0 0;color:#d1d4d6}.beta-section .quiet{margin-top:8px!important}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;border-top:1px solid #ffffff24;padding-block:50px 75px}.faq h2{font-size:30px;margin-top:12px}.faq details{border-bottom:1px solid #4a5053;padding:18px 0}.faq summary{cursor:pointer;font:700 23px/1.4 var(--display);list-style:none;display:flex;justify-content:space-between;gap:20px;min-height:32px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--cyan);font:700 24px var(--mono)}.faq details[open] summary:after{content:'−';color:var(--coral)}.faq details p{color:#c4c7c8;font-size:15px;margin:16px 0 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff30;padding-block:28px}.footer .brand{font-size:22px}.footer .brand img{border-radius:7px}.footer>span,.footer>div{font:11px/1.6 var(--mono);color:#adb5b9}.footer>div{display:flex;gap:24px}.footer>div a{padding-block:12px}.skip{position:fixed;left:12px;top:-100px;background:white;color:black;padding:15px;z-index:20}.skip:focus{top:10px}.page-wipe{position:fixed;inset:0;pointer-events:none;z-index:10;background:var(--cyan);clip-path:polygon(-30% 0,-10% 0,-30% 100%,-50% 100%);opacity:.2}.page-wipe.active{animation:cut .32s ease-out both}.reveal{animation:arrive .45s cubic-bezier(.2,.8,.2,1) both}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off{scroll-behavior:auto}@keyframes arrive{from{opacity:0;translate:30px -8px}to{opacity:1;translate:0 0}}@keyframes cut{to{clip-path:polygon(130% 0,150% 0,130% 100%,110% 100%)}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:45px}.hero-logo{font-size:16vw}.hero-name{font-size:4.4vw}.hero-screen{max-width:270px}.hero-statement{font-size:30px}.gallery{gap:30px}.feel-layout{gap:55px}.facts{gap:20px}.facts small{font-size:9px}.facts{font-size:20px}.facts b{font-size:40px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:84px;gap:12px}.brand{font-size:24px;gap:9px}.brand img{width:38px;height:38px}.brand-sub{font-size:7px;letter-spacing:1px}nav{gap:16px;font-size:10px}nav>a:first-child{display:none}.motion-control{font-size:9px;padding:10px 8px}.hero{grid-template-columns:1fr;gap:42px;padding-block:44px 48px}.hero-copy{max-width:440px}.hero-logo{font-size:clamp(122px,30vw,165px)}.hero-name{font-size:36px}.eyebrow{font-size:10px;letter-spacing:1.1px}.hero-statement{font-size:30px}.intro{font-size:17px;max-width:370px}.availability{font-size:10px;margin-bottom:0}.hero-screen{max-width:265px;transform:rotate(2deg);justify-self:center}.hero-screen figcaption{font-size:9px;transform:rotate(-2deg)}h1{margin-bottom:30px}.facts{gap:16px;padding:22px 0;align-items:start;font-size:18px}.facts>span{display:flex;flex-direction:column;gap:3px;align-items:start;flex:1}.facts small{font-size:8px;line-height:1.8}.facts b{font-size:34px}.product-section{padding-block:58px 44px}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:20px;max-width:340px;font-size:15px}h2{font-size:36px}.gallery{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x proximity;padding:10px 8px 20px;margin-inline:-8px;scrollbar-color:var(--cyan) #222}.gallery figure{flex:0 0 76%;flex-basis:76%;scroll-snap-align:start;max-width:300px}.gallery figure:nth-child(2),.gallery figure:nth-child(3){padding-top:0}.gallery a{max-width:255px;margin:0}.gallery figcaption{padding-top:25px;max-width:255px}.gallery h3{font-size:26px}.gallery p{font-size:14px}.capture-note{margin-top:18px;font-size:9px}.mobile-hint{display:block}.feel-layout{grid-template-columns:1fr;gap:34px;padding-block:50px}.section-intro h2{font-size:34px}.section-intro p:not(.eyebrow){max-width:100%;font-size:15px;margin-top:18px}.section-intro .quiet{font-size:12px!important}.hero-art{max-width:420px;justify-self:center}.board-top,.board-bottom{font-size:9px}.beta-section{grid-template-columns:76px 1fr;gap:22px;padding-block:50px}.beta-section>img{width:76px;height:76px;border-radius:15px;align-self:start}.beta-section h2{font-size:30px}.beta-section .eyebrow{font-size:8px}.beta-section p:not(.eyebrow){font-size:15px}.beta-section .quiet{font-size:12px!important}.faq{grid-template-columns:1fr;gap:14px;padding-block:32px 46px}.faq h2{font-size:28px}.faq summary{font-size:22px}.footer{flex-wrap:wrap;gap:20px}.footer>span{order:3;flex-basis:100%;font-size:10px}.footer>div{font-size:10px;gap:20px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}nav{gap:10px}.motion-control{padding-inline:6px}.header{gap:10px}.hero-logo{font-size:116px}.hero-name{font-size:32px}.hero-statement{font-size:27px}.intro{font-size:16px}.button{font-size:19px;gap:18px}.hero-screen{max-width:238px}.facts{font-size:16px;gap:10px}h2{font-size:32px}.beta-section{grid-template-columns:58px 1fr;gap:18px}.beta-section>img{width:58px;height:58px;border-radius:12px}.beta-section h2{font-size:27px}.gallery figure{flex-basis:82%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.gallery a:hover{transform:none}}