.notes-page{background:radial-gradient(circle at 72% 8%,#e0c7a640,#0000 28rem),radial-gradient(circle at 8% 48%,#ffffff75,#0000 25rem),#f1ede5;min-height:100svh;overflow:clip}.notes-main{width:min(96rem,100%);margin:0 auto;padding:8.3rem clamp(1.5rem,4.25vw,4.25rem) 5rem}.notes-intro{grid-template-columns:minmax(22rem,.72fr) minmax(38rem,1.28fr);align-items:center;gap:clamp(2.2rem,4vw,5rem);display:grid}.notes-copy{z-index:2;position:relative}.notes-kicker,.featured-label,.card-category,.filter-button,.hashnode-link{text-transform:uppercase}.notes-kicker{color:#fff6e8;letter-spacing:.08em;text-shadow:0 1px 1px #461d1059;background:linear-gradient(145deg,#d47a48,#bb5c32);border:1px solid #6a321921;border-radius:.75rem .9rem .68rem .86rem/.85rem .68rem .92rem .7rem;width:max-content;margin:0 0 1.45rem;padding:.52rem 1rem .48rem;font-size:.78rem;font-weight:850;line-height:1;transform:rotate(-.6deg);box-shadow:0 9px 12px #5a2d1840,inset 2px 3px 4px #ffdcb74d,inset -3px -4px 5px #5f27152b}.notes-copy h1{letter-spacing:-.02em;text-transform:uppercase;margin:0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(4.4rem,6.3vw,6.75rem);font-weight:400;line-height:.91}.notes-copy h1 span{display:block}.notes-lede{max-width:32rem;margin:1.35rem 0 0;font-size:clamp(.98rem,1.25vw,1.15rem);font-weight:520;line-height:1.5}.hashnode-link{letter-spacing:.055em;background:linear-gradient(145deg,#ad86b9,#9270a0);border:1px solid #4a2b4d26;border-radius:.7rem .85rem .66rem .78rem;align-items:center;gap:.65rem;width:max-content;margin-top:1.35rem;padding:.62rem .9rem;font-size:.72rem;font-weight:850;line-height:1;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 11px #442c4738,inset 2px 2px 3px #ffffff3d,inset -3px -3px 4px #3d224329}.hashnode-link>span{font-size:1rem}.hashnode-link i{font-size:1rem;font-style:normal}.hashnode-link:hover,.hashnode-link:focus-visible{transform:translateY(-3px)rotate(-.5deg);box-shadow:0 12px 15px #442c4740,inset 2px 2px 3px #ffffff3d}.featured-note,.note-card{isolation:isolate;background:radial-gradient(circle at 18% 12%,#ffffff6b,#0000 12rem),linear-gradient(145deg,#eadbc5 0%,#dfcbb0 64%,#d7c0a0 100%);border:1px solid #5e402426;position:relative;box-shadow:0 23px 32px #523a233d,0 6px 8px #523a231f,inset 5px 6px 8px #ffffff6b,inset -6px -7px 9px #5f3f2224}.featured-note:before,.note-card:before,.clay-visual:before,.filter-button:before,.notes-search:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:.55;background-image:radial-gradient(circle at 1px 1px,#452e1c38 0 .7px,#0000 .9px),radial-gradient(circle at 2px 2px,#ffffff94 0 .65px,#0000 .85px);background-position:0 0,3px 4px;background-size:8px 9px,11px 13px;position:absolute;inset:0}.featured-note{border-radius:2rem 2.35rem 1.85rem 2.2rem/2.25rem 1.9rem 2.3rem 1.85rem;grid-template-columns:minmax(17rem,.9fr) minmax(19rem,1.1fr);gap:clamp(1.5rem,3vw,3rem);min-height:23.5rem;padding:3.35rem 2.4rem 2.1rem;display:grid;transform:rotate(.25deg)}.featured-note:after{content:"";z-index:-1;border-radius:inherit;background:#d8c3a5;border:1px solid #5b3c211a;position:absolute;inset:.75rem -.35rem -.65rem 1.1rem;transform:rotate(.7deg);box-shadow:0 12px 18px #4c341f2e}.featured-label{z-index:4;color:#72381f;letter-spacing:.075em;background:linear-gradient(145deg,#d69a6d,#c17a4e);border-radius:.55rem .68rem .5rem .64rem;margin:0;padding:.42rem .85rem;font-size:.72rem;font-weight:900;line-height:1;position:absolute;top:1.15rem;left:2rem;box-shadow:0 6px 8px #55311b38,inset 2px 2px 3px #ffe2c44d,inset -2px -3px 3px #5b2a1529}.clay-visual{--visual-accent:#6f8fc3;--visual-accent-deep:#476995;--visual-secondary:#c86c3d;isolation:isolate;background:radial-gradient(circle at 22% 20%,#ffffff73,#0000 9rem),linear-gradient(145deg,#e9d9c2,#d6bfa0);border:1px solid #5038232b;position:relative;overflow:hidden;box-shadow:inset 4px 5px 8px #ffffff61,inset -6px -7px 9px #5b3d232b,0 8px 11px #4d341e30}.featured-visual{border-radius:1.45rem 1.2rem 1.55rem 1.3rem;align-self:center;min-height:17.5rem}.featured-cover{aspect-ratio:1726/911;min-height:0;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s;display:block}.featured-cover:hover,.featured-cover:focus-visible{transform:translateY(-4px)rotate(-.35deg);box-shadow:inset 4px 5px 8px #ffffff4d,inset -6px -7px 9px #5b3d2324,0 15px 20px #4d341e3d}.featured-cover img,.card-visual.has-cover img{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.featured-cover:before,.card-visual.has-cover:before{z-index:2;opacity:.18}.category-web{--visual-accent:#6e91bf;--visual-accent-deep:#456a98;--visual-secondary:#cf6d3a}.category-elixir{--visual-accent:#a37bb2;--visual-accent-deep:#73527f;--visual-secondary:#cf6c3b}.category-cpp{--visual-accent:#577eb8;--visual-accent-deep:#315b92;--visual-secondary:#c26b3e}.category-ai-ml{--visual-accent:#a887b2;--visual-accent-deep:#765b81;--visual-secondary:#a9ad49}.category-tooling{--visual-accent:#8e9e4d;--visual-accent-deep:#64732f;--visual-secondary:#cc6d3c}.visual-console{z-index:3;background:linear-gradient(145deg,#353432,#252524);border:1px solid #18181647;border-radius:1.1rem .9rem 1.16rem .96rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.55rem;width:48%;height:62%;padding:1.15rem;display:flex;position:absolute;top:18%;right:12%;transform:rotate(1.5deg);box-shadow:0 12px 15px #35281c4d,inset 3px 3px 4px #ffffff14,inset -4px -5px 5px #00000040}.visual-console:before{content:"‹ ›";color:var(--visual-secondary);font-size:1rem;font-weight:900;position:absolute;top:.7rem;left:1rem}.visual-console i{background:#aaa69c;border-radius:999px;width:78%;height:.42rem;box-shadow:0 2px 2px #00000047}.visual-console i:nth-child(2){background:var(--visual-secondary);width:52%}.visual-console i:nth-child(3){background:var(--visual-accent);width:88%}.visual-console i:nth-child(4){width:64%}.visual-orbit{z-index:1;border:.42rem solid var(--visual-accent);border-radius:50%;position:absolute;box-shadow:0 7px 9px #3e2c1d3b,inset 2px 2px 3px #ffffff4d,inset -2px -3px 3px #2f291e33}.orbit-one{aspect-ratio:1;width:33%;top:22%;left:10%}.orbit-two{aspect-ratio:1;border-color:var(--visual-secondary);width:28%;top:43%;left:18%}.visual-node{z-index:2;aspect-ratio:1;background:linear-gradient(145deg, color-mix(in srgb, var(--visual-accent) 72%, white), var(--visual-accent-deep));border-radius:46% 54% 48% 52%;width:2.4rem;position:absolute;box-shadow:0 7px 9px #3c2b1d40,inset 2px 2px 3px #ffffff4d,inset -3px -3px 4px #2c23192e}.node-one{top:19%;left:7%}.node-two{background:linear-gradient(145deg, color-mix(in srgb, var(--visual-secondary) 76%, white), var(--visual-secondary));top:52%;left:34%}.featured-content{z-index:2;align-self:center;position:relative}.featured-date,.card-date{color:#716a60;letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.69rem;font-weight:800}.featured-content h2{max-width:31rem;font-family:var(--font-body);letter-spacing:-.035em;margin:.45rem 0 0;font-size:clamp(1.85rem,2.6vw,2.65rem);font-weight:850;line-height:1.04}.featured-brief{color:#585249;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:1rem 0 0;font-size:.95rem;line-height:1.48;display:-webkit-box;overflow:hidden}.featured-meta{letter-spacing:.055em;text-transform:uppercase;flex-wrap:wrap;gap:.7rem 1rem;margin-top:1.15rem;font-size:.71rem;font-weight:850;display:flex}.featured-meta span:first-child{color:var(--visual-accent-deep)}.featured-content>a{border-top:2px solid #4e3a2638;align-items:center;gap:.6rem;width:max-content;margin-top:1.4rem;padding-top:.8rem;font-size:.94rem;font-weight:850;transition:gap .18s;display:inline-flex}.featured-content>a:hover,.featured-content>a:focus-visible{gap:.9rem}.notes-library{margin-top:4rem}.library-heading{grid-template-columns:auto 1fr minmax(15rem,20rem);align-items:center;gap:1.5rem;display:grid}.library-heading h2{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:900;line-height:1}.note-filters{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.filter-button{isolation:isolate;color:#37332e;cursor:pointer;min-width:5rem;font:inherit;letter-spacing:.055em;background:linear-gradient(145deg,#e7d6be,#d7c0a0);border:1px solid #583b2124;border-radius:.68rem .82rem .63rem .78rem;padding:.57rem .86rem;font-size:.72rem;font-weight:850;line-height:1;transition:transform .15s,color .15s,background .15s;position:relative;box-shadow:0 6px 9px #4f372130,inset 2px 3px 4px #fff6,inset -3px -3px 4px #56381e1f}.filter-button:hover,.filter-button:focus-visible{transform:translateY(-2px)}.filter-button.is-active{color:#fff;background:linear-gradient(145deg,#313130,#202020);border-color:#202020;box-shadow:0 8px 11px #27211b3d,inset 2px 2px 3px #ffffff14}.notes-search{isolation:isolate;background:#e5d7c4b8;border:1px solid #5b3d2324;border-radius:.75rem .9rem .7rem .86rem;align-items:center;gap:.55rem;min-height:2.8rem;padding:0 .85rem;display:flex;position:relative;box-shadow:inset 2px 3px 5px #5b3c2129,inset -2px -2px 4px #fff6}.notes-search>span:first-child{z-index:1;color:#6c655c;font-size:1.5rem;line-height:1;position:relative}.notes-search input{z-index:1;color:#2a2824;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:.83rem;position:relative}.notes-search input::placeholder{color:#716b62}.results-count{color:#777066;letter-spacing:.04em;min-height:1rem;margin:.85rem 0 0;font-size:.72rem;font-weight:750}.notes-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.45rem;margin-top:.75rem;display:grid}.note-card{border-radius:1.45rem 1.2rem 1.55rem 1.3rem/1.25rem 1.5rem 1.2rem 1.45rem;min-height:25rem;padding:1.1rem 1.1rem 1.05rem;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s}.note-card:nth-child(4n+2){transform:rotate(.35deg)}.note-card:nth-child(4n+3){transform:rotate(-.28deg)}.note-card:hover,.note-card:focus-within{transform:translateY(-7px)rotate(-.35deg);box-shadow:0 29px 37px #523a2345,0 8px 10px #523a2321,inset 5px 6px 8px #ffffff6b,inset -6px -7px 9px #5f3f2224}.card-category{z-index:5;background:linear-gradient(145deg, color-mix(in srgb, var(--visual-accent) 88%, white), var(--visual-accent-deep));color:#fff8eb;letter-spacing:.075em;text-align:center;text-shadow:0 1px 1px #261f1861;border-radius:.58rem .7rem .52rem .66rem;min-width:5.2rem;padding:.43rem .75rem .4rem;font-size:.65rem;font-weight:900;line-height:1;position:absolute;top:-.52rem;left:1rem;box-shadow:0 6px 8px #442f1e3d,inset 2px 2px 3px #ffffff40,inset -2px -3px 3px #2c231929}.card-visual{border-radius:1rem .82rem 1.05rem .9rem;height:10.25rem}.card-visual .visual-console{border-radius:.72rem;gap:.34rem;width:49%;height:62%;padding:.75rem;top:19%;right:9%}.card-visual .visual-console:before{font-size:.72rem;top:.38rem;left:.6rem}.card-visual .visual-console i{height:.28rem}.card-visual .visual-node{width:1.55rem}.card-visual .visual-orbit{border-width:.28rem}.card-content{z-index:2;flex-direction:column;min-height:12.1rem;padding:.9rem .2rem 0;display:flex;position:relative}.card-content h3{letter-spacing:-.025em;margin:.3rem 0 0;font-size:1.14rem;font-weight:850;line-height:1.13}.card-content h3 a:after{content:"";position:absolute;inset:0}.card-tags{color:var(--visual-accent-deep);letter-spacing:.055em;text-transform:uppercase;flex-wrap:wrap;gap:.25rem .55rem;margin:.65rem 0 0;font-size:.65rem;font-weight:850;line-height:1.25;display:flex}.card-tags span:not(:last-child):after{content:" ·"}.card-footer{letter-spacing:.045em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:auto;font-size:.69rem;font-weight:850;display:flex}.card-footer a{z-index:3;font-size:1.8rem;font-weight:400;line-height:.7;position:relative}.load-more{color:#fff;cursor:pointer;min-width:17rem;font:inherit;letter-spacing:.075em;text-transform:uppercase;background:linear-gradient(145deg,#313130,#1f1f1f);border:1px solid #151515;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;margin:1.75rem auto 0;padding:.9rem 1.5rem;font-size:.76rem;font-weight:850;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 12px 16px #29221c3d,inset 2px 2px 3px #ffffff14}.load-more:hover,.load-more:focus-visible{transform:translateY(-3px);box-shadow:0 16px 20px #29221c45,inset 2px 2px 3px #ffffff14}.notes-empty{color:#6f685e;text-align:center;border:1px dashed #47392a4d;border-radius:1rem;margin:2rem 0 0;padding:2rem}.note-card[hidden],.load-more[hidden],.notes-empty[hidden]{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1180px){.notes-intro{grid-template-columns:minmax(20rem,.68fr) minmax(34rem,1.32fr);gap:2.25rem}.featured-note{grid-template-columns:minmax(13rem,.82fr) minmax(17rem,1.18fr);padding-inline:1.8rem}.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-heading{grid-template-columns:auto 1fr}.notes-search{grid-column:1/-1;justify-self:end;width:min(22rem,100%)}}@media (width<=900px){.notes-main{padding-top:7.6rem}.notes-intro{grid-template-columns:1fr}.notes-copy{max-width:38rem}.featured-note{grid-template-columns:minmax(15rem,.8fr) minmax(18rem,1.2fr)}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.notes-page .mockup-header{position:relative}.notes-main{padding:2.25rem 1.25rem 3rem}.notes-copy h1{font-size:clamp(4rem,19vw,5.6rem)}.notes-lede{font-size:.97rem}.featured-note{border-radius:1.4rem;grid-template-columns:1fr;gap:1.4rem;min-height:auto;padding:3.2rem 1.1rem 1.4rem}.featured-visual{width:100%;min-height:15rem}.featured-cover{min-height:0}.featured-content h2{font-size:1.8rem}.notes-library{margin-top:3.25rem}.library-heading{grid-template-columns:1fr;gap:1rem}.note-filters{gap:.55rem}.filter-button{flex:1 0 auto;min-width:0}.notes-search{grid-column:auto;justify-self:stretch;width:100%}.notes-grid{grid-template-columns:1fr;gap:1.35rem}.note-card,.note-card:nth-child(n){min-height:23rem;transform:none}.card-visual{height:11rem}.load-more{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.note-card,.filter-button,.hashnode-link,.load-more{transition:none}}