@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{color:#1d2b3a;font-synthesis:none;background:#f7f8fa;font-family:DM Sans,PingFang SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-shell{overflow:hidden}.wrap{width:min(1100px,100% - 64px);margin:0 auto}.header{border-bottom:1px solid #e6eaee;justify-content:space-between;align-items:center;height:84px;display:flex}.brand{letter-spacing:.12em;align-items:center;gap:10px;font:600 13px DM Mono,monospace;display:flex}.brand-mark{color:#fff;background:#ee774f;border-radius:50%;place-items:center;width:28px;height:28px;font:600 17px Noto Serif SC,serif;display:grid}.nav{color:#6f7a87;gap:35px;font-size:13px;display:flex}.nav a{transition:color .2s;position:relative}.nav a:hover,.nav .active{color:#1d2b3a}.nav .active:after{content:"";background:#ee774f;height:2px;position:absolute;bottom:-12px;left:0;right:0}.header-actions{align-items:center;gap:18px;display:flex}.icon-button,.menu-button,.github-link{color:#506071;cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.menu-button{display:none}.search-bar{color:#80909d;background:#fff;border:1px solid #dce3e8;border-radius:5px;align-items:center;gap:12px;margin-top:16px;padding:14px 18px;display:flex}.search-bar input{color:#1d2b3a;background:0 0;border:0;outline:0;flex:1}.search-bar button{cursor:pointer;color:#71808c;background:0 0;border:0;display:grid}.hero{justify-content:space-between;align-items:center;min-height:420px;padding:67px 0 60px;display:flex}.eyebrow{color:#ee774f;letter-spacing:.2em;margin:0 0 20px;font:500 10px DM Mono,monospace}.eyebrow span{background:#ee774f;border-radius:50%;width:6px;height:6px;margin:0 8px 1px 0;display:inline-block}.hero h1{letter-spacing:-.06em;color:#1e2d3d;margin:0;font:600 clamp(38px,5vw,60px)/1.25 Noto Serif SC,serif}.hero h1 em{color:#ee774f;font-style:normal}.hero-desc{color:#71808c;margin:22px 0 26px;font-size:14px;line-height:1.9}.text-link,.all-link{color:#283b4d;border-bottom:1px solid #bec8d0;align-items:center;gap:8px;padding-bottom:5px;font-size:12px;font-weight:600;display:inline-flex}.text-link:hover,.all-link:hover{color:#ee774f;border-color:#ee774f}.hero-art{width:380px;height:265px;margin-right:35px;position:relative}.sun{background:#f3b468;border-radius:50%;width:142px;height:142px;position:absolute;top:58px;left:116px}.orbit{border:1px solid #a4c4c3;border-radius:50%;position:absolute;transform:rotate(-22deg)}.orbit-one{width:332px;height:115px;top:73px;left:27px}.orbit-two{border-color:#e5b89d;width:280px;height:178px;top:40px;left:52px;transform:rotate(56deg)}.planet{border-radius:50%;position:absolute}.planet-one{background:#4e9a96;width:20px;height:20px;top:52px;right:42px}.planet-two{background:#ee774f;width:11px;height:11px;bottom:48px;left:32px}.art-star{color:#ee774f;font-size:21px;position:absolute}.star-one{top:26px;left:78px}.star-two{color:#7ba9aa;font-size:29px;bottom:75px;right:36px}.art-label{text-align:center;letter-spacing:.18em;color:#34516a;font:500 10px/1.55 DM Mono,monospace;position:absolute;top:114px;left:162px}.content{border-top:1px solid #e6eaee;padding:58px 0 70px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:29px;display:flex}.section-heading h2,.newsletter h2{letter-spacing:-.04em;margin:0;font:600 29px Noto Serif SC,serif}.section-heading .eyebrow{margin-bottom:11px}.all-link{font-size:11px}.article-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.post-card{background:#fff;border:1px solid #e6ebef;transition:transform .25s,box-shadow .25s;box-shadow:0 5px 16px #243a4e08}.post-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #243a4e14}.post-visual{place-items:center;height:165px;display:grid;position:relative;overflow:hidden}.post-visual.blue{background:#dce9f0}.post-visual.cream{background:#f4e9d9}.post-visual.green{background:#dcebe4}.visual-shape{color:#ffffffdb;font:100px/1 Noto Serif SC,serif;transform:rotate(-12deg)}.green .visual-shape{color:#f0b76e;font-size:68px}.cream .visual-shape{color:#d58158;font-size:95px}.visual-index{color:#1d2b3a73;font:11px DM Mono,monospace;position:absolute;bottom:13px;right:16px}.post-body{padding:22px 22px 20px}.post-tag{color:#ee774f;letter-spacing:.08em;margin:0 0 12px;font:500 10px DM Mono,monospace}.post-body h3{color:#223346;margin:0 0 11px;font:600 18px/1.5 Noto Serif SC,serif}.excerpt{color:#7a8792;min-height:43px;margin:0 0 20px;font-size:12px;line-height:1.8}.post-meta{color:#9aa5ae;align-items:center;font:10px DM Mono,monospace;display:flex}.post-meta span{align-items:center;gap:5px;display:flex}.dot{padding:0 7px}.save{color:#a7b1b9;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0}.save.saved{color:#ee774f}.about{border-top:1px solid #e6eaee;border-bottom:1px solid #e6eaee;align-items:center;gap:25px;padding:38px 0;display:flex}.about-mark{color:#ee774f;height:64px;font:80px/1 Noto Serif SC,serif}.about .eyebrow{margin-bottom:11px}.about-copy{color:#35495d;margin:0;font:600 20px/1.7 Noto Serif SC,serif}.circle-arrow{color:#536979;border:1px solid #c8d2da;border-radius:50%;place-items:center;width:48px;height:48px;margin-left:auto;display:grid}.circle-arrow:hover{color:#fff;background:#ee774f;border-color:#ee774f}.newsletter{justify-content:space-between;align-items:end;padding:74px 0;display:flex}.newsletter h2{margin-bottom:10px}.newsletter p:not(.eyebrow){color:#7a8792;margin:0;font-size:13px}.newsletter form{border-bottom:1px solid #bfcbd3;width:390px;padding-bottom:10px;display:flex}.newsletter input{color:#293c4d;background:0 0;border:0;outline:0;flex:1;font-size:12px}.newsletter button{color:#ee774f;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:12px;display:flex}.footer{color:#96a1aa;letter-spacing:.08em;border-top:1px solid #e6eaee;justify-content:space-between;align-items:center;height:73px;font:9px DM Mono,monospace;display:flex}.footer a{color:#556a7b}.heart{color:#ee774f;font-size:12px}@media (width<=760px){.wrap{width:min(100% - 40px,560px)}.header{height:70px}.nav{z-index:10;text-align:center;background:#f7f8fa;border-bottom:1px solid #e6eaee;flex-direction:column;gap:20px;padding:20px;display:none;position:absolute;top:70px;left:0;right:0}.nav.nav-open{display:flex}.nav .active:after{display:none}.menu-button{display:grid}.github-link{display:none}.hero{min-height:auto;padding:55px 0 40px;display:block}.hero h1{font-size:42px}.hero-art{transform-origin:50%;width:100%;height:220px;margin:35px 0 0;transform:scale(.83)}.hero-desc{font-size:13px}.content{padding:45px 0 55px}.article-grid{grid-template-columns:1fr;gap:18px}.post-visual{height:145px}.post-body{padding:20px}.section-heading h2{font-size:26px}.about{gap:14px;padding:30px 0}.about-copy{font-size:16px}.about-mark{font-size:65px}.circle-arrow{width:42px;height:42px}.newsletter{padding:55px 0;display:block}.newsletter h2{font-size:26px}.newsletter form{width:100%;margin-top:30px}.footer{flex-wrap:wrap;gap:10px;height:auto;padding:23px 0}.desktop-only{display:none}}