:root{--ink:#171812;--paper:#f2f0e8;--acid:#d9f268;--muted:#77796e;--line:#d5d4ca;--dark:#10110e;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip{position:absolute;top:-50px;background:var(--acid);padding:12px;z-index:9}.skip:focus{top:10px}.topbar{height:80px;background:var(--dark);color:#f5f4ed;display:flex;align-items:center;justify-content:space-between;padding:0 5.2vw;border-bottom:1px solid #ffffff1c;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px;font:11px var(--mono);letter-spacing:.2em}.brand b,.closing>b{font:800 30px var(--display);letter-spacing:-.13em;color:var(--acid)}.brand b span{color:white}.nav{display:flex;gap:38px;color:#babbb2;font-size:12px}.nav a:hover,.footer nav a:hover{color:var(--acid)}.nav-cta{font-size:11px;color:var(--acid);border:1px solid #ffffff35;padding:12px 16px}.menu{display:none}.hero{height:min(760px,calc(100vh - 80px));min-height:640px;position:relative;background:#151712;color:#f5f4ed;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,#12140f 0%,#12140ff0 23%,#12140fa6 47%,#12140f09 100%),linear-gradient(0deg,#0a0b0959,transparent 40%),url('gaming-desk-editorial.webp');background-position:center,center,60% 50%;background-size:cover}.hero-content{position:relative;padding:112px 0 0 11.7vw;max-width:750px}.eyebrow,.kicker,.meta,.art small,.filter-row>small,.card-top,.allocation-head,.footer-bottom,.hero-caption,.guide-foot{font:9px var(--mono);letter-spacing:.13em}.eyebrow{display:flex;gap:10px;align-items:center;color:#d8d9ce}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--acid)}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(56px,7.2vw,104px)/.98 var(--display);letter-spacing:-.075em;margin:33px 0 24px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.hero-content>p{font-size:15px;line-height:1.65;color:#c6c8bd;max-width:395px}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 18px;font-size:11px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button b{font-size:16px}.acid{background:var(--acid);color:var(--dark)}.text-link{font-size:11px;color:#edeee7}.hero-note{position:absolute;top:510px;display:flex;align-items:center;gap:14px;color:#b7b9ae;font:10px var(--body);letter-spacing:0}.hero-note span{font:9px var(--mono);color:var(--acid)}.hero-note i{width:45px;height:1px;background:#72766c}.stamp{position:absolute;right:7.5%;top:13%;border:1px solid #e4e9cb9c;color:var(--acid);width:85px;height:85px;border-radius:50%;display:grid;place-content:center;text-align:center;font:9px/1.45 var(--mono);letter-spacing:.1em;transform:rotate(13deg)}.hero-caption{position:absolute;right:25px;bottom:18px;color:#dcddd4a8;font-size:8px;letter-spacing:.04em}.ticker{height:48px;overflow:hidden;background:var(--acid);display:flex;align-items:center;white-space:nowrap}.ticker div{min-width:max-content;display:flex;gap:35px;align-items:center;animation:marquee 38s linear infinite;font:10px var(--mono);letter-spacing:.16em}.ticker b{font-size:14px;font-weight:400}@keyframes marquee{to{transform:translateX(-25%)}}.section{padding:106px 11.7vw}.kicker{color:#77796e}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:32px 0 64px}.section-head h2,.planner h2,.method h2{font:600 clamp(42px,5vw,65px)/1.06 var(--display);letter-spacing:-.07em;margin:0}.section-head h2 em,.method h2 em{color:#788344}.section-head>p{max-width:340px;margin:0 2vw 5px 30px;color:#65675e;font-size:13px;line-height:1.7}.filter-row{display:grid;grid-template-columns:110px 1fr 210px;gap:20px;align-items:center;border-block:1px solid var(--line);padding:16px 0;margin-bottom:29px}.filter-row>small{font-size:8px;color:#87897f}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{border:1px solid transparent;border-radius:30px;background:transparent;padding:9px 11px;color:#595b51;font-size:10px;cursor:pointer}.filters button i{font:9px var(--mono);color:#919286;margin-left:6px}.filters button:hover,.filters button.active{background:#e3e2d7;border-color:#d5d4ca;color:var(--ink)}.search{display:flex;align-items:center;gap:8px;background:#e7e6dd;padding:0 10px;height:36px;color:#77796e}.search>span{font-size:21px}.search input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:10px}.search input::placeholder{color:#85877c}.search kbd{border:1px solid #cecec4;border-radius:3px;padding:1px 4px;font:9px var(--mono)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 20px}.card{position:relative}.art{height:215px;position:relative;overflow:hidden;display:grid;place-items:center}.art small{position:absolute;left:15px;top:14px;color:#34362d;font-size:8px;z-index:2}.keyboard{background:#d7d3c5;align-content:center}.keys{font:13px/2.3 var(--mono);letter-spacing:.18em;color:#e4e3da;background:repeating-linear-gradient(90deg,#272a25 0 36px,#94a74c 36px 72px);padding:18px 13px;box-shadow:0 13px 24px #2225;transform:rotate(-7deg)}.mouse-art{background:#c9d4c9}.mouse-shape{width:72px;height:114px;border-radius:50% 50% 42% 42%/43% 43% 58% 58%;background:linear-gradient(120deg,#eceee1,#9da99c);box-shadow:12px 16px 25px #364a3833;transform:rotate(34deg);position:relative}.mouse-shape:before{content:'';position:absolute;left:50%;top:5px;height:42px;border-left:1px solid #849083}.audio{background:#ded0bb}.headphones{position:relative;width:90px;height:105px;border:9px solid #292b25;border-bottom:0;border-radius:60px 60px 0 0}.headphones:before{content:'';position:absolute;left:31px;top:0;height:74px;border-left:1px solid #5d6252}.headphones:after{content:'';position:absolute;left:-17px;top:53px;width:24px;height:39px;background:#35382f;border-radius:9px;box-shadow:91px 0 #35382f}.display{background:#bbcbd0}.screen{width:190px;height:123px;border:7px solid #242823;border-radius:8px;background:radial-gradient(ellipse at 70% 35%,#c3dc75,#64808b 39%,#24353a 79%);position:relative;box-shadow:0 14px 22px #28363033}.screen:before{content:'';position:absolute;width:46px;height:34px;border-left:5px solid #242823;bottom:-39px;left:66px}.screen:after{content:'';position:absolute;width:88px;height:5px;background:#242823;bottom:-43px;left:46px;border-radius:4px}.desk-art{background:#d9d6c8}.desk-illustration{position:absolute;left:19%;right:12%;top:52%;height:11px;background:#755c44;box-shadow:0 13px #755c44}.desk-illustration:before,.desk-illustration:after{content:'';position:absolute;width:8px;height:82px;top:8px;background:#755c44}.desk-illustration:before{left:15px}.desk-illustration:after{right:15px}.desk-illustration i{position:absolute;width:73px;height:42px;top:-61px;left:30px;border:5px solid #2a2e29;background:#b5c9be}.desk-illustration b{position:absolute;width:70px;height:8px;background:#40443a;left:47px;top:-20px}.budget-art{background:#d4d7bd}.pie{width:123px;height:123px;border-radius:50%;background:conic-gradient(#242720 0 40%,#82934a 40% 60%,#b8a98b 60% 85%,#a6b6a8 85%);transform:rotate(-25deg);position:relative}.pie:after{content:'';position:absolute;inset:25px;background:#d4d7bd;border-radius:50%}.dollar{position:absolute;font:700 27px var(--display);color:#313428}.meta{margin:17px 0 11px;display:flex;justify-content:space-between;color:#85877c;font-size:8px}.meta b{font-size:17px;color:#5c6247}.card h3{font:600 18px/1.25 var(--display);letter-spacing:-.04em;margin:0 0 9px}.card>p{font-size:11px;line-height:1.6;color:#74766b;margin:0;max-width:300px}.hit{position:absolute;inset:0;z-index:1}.card:hover h3{color:#707d38}.card:hover .meta b{transform:translate(2px,-2px)}.meta b{transition:transform .2s}.guide-foot{border-top:1px solid var(--line);margin-top:42px;padding-top:15px;display:flex;justify-content:space-between;color:#86887e;font-size:8px;letter-spacing:.08em}#empty{text-align:center;padding:26px;color:#75776d;font-size:12px}.planner{background:#1a1c16;color:#f3f1e8;padding:110px 11.7vw;position:relative;overflow:hidden}.planner:before{content:'Q';position:absolute;font:800 500px/.8 var(--display);letter-spacing:-.15em;color:#ffffff05;right:-55px;bottom:-140px}.planner-inner{position:relative;display:grid;grid-template-columns:1fr minmax(400px,480px);gap:10%;align-items:center;max-width:1180px;margin:auto}.planner .kicker{color:#9c9e91}.planner h2{font-size:clamp(43px,5vw,64px);margin:31px 0 22px}.planner h2 em{color:var(--acid)}.planner-copy>p{max-width:355px;color:#b7b8ae;font-size:13px;line-height:1.7}.disclosure{display:flex;gap:11px;margin-top:36px;align-items:flex-start;color:var(--acid);font:16px var(--mono)}.disclosure span{max-width:290px;color:#9ea096;font:11px/1.6 var(--body)}.planner-card{background:#f2f0e8;color:var(--ink);padding:26px 28px 19px;box-shadow:0 28px 70px #0005}.card-top,.allocation-head{display:flex;justify-content:space-between;color:#77796e;font-size:8px}.card-top span{color:#75853d}.budget-label{display:flex;justify-content:space-between;margin-top:28px;font-size:11px;font-weight:600}.budget-label small{font:9px var(--mono);color:#83857a}.budget-input{margin-top:9px;border-bottom:1px solid #c4c4b7;display:flex;align-items:center;padding:4px 0 8px;font:26px var(--display);font-weight:600}.budget-input>span{color:#7f826e;margin-right:7px}.budget-input input{border:0;outline:0;width:100%;background:transparent;color:var(--ink);font:600 27px var(--display);letter-spacing:-.05em}.budget-input>small{font:9px var(--mono);color:#98998f}.error{color:#9e392e;font-size:10px;margin:7px 0}.priority-label{font-size:10px;color:#77796e;margin:23px 0 10px}.priorities{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.priorities button{border:1px solid #d0cfc5;background:transparent;padding:9px 4px;color:#64665b;font-size:9px;cursor:pointer}.priorities button:hover,.priorities button.selected{background:#23251f;color:var(--acid);border-color:#23251f}.allocation{margin-top:27px}.allocation-head{font-size:8px}.bar{height:8px;display:flex;overflow:hidden;margin:11px 0 13px;background:#ddd}.bar i{height:100%;transition:width .3s}.bar [data-slice=control]{background:#242720}.bar [data-slice=sound]{background:#82934a}.bar [data-slice=display]{background:#b8a98b}.bar [data-slice=comfort]{background:#a6b6a8}.amounts{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}.amounts div{display:flex;align-items:center;gap:7px;font-size:9px;color:#686a60}.amounts b{margin-left:auto;font:10px var(--mono);color:#34362e}.amounts i{width:7px;height:7px;border-radius:50%}.amounts .c{background:#242720}.amounts .s{background:#82934a}.amounts .d{background:#b8a98b}.amounts .m{background:#a6b6a8}.reset{border:0;background:transparent;padding:17px 0 0;color:#85877d;font-size:10px;cursor:pointer}.method{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:#e9e7dd;padding-top:112px;padding-bottom:112px}.method-photo{position:relative}.method-photo img{display:block;width:100%;height:475px;object-fit:cover;object-position:60% center;filter:saturate(.78)}.method-photo small{position:absolute;bottom:12px;right:14px;background:#161812b3;color:#e8e8de;padding:6px 8px;font:8px var(--mono)}.method h2{font-size:clamp(38px,4.2vw,56px);margin:29px 0 18px}.method-copy>p{font-size:12px;line-height:1.75;color:#686a60;max-width:470px}.points{margin:28px 0;border-top:1px solid #cdccc2}.points>div{display:grid;grid-template-columns:40px 1fr;gap:8px;padding:14px 0;border-bottom:1px solid #cdccc2}.points i{font:10px var(--mono);color:#859148}.points b,.points small{display:block}.points b{font-size:11px}.points small{font-size:10px;color:#74766c;margin-top:5px;line-height:1.5}.text-link.dark{color:#25271f}.closing{padding:50px 11.7vw;background:#808f4d;color:#f5f4eb;display:flex;align-items:center;gap:24px}.closing>b{font-size:45px}.closing small{font:8px var(--mono);color:#e2e8c7}.closing h2{font:600 25px var(--display);margin:4px 0}.closing p{margin:0;color:#e2e5d3;font-size:10px}.closing .button{margin-left:auto;background:#f2f0e8;color:#20221a;font-size:10px}.footer{background:#12130f;color:#d9d9ce;padding:42px 5.2vw 18px}.footer-main{display:flex;align-items:flex-start;gap:8%;padding-bottom:36px}.footer-main>p{font-size:11px;line-height:1.6;color:#eee;margin:6px 0}.footer-main>p small{display:block;font-size:9px;color:#8e9085}.footer nav{display:flex;gap:22px;margin-left:auto;padding-top:9px;font-size:9px;color:#a7a99e}.footer nav small{font-size:8px;color:#77796f}.footer-bottom{border-top:1px solid #ffffff21;padding-top:15px;display:flex;justify-content:space-between;gap:18px;color:#7f8177;font-size:8px;letter-spacing:.06em}.footer-bottom a{color:#c9cbbd}
+@media(max-width:900px){.nav{gap:18px}.hero-content{padding-left:8vw}.hero-bg{background-image:linear-gradient(90deg,#12140f 0%,#12140fe6 35%,#12140f66 77%,#12140f33),linear-gradient(0deg,#0a0b0959,transparent 40%),url('gaming-desk-editorial.webp')}.section,.planner{padding-left:8vw;padding-right:8vw}.filter-row{grid-template-columns:1fr auto}.filter-row>small{grid-column:1/-1}.filters{grid-row:2}.search{grid-column:2;grid-row:2;width:200px}.grid{grid-template-columns:repeat(2,1fr)}.planner-inner{grid-template-columns:1fr minmax(350px,440px);gap:5%}.method{gap:6%}.method-photo img{height:430px}.closing{padding-inline:8vw}.footer nav{gap:13px}}
+@media(max-width:620px){.topbar{height:66px}.nav{display:none;position:absolute;left:0;right:0;top:65px;background:#171812;padding:20px 6vw 25px;flex-direction:column;gap:20px;border-top:1px solid #ffffff21}.nav.open{display:flex}.nav-cta{margin-left:auto;margin-right:12px;font-size:9px;padding:9px 10px}.menu{display:flex;flex-direction:column;gap:5px;padding:8px;background:none;border:0}.menu i{height:1px;width:18px;background:#f5f4ed}.hero{height:690px;min-height:0}.hero-bg{background-image:linear-gradient(90deg,#12140fd6,#12140f59),linear-gradient(0deg,#12140f 0%,transparent 60%),url('gaming-desk-editorial.webp');background-position:center,center,61% center}.hero-content{padding:114px 7vw 0}.eyebrow{font-size:8px}h1{font-size:64px;margin:29px 0 18px}.hero-content>p{font-size:13px;max-width:330px}.actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:25px}.button{padding:14px 16px}.hero-note{top:565px;left:7vw;right:7vw;font-size:9px;gap:10px}.hero-note i{flex:1}.stamp{width:65px;height:65px;font-size:7px;right:7%;top:6%}.hero-caption{font-size:7px;right:10px;bottom:12px}.section{padding:75px 7vw}.section-head{display:block;margin:26px 0 37px}.section-head h2{font-size:46px}.section-head>p{margin:19px 0 0;font-size:12px}.filter-row{display:block;padding:14px 0}.filter-row>small{display:block;margin-bottom:12px}.filters{gap:3px}.filters button{font-size:9px;padding:8px}.filters button i{margin-left:3px}.search{margin-top:14px;width:100%}.grid{grid-template-columns:1fr;gap:32px}.art{height:230px}.guide-foot{font-size:7px;line-height:1.6;gap:12px}.guide-foot span:last-child{text-align:right}.planner{padding:75px 7vw}.planner-inner{grid-template-columns:1fr;gap:35px}.planner h2{font-size:47px;margin:24px 0 17px}.planner-copy>p{font-size:12px}.disclosure{margin-top:22px}.planner-card{padding:22px 18px 17px}.priorities{grid-template-columns:repeat(2,1fr)}.amounts{gap:10px 8px}.amounts div{font-size:9px}.method{grid-template-columns:1fr;padding:75px 7vw;gap:33px}.method-photo{order:2}.method-photo img{height:330px}.method h2{font-size:42px}.closing{padding:34px 7vw;display:grid;grid-template-columns:38px 1fr;gap:13px}.closing>b{font-size:34px}.closing h2{font-size:22px}.closing p{font-size:9px}.closing .button{grid-column:2;margin:4px 0 0;width:max-content}.footer{padding:35px 7vw 16px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:19px 10px;padding-bottom:25px}.footer nav{grid-column:1/-1;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:10px}.footer-bottom{display:grid;grid-template-columns:1fr auto;line-height:1.6}.footer-bottom span:nth-child(2){grid-column:1;grid-row:2}.footer-bottom a{grid-column:2;grid-row:1/3;align-self:center}}
+@media(max-width:360px){.nav-cta{display:none}.hero-content{padding-top:105px}h1{font-size:56px}.hero-note{font-size:8px}.filters button{padding:7px}.filters button i{display:none}}
+@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}