
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#090909;color:#f6f6f6;font-family:Arial,'Helvetica Neue',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;background:none;border:0;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:5px}.announcement{text-align:center;font-size:11px;letter-spacing:.1em;padding:14px;background:#080808;color:#bbb}header{position:sticky;top:0;z-index:10;background:#090909;border-bottom:1px solid #202020}.header{height:78px;display:flex;align-items:center;gap:32px;padding:0 3.2%}.logo{font-size:25px;letter-spacing:-1.5px;font-weight:900}.nav{display:flex;align-items:center;gap:20px;flex:1}.nav a{font-size:10px;font-weight:700;white-space:nowrap}.nav a:hover{color:#aaa}.icons{display:flex;gap:18px}.icons svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.menu{display:none}.hero{height:36vw;min-height:300px;max-height:580px;background:#171717;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:3.2%;position:relative}.placeholder{color:#606060;font-size:10px;letter-spacing:.22em}.hero .placeholder{position:absolute;top:35%;}.hero a{width:100%;border:2px solid #ddd;border-radius:15px;text-align:center;padding:18px;font-size:12px;font-weight:900;letter-spacing:.08em;margin-top:20px}.hero a:hover{background:#eee;color:#111}section{padding:46px 3.2% 24px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}h2{font-size:23px;letter-spacing:-.8px;margin:0;font-weight:950}small,.eyebrow{font-size:10px;letter-spacing:.2em;color:#aaa}.view{font-size:10px;font-weight:bold;border-bottom:1px solid #777;padding-bottom:5px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px}.rail{display:flex;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#555 #111;padding-bottom:16px}.rail .card{flex:0 0 calc((100% - 36px)/4);scroll-snap-align:start}.picture{background:#171717;aspect-ratio:1;display:grid;place-items:center;border:1px solid #202020;transition:background .2s}.card:hover .picture{background:#202020}.product-name{font-size:12px;line-height:1.5;margin:13px 0 5px}.price{font-size:11px;color:#8e8e8e}.center{text-align:center;margin:38px 0 4px}.outline{display:inline-block;padding:15px 60px;border:1px solid #777;font-size:12px}.feature{margin-top:55px;padding:70px 5%;background:#0e0e0e;border-top:1px solid #252525;border-bottom:1px solid #252525;text-align:center}.feature h2,.colors h2,.categories h2{font-size:clamp(30px,4vw,58px);letter-spacing:-2px;margin:14px 0}.sub{font-size:12px;color:#999}.feature-stage{height:390px;max-width:950px;margin:35px auto 0;background:#181818;border:1px solid #292929;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.feature-stage .placeholder{margin:auto}.stage-bottom{display:flex;justify-content:space-between;font-size:11px;text-align:left}.switches{display:grid;grid-template-columns:repeat(4,1fr);max-width:950px;margin:auto;text-align:left}.switches button{padding:20px 8px;border-top:2px solid #333;font-size:10px;color:#888}.switches button.active{border-color:white;color:white}.colors{padding-top:75px;padding-bottom:65px}.colors .cards{grid-template-columns:repeat(5,1fr);margin-top:32px}.color-card .picture{aspect-ratio:3/4}.color-card h3{font-size:11px;letter-spacing:.15em;margin:17px 0 7px}.color-card .view{display:inline-block;margin-top:15px;font-size:10px}.categories{padding-top:55px;border-top:1px solid #252525}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.category{aspect-ratio:1.4;background:#161616;border:1px solid #252525;display:flex;align-items:flex-end;padding:24px;font-size:19px;font-weight:900;letter-spacing:-.5px;justify-content:space-between}.category:hover{background:#222}.support{display:grid;grid-template-columns:repeat(3,1fr);margin:55px 3.2% 0;border-top:1px solid #333;border-bottom:1px solid #333}.support article{padding:34px 25px;border-right:1px solid #333}.support article:last-child{border:0}.support span{font-size:10px;color:#888}.support h3{font-size:14px;margin-top:22px}.support p{font-size:11px;color:#888}footer{padding:45px 3.2% 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;margin-bottom:38px}.footer-links{display:flex;gap:30px;font-size:11px}.social{display:flex;gap:20px;font-size:11px}.footer-bottom{border-top:1px solid #292929;padding-top:24px;display:flex;align-items:center;justify-content:space-between;color:#888;font-size:10px}details summary{cursor:pointer}details a{display:block;padding:10px 0}dialog{background:#121212;color:white;border:1px solid #444;width:min(560px,90vw);padding:30px}dialog::backdrop{background:#000b}dialog h2{margin:15px 0}dialog p{font-size:13px;color:#aaa;line-height:1.8}dialog .close{float:right;font-size:24px}input{width:100%;padding:14px;background:#222;color:white;border:1px solid #555}#search-results{padding-top:20px}#search-results a{display:block;padding:12px 0;border-bottom:1px solid #333;font-size:13px}.arrows{display:flex;gap:16px;align-items:center}.arrows button{font-size:22px}.preview-note{font-size:10px;color:#777;margin-top:22px}
@media(max-width:950px){.nav{gap:12px}.nav a{font-size:9px}.header{gap:20px}.nav a:nth-child(n+8){display:none}}@media(max-width:650px){.announcement{font-size:9px;padding:11px}.header{height:65px;justify-content:space-between;padding:0 20px}.menu{display:block;font-size:23px}.logo{font-size:25px}.nav{display:none;position:absolute;top:65px;left:0;right:0;background:#111;padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #444}.nav.open{display:flex}.nav a,.nav a:nth-child(n+8){display:block;font-size:13px;padding:6px}.icons{gap:13px}.icons button:nth-child(2){display:none}.hero{height:420px;min-height:0;padding:20px}.hero a{padding:17px}section{padding:35px 20px 20px}h2{font-size:21px}.rail .card{flex-basis:70%}.cards{grid-template-columns:repeat(2,1fr);gap:23px 10px}.feature{padding:45px 20px}.feature-stage{height:290px;padding:15px}.switches{grid-template-columns:repeat(2,1fr)}.switches button{font-size:9px}.colors .cards{display:flex;overflow:auto}.color-card{flex:0 0 65%}.category-grid{grid-template-columns:repeat(2,1fr)}.category{padding:15px;font-size:13px;aspect-ratio:1}.support{grid-template-columns:1fr;margin:40px 20px 0}.support article{border-right:0;border-bottom:1px solid #333;padding:22px 0}.support h3{margin-top:10px}.footer-top,.footer-links,.footer-bottom{flex-direction:column;align-items:flex-start;gap:24px}footer{padding:30px 20px}.social{flex-wrap:wrap}.feature h2,.colors h2,.categories h2{letter-spacing:-1px}.stage-bottom{font-size:9px}}
