@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--ink:#17251f;--paper:#f6f1e8;--muted:#7b8278;--line:#17251f29;--serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.page-width{width:min(1140px,100% - 64px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1270px,100% - 64px);height:86px;margin:0 auto;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:10px;font:600 13px Space Grotesk,sans-serif;display:inline-flex}.brand-mark{width:27px;height:27px;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;font-size:15px;display:grid}.header-link,.back-link{color:var(--muted);font:13px DM Mono,monospace}.header-link span{color:var(--ink);margin-left:5px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;min-height:610px;padding:72px 0 96px;display:grid}.kicker,.type-label{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0;font:11px DM Mono,monospace}.dot{vertical-align:1px;background:#ef8354;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.075em;margin:20px 0 24px;font:500 clamp(56px,7vw,98px)/.96 Space Grotesk,sans-serif}h1 em,h2 em{color:#ef8354;font-family:var(--serif);letter-spacing:-.08em;font-weight:400}.hero-intro{color:#617067;max-width:420px;font-size:17px;line-height:1.7}.jump-link{border-bottom:1px solid var(--ink);align-items:center;gap:26px;margin-top:24px;padding-bottom:9px;font:12px DM Mono,monospace;display:inline-flex}.jump-link span{font-size:18px}.hero-art{aspect-ratio:1;background:radial-gradient(circle at 48% 43%,#f6bd60 0 8%,#0000 8.5%),radial-gradient(circle at 45% 45%,#ef835440,#0000 34%);border:1px solid #17251f17;border-radius:50%;width:min(390px,80vw);margin:auto;position:relative}.orbit{border:1px solid #17251f38;border-radius:50%;position:absolute;inset:12% 1%;transform:rotate(-29deg)}.orbit-two{border-style:dashed;inset:20% -2%;transform:rotate(48deg)}.orbit-core{aspect-ratio:1;width:20%;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;font-size:27px;display:grid;position:absolute;top:40%;left:40%;box-shadow:0 0 0 15px #f6bd6040}.orbit-note{color:var(--muted);font:10px DM Mono,monospace;position:absolute}.note-one{top:16%;left:11%;transform:rotate(-20deg)}.note-two{bottom:17%;right:6%;transform:rotate(-20deg)}.tool-section{padding:30px 0 128px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:20px;display:flex}.section-heading h2{letter-spacing:-.05em;margin:11px 0 0;font:500 31px Space Grotesk,sans-serif}.count{color:var(--muted);font:11px DM Mono,monospace}.tool-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding-top:18px;display:grid}.tool-card{border:1px solid var(--line);background:#ffffff29;flex-direction:column;min-height:430px;padding:22px;transition:transform .25s,background .25s,box-shadow .25s;display:flex;position:relative}.tool-card:hover{background:#fffaf2;transform:translateY(-6px)rotate(-.5deg);box-shadow:0 20px 35px #17251f14}.card-top,.card-arrow{justify-content:space-between;align-items:center;display:flex}.card-number,.card-tag{color:var(--muted);font:11px DM Mono,monospace}.card-tag{border:1px solid var(--line);border-radius:30px;padding:5px 8px}.card-visual{min-height:190px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);font:400 76px var(--serif);place-items:center;margin:25px -2px 26px;display:grid}.tool-card:nth-child(2) .card-visual{font-family:Space Grotesk,sans-serif;font-size:84px;font-weight:600}.tool-card:nth-child(3) .card-visual{font-size:110px}.card-copy{flex:1}.card-eyebrow{color:var(--accent);margin-bottom:8px;font:11px DM Mono,monospace}.card-copy h3{letter-spacing:-.05em;margin-bottom:11px;font:500 25px Space Grotesk,sans-serif}.card-copy>p:last-child{max-width:260px;color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.6}.card-arrow{border-top:1px solid var(--line);padding-top:16px;font:11px DM Mono,monospace}.card-arrow b{font-size:18px;font-weight:400}.about{grid-template-columns:200px 1fr;align-items:center;gap:80px;max-width:790px;padding:30px 0 130px;display:grid}.about-stamp{border:1px solid var(--ink);text-align:center;text-transform:uppercase;border-radius:50%;place-items:center;width:135px;height:135px;font:10px/1.5 DM Mono,monospace;display:grid;transform:rotate(-13deg)}.about-copy{max-width:600px;font:400 27px/1.3 var(--serif);letter-spacing:-.03em;margin:17px 0 0}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:22px 0 32px;font:10px DM Mono,monospace;display:flex}.tool-page{min-height:100vh}.tool-shell{padding:62px 0 110px}.back-link{border-bottom:1px solid var(--line);padding-bottom:7px;display:inline-block}.tool-heading{max-width:700px;padding:88px 0 48px}.tool-heading h1{letter-spacing:-.07em;margin:16px 0 15px;font:500 clamp(46px,6vw,76px)/1 Space Grotesk,sans-serif}.tool-heading>p:last-child{max-width:440px;color:var(--muted);font-size:16px;line-height:1.6}.experiment{border:1px solid var(--line);background:#fff3}.gradient-experiment,.type-experiment,.focus-experiment{max-width:860px;padding:18px}.gradient-preview{color:#17251fad;place-items:center;min-height:360px;font:12px DM Mono,monospace;display:grid}.control-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.color-control{background:#ffffff73;justify-content:space-between;align-items:center;padding:15px 16px;font:12px DM Mono,monospace;display:flex}.color-control>div{align-items:center;gap:9px;display:flex}.color-control input{background:0 0;border:0;width:25px;height:25px;padding:0}.color-control code,.code-row code{color:var(--muted);font:11px DM Mono,monospace}.code-row{justify-content:space-between;align-items:center;gap:16px;padding:17px 4px 0;display:flex}.code-row code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-row button,.primary-button{border:1px solid var(--ink);color:var(--paper);background:var(--ink);padding:10px 14px;font:11px DM Mono,monospace}.scale-control{background:#ffffff73;padding:24px 22px}.scale-control label{justify-content:space-between;margin-bottom:18px;font:13px DM Mono,monospace;display:flex}.scale-control strong{color:var(--accent);font-weight:500}.scale-control input{width:100%;accent-color:var(--accent)}.range-labels{color:var(--muted);justify-content:space-between;margin-top:8px;font:10px DM Mono,monospace;display:flex}.type-preview{padding:64px 40px 52px}.type-preview h2{letter-spacing:-.075em;max-width:670px;margin:13px 0 28px;font:500 52px/.98 Space Grotesk,sans-serif}.type-preview p{max-width:590px;color:var(--muted);line-height:1.6}.type-small{color:var(--muted);font-family:DM Mono,monospace}.focus-experiment{padding:0;overflow:hidden}.focus-sky{background:radial-gradient(circle at 50% 52%,#ef835447,#0000 8%),#17312e;min-height:370px;position:relative;overflow:hidden}.focus-star{color:#f6bd60;font-size:30px;position:absolute;top:20%;left:49%}.focus-orbit-line{border:1px solid #f6bd6075;border-radius:50%;width:74%;height:65%;position:absolute;top:19%;left:12%;transform:rotate(-25deg)}.focus-planet{color:#ef8354;font-size:38px;position:absolute;top:44%;left:77%}.focus-controls{background:#fffaf2;align-items:end;gap:24px;padding:24px;display:flex}.focus-controls strong{margin-top:8px;font:500 27px Space Grotesk,sans-serif;display:block}.minute-buttons{gap:4px;display:flex}.minute-buttons button{border:1px solid var(--line);background:0 0;width:34px;height:34px}.primary-button{background:var(--accent);border-color:var(--accent);margin-left:auto;padding:13px 18px}.primary-button span{margin-left:11px}.is-running .focus-planet{animation:5s linear infinite orbit}.is-running .focus-star{animation:1.6s ease-in-out infinite alternate pulse}@keyframes orbit{0%{transform:translate(0)}50%{transform:translate(-150px,25px)}to{transform:translate(0)}}@keyframes pulse{to{opacity:.7;transform:scale(1.3)}}@media (width<=760px){.page-width,.site-header{width:min(100% - 36px,560px)}.hero{min-height:auto;padding:72px 0 80px;display:block}.hero h1{font-size:clamp(53px,15vw,80px)}.hero-art{width:82vw;margin:78px auto 18px}.tool-section{padding-bottom:90px}.section-heading{align-items:start;gap:18px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:380px}.about{padding-bottom:90px;display:block}.about-stamp{margin-bottom:42px}.about-copy{font-size:23px}.footer{flex-direction:column;gap:18px}.tool-shell{padding-top:40px}.tool-heading{padding:68px 0 34px}.gradient-preview{min-height:260px}.control-row{grid-template-columns:1fr}.code-row{flex-direction:column;align-items:start}.type-preview{padding:44px 24px}.type-preview h2{font-size:43px!important}.focus-controls{flex-wrap:wrap;align-items:stretch}.primary-button{width:100%;margin-left:0}.header-link{display:none}}