@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono.woff2) format("woff2")}:root{font-family:DM Sans,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;--bg:#f8f7f3;--ink:#292a3e;--muted:#686976;--line:#e4e2e0;--panel:#fffefa;--lilac:#e8e0f3;--purple:#776196;--soft:#efede7;--shadow:0 18px 45px #33334408;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button,a{transition:background .2s,color .2s,transform .2s,box-shadow .2s}button{border:0}a{color:inherit;text-decoration:none}button:active,.button:active{transform:translateY(2px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9172bd;outline-offset:5px}::selection{background:#d9c9ed;color:#252438}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:650}p{color:var(--muted);line-height:1.8}svg{flex-shrink:0}button:disabled{cursor:default}.site-header,main,.site-footer{width:min(1160px,calc(100% - 112px));margin:auto}.site-header{height:109px;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.7px}.brand-dot{color:var(--purple)}.brand-cat{width:35px;height:38px;overflow:hidden;display:inline-block}.brand-cat .cat{width:44px;height:44px;transform:translate(-4px,3px)}.nav{margin-left:auto;display:flex;align-items:center;gap:31px;font-size:13px;font-weight:550}.nav>a:hover,.text-link:hover{color:var(--purple)}.nav-contact{display:flex;align-items:center;gap:10px}.header-actions{display:flex;gap:10px;border-left:1px solid var(--line);padding-left:24px}.theme-button,.menu-button{background:none;padding:5px;display:grid;place-items:center}.menu-button{display:none}.skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-150%);padding:12px;background:var(--ink);color:var(--bg)}.skip-link:focus{transform:translateY(0)}.hero{min-height:640px;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:30px;padding:73px 0 80px}.hero-label,.eyebrow{font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.65px;line-height:1.7;font-weight:400}.hero-label{display:flex;align-items:center;gap:9px;margin-bottom:24px;font-size:9px}.status-dot{display:inline-block;width:6px;height:6px;background:#789477;border-radius:50%;box-shadow:0 0 0 3px #78947713}.hero h1{font-size:clamp(40px,4.15vw,59px);letter-spacing:-2.7px;line-height:1.23;font-weight:650}.serif{font-family:Georgia,Times New Roman,serif;font-weight:400;font-style:italic;letter-spacing:-1.6px}.cat-person{position:relative}.cat-person svg{position:absolute;bottom:-10px;left:0;width:100%;height:18px;fill:none;stroke:#b39dcc;stroke-width:2;stroke-linecap:round}.period{color:var(--purple)}.hero-copy>p{font-size:14px;max-width:400px;margin-top:29px;line-height:1.9}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:14px 20px;font-size:12px;font-weight:550;border-radius:6px}.primary{background:var(--ink);color:var(--bg);box-shadow:0 4px #1d203214}.primary:hover{background:#5c4c74;transform:translateY(-2px)}.text-link{display:flex;gap:9px;align-items:center;font-size:12px}.hero-footnote{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:29px}.workbench{height:390px;position:relative;margin-top:37px;margin-left:4px}.workbench:before{content:"";position:absolute;inset:4px -19px 0 -17px;border-radius:50%;background:radial-gradient(ellipse,#eae3f064,transparent 68%);z-index:-1}.code-window{position:absolute;top:39px;width:95%;left:0;border:1px solid #d9d5df;border-radius:10px;background:#fffdfa;box-shadow:7px 12px #e9e4ef80,0 20px 45px #34334509;transform:rotate(-3deg);overflow:hidden;color:#424455;z-index:1}.window-bar{height:36px;border-bottom:1px solid #e8e4e9;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#6d6778;font:9px DM Mono,monospace;background:#f2eff6}.traffic{display:flex;gap:5px}.traffic i{height:7px;width:7px;border-radius:100%;background:#d9a5a1}.traffic i:nth-child(2){background:#e3c28d}.traffic i:nth-child(3){background:#acc8aa}.code-tabs{height:36px;background:#f9f7fa;display:flex;border-bottom:1px solid #eeeaf1}.code-tabs button{background:transparent;font:10px DM Mono,monospace;color:#7d7787;padding:0 14px;border-right:1px solid #eeeaf1;display:flex;align-items:center;gap:8px}.code-tabs button.selected{background:#fffdfa;border-top:2px solid #af9ac8;color:#484050}.code-tabs button>span{color:#b3954a;font-size:9px}.code-content{padding:19px 14px 18px;display:flex;gap:15px;height:199px;font:10px/1.95 DM Mono,monospace}.line-numbers{color:#bcb8c0;-webkit-user-select:none;user-select:none}.code-content pre{font:inherit;white-space:pre;margin:0}.comment{color:#746e7a;font-style:italic}.purple{color:#80569f}.green{color:#51775e}.orange{color:#96642f}.editor-status{display:flex;justify-content:space-between;font:8px DM Mono,monospace;padding:8px 12px;background:#f6f3f9;border-top:1px solid #ebe6ee}.editor-status .status-dot{width:4px;height:4px;box-shadow:none;margin-right:4px}.status-check{margin-left:8px;color:#789477}.doodle{position:absolute;color:#a797bc;font-size:37px;line-height:1;z-index:2}.sparkle-one{right:-8px;top:13px}.sparkle-two{left:-33px;top:145px;font-size:24px;color:#a2ac91}.desk-shadow{position:absolute;bottom:28px;width:100%;height:1px;background:linear-gradient(90deg,transparent,#cfc9d2,transparent)}.pet-cat{padding:0;display:block;background:none;position:relative;isolation:isolate;border-radius:30px}.pet-cat:hover .cat{transform:rotate(-4deg)}.cat{width:100%;height:100%;overflow:visible;transition:transform .25s}.hero-cat{position:absolute;width:164px;height:155px;right:-6px;bottom:-1px;z-index:3;transform:rotate(3deg)}.cat-reaction{position:absolute;top:0;left:30px;white-space:nowrap;font:14px Georgia,serif;font-style:italic;color:#8c5f90;background:var(--bg);border-radius:10px}.is-happy .cat-tail{transform-origin:120px 140px;animation:tail .4s ease-in-out 4 alternate}.cat-note{position:absolute;right:-15px;bottom:-31px;font:italic 15px Georgia,serif;color:var(--purple);transform:rotate(-7deg)}.cat-note svg{position:absolute;top:-18px;right:-36px;transform:rotate(-80deg)}.workbench-sticker{position:absolute;left:60px;bottom:-5px;transform:rotate(-5deg);padding:10px 13px;background:#e9eddf;color:#68745c;font:10px DM Mono,monospace;border:1px solid #dce2cf;border-radius:3px;z-index:3}.workbench-sticker>span{padding-right:5px}.plant{position:absolute;bottom:29px;left:-25px;width:65px;height:83px;z-index:2}.plant i{position:absolute;bottom:0;left:17px;width:32px;height:34px;background:#d8bba7;clip-path:polygon(0 0,100% 0,87% 100%,14% 100%);border-top:4px solid #bea18f}.plant span{position:absolute;bottom:25px;left:32px;width:15px;height:48px;background:#96a58c;border-radius:100% 0;transform:rotate(-30deg);transform-origin:bottom}.plant span:nth-child(2){transform:rotate(30deg);height:56px;background:#adb99c}.plant span:nth-child(3){transform:rotate(-65deg);height:39px;background:#819376}.chapter-divider{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;color:var(--muted);font:9px DM Mono,monospace;letter-spacing:1.3px}.chapter-divider a{display:flex;align-items:center;gap:9px;letter-spacing:0;font-family:DM Sans,sans-serif;font-size:11px}.divider-star{color:#9b87b3;font-size:21px}.section-space{padding:89px 0}.eyebrow{color:var(--muted)}h2{font-size:38px;line-height:1.25;letter-spacing:-1.65px;margin-top:14px}h2 .serif{font-size:1.075em}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:97px}.about-intro>p{font-size:13px;margin-top:22px;max-width:430px}.about-intro>p+p{margin-top:13px}.about-facts{margin-top:24px}.fact-buttons{display:flex;gap:8px;align-items:center}.fact-buttons button{background:var(--panel);border:1px solid var(--line);width:38px;height:38px;border-radius:8px;display:grid;place-items:center}.fact-buttons button[aria-pressed=true]{background:var(--lilac);border-color:#c6b7d8}.fact-buttons>span{font:italic 13px Georgia,serif;color:var(--muted);margin-left:8px}.fact-content{margin-top:16px;min-height:97px}.fact-content h3{font-size:13px}.fact-content p{font-size:12px;margin-top:5px;line-height:1.7}.journey-panel{background:#efedf4;border:1px solid #e3dee9;border-radius:12px;padding:30px 29px 20px;position:relative;transform:rotate(1.5deg);margin-top:18px;align-self:start;box-shadow:var(--shadow);color:#383646}.tape{position:absolute;top:-11px;width:88px;height:25px;background:#d9d5c285;left:calc(50% - 44px);transform:rotate(-6deg);clip-path:polygon(0 7%,100% 0,98% 93%,2% 100%)}.journey-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.journey-top .eyebrow{font-size:9px;color:#625d6d}.journey-top>span:last-child{font-size:22px;color:#9c88b6}.journey-steps{display:grid;gap:5px;position:relative}.journey-steps:before{content:"";position:absolute;top:20px;bottom:22px;left:22px;border-left:1px dashed #c7bfce}.journey-steps>button{position:relative;display:flex;align-items:center;background:transparent;padding:8px;gap:13px;border-radius:8px;font-size:12px;text-align:left;min-height:59px}.journey-steps>button:hover{background:#ffffff60}.journey-steps>button.active{background:#fffc;box-shadow:0 3px 10px #35344706}.journey-icon{width:33px;height:33px;display:grid;place-items:center;background:#e7e2ed;border-radius:8px;color:#7d718c}.active .journey-icon{background:#d7c9e7;color:#625176}.step-marker{margin-left:auto;font:8px DM Mono,monospace;color:#6c5e77;letter-spacing:.3px}.active .step-marker{font-size:7px;padding:6px;background:#eee7f4;border-radius:3px}.journey-note{margin:17px 6px 0;padding-top:18px;border-top:1px dashed #cbc4d4;min-height:119px}.journey-note>span{font:10px DM Mono,monospace;color:#786289}.journey-note p{font-size:11px;line-height:1.8;margin-top:7px;color:#625d6d}.journey-scribble{font:italic 12px Georgia,serif;display:block;text-align:right;color:#6e5e7c;margin-top:10px}.projects-section{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:20px}.section-heading>p{font-size:12px;line-height:1.8}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #28283e03;transition:box-shadow .25s,transform .25s}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #28283e0a}.project-preview{padding:25px 25px 0;height:280px;overflow:hidden}.phone-preview{background:#e4ece4}.store-preview{background:#f0e8de}.mini-browser{background:#fffdfb;border:1px solid #e0e0d8;border-bottom:0;border-radius:7px 7px 0 0;display:flex;align-items:center;justify-content:space-between;font:7px DM Mono,monospace;color:#68726b;padding:8px 10px}.mini-browser>span:first-child{font-size:6px;letter-spacing:2px}.mini-app{background:#fff;border:1px solid #e0e0d8;padding:17px;color:#263c38;min-height:260px;box-shadow:0 9px 18px #273a3310}.mini-header{display:flex;justify-content:space-between;align-items:center}.mini-header>b{font-size:13px;letter-spacing:-.5px;display:flex;align-items:center;gap:2px}.mint-text{color:#3e7661}.mini-header>span{font-size:6px;color:#61736a}.phone-logo,.store-logo{width:18px;height:18px;display:inline-grid;place-items:center;border-radius:5px;margin-right:3px;background:#277361;color:#fff;font-size:14px}.mini-search{margin-top:14px;display:flex;align-items:center;gap:7px;border:1px solid #e7ebe8;border-radius:4px;background:#fbfcfa;padding:8px;color:#607168;font-size:7px}.mini-search>svg:last-child{margin-left:auto}.preview-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:650;margin:18px 0 13px}.preview-heading>span{font-size:6px;font-weight:400;color:#527363}.phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.phone-item{background:#f6f8f5;border:1px solid #eff1eb;border-radius:5px;display:flex;flex-direction:column;align-items:center;padding:10px 2px 8px}.phone-item.chosen{border-color:#aac2ae;background:#edf3ed}.phone-item b{font-size:7px;margin-top:8px}.phone-item>span:last-child{font-size:5.5px;color:#567060;margin-top:5px}.phone-model{position:relative;width:42px;height:69px;border-radius:8px;background:linear-gradient(115deg,#c5a7a5,#e5d2cd);border:2px solid #bdaaac;box-shadow:4px 3px 5px #1f2d3712;transition:transform .25s;transform:rotate(-8deg)}.phone-item:hover .phone-model{transform:rotate(3deg) translateY(-3px)}.phone-model i{width:10px;height:10px;border-radius:100%;background:#45414d;position:absolute;top:5px;left:4px;border:2px solid #8d8190}.phone-model i:nth-child(2){top:18px}.phone-model i:nth-child(3){left:16px;top:11px}.model-1{background:linear-gradient(115deg,#abc3d4,#d5e0e1);border-color:#b5c6cc;transform:rotate(6deg)}.model-2{background:linear-gradient(115deg,#959c88,#cdd4b7);border-color:#a4ae93;transform:rotate(-5deg)}.store-logo{background:#9a5b2d}.orange-text{color:#91603d;margin-left:2px}.store-banner{margin-top:14px;border-radius:4px;background:#f3e9d8;padding:13px;display:flex;justify-content:space-between;overflow:hidden}.store-banner>div:first-child{display:flex;flex-direction:column;gap:8px}.store-banner span{font-size:5px;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.store-banner b{font-family:Manrope,sans-serif;font-size:15px;line-height:1.35;letter-spacing:-.5px}.headphones{width:58px;height:58px;border:8px solid #6b665e;border-bottom-color:transparent;border-radius:50% 50% 32% 32%;transform:rotate(20deg);margin:2px 10px 0 0;position:relative;box-shadow:inset 1px 2px 2px #39392d50}.headphones i{position:absolute;width:14px;height:26px;border-radius:7px;background:#7b766b;bottom:-2px;left:-8px;border:2px solid #a6a092}.headphones i+i{left:auto;right:-8px}.store-categories{display:flex;gap:7px;margin-top:13px}.store-categories button{padding:5px 8px;font-size:6px;background:#f4f1eb;border-radius:4px;color:#716353}.store-categories button.chosen{background:#945e34;color:#fff}.category-result{display:flex;justify-content:space-between;margin-top:12px;font-size:8px;color:#8b7a65}.project-details{padding:25px 27px 0}.project-details .eyebrow{font-size:8px;letter-spacing:1.2px}.project-details h3{font-size:24px;letter-spacing:-.8px;display:flex;justify-content:space-between;align-items:center;margin-top:9px}.project-details h3 svg{color:#b1a2bb}.project-details>p{font-size:12px;margin-top:11px;line-height:1.85}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0 22px}.tags span{font:9px DM Mono,monospace;padding:6px 8px;background:var(--soft);border-radius:4px;color:var(--muted)}.project-links{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;gap:8px}.project-links>a,.project-links>span{display:flex;align-items:center;gap:6px;font-size:10px}.project-links>span{color:var(--muted)}.project-links>a:hover{color:var(--purple)}.preview-note{font-size:10px;display:flex;gap:6px;align-items:center;justify-content:center;margin-top:21px;color:var(--muted)}.toolkit{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;border-top:1px solid var(--line)}.toolkit-intro>p{font-size:12px;max-width:275px;margin-top:20px}.handwritten{font:italic 16px Georgia,serif;color:var(--purple)}.toolkit-intro>.handwritten{display:block;margin-top:24px;transform:rotate(-4deg)}.skill-filters{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.skill-filters button{padding:7px 9px;background:transparent;border-radius:4px;color:var(--muted);font-size:10px}.skill-filters button[aria-pressed=true]{background:var(--lilac);color:var(--ink)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:214px;align-content:start}.skills-grid button{display:flex;align-items:center;text-align:left;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:12px 9px;min-height:63px}.skills-grid button[aria-pressed=true]{border-color:#b7a1ce;box-shadow:0 0 0 1px #b7a1ce20}.skills-grid b{display:block;font-size:10px;font-weight:550}.skills-grid small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.skill-symbol{font:13px DM Mono,monospace;color:var(--purple);width:24px;text-align:center}.skill-description{font-size:11px;display:flex;align-items:start;gap:10px;margin-top:16px;min-height:48px}.skill-description svg{margin-top:3px;color:var(--purple)}.experiments{border-top:1px solid var(--line)}.section-heading>.handwritten{transform:rotate(-5deg);margin-right:22px}.handwritten>span{display:inline-block;font-size:25px;margin-left:5px}.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.experiment-card{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:327px}.radius-lab{background:#f0ecf4;color:#454050}.cat-lab{background:#edf0e7;color:#4a5142}.experiment-top{display:flex;align-items:center;justify-content:space-between;margin:21px 24px;color:#686071}.experiment-top>span{font:8px DM Mono,monospace;letter-spacing:1px;display:flex;align-items:center;gap:6px}.tiny-dot{height:5px;width:5px;border-radius:50%;display:inline-block}.lilac{background:#b198cc}.sage{background:#93a082}.shape-stage{height:136px;display:flex;align-items:center;justify-content:center;gap:27px}.css-shape{width:99px;height:99px;display:grid;place-items:center;color:#fff;box-shadow:0 12px 20px #9f87be22;transition:border-radius .2s,background .2s}.shape-stage code{font:9px DM Mono,monospace;padding:9px;background:#ffffff70;border-radius:4px;color:#70617e}.shape-controls{margin:19px 25px 22px}.shape-controls>label{font-size:11px;font-weight:500;display:block;margin-bottom:9px}.shape-controls input{width:100%;accent-color:#92809f;height:5px;cursor:pointer}.swatches{display:flex;align-items:center;gap:7px;margin-top:14px}.swatches>button:not(.copy-css){width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#4a4353}.swatches>.copy-css{margin-left:auto;display:flex;align-items:center;gap:5px;background:none;font-size:9px;color:#6b587e}.cat-stage{position:relative;height:171px;display:flex;justify-content:center;align-items:center}.cat-stage>.pet-cat{width:154px;height:155px;margin-left:-50px}.pet-bubble{position:absolute;left:55%;top:35px;font:italic 12px Georgia,serif;border:1px solid #d6dfce;border-radius:9px 9px 9px 0;padding:9px;background:#f8faef;max-width:135px;transform:rotate(4deg);color:#606e50}.cat-lab-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #dae0d2}.cat-lab-bottom h3{font-size:13px;letter-spacing:-.2px}.cat-lab-bottom p{font-size:10px;margin-top:5px;color:#626f56}.pet-counter{display:flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid #d3dcc9;border-radius:6px;background:#f7faef;color:#5e6e50;font-size:10px;white-space:nowrap}.reset-pets{position:absolute;right:23px;top:57px;background:transparent;color:#5e6e50;padding:8px}.contact-section{border-top:1px solid var(--line);padding:77px 0 83px;display:flex;align-items:center;justify-content:space-between;position:relative}.contact-section h2{font-size:45px;line-height:1.25}.contact-section p{font-size:12px;margin-top:20px}.contact-links{display:flex;gap:24px;align-items:center;margin-top:27px;flex-wrap:wrap}.contact-links>a:not(.button),.contact-placeholder{font-size:10px;display:flex;gap:7px;align-items:center;color:var(--muted)}.contact-placeholder:first-child{border:1px solid var(--line);border-radius:6px;padding:12px}.contact-cat{margin:25px 65px 0 20px;display:flex;align-items:center;flex-direction:column}.contact-cat>.pet-cat{width:176px;height:170px}.contact-cat>.handwritten{font-size:14px;transform:rotate(-5deg);margin-top:2px}.contact-doodle{position:absolute;left:64%;top:48px;font-size:47px;color:#c6b2d7;transform:rotate(12deg)}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;min-height:136px;gap:20px}.footer-name{font-family:Manrope,sans-serif;font-size:12px;font-weight:700}.footer-name>span{color:var(--purple);margin-left:5px}.site-footer p{font-size:9px;margin-top:8px}.footer-cat{position:relative;align-self:stretch;display:flex;align-items:center;padding-top:48px}.footer-cat>.pet-cat{position:absolute;width:86px;height:83px;top:-6px;left:calc(50% - 43px)}.footer-cat>span{font:italic 12px Georgia,serif;color:var(--muted)}.back-top{font-size:10px;display:flex;align-items:center;gap:10px}.back-top svg{transform:rotate(-90deg)}.reveal{opacity:1}.reveal.visible{animation:reveal .65s ease both}@keyframes reveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes tail{to{transform:rotate(-15deg)}}[data-theme=dark]{--bg:#22232c;--ink:#eeebf3;--muted:#b2adbb;--line:#3b3a47;--panel:#292a34;--lilac:#49405b;--purple:#c1acd7;--soft:#36333e;color-scheme:dark}[data-theme=dark] .workbench:before{background:radial-gradient(ellipse,#5c436635,transparent 68%)}[data-theme=dark] .journey-panel{background:#302b3a;border-color:#47414f;color:#e4ddea}[data-theme=dark] .journey-steps>button.active{background:#45404d}[data-theme=dark] .journey-steps>button:hover{background:#45404d}[data-theme=dark] .journey-note p,[data-theme=dark] .journey-note>span,[data-theme=dark] .journey-scribble,[data-theme=dark] .journey-top .eyebrow{color:#bdb0cb}[data-theme=dark] .journey-note{border-color:#534a5c}[data-theme=dark] .radius-lab{background:#302c3b;color:#ece5f3}[data-theme=dark] .cat-lab{background:#30372c;color:#e2e9da}[data-theme=dark] .experiment-top{color:#c0b8ca}[data-theme=dark] .shape-stage code{background:#443a53;color:#d5c4e7}[data-theme=dark] .cat-lab-bottom{border-color:#4b5445}[data-theme=dark] .cat-lab-bottom p{color:#b9c3af}[data-theme=dark] .primary:hover{color:#fff}[data-theme=dark] .brand-cat .cat{filter:brightness(2)}@media(min-width:1500px){.site-header,main,.site-footer{width:1160px}.hero h1{font-size:59px}}@media(max-width:1100px){.site-header,main,.site-footer{width:calc(100% - 76px)}.hero{gap:25px;min-height:610px}.hero h1{font-size:46px}.code-content{font-size:8.5px;gap:10px}.workbench{height:359px}.code-window{top:28px;width:97%}.hero-cat{width:142px;height:134px;right:-4px;bottom:-2px}.hero-copy>p{font-size:13px}.hero-actions{gap:18px}.cat-note{right:18px}.workbench-sticker{left:30px;bottom:-9px;font-size:9px}.about-section{gap:55px}.section-space{padding:73px 0}h2{font-size:33px}.project-preview{padding:20px 18px 0}.preview-heading{font-size:8px}.preview-heading>span{font-size:5px}.mini-header>span{display:none}.project-details{padding:22px 21px 0}.toolkit{gap:35px;grid-template-columns:.65fr 1.35fr}.skills-grid button{gap:6px;padding:10px 6px}.contact-cat{margin-right:20px}.nav{gap:23px}.wordmark{font-size:16px}.header-actions{padding-left:18px}.site-header{gap:22px}.cat-lab-bottom{padding:16px}.cat-lab-bottom h3{font-size:12px}}@media(max-width:800px){.site-header,main,.site-footer{width:calc(100% - 48px)}.site-header{height:86px}.nav{gap:17px;font-size:11px}.wordmark{font-size:15px}.header-actions{padding-left:13px}.hero{grid-template-columns:1fr;gap:25px;padding:58px 0 61px;min-height:unset}.hero h1{font-size:58px}.hero-copy>p{max-width:470px;font-size:14px}.hero-label{font-size:10px}.workbench{width:min(460px,90%);height:380px;margin:10px auto 15px}.code-content{font-size:10px;height:199px}.hero-cat{width:162px;height:153px}.hero-actions{gap:26px}.hero-footnote{font-size:11px}.chapter-divider{font-size:8px}.about-section{gap:30px}.journey-panel{padding:25px 18px 20px}.journey-steps>button{gap:8px;font-size:10px}.step-marker{font-size:7px}.active .step-marker{font-size:6px;padding:4px}.about-intro>p{font-size:12px}.section-heading{align-items:start}.section-heading>p{max-width:200px;font-size:11px}.project-grid,.experiment-grid{gap:18px}.project-preview{height:227px;padding:16px 12px 0}.mini-app{padding:10px}.phone-grid{gap:4px}.phone-model{width:31px;height:52px}.phone-model i{width:8px;height:8px;left:3px;top:3px}.phone-model i:nth-child(2){top:14px}.phone-model i:nth-child(3){left:12px;top:9px}.phone-item{padding:6px 1px}.phone-item>span:last-child{font-size:4px}.phone-item b{font-size:6px}.preview-heading{font-size:7px}.preview-heading>span{display:none}.mini-header>b{font-size:11px}.mini-search{font-size:5px;padding:5px;gap:4px}.mini-search svg{width:10px}.store-banner{padding:9px}.store-banner b{font-size:11px}.headphones{width:41px;height:41px;border-width:6px;margin-right:3px}.headphones i{height:21px;width:11px;left:-7px}.headphones i+i{right:-7px}.store-categories{gap:4px}.store-categories button{font-size:5px;padding:4px 5px}.category-result{font-size:6px}.project-details{padding:20px 17px 0}.project-details>p{font-size:11px}.project-links{flex-direction:column;gap:13px}.toolkit{grid-template-columns:1fr;gap:27px}.toolkit-intro>p{max-width:460px}.toolkit-intro h2 br{display:none}.toolkit-intro>.handwritten{display:none}.toolkit-intro>p{margin-top:14px}.skills-grid{min-height:unset}.skills-grid button{padding:15px;gap:13px}.skills-grid b{font-size:12px}.skills-grid small{font-size:9px}.shape-stage{gap:12px}.shape-stage code{font-size:7px;padding:6px}.css-shape{width:80px;height:80px}.experiment-top{margin:20px 16px}.experiment-top>span{font-size:6.5px;letter-spacing:.8px}.cat-lab-bottom{flex-wrap:wrap;gap:9px;padding-top:13px}.cat-lab-bottom p{font-size:9px}.experiment-card{min-height:337px}.cat-stage{height:151px}.pet-bubble{font-size:10px;padding:7px}.contact-section h2{font-size:39px}.contact-links{gap:13px}.contact-cat{margin-right:0}.contact-cat>.pet-cat{width:150px;height:146px}.contact-cat>.handwritten{font-size:11px}.site-footer{gap:15px}.site-footer p{font-size:8px}.back-top{font-size:9px}.footer-cat>span{font-size:11px}.section-heading>.handwritten{font-size:13px;margin-top:40px;margin-right:0}}@media(max-width:600px){.site-header,main,.site-footer{width:calc(100% - 40px)}.site-header{height:76px;gap:14px}.wordmark{font-size:15px}.header-actions{margin-left:auto;border:0;padding:0}.menu-button{display:grid}.theme-button,.menu-button{width:34px;height:34px}.nav{display:none;position:absolute;top:68px;left:20px;right:20px;z-index:10;background:var(--panel);border:1px solid var(--line);padding:15px;border-radius:9px;box-shadow:var(--shadow)}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:3px}.nav>a{padding:12px;font-size:13px}.nav-contact{justify-content:space-between}.hero{padding-top:43px;gap:25px;padding-bottom:54px}.hero h1{font-size:clamp(34px,8.5vw,47px);letter-spacing:-1.7px}.hero-label{font-size:7px;letter-spacing:1.15px;margin-bottom:22px}.hero-copy>p{font-size:13px;line-height:1.9;margin-top:27px;max-width:350px}.hero-actions{margin-top:25px;gap:22px}.button{padding:13px 15px;font-size:11px;gap:12px}.text-link{font-size:11px}.hero-footnote{font-size:8px;gap:6px;margin-top:24px}.workbench{width:calc(100% - 23px);max-width:375px;height:312px;margin-top:14px;margin-bottom:22px;margin-left:17px}.code-window{top:21px;width:98%;border-radius:7px;transform:rotate(-2.5deg)}.window-bar{height:30px;font-size:7px}.code-tabs{height:30px}.code-tabs button{font-size:8px;padding:0 10px}.code-content{font-size:clamp(6.8px,2.01vw,8.7px);height:157px;padding:13px 10px;gap:10px;line-height:2}.editor-status{font-size:6px;padding:6px 10px}.hero-cat{width:133px;height:125px;right:-8px;bottom:-2px}.cat-note{font-size:12px;right:21px;bottom:-24px}.cat-note svg{width:30px;right:-25px;top:-16px}.workbench-sticker{font-size:7px;left:25px;bottom:-4px;padding:8px 9px}.plant{left:-24px;bottom:25px;transform:scale(.75);transform-origin:bottom}.sparkle-one{right:-7px;font-size:29px;top:0}.sparkle-two{left:-26px;top:132px;font-size:19px}.desk-shadow{bottom:24px}.chapter-divider{padding:16px 0;font-size:6.1px;letter-spacing:.7px;gap:8px}.chapter-divider a{font-size:8px;gap:4px}.divider-star{font-size:16px}.section-space{padding:56px 0}.about-section{grid-template-columns:1fr;gap:24px}h2{font-size:32px;letter-spacing:-1.1px}.eyebrow{font-size:8px;letter-spacing:1.3px}.about-intro>p{font-size:13px;margin-top:19px}.fact-content{min-height:78px}.fact-content p{font-size:12px}.journey-panel{margin:4px 5px 0;padding:25px 22px 21px;transform:rotate(1deg)}.journey-steps>button{font-size:12px;gap:12px;min-height:60px}.step-marker{font-size:8px}.active .step-marker{font-size:7px;padding:5px}.journey-note{min-height:106px}.journey-note p{font-size:12px}.section-heading{flex-direction:column;align-items:start;gap:15px;margin-bottom:26px}.section-heading>p{max-width:none;font-size:12px}.section-heading>p br{display:none}.project-grid,.experiment-grid{grid-template-columns:1fr;gap:23px}.project-preview{height:276px;padding:24px 23px 0}.mini-app{padding:14px}.mini-header>b{font-size:13px}.mini-header>span{display:block;font-size:6px}.mini-search{padding:8px;font-size:6px}.preview-heading{font-size:9px;margin:17px 0 12px}.preview-heading>span{display:block;font-size:5px}.phone-grid{gap:7px}.phone-model{width:42px;height:67px}.phone-model i{width:10px;height:10px;left:4px;top:5px}.phone-model i:nth-child(2){top:18px}.phone-model i:nth-child(3){left:16px;top:11px}.phone-item{padding:9px 2px}.phone-item b{font-size:7px}.phone-item>span:last-child{font-size:5px}.mini-browser{font-size:6px}.project-details{padding:23px 23px 0}.project-details h3{font-size:24px}.project-details>p{font-size:12px}.project-links{flex-direction:row;padding:18px 0;gap:7px}.project-links>span{font-size:9px}.store-banner{padding:13px;margin-top:13px}.store-banner b{font-size:15px}.store-banner span{font-size:6px}.headphones{width:59px;height:59px;border-width:8px;margin-right:10px}.headphones i{height:26px;width:14px;left:-8px}.headphones i+i{right:-8px}.store-categories{gap:6px;margin-top:13px}.store-categories button{font-size:6px;padding:6px 8px}.category-result{font-size:8px}.preview-note{text-align:center;align-items:start;font-size:9px;line-height:1.7;padding:0 4px}.preview-note svg{margin-top:3px}.toolkit{gap:22px}.toolkit-intro h2 br{display:block}.toolkit-intro>p{font-size:13px;max-width:310px}.skill-filters{gap:3px}.skill-filters button{font-size:9px;padding:7px 8px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:8px}.skills-grid button{padding:12px 9px;gap:9px;min-height:66px}.skills-grid b{font-size:10px}.skills-grid small{font-size:8px}.skill-description{font-size:11px;min-height:65px;margin-top:18px}.section-heading>.handwritten{margin-top:0;font-size:13px;align-self:end;margin-bottom:-4px}.experiment-card{min-height:330px}.experiment-top{margin:21px 23px}.experiment-top>span{font-size:7.5px}.shape-stage{height:143px;gap:23px}.shape-stage code{font-size:8px;padding:8px}.css-shape{width:98px;height:98px}.cat-stage{height:169px}.cat-lab-bottom{padding:19px 23px;flex-wrap:nowrap}.cat-lab-bottom h3,.pet-bubble{font-size:12px}.contact-section{padding:56px 0 42px;flex-direction:column;align-items:start}.contact-section h2{font-size:37px}.contact-section p{font-size:12px}.contact-section p br{display:none}.contact-links{gap:17px;row-gap:16px}.contact-placeholder{font-size:9px}.contact-placeholder:first-child{padding:10px}.contact-cat{align-self:end;margin:23px 21px 0}.contact-cat>.pet-cat{width:118px;height:112px}.contact-cat>.handwritten{font-size:11px}.contact-doodle{left:auto;right:0;top:22px;font-size:31px}.site-footer{min-height:165px;padding:26px 0 30px;display:grid;grid-template-columns:1fr auto;gap:16px}.site-footer>div:first-child{grid-column:1}.site-footer p{font-size:8px;max-width:195px}.footer-cat{grid-row:1/3;grid-column:2;align-self:center;min-height:88px;padding-top:61px}.footer-cat>.pet-cat{top:-12px}.footer-cat>span{font-size:10px}.back-top{grid-row:2;font-size:9px;justify-self:start}.footer-name{font-size:11px}.header-actions{gap:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.pet-cat:hover .cat,.project-card:hover,.phone-item:hover .phone-model{transform:none}}.footer-socials{display:flex;gap:12px;margin-top:9px;font-size:8px;color:var(--muted)}.footer-socials a:hover{color:var(--purple)}[data-theme=dark] .journey-steps>button:not(.active) .step-marker{color:#b9abc5}.personal-intro{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;max-width:460px}.personal-detail{display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #ded3e8;border-radius:15px 15px 15px 5px;background:#eee7f5;color:#51415f;font-size:12px;line-height:1.5;box-shadow:0 2px #ded3e84d;overflow-wrap:anywhere;max-width:100%}.personal-detail:nth-child(3n+2){background:#e9ede3;border-color:#d4ddca;color:#44523d;box-shadow:0 2px #d4ddca4d}.personal-detail:nth-child(3n){background:#f4e9dc;border-color:#dfd8ce;color:#634c3e;box-shadow:0 2px #dfd8ce4d}.detail-paw{flex-shrink:0;opacity:.7}.personal-detail>span{min-width:0}[data-theme=dark] .personal-detail{background:#383142;border-color:#51475e;color:#e4d7f0;box-shadow:none}[data-theme=dark] .personal-detail:nth-child(3n+2){background:#303b32;border-color:#495a49;color:#d6e5ce}[data-theme=dark] .personal-detail:nth-child(3n){background:#3b3231;border-color:#514445;color:#f2e0cf}@media(max-width:600px){.personal-intro{gap:8px;margin-top:21px}.personal-detail{padding:8px 11px;font-size:11px}}.animated-cat{display:block;width:100%;height:100%;position:relative}.animated-cat img{width:100%;height:100%;object-fit:contain;display:block}.pet-art{transition:transform .35s}.pet-cat:hover .pet-art{transform:translateY(-5px) rotate(-3deg)}.pet-cat.is-happy .pet-art{transform:translateY(-8px) rotate(4deg)}.motion-toggle{display:flex;align-items:center;gap:6px;background:transparent;color:var(--muted);padding:8px;border-radius:6px;font-size:9px;white-space:nowrap}.motion-toggle:hover{background:var(--lilac);color:var(--ink)}.motion-toggle:disabled{cursor:default;opacity:.65}.journey-panel{position:relative}.journey-cat{position:absolute;width:85px;height:85px;right:4px;top:-58px;pointer-events:none}.cat-lounge{border-top:1px solid var(--line)}.lounge-scene{display:grid;grid-template-columns:1fr 1.3fr;min-height:360px;border:1px solid #dfd8ce;border-radius:18px;overflow:hidden;position:relative;background:#f4e9dc;color:#463b3a;transition:background .5s}.lounge-scene.lilac{background:#eee7f5;border-color:#ded3e8}.lounge-scene.sage{background:#e9ede3;border-color:#d4ddca}.lounge-story{padding:35px 0 35px 36px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:28px;position:relative;z-index:1}.lounge-status{display:flex;align-items:center;gap:8px;font:8px DM Mono,monospace;letter-spacing:1px;color:#69615d}.lounge-status i{width:6px;height:6px;border-radius:50%;background:#869574;box-shadow:0 0 0 4px #86957416}.lounge-role{font:8px DM Mono,monospace;letter-spacing:1.5px;color:#827467}.lounge-story h3{font:400 34px/1.2 Manrope,sans-serif;letter-spacing:-1.5px;max-width:315px;margin:13px 0}.lounge-story p{font-size:12px;line-height:1.8;max-width:265px;color:#71645e}.lounge-love{display:flex;gap:9px;align-items:center;padding:11px 15px;background:#ffffff80;border:1px solid #ffffff90;border-radius:30px;color:#785d69;font-size:10px;transition:transform .2s}.lounge-love:hover{transform:translateY(-2px);background:#fff}.lounge-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.lounge-orbit{position:absolute;width:280px;height:280px;border:1px solid #ffffffa0;border-radius:50%;background:#ffffff24}.lounge-orbit:after{content:"";position:absolute;inset:22px;border:1px dashed #ffffffb0;border-radius:50%}.featured-cat{height:290px;z-index:1;width:100%}.featured-cat.cat-dance,.featured-cat.cat-loading,.featured-cat.cat-noto,.featured-cat.cat-cry{width:245px;height:245px}.lounge-star{position:absolute;color:#ab8d69;z-index:2}.star-a{left:12%;top:12%;font-size:40px;animation:lounge-twinkle 5s ease-in-out infinite}.star-b{right:11%;bottom:20%;font-size:21px;animation:lounge-twinkle 5s ease-in-out infinite reverse}.lounge-handwriting{position:absolute;bottom:23px;right:38px;font:italic 13px Georgia,serif;color:#81725f;transform:rotate(-5deg)}.mood-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:17px}.mood-picker button{display:flex;align-items:center;gap:9px;padding:14px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:11px;transition:background .2s,transform .2s}.mood-picker button>span:first-child{font:8px DM Mono,monospace;opacity:.6}.mood-picker button:hover{transform:translateY(-2px);border-color:var(--purple)}.mood-picker button[aria-pressed=true]{background:var(--lilac);border-color:var(--purple);color:var(--ink)}.mood-dot{width:5px;height:5px;border-radius:50%;margin-left:auto;background:var(--line)}[aria-pressed=true]>.mood-dot{background:var(--purple)}.lounge-bottom{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted);margin-top:16px}.lounge-bottom a{display:flex;gap:5px;align-items:center}.footer-cat>.pet-cat{width:140px;left:calc(50% - 70px)}.hero-cat{width:185px;height:175px;bottom:-10px}.contact-cat>.pet-cat{width:220px;height:175px}@keyframes lounge-twinkle{50%{transform:rotate(18deg) scale(.8);opacity:.5}}[data-cat-motion=paused] *,[data-cat-motion=paused] *:before,[data-cat-motion=paused] *:after{animation-play-state:paused!important}[data-theme=dark] .lounge-scene{background:#3b3231;border-color:#514445;color:#f2e8df}[data-theme=dark] .lounge-scene.lilac{background:#383142;border-color:#51475e}[data-theme=dark] .lounge-scene.sage{background:#303b32;border-color:#495a49}[data-theme=dark] .lounge-story p,[data-theme=dark] .lounge-status,[data-theme=dark] .lounge-role,[data-theme=dark] .lounge-handwriting{color:#cabdb5}[data-theme=dark] .lounge-orbit{background:#ffffff07;border-color:#ffffff20}[data-theme=dark] .lounge-orbit:after{border-color:#ffffff20}[data-theme=dark] .lounge-love{background:#ffffff0d;border-color:#ffffff20;color:#e0c2cf}@media(max-width:800px){.motion-toggle span{display:none}.lounge-story{padding:26px 0 26px 25px}.lounge-story h3{font-size:28px}.lounge-orbit{width:220px;height:220px}.featured-cat{height:260px}.journey-cat{width:64px;height:64px;top:-44px}.hero-cat{width:170px;height:160px}}@media(max-width:600px){.lounge-scene{grid-template-columns:1fr}.lounge-story{padding:25px 24px 0;gap:23px}.lounge-story h3{max-width:270px;font-size:29px}.lounge-story p{max-width:280px}.lounge-stage{height:265px}.featured-cat{height:225px}.featured-cat.cat-dance,.featured-cat.cat-loading,.featured-cat.cat-noto,.featured-cat.cat-cry{width:200px;height:200px}.lounge-orbit{width:210px;height:210px}.lounge-handwriting{bottom:12px;font-size:11px;right:25px}.mood-picker{grid-template-columns:repeat(2,1fr)}.mood-picker button{font-size:10px;min-height:44px}.lounge-bottom{flex-wrap:wrap;line-height:1.8}.hero-cat{width:145px;height:137px}.contact-cat>.pet-cat{width:160px;height:130px}.journey-cat{top:-44px;right:12px}.motion-toggle{padding:7px}.header-actions{gap:0}}@media(prefers-reduced-motion:reduce){.pet-cat:hover .pet-art,.pet-cat.is-happy .pet-art,.mood-picker button:hover,.lounge-love:hover{transform:none}}.mood-picker .mood-preview{width:66px;height:58px;flex-shrink:0;opacity:1}.mood-picker .mood-label{font:inherit;opacity:1}.mood-picker button{padding:8px;gap:8px}.mood-picker .mood-dot{flex-shrink:0}@media(max-width:600px){.mood-picker .mood-preview{width:48px;height:48px}.mood-picker button{gap:6px}}.experiments .experiment-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);align-items:stretch;column-gap:28px;row-gap:16px}.experiments .cat-lounge{display:contents}.lounge-title{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0 0 16px;font-size:14px;font-weight:500}.lounge-title span{font-size:11px;font-weight:400;color:var(--muted)}.experiments .lounge-title{grid-column:2;grid-row:1;margin:0}.experiments .radius-lab{grid-column:1;grid-row:2;min-height:360px;display:flex;flex-direction:column}.experiments .radius-lab .shape-stage{flex:1;min-height:136px}.experiments .lounge-scene{grid-column:2;grid-row:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.experiments .lounge-story{min-width:0;padding-right:12px}.experiments .featured-cat{max-width:100%}.experiments .mood-picker{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0;gap:10px}.experiments .mood-picker button{min-width:0;padding:8px 14px;text-align:left}.experiments .mood-picker .mood-preview{opacity:1}.experiments .lounge-bottom{grid-column:1/-1;margin-top:0;flex-wrap:wrap;line-height:1.8}[data-theme=dark] .swatches>.copy-css{color:#c8b7e8}@media(max-width:1000px){.experiments .experiment-grid{grid-template-columns:minmax(0,1fr);gap:18px}.experiments .radius-lab,.experiments .lounge-title,.experiments .lounge-scene{grid-column:1;grid-row:auto}.experiments .radius-lab{min-height:330px}.experiments .lounge-title{margin-top:10px}.experiments .mood-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.experiments .lounge-scene{grid-template-columns:minmax(0,1fr)}.experiments .lounge-story{padding-right:24px}.experiments .mood-picker button{padding:8px;gap:6px}}