:root{--ink:#202321;--paper:#f4f2ec;--lime:#d8f26a;--violet:#7263e8;--orange:#ff895b;--line:#d7d5cc;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%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='.8'/%3E%3C/svg%3E")}.section-shell{width:min(1180px,calc(100% - 96px));margin:auto}.site-header{height:84px;width:min(1180px,calc(100% - 96px));margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--lime);width:33px;height:33px;border-radius:50%;font:11px var(--mono);letter-spacing:-.12em}.muted{color:#94938c}.desktop-nav{display:flex;gap:39px;margin-left:100px}.desktop-nav a,.availability,.text-link{color:var(--ink);text-decoration:none;font-size:12px;font-weight:700}.desktop-nav a:hover,.text-link:hover{opacity:.55}.availability{font:10px var(--mono);letter-spacing:.02em}.availability i{display:inline-block;width:7px;height:7px;background:#88c44c;border-radius:50%;margin-right:7px}.menu-button{display:none;border:0;background:none;font-size:20px}.hero{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px 0 80px}.eyebrow{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:0 0 28px}.eyebrow-line{height:1px;width:26px;background:currentColor}.hero h1,h2{font-size:clamp(49px,6.2vw,83px);line-height:.98;letter-spacing:-.075em;margin:0;font-weight:700}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.09em}.hero-lede{font-size:16px;line-height:1.6;max-width:415px;margin:29px 0 30px;color:#656660}.hero-cta{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;gap:28px;padding:16px 20px;text-decoration:none;font-size:12px;font-weight:800}.button-dark{color:var(--paper);background:var(--ink)}.button span{font-size:17px}.text-link{border-bottom:1px solid #aaa;padding-bottom:5px}.text-link span{font-size:17px;margin-left:10px}.hero-visual{height:420px;position:relative;display:grid;place-items:center}.terminal-card{width:min(395px,80%);background:#292d2c;border-radius:12px;box-shadow:15px 20px 0 rgba(29,31,29,.08);transform:rotate(5deg);position:relative;z-index:2}.terminal-bar{height:40px;background:#3a3e3c;border-radius:12px 12px 0 0;display:flex;gap:6px;align-items:center;padding:0 16px}.terminal-bar span{width:7px;height:7px;border-radius:50%;background:#fb7b5e}.terminal-bar span:nth-child(2){background:#f5cd63}.terminal-bar span:nth-child(3){background:#8cc766}.terminal-bar small{font:9px var(--mono);color:#989f99;margin:auto}.code{padding:36px 32px 45px;color:#eee;line-height:2;font:13px var(--mono)}.purple{color:#d78cff}.blue{color:#83c9ff}.green{color:#a9d466}.orange{color:#ffad75}.indent{padding-left:24px;display:inline-block}.white{color:#fff}.cursor{display:inline-block;width:7px;height:14px;background:#d8f26a;margin-left:2px;vertical-align:-2px}.terminal-status{border-top:1px solid #474d49;padding:12px 17px;display:flex;justify-content:space-between;color:#9fa99f;font:9px var(--mono)}.orbit{border:1px solid #d8d5ca;border-radius:50%;position:absolute}.orbit-one{width:490px;height:215px;transform:rotate(30deg)}.orbit-two{width:330px;height:440px;transform:rotate(49deg)}.sticker{position:absolute;z-index:3;font:11px var(--mono);line-height:1.3;text-transform:uppercase}.sticker strong{font-size:15px}.sticker-top{background:var(--lime);padding:14px 16px;transform:rotate(-8deg);top:32px;right:16px}.sticker-bottom{background:var(--orange);padding:12px 15px;transform:rotate(7deg);bottom:34px;left:38px}.marquee{background:var(--ink);color:var(--lime);overflow:hidden;white-space:nowrap;padding:18px 0;font:12px var(--mono);letter-spacing:.15em}.marquee div{width:max-content;animation:move 28s linear infinite}.marquee span{color:var(--orange);margin:0 25px}@keyframes move{to{transform:translateX(-50%)}}.content-section{padding:145px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:62px}.section-heading h2,.toolkit-section h2,.about-section h2,.contact-section h2{font-size:clamp(43px,5vw,68px)}.section-intro{max-width:275px;margin:0 7% 5px 0;color:#77766f;font-size:14px;line-height:1.6}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{color:var(--ink);text-decoration:none;min-height:430px;padding:22px 22px 25px;display:flex;flex-direction:column;transition:transform .3s ease}.project-card:hover{transform:translateY(-8px)}.project-lime{background:var(--lime)}.project-violet{background:var(--violet);color:white}.project-orange{background:var(--orange)}.project-top{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.1em}.arrow{font-size:20px}.project-card h3{font-size:16px;margin:20px 0 10px;letter-spacing:-.03em}.project-card h3 span{font-weight:400}.tag-row{display:flex;gap:7px;font:9px var(--mono);margin-top:auto}.tag-row span{border:1px solid currentColor;border-radius:20px;padding:6px 9px}.dashboard-art{height:235px;background:#fbfaf5;margin:24px 0 0;border-radius:5px;display:flex;padding:13px;gap:9px}.dash-sidebar{width:18%;background:#303331;border-radius:3px}.dash-content{flex:1}.dash-content i{display:inline-block;width:40%;height:7px;background:#d9d8d0;margin:7px 5px 20px}.dash-content i+ i{width:25%}.dash-chart{height:62px;border-bottom:2px solid #c8ee51;background:linear-gradient(145deg,transparent 45%,#bce833 46%,transparent 48%),linear-gradient(25deg,transparent 60%,#dcdcd3 61%,transparent 63%);margin-bottom:15px}.dash-bars{display:flex;gap:8px;height:58px;align-items:end}.dash-bars b{width:15%;background:#c8ee51;height:35%}.dash-bars b:nth-child(2){height:70%}.dash-bars b:nth-child(3){height:48%}.dash-bars b:nth-child(4){height:90%}.dash-bars b:nth-child(5){height:62%}.orb-art{height:235px;position:relative;overflow:hidden;margin:24px 0 0;background:#5143bd;border-radius:5px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:190px;height:190px;background:#d9f06d;left:20px;top:32px}.orb-b{width:170px;height:170px;background:#fd7e5f;right:18px;top:-20px;opacity:.9}.orb-c{width:150px;height:150px;background:#9489fb;right:38px;bottom:-45px}.orb-label{position:absolute;left:18px;bottom:17px;font:10px var(--mono);line-height:1.4}.orb-label strong{font-size:13px}.grid-art{height:235px;position:relative;overflow:hidden;margin:24px 0 0;background:#ffb79f;border-radius:5px}.grid-lines{position:absolute;inset:0;background:linear-gradient(#e17858 1px,transparent 1px),linear-gradient(90deg,#e17858 1px,transparent 1px);background-size:25px 25px;opacity:.55;transform:perspective(250px) rotateX(40deg) scale(1.4);transform-origin:bottom}.grid-sun{font-size:75px;position:absolute;z-index:1;right:30px;top:35px;color:#f2f0e9}.grid-copy{position:absolute;z-index:2;left:20px;bottom:20px;font:12px var(--mono);line-height:1.4}.grid-copy strong{font-size:20px}.writing-section{padding-top:30px}.view-all{margin-bottom:8px}.writing-list{border-top:1px solid var(--line)}.note{display:grid;grid-template-columns:150px 1fr 30px;align-items:center;gap:25px;color:var(--ink);text-decoration:none;padding:25px 0;border-bottom:1px solid var(--line)}.note:hover h3{color:var(--violet)}.note-date{font:10px var(--mono);color:#87877f}.note h3{font-size:18px;letter-spacing:-.03em;margin:0;transition:color .2s}.note-arrow{font-size:21px;text-align:right}.toolkit-section{background:var(--lime);padding:120px 0}.toolkit-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px}.toolkit-copy{padding-top:43px;max-width:410px}.toolkit-copy p{font-size:17px;line-height:1.55;margin:0 0 40px}.tool-list{display:flex;flex-wrap:wrap;gap:9px}.tool-list span{border:1px solid var(--ink);border-radius:20px;padding:10px 14px;font:11px var(--mono)}.about-section{min-height:575px;padding:140px 0;display:flex;gap:115px;align-items:center}.about-stamp{width:140px;height:140px;border:1px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);font:10px var(--mono);line-height:1.5}.about-stamp strong{font-size:24px}.about-content{max-width:600px}.about-copy{max-width:450px;font-size:16px;line-height:1.65;color:#6f6e67;margin:30px 0}.contact-section{background:var(--violet);color:white;padding:125px 0}.contact-section .eyebrow{color:#d8d4ff}.contact-inner{text-align:center}.contact-inner .eyebrow{justify-content:center}.contact-email{display:inline-block;color:white;text-decoration:none;border-bottom:1px solid #c2bdf8;margin-top:42px;padding-bottom:8px;font:14px var(--mono)}.contact-email span{margin-left:26px;font-size:20px}.site-footer{height:100px;display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);color:#86857e}.socials{display:flex;gap:15px}.socials a{color:var(--ink);text-decoration:none}
@media(max-width:760px){.section-shell,.site-header{width:calc(100% - 40px)}.site-header{height:72px}.desktop-nav,.availability{display:none}.menu-button{display:block}.desktop-nav.nav-open{display:flex;position:absolute;top:62px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;gap:18px;border:1px solid var(--line);z-index:8}.hero{display:block;padding:70px 0 65px;min-height:auto}.hero h1{font-size:54px}.hero-visual{height:350px;margin-top:35px}.terminal-card{width:90%}.sticker-top{right:0}.sticker-bottom{left:0}.orbit-one{width:360px}.orbit-two{height:350px}.content-section{padding:90px 0}.section-heading{display:block;margin-bottom:38px}.section-intro{margin:25px 0 0}.work-grid{grid-template-columns:1fr}.project-card{min-height:400px}.writing-section{padding-top:0}.note{grid-template-columns:1fr 25px;gap:10px;padding:22px 0}.note-date{grid-column:1/-1}.note h3{font-size:16px}.toolkit-inner{grid-template-columns:1fr;gap:15px}.toolkit-section{padding:90px 0}.toolkit-copy{padding-top:10px}.about-section{display:block;padding:90px 0}.about-stamp{margin:0 0 48px auto;width:105px;height:105px}.contact-section{padding:90px 0}.site-footer{height:auto;padding:30px 0;display:grid;gap:18px}.hero-cta{gap:18px}.button{padding:14px 16px;gap:18px}}
/* The three-letter mark needs a little extra room at small sizes. */
.brand-mark{width:38px;height:38px;font-size:10px}
.project-link{display:block;margin-top:18px;font:10px var(--mono);text-decoration:underline;text-underline-offset:4px}
.socials a{display:inline-flex;padding:0;border:0}.socials svg{width:24px;height:24px;display:block}.socials svg rect{fill:currentColor}.socials svg text{font:700 11px Arial,sans-serif}