@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&family=Caveat:wght@500&display=swap";:root{--desk:#d9d2c5;--plastic:#efe9de;--plastic-2:#e2dbcd;--plastic-dk:#b9b1a2;--ink:#2b2723;--dim:#6f685e;--ember:#ff5a1f;--ember-dk:#c43d0b;--gold:#ffc857;--mint:#2fd99a;--paper:#fbf8f1;--display:"Space Grotesk", system-ui, sans-serif;--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--hand:"Caveat", cursive;--pad:clamp(16px, 6vw, 96px);--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%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='.09'/%3E%3C/svg%3E");--brushed:repeating-linear-gradient(90deg, #fff2 0 1px, #0000 1px 3px, #00000008 3px 4px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{min-width:320px;color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;background:var(--noise), radial-gradient(120% 80% at 50% 0%, #e8e2d6, var(--desk));background-attachment:fixed;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--ember);color:#fff}h1,h2,h3{font-family:var(--display);letter-spacing:-.04em;margin:0;font-weight:700}.press{color:#3a342e;text-shadow:0 1px #fffc,0 -1px #00000026}.press em{color:var(--ember);text-shadow:0 1px #fff9,0 -1px #7a240466;font-style:normal}.dymo,.stamp-label{font:700 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;display:inline-block}.dymo{color:#fff;text-shadow:0 -1px #000,0 1px #ffffff40;background:linear-gradient(#2f2b27,#1b1815);border-radius:4px;padding:7px 14px;transform:rotate(-1deg);box-shadow:inset 0 1px #ffffff26,0 2px 3px #0005}.stamp-label{color:var(--ember-dk);opacity:.85;border:2px solid;border-radius:6px;padding:5px 10px;transform:rotate(-2deg)}.led{background:radial-gradient(circle at 35% 30%, #fff 0 12%, var(--ember) 40%, var(--ember-dk));width:10px;height:10px;box-shadow:0 0 10px var(--ember), inset 0 -1px 2px #0004;border-radius:50%;animation:2.4s infinite blink;display:inline-block}.led-green{background:radial-gradient(circle at 35% 30%, #fff 0 12%, var(--mint) 40%, #129161);box-shadow:0 0 10px var(--mint)}@keyframes blink{50%{opacity:.55}}.screw{background:radial-gradient(circle at 35% 30%,#fff,#b5b5b5 55%,#7c7c7c);border-radius:50%;flex:none;width:14px;height:14px;position:relative;box-shadow:inset 0 -1px 1px #0005,0 1px #fff8}.screw:after{content:"";background:#6a6a6a;border-radius:2px;height:2px;position:absolute;top:6px;left:2px;right:2px;transform:rotate(35deg)}.key{cursor:pointer;font:600 14px var(--sans);color:var(--ink);background:linear-gradient(#fbf8f2,#e4ddd0);border:1px solid #a69e90;border-radius:12px;align-items:center;gap:8px;padding:14px 22px;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:inset 0 1px #fff,0 4px #b3aa9b,0 6px 12px #0003}.key:hover{background:linear-gradient(#fff,#ebe5d9)}.key:active{transform:translateY(3px);box-shadow:inset 0 1px #fff,0 1px #b3aa9b,0 2px 4px #0003}.key-accent{color:#fff;border-color:var(--ember-dk);background:linear-gradient(#ff7a45, var(--ember));box-shadow:inset 0 1px #ffffff70, 0 4px 0 var(--ember-dk), 0 8px 16px #ff5a1f55;text-shadow:0 -1px #0003}.key-accent:hover{background:linear-gradient(#ff8a5a,#ff6a30)}.key-accent:active{box-shadow:inset 0 1px #ffffff70, 0 1px 0 var(--ember-dk), 0 2px 6px #ff5a1f55}.key-sm{border-radius:9px;padding:8px 14px;font-size:13px;box-shadow:inset 0 1px #fff,0 3px #b3aa9b,0 4px 8px #0002}.top{z-index:30;padding:0 clamp(12px,3vw,40px);position:fixed;top:12px;left:0;right:0}.top-plate{background:var(--brushed), linear-gradient(#f2f2f2, #c9c9c9);border:1px solid #9c9c9c;border-radius:16px;align-items:center;gap:18px;padding:10px 16px;display:flex;box-shadow:inset 0 1px #fff,inset 0 -2px #0000001a,0 10px 24px #0000002e}.wordmark{font:700 17px var(--display);letter-spacing:-.02em;text-shadow:0 1px #fff;align-items:center;gap:10px;display:flex}.logo{color:#fff;width:34px;height:34px;font:700 12px var(--mono);background:linear-gradient(#ff7a45, var(--ember));text-shadow:0 -1px #0004;border-radius:9px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff80,inset 0 -2px #0002,0 2px 4px #0004}.links{gap:10px;margin-left:auto;display:flex}.power{font:700 11px var(--mono);letter-spacing:.1em;color:#555;background:#0000000d;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:inset 0 2px 4px #0002,0 1px #fff}.power .led{background:radial-gradient(circle at 35% 30%, #fff 0 12%, var(--mint) 40%, #129161);box-shadow:0 0 10px var(--mint)}.burger{margin-left:auto;display:none}.hero{min-height:100svh;padding:130px var(--pad) 80px;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(32px,5vw,80px);display:grid}.hero-copy>*{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.hero-copy>:nth-child(2){animation-delay:.1s}.hero-copy>:nth-child(3){animation-delay:.2s}.hero-copy>:nth-child(4){animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}.hero h1{letter-spacing:-.06em;margin:26px 0 22px;font-size:clamp(60px,8.5vw,136px);line-height:.9}.hero p{color:var(--dim);margin:0 0 32px;font-size:clamp(16px,1.3vw,19px)}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.coords{font:12px var(--mono);color:var(--dim);align-items:center;gap:10px;margin-top:36px;display:flex}.monitor{perspective:1000px;position:relative}.bezel{background:var(--noise), linear-gradient(160deg, #f7f2e9, #d8d0c1);border:1px solid #b7ae9f;border-radius:30px;padding:clamp(14px,2.2vw,28px);box-shadow:inset 0 2px #fff,inset 0 -4px #0000001f,0 30px 60px -20px #0006,0 12px 20px -10px #0004}.screen{aspect-ratio:4/3;background:radial-gradient(#241812 0%,#0c0807 75%);border-radius:22px/26px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #1a1714,inset 0 0 60px #000,0 0 0 6px #c6bdae,0 1px 0 7px #fff8}.screen canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.screen-boot{font:14px var(--mono);color:var(--gold);place-items:center;display:grid;position:absolute;inset:0}.cursor{animation:1s step-end infinite blink}.screen-hud{z-index:2;font:11px var(--mono);letter-spacing:.1em;color:#ffc857b3;text-shadow:0 0 6px #ff5a1f88;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:14px;left:18px;right:18px}.scanlines{pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#00000038 2px 3px);position:absolute;inset:0}.glare{pointer-events:none;background:radial-gradient(120% 70% at 20% 0,#ffffff2e,#0000 45%),radial-gradient(#0000 60%,#0008);position:absolute;inset:0}.console{background:linear-gradient(#e2dbcd,#cfc7b8);border-radius:0 0 18px 18px;align-items:center;gap:14px;margin:14px 18px 0;padding:10px 16px;display:flex;box-shadow:inset 0 1px #fff9,0 6px 12px -6px #0005}.badge{font:700 10px var(--mono);letter-spacing:.12em;color:#7a7266;background:var(--brushed), linear-gradient(#e9e9e9, #bdbdbd);border-radius:4px;padding:5px 9px;box-shadow:inset 0 1px #fff,0 1px 2px #0003}.vents{gap:4px;margin-left:auto;display:flex}.vents i{background:#9b9283;border-radius:2px;width:4px;height:18px;box-shadow:inset 0 2px 2px #0005,0 1px #fff8}.knob{background:conic-gradient(#555,#ddd,#666,#eee,#555);border-radius:50%;width:26px;height:26px;position:relative;box-shadow:0 2px 4px #0005,inset 0 0 0 3px #0002}.knob:after{content:"";background:var(--ember);border-radius:2px;width:2px;height:8px;position:absolute;top:3px;left:12px}.stand{clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);filter:drop-shadow(0 10px 10px #0003);background:linear-gradient(#cfc7b8,#b3aa9b);width:36%;height:26px;margin:0 auto}[data-reveal]{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(40px)}[data-reveal].in{opacity:1;transform:none}.manifesto{padding:40px 0 120px}.ticker{margin:0 var(--pad);white-space:nowrap;font:700 18px var(--mono);letter-spacing:.2em;color:var(--ember);text-shadow:0 0 8px #ff5a1fcc,0 0 2px #ffc857;background:radial-gradient(#ffffff08 1px,#0000 1.5px) 0 0/5px 5px,linear-gradient(#1c1916,#0e0c0a);border:1px solid #000;border-radius:14px;padding:16px 0;overflow:hidden;box-shadow:inset 0 3px 10px #000,0 0 0 6px #cfc7b8,0 0 0 7px #a69e90,0 10px 20px #0003}.ticker div{animation:30s linear infinite marquee;display:inline-block}@keyframes marquee{to{transform:translate(-50%)}}.note-paper{max-width:980px;width:calc(100% - 2 * var(--pad));background:linear-gradient(#0000 0 0), repeating-linear-gradient(#0000 0 33px, #8fb4d633 33px 34px), var(--paper);margin:90px auto 0;padding:clamp(36px,6vw,72px);position:relative;transform:rotate(-1deg);box-shadow:0 1px 1px #0002,0 20px 40px -12px #0005}.note-paper.in{transform:rotate(-1deg)}.note-paper:before{content:"";background:#ff5a1f40;width:2px;position:absolute;top:0;bottom:0;left:52px}.tape{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#f5e7a8b3;width:120px;height:34px;position:absolute;box-shadow:0 1px 2px #0002}.t1{top:-16px;left:40px;transform:rotate(-6deg)}.t2{top:-14px;right:50px;transform:rotate(5deg)}.typed{font:500 17px var(--mono);color:var(--dim);margin:30px 0 12px}.note-paper h2{color:var(--ink);font-size:clamp(40px,6.5vw,96px);line-height:.98}.note-paper u{color:var(--ember);background:linear-gradient(#0000 62%,#ffc85799 62% 92%,#0000 92%);text-decoration:none}.signature{font:500 30px var(--hand);color:#2c4a8a;margin-top:30px;display:block;transform:rotate(-3deg)}.section-head{padding:0 var(--pad);max-width:900px;margin-bottom:56px}.section-head h2{margin:22px 0 18px;font-size:clamp(42px,6vw,84px);line-height:.95}.section-head p{color:var(--dim);max-width:520px;margin:0;font-size:17px}.projects{padding:120px 0}.carts{padding:0 var(--pad);grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.cart-wrap{perspective:1000px}.cartridge{--rx:0deg;--ry:0deg;--c1:#ff7a45;--c2:#ff5a1f;background:var(--noise), linear-gradient(#56504a, #34302c);transform:rotateX(var(--rx)) rotateY(var(--ry));color:var(--ink);border:1px solid #1f1c19;border-radius:14px 14px 22px 22px;padding:0 16px 16px;transition:transform .2s ease-out,translate .3s;display:block;position:relative;box-shadow:inset 0 2px #ffffff26,inset 0 -3px #0006,0 24px 40px -14px #0008}.cartridge:hover{translate:0 -8px}.cartridge.yougant{--c1:#4ff0b4;--c2:#17b97c}.cartridge.gym{--c1:#ffd77a;--c2:#f4a51c}.cartridge.shaadi{--c1:#ffa6c1;--c2:#ec5f8a}.grip{justify-content:center;gap:6px;padding:12px 0;display:flex}.grip i{background:#2a2622;border-radius:3px;width:6px;height:16px;box-shadow:inset 0 2px 2px #000,0 1px #ffffff1f}.label{background:var(--noise), var(--paper);border-radius:8px;padding:14px;box-shadow:inset 0 0 0 1px #0000001a,0 2px 3px #0006}.label-top{font:700 10px var(--mono);letter-spacing:.08em;color:var(--dim);justify-content:space-between;display:flex}.label-num{color:var(--c2)}.label-art{background:repeating-linear-gradient(0deg, #0000 0 8px, #ffffff2a 8px 10px), linear-gradient(160deg, var(--c1), var(--c2));border-radius:6px;place-items:center;height:130px;margin:12px 0 14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #0004}.sun{background:radial-gradient(circle at 35% 30%,#fff,#fff5 60%,#0000 70%);border-radius:50%;width:90px;height:90px;position:absolute;bottom:-30px;right:-14px}.emboss-num{font:700 64px var(--display);letter-spacing:-.06em;color:#ffffff30;text-shadow:0 -1px #0003,0 2px 1px #fff8;position:relative}.label h3{font-size:26px}.label p{color:var(--dim);margin:4px 0 12px;font-size:14px;line-height:1.45}.label ul{border-top:1px dashed #0002;flex-wrap:wrap;gap:6px;margin:0;padding:10px 0 0;list-style:none;display:flex}.label li{font:700 9px var(--mono);letter-spacing:.08em;background:#0000000d;border-radius:4px;padding:4px 7px}.cart-foot{justify-content:space-between;align-items:center;padding-top:14px;display:flex}.slot{background:#1a1714;border-radius:4px;width:60px;height:8px;box-shadow:inset 0 2px 3px #000,0 1px #ffffff1a}.insert{font:700 10px var(--mono);letter-spacing:.1em;color:var(--c1);text-shadow:0 0 8px var(--c2)}.capabilities{padding:120px 0}.keyboard{margin:0 var(--pad);background:var(--brushed), linear-gradient(#e6e6e6, #b4b4b4);border:1px solid #8e8e8e;border-radius:26px;grid-template-columns:repeat(2,1fr);gap:22px;padding:clamp(26px,4vw,44px);display:grid;position:relative;box-shadow:inset 0 2px #fff,inset 0 -3px #0002,0 30px 50px -20px #0007}.keyboard .screw{position:absolute}.screw.tl{top:12px;left:12px}.screw.tr{top:12px;right:12px}.screw.bl{bottom:12px;left:12px}.screw.br{bottom:12px;right:12px}.keycap{background:linear-gradient(#d2cabb,#a69e90);border-radius:16px;padding:6px 6px 14px;transition:transform .1s,box-shadow .1s;display:block;box-shadow:0 2px #7e776b,0 12px 18px -6px #0006,inset 0 -2px #0002}.keycap-top{background:linear-gradient(160deg,#fffdf8,#e9e2d5);border-radius:12px;min-height:150px;padding:20px 22px;display:block;box-shadow:inset 0 1px #fff,inset 0 -2px 4px #0000000f}.keycap:hover{transform:translateY(5px);box-shadow:0 1px #7e776b,0 4px 8px -4px #0006,inset 0 -2px #0002}.keycap:nth-child(5) .keycap-top,.keycap:hover .keycap-top{background:linear-gradient(160deg, #ff8a5a, var(--ember));color:#fff}.keycap:nth-child(5){background:linear-gradient(#e2531c,#a83809);box-shadow:0 2px #7a2a08,0 12px 18px -6px #0006}.keycap:hover small,.keycap:nth-child(5) small,.keycap:hover .keycap-num,.keycap:nth-child(5) .keycap-num{color:#fffc}.keycap-num{font:700 12px var(--mono);color:var(--ember)}.keycap h3{margin:12px 0 10px;font-size:clamp(22px,2.4vw,32px);line-height:1.1}.keycap small{font:11px var(--mono);color:var(--dim);letter-spacing:.06em}.studio{padding:120px var(--pad);grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;display:grid}.envelope{aspect-ratio:1.45;background:var(--noise), linear-gradient(#efe3c9, #e0d0ae);border-radius:6px;justify-self:center;width:100%;max-width:520px;position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:0 2px 2px #0002,0 30px 50px -18px #0006}.envelope.in{transform:rotate(2deg)}.env-flap{clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 4px 4px #0003);background:linear-gradient(#e6d6b6,#d6c39c);position:absolute;inset:0 0 38%}.wax{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ff8b6a,#c7290d 45%,#7d1505);border-radius:46% 54% 50% 48%/52% 46% 54% 48%;place-items:center;width:30%;display:grid;position:absolute;top:62%;left:50%;translate:-50% -50%;box-shadow:inset 0 -6px 10px #0005,inset 0 4px 8px #fff4,0 6px 12px #0005}.wax span{aspect-ratio:1;width:70%;font:700 clamp(22px, 3vw, 36px) var(--display);color:#8e1a06;text-shadow:0 1px #fff5,0 -1px #0005;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 3px 6px #0006,0 1px #fff4}.postmark{text-align:center;width:92px;height:92px;font:700 10px/1.4 var(--mono);color:#2c4a8acc;letter-spacing:.1em;border:2px solid #2c4a8a99;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:18px;right:22px;transform:rotate(-14deg)}.studio-copy h2{margin:22px 0 26px;font-size:clamp(42px,5.5vw,80px);line-height:.95}.studio-copy p{color:var(--dim);max-width:560px;font-size:17px}.studio-copy b{color:var(--ink)}.studio-copy .key{margin-top:18px}.contact{padding:120px var(--pad) 140px;grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.contact-copy h2{margin:22px 0;font-size:clamp(42px,5.5vw,80px);line-height:.95}.contact-copy>p{color:var(--dim);max-width:480px;font-size:17px}.biz-card{background:var(--noise), linear-gradient(#fffdf8, #f3eee3);border-radius:10px;max-width:460px;margin-top:36px;padding:26px 28px;transform:rotate(-2deg);box-shadow:0 1px 1px #0002,0 18px 30px -12px #0005}.biz-card.in,.contact-copy.in .biz-card{transform:rotate(-2deg)}.biz-head{border-bottom:2px solid var(--ember);align-items:center;gap:12px;margin-bottom:4px;padding-bottom:14px;display:flex}.biz-head b{font:700 18px var(--display);display:block}.biz-head small{font:11px var(--mono);color:var(--dim)}.biz-card a{font:600 16px var(--display);border-bottom:1px dashed #0002;padding:12px 0;display:block}.biz-card a:last-child{border:0}.biz-card a:hover{color:var(--ember)}.biz-card small{font:10px var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.1em;display:block}.clipboard{background:var(--noise), linear-gradient(135deg, #a5774a, #7d5531);border:1px solid #5c3d22;border-radius:18px;padding:46px 22px 22px;position:relative;box-shadow:inset 0 2px #fff3,inset 0 -3px #0003,0 30px 50px -18px #0007}.clip{z-index:2;background:var(--brushed), linear-gradient(#f2f2f2, #9e9e9e);border-radius:12px 12px 8px 8px;width:160px;height:52px;position:absolute;top:-18px;left:50%;translate:-50%;box-shadow:inset 0 1px #fff,0 6px 10px #0005}.clip span{background:#7c5431;border-radius:7px;width:50px;height:14px;position:absolute;top:10px;left:50%;translate:-50%;box-shadow:inset 0 2px 3px #0007}.paper{background:var(--paper);border-radius:4px;gap:18px;padding:28px;display:grid;box-shadow:0 2px 4px #0004}.paper-title{font:700 12px var(--mono);letter-spacing:.12em;border-bottom:2px solid var(--ink);justify-content:space-between;padding-bottom:12px;display:flex}.paper-title span{color:var(--ember)}.paper label{font:700 11px var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.08em;gap:8px;display:grid}.paper input,.paper select,.paper textarea{width:100%;font:15px var(--sans);text-transform:none;letter-spacing:0;resize:vertical;background:#f1ece2;border:1px solid #cfc7b8;border-radius:10px;outline:none;padding:13px 15px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 4px #0000001f,0 1px #fff}.paper input:focus,.paper select:focus,.paper textarea:focus{border-color:var(--ember);box-shadow:inset 0 2px 4px #0000001f,0 0 0 3px #ff5a1f33}.send-row{align-items:center;gap:20px;margin-top:4px;display:flex}.big-button{cursor:pointer;background:linear-gradient(#cfcfcf,#8f8f8f);border:0;border-radius:50%;flex:none;width:92px;height:92px;padding:7px;box-shadow:0 6px 12px #0005,inset 0 1px #fff}.big-button span{width:100%;height:100%;font:700 13px var(--mono);letter-spacing:.12em;color:#fff;text-shadow:0 -1px #0005;background:radial-gradient(circle at 40% 30%, #ff9a6e, var(--ember) 50%, var(--ember-dk));border-radius:50%;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid;box-shadow:0 5px #8f2b06,inset 0 2px 2px #ffffff80}.big-button:hover span{filter:brightness(1.06)}.big-button:active span{transform:translateY(4px);box-shadow:0 1px #8f2b06,inset 0 2px 2px #ffffff80}.note{color:var(--dim);margin:0;font-size:13px}.footer{background:var(--brushed), linear-gradient(#ececec, #c4c4c4);font:12px var(--mono);color:#555;text-shadow:0 1px #fff;border:1px solid #9c9c9c;border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px 28px;margin:0 clamp(12px,3vw,40px) 20px;padding:22px 24px;display:flex;box-shadow:inset 0 1px #fff,0 10px 24px #0002}.footer .wordmark{color:var(--ink);margin-right:auto}.footer a:hover{color:var(--ember)}.legal{gap:20px;display:flex}.serial{background:#0000000f;border-radius:4px;padding:4px 8px;box-shadow:inset 0 1px 2px #0002,0 1px #fff}@media (width<=1100px){.carts{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.links{background:var(--brushed), linear-gradient(#f2f2f2, #cdcdcd);opacity:0;pointer-events:none;border:1px solid #9c9c9c;border-radius:16px;flex-direction:column;gap:10px;padding:16px;transition:all .2s;position:fixed;top:84px;left:16px;right:16px;transform:translateY(-10px);box-shadow:0 20px 40px #0003}.links.open{opacity:1;pointer-events:auto;transform:none}.links .key{justify-content:center;padding:14px;font-size:16px}.burger{display:inline-flex}.hide-sm{display:none}.hero{grid-template-columns:1fr;padding-top:120px}.monitor{order:-1;justify-self:center;width:100%;max-width:560px}.keyboard,.studio,.contact{grid-template-columns:1fr}.studio{gap:56px}}@media (width<=600px){.carts{grid-template-columns:1fr}.projects,.capabilities,.studio,.contact{padding-top:80px;padding-bottom:80px}.console .knob,.vents{display:none}.keycap-top{min-height:0}.paper{padding:20px}.note-paper:before{left:24px}.footer .wordmark{width:100%}.footer>.screw{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}}.note-sent{color:#12805a;font-weight:600}