@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Lora:ital,wght@1,500&display=swap";:root{font-family:Be Vietnam Pro,sans-serif;color:#262923;background:#f7f6f2;font-synthesis:none;font-weight:400;line-height:1.6;--orange:#b94826;--line:#deded5;--muted:#74766d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}::selection{background:#efd3bd}.wrapper{max-width:1120px;width:calc(100% - 96px);margin:auto}.header{height:102px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:68px}.logo{font-size:39px;font-weight:800;letter-spacing:-4px;line-height:1}.logo span{color:var(--orange)}nav{display:flex;gap:32px;font-size:13px;font-weight:500}nav a{position:relative}nav a:hover,.github-link:hover{color:var(--orange)}.nav-active:after{content:"";position:absolute;width:4px;height:4px;background:var(--orange);border-radius:50%;bottom:-12px;left:50%}nav span{font-size:13px;color:var(--muted)}.github-link{margin-left:auto;font-size:12px;display:flex;gap:18px}.intro{padding:68px 0 55px;position:relative}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow>span:not(.tiny-star){width:6px;height:6px;background:var(--orange);border-radius:50%}h1{font-size:clamp(42px,5.5vw,70px);font-weight:500;letter-spacing:-3px;line-height:1.18;margin:23px 0 20px;position:relative;width:fit-content}h1 em{font-family:Lora,serif;color:var(--orange);font-weight:500;letter-spacing:-2px}.heading-star{position:absolute;right:-94px;top:5px;font-size:61px;color:var(--orange);font-weight:400}.intro p{font-size:14px;color:#74776c;line-height:1.9;margin:0 0 24px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:12px;font-weight:500;padding:0 0 6px;border-bottom:1px solid #a4a599;background:transparent}.text-link:hover{color:var(--orange);border-color:var(--orange)}.intro-note{position:absolute;right:0;bottom:68px;font-size:11px;line-height:1.9;color:#75776c;border-left:1px solid #bfc2b5;padding-left:17px}.featured{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#f0f0e9}.featured-art{padding:0;overflow:hidden;background:none;text-align:left}.featured-copy{padding:31px 36px;display:flex;flex-direction:column;align-items:flex-start}.featured-copy>.eyebrow{color:#717668;margin-bottom:20px;font-size:9px}.tiny-star{color:var(--orange);font-size:15px}.category-label{color:var(--orange);font-size:10px;font-weight:500}.featured h2{font-size:27px;line-height:1.5;letter-spacing:-.8px;margin:9px 0 11px;font-weight:500;max-width:370px}h2 button,h3 button{text-align:left;padding:0;background:none;font:inherit;letter-spacing:inherit}h2 button:hover,h3 button:hover{color:var(--orange)}.featured-copy p{font-size:12px;color:#717569;line-height:1.9;max-width:350px;margin:0}.featured-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:20px}.meta{color:#75776c;font-size:10px}.meta span{margin:0 7px}.round-arrow{border:1px solid #c9ccbf;width:36px;height:36px;background:transparent;border-radius:50%;font-size:20px}.round-arrow:hover{background:var(--orange);color:#fff;border-color:var(--orange)}.art{position:relative;height:228px;overflow:hidden;isolation:isolate}.art-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:38px 38px;z-index:-1}.art-hero{height:344px}.art-label{position:absolute;left:27px;bottom:20px;font-size:8px;letter-spacing:2.2px;font-weight:500}.art-spark{position:absolute;left:14%;top:16%;font-size:29px;color:#d2d7b7}.art-code .art-grid,.art-notebook .art-grid{background-image:linear-gradient(#66744a0c 1px,transparent 1px),linear-gradient(90deg,#66744a0c 1px,transparent 1px)}.art-notebook{background:#efe1d3}.notebook{position:absolute;top:15%;left:29%;height:76%;width:42%;background:#faf7eb;transform:rotate(-12deg);border-left:10px solid #b87152;box-shadow:9px 8px #ccaa8b66;padding:23px 15px;color:#73664c}.notebook span{font-family:Lora,serif;font-style:italic;font-size:19px;line-height:1.3}.notebook i{display:block;background:#d9d7c5;height:1px;margin-top:13px}.pencil{position:absolute;right:19%;top:22%;width:7px;height:139px;background:#697f65;transform:rotate(18deg);border-bottom:13px solid #bd8c62;border-top:9px solid #d7a186}.art-sun{background:#e9d7bb}.sun-circle{width:110px;height:110px;background:#c36b43;border-radius:50%;position:absolute;left:calc(50% - 55px);top:34px}.horizon{position:absolute;top:140px;left:-10%;width:120%;height:130px;background:#b8bca3;border-radius:50% 50% 0 0;box-shadow:0 -1px #f1e5ce}.art-sun .art-label{color:#3e4b35}.posts-section{padding-top:66px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.muted{color:#74776a;font-size:9px}.section-heading h2{font-size:28px;letter-spacing:-1px;font-weight:500;margin:10px 0 0}.section-heading h2 span{color:var(--orange)}.post-count{font-size:9px;letter-spacing:1px;color:#74776a;margin-bottom:7px}.toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:28px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{background:transparent;color:#717569;font-size:10px;padding:8px 12px;border-radius:3px;white-space:nowrap}.filters button.active{background:#2d3930;color:#fff}.filters button:hover:not(.active){background:#eaeae1}.search{display:flex;gap:8px;align-items:center;min-width:140px;color:#707767}.search>span{font-size:25px;line-height:1}.search input{border:0;background:transparent;font-size:10px;width:130px;color:inherit;padding:7px 0}.search input:focus{outline-offset:1px}.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}.post-art{display:block;width:100%;padding:0;position:relative;border-radius:3px;overflow:hidden;text-align:left}.post-art .art{transition:transform .3s}.post-art:hover .art{transform:scale(1.025)}.post-open{position:absolute;right:14px;top:12px;width:27px;height:27px;background:#ffffffdb;border-radius:50%;display:grid;place-items:center;font-size:16px;opacity:0;transition:opacity .2s}.post-art:hover .post-open,.post-art:focus-visible .post-open{opacity:1}.post-meta{display:flex;align-items:center;justify-content:space-between;margin:18px 0 9px}.post-meta>span:last-child{font-size:9px;color:#74766b}.post h3{font-size:18px;line-height:1.55;font-weight:500;letter-spacing:-.45px;margin:0 0 10px}.post p{font-size:11px;color:#717568;line-height:1.9;margin:0 0 16px}.sample-note{font-size:9px;color:#74776a}.sample-note span{padding:0 5px}.about{display:flex;gap:40px;padding:40px;background:#edece4;border:1px solid #e2e2d7;margin:65px 0 57px;align-items:center;border-radius:4px}.about-mark{width:108px;height:108px;flex-shrink:0;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#dfdfd0;font-size:45px;letter-spacing:-5px;font-weight:700}.about-mark span{color:var(--orange)}.about h2{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:9px 0}.about h2 span{font-size:20px}.about p{font-size:12px;color:#6b7062;line-height:1.9;max-width:640px;margin:0 0 16px}.about .text-link{font-size:10px}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 32px;font-size:10px;color:#74776a}.footer>span:first-child{color:#454b3e;font-weight:500}.footer-dot{color:var(--orange)}.footer>a:hover{color:var(--orange)}.empty{padding:35px 0;color:#74786c}.empty h3{font-weight:500}.empty button{padding:8px 12px;background:#e7e8dc}.article-dialog{width:min(740px,calc(100% - 32px));max-height:90dvh;border:1px solid var(--line);border-radius:8px;background:#f7f6f2;padding:0;color:inherit}.article-dialog::backdrop{background:#17211999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.article-content{padding:46px;position:relative}.article-content h2{font-size:32px;line-height:1.5;letter-spacing:-1px;font-weight:500;margin:15px 0}.article-content>.art{margin:25px 0}.article-content>p{font-size:14px;line-height:2;color:#686f61}.article-content>p:first-of-type{font-size:11px;color:#74766b}.close-dialog{position:absolute;top:14px;right:16px;background:transparent;font-size:18px;width:32px;height:32px}.article-content>.text-link{margin-top:20px}.art-window{background:#34473e;color:#e9ebd9}.morning-window{position:absolute;left:30%;top:12%;width:45%;height:65%;border:9px solid #eee4ca;border-radius:80px 80px 0 0;background:#cbd8cb;overflow:hidden;box-shadow:10px 9px #1e312a55}.morning-window:before,.morning-window:after{content:"";position:absolute;background:#eee4ca;z-index:2}.morning-window:before{width:7px;height:100%;left:calc(50% - 3px)}.morning-window:after{height:7px;width:100%;top:56%}.window-sun{position:absolute;width:26%;aspect-ratio:1;border-radius:50%;background:#eab180;top:18%;right:14%}.window-hill{position:absolute;width:170%;height:90%;border-radius:50%;background:#91a893;top:65%;left:-24%;transform:rotate(-18deg)}.window-sill{position:absolute;left:23%;top:77%;height:9px;width:59%;background:#c2b692;box-shadow:0 8px #1e312a33}.coffee-cup{position:absolute;width:10%;height:15%;left:66%;top:65%;background:#d58c66;border-radius:0 0 9px 9px;z-index:3}.coffee-cup:after{content:"";position:absolute;right:-30%;top:10%;width:45%;height:62%;border:4px solid #d58c66;border-radius:50%;z-index:-1}.art-code{background:#e5e9d8}.code-editor{position:absolute;width:66%;height:67%;left:17%;top:13%;border-radius:7px;background:#34473e;transform:rotate(-5deg);box-shadow:9px 10px #b5bfa555;overflow:hidden}.editor-bar{display:flex;gap:5px;height:23%;align-items:center;padding:0 12%;border-bottom:1px solid #ffffff15}.editor-bar i{width:5px;height:5px;border-radius:50%;background:#e0a783}.editor-bar i:nth-child(2){background:#e0cc92}.editor-bar i:nth-child(3){background:#a1b79a}.code-lines{display:flex;flex-direction:column;gap:9px;padding:10% 12%}.code-lines span{height:4px;width:54%;background:#a1b79a;border-radius:2px}.code-lines span:nth-child(2){width:40%;margin-left:10%;background:#e0a783}.code-lines span:nth-child(3){width:64%;margin-left:10%}.code-lines span:nth-child(4){width:30%}.code-brackets{position:absolute;right:10%;bottom:12%;font-family:monospace;font-size:29px;color:#e0cc92}@media(max-width:1000px){.wrapper{width:calc(100% - 56px)}.featured-copy{padding:25px}.featured h2{font-size:23px}.toolbar{align-items:flex-start;flex-direction:column;gap:10px}.search{width:100%;border-top:1px solid #e5e5dc;padding-top:7px}.search input{width:100%}.art{height:195px}.art-hero{height:340px}.posts{gap:30px 20px}.post h3{font-size:16px}.notebook{padding:17px 10px}.notebook span{font-size:16px}}@media(max-width:680px){.wrapper{width:calc(100% - 36px)}.header{height:78px;gap:35px}.logo{font-size:34px}nav{gap:23px;font-size:11px}.github-link{font-size:10px;gap:5px}.intro{padding:43px 0 36px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:clamp(32px,7.5vw,46px);letter-spacing:-2px;margin:22px 0 19px}.heading-star{font-size:28px;right:0;top:-30px}.intro p{font-size:12px}.intro-note{display:none}.featured{grid-template-columns:1fr}.featured-copy{padding:25px}.featured-copy>.eyebrow{margin-bottom:14px}.featured h2{font-size:24px;max-width:100%}.featured-copy p{max-width:100%}.posts-section{padding-top:43px}.section-heading h2{font-size:24px}.post-count{font-size:8px}.toolbar{padding:12px 0}.filters{gap:3px}.filters button{font-size:9px;padding:8px 9px}.posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.art{height:165px}.art-hero{height:265px}.art-label{font-size:6px;letter-spacing:1.1px;left:13px;bottom:13px}.post-meta{align-items:flex-start;gap:7px;flex-direction:column;margin-top:13px}.category-label{font-size:9px}.post h3{font-size:16px}.post p{font-size:10px}.post-meta>span:last-child{font-size:8px}.notebook{width:48%;left:23%;border-left-width:6px;padding:15px 8px}.notebook span{font-size:13px}.notebook i{margin-top:9px}.pencil{height:95px;right:16%;width:5px}.sun-circle{width:85px;height:85px;left:calc(50% - 42px);top:23px}.horizon{top:101px}.about{margin:42px 0 32px;padding:25px;gap:22px;align-items:flex-start}.about-mark{width:58px;height:58px;font-size:30px;letter-spacing:-3px}.about h2{font-size:18px}.about p{font-size:11px}.about .eyebrow{font-size:7px;line-height:1.8}.footer{flex-wrap:wrap;gap:15px;font-size:9px}.footer>span:nth-child(2){order:3;width:100%}.article-content{padding:40px 23px 26px}.article-content h2{font-size:25px}.article-content>p{font-size:13px}.desktop-break{display:none}}@media(max-width:370px){.header{gap:25px}.about{gap:15px;padding:20px}.about-mark{display:none}.posts{grid-template-columns:1fr}.art{height:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}