@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{--ink:#111719;--paper:#f5f1e9;--acid:#d8ff38}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:500 15px/1.6 Manrope,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.hero,section{padding:0 clamp(24px,9vw,150px)}.hero{min-height:100vh;background:radial-gradient(circle at 85% 35%,#dceacb 0,transparent 26%)}nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c8c5bd}nav div{display:flex;gap:25px;font:11px DM Mono}nav button{border:1px solid #111;background:none;border-radius:22px;padding:8px 13px;cursor:pointer}.wordmark{font-weight:800}.wordmark i{background:var(--ink);color:var(--acid);border-radius:50%;padding:5px;font:9px DM Mono}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:calc(100vh - 88px);gap:5vw}.kicker,small{font:10px DM Mono;letter-spacing:.12em}.hero h1,section h1{font:800 clamp(46px,7vw,104px)/.91 Manrope;letter-spacing:-.09em;margin:18px 0}em{font-family:Playfair Display;font-weight:600}.intro{max-width:470px;color:#68706d;font-size:17px}.solid{display:inline-block;padding:14px 18px;background:var(--ink);color:#fff;border-radius:5px;font-weight:700;margin:18px 16px 18px 0}.quiet{font-weight:700}.stage{height:570px;display:grid;place-items:center;position:relative}.phone{width:282px;height:530px;background:#213034;color:#f4faf5;border:7px solid #172126;border-radius:40px;padding:19px;box-shadow:28px 32px #d4d2c9,28px 43px 65px #0003;position:relative}.island{width:90px;height:22px;background:#000;border-radius:30px;margin:-8px auto 15px}.status{font:10px DM Mono;display:flex;justify-content:space-between}#screen{padding:45px 3px}#screen h2{font:700 37px/.92 Manrope;letter-spacing:-.08em;margin:12px 0}#screen b,#screen i,code i{color:var(--acid)}code{display:block;background:#132023;padding:13px;margin-top:36px;border-radius:6px;font:10px/1.7 DM Mono}.tabs{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:space-around}.tabs button{border:0;background:none;color:#b5c3be;font:10px DM Mono;cursor:pointer}.card{position:absolute;padding:13px;background:#fff;box-shadow:0 12px 30px #0002;z-index:2}.a{right:0;top:72px;transform:rotate(7deg)}.b{left:0;bottom:80px;transform:rotate(-6deg);background:#1d282b;color:#fff}.b small{color:var(--acid)}.quote{background:#1b282a;color:#f5f8f3;padding-top:125px;padding-bottom:125px;font:700 clamp(35px,5vw,75px)/1.08 Manrope;letter-spacing:-.06em}.quote em{color:var(--acid)}.quote p{font:15px/1.7 Manrope;letter-spacing:0;color:#bfccc2;max-width:380px;margin:40px 0 0 auto}.rows{border-top:1px solid #bdbab2}.rows article{display:grid;grid-template-columns:60px 1fr 260px;gap:25px;padding:38px 0;border-bottom:1px solid #bdbab2}.rows h2,.experience h2{font-size:30px;line-height:1;letter-spacing:-.06em;margin:6px 0}.rows p{color:#626966}.rows code{margin:auto 0;background:#1c2929;color:#f5f8f3;font-size:11px}.experience{background:#e6e2d9;padding-top:105px;padding-bottom:105px}.experience article{display:inline-block;width:46%;border-top:1px solid #aaa69e;margin-right:3%;padding-top:18px}.skills{background:#cde5d2;padding-top:105px;padding-bottom:105px}.skills div{display:flex;flex-wrap:wrap;gap:9px}.skills b{border:1px solid #82998b;border-radius:30px;padding:9px 14px;font-size:13px}.skills b:nth-child(3n){background:#1d2929;color:var(--acid)}.contact{background:#111719;color:#f5f1e9;padding-top:115px;padding-bottom:115px}.contact em{color:var(--acid)}.contact .solid{background:var(--acid);color:#111}footer{background:#111719;color:#abb4ae;padding:22px clamp(24px,9vw,150px);font:9px DM Mono;display:flex;justify-content:space-between}aside{position:fixed;right:20px;bottom:20px;width:min(380px,calc(100vw - 40px));background:#edf3e8;padding:28px;box-shadow:0 20px 80px #0007;z-index:5}aside h2{font-size:35px;line-height:1;margin:8px 0}aside button:not(#guide-close){display:block;width:100%;text-align:left;margin:8px 0;padding:10px;border:1px solid #b4c5b3;background:#fff;cursor:pointer}#guide-close{float:right;border:0;background:none;font-size:28px;cursor:pointer}#answer{background:#d6e6d2;padding:12px;font-size:12px}@media(max-width:700px){.hero,section{padding-left:24px;padding-right:24px}nav div{display:none}.hero-grid{grid-template-columns:1fr;padding:50px 0}.stage{height:500px}.phone{transform:scale(.85)}.rows article{grid-template-columns:30px 1fr}.rows code{grid-column:2}.experience article{display:block;width:100%;margin:22px 0}.quote{padding:80px 24px}.card{font-size:12px}}