@layer components{.site-shell .home-recent-container{box-sizing:border-box;width:min(700px,100% - 32px);max-width:700px;margin-inline:auto}.site-shell .home-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-inline:-10px;display:grid}.site-shell .home-recent-posts{background:var(--site-color-background);color:var(--site-color-text);margin-top:80px;padding:0}.site-shell .home-recent-posts .site-recent-header{margin-bottom:24px;padding:0}.site-shell .home-recent-posts .site-recent-header>a:nth-child(2){display:none}.site-shell .home-recent-posts article{min-width:0}.site-shell .home-recent-posts article>a{color:inherit;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px;text-decoration:none;display:grid}.site-shell .home-recent-posts article>a>div:first-child{aspect-ratio:1;border-radius:16px;flex:0 0 100px;width:100px;height:100px;margin:0;transition:transform .3s cubic-bezier(.4,0,.21,1.8)}.site-shell .home-recent-posts article:hover>a>div:first-child{transform:scale(1.03)}.site-shell .home-recent-content{flex-direction:column;justify-content:center;gap:2px;min-width:0;padding-block:6px;transition:transform .25s;display:flex}.site-shell .home-recent-posts article:hover .home-recent-content{transform:translate(2px)}.site-shell .home-recent-posts article h3{color:var(--site-color-heading);font-family:var(--site-font-body);font-size:16px;font-weight:550;line-height:1.4}.site-shell .home-recent-meta{color:var(--site-color-muted);align-items:center;gap:8px;font-size:13px;line-height:1.5;display:flex}.site-shell .home-recent-tag{font-size:13px}.site-shell .home-recent-meta time{color:var(--site-color-muted)}@media (width<=1023px){.site-shell .home-recent-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.site-shell .home-recent-posts{margin-top:0;padding:48px 0 24px}}.site-shell .home-featured-posts>div{width:min(700px,100% - 32px);max-width:700px;margin-inline:auto;padding-inline:0}.site-shell .home-featured-posts{background:var(--site-color-background);color:var(--site-color-text);padding:52px 0 15px;overflow:hidden}.site-shell .home-featured-posts>div{overflow:visible}.site-shell .home-featured-posts>.home-featured-track{box-sizing:border-box;gap:10px;padding:0 calc(max(16px,50vw - 360px)) 8px}.site-shell .home-featured-card{flex-basis:calc(min(720px,100vw - 32px))}.site-shell .home-featured-posts>div>h2{color:var(--site-color-text);font-family:var(--site-font-body);letter-spacing:0;text-transform:none;margin:0 0 20px;font-size:16px;font-weight:550}.site-shell .home-featured-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;width:100%;padding:0 calc(max(16px,50vw - 360px)) 8px;display:flex;overflow-x:auto}.site-shell .home-featured-posts>.home-featured-track{width:100vw;max-width:100vw;margin:0;overflow-x:auto}.site-shell .home-featured-track::-webkit-scrollbar{display:none}.site-shell .home-featured-card{scroll-snap-align:center;transform-origin:50%;flex:0 0 calc(min(720px,100vw - 32px));transition:transform .3s;transform:scale(.9)}.site-shell .home-featured-card.is-active{transform:scale(1)}.site-shell .home-featured-card>a{color:inherit;text-decoration:none;display:block}.site-shell .home-featured-card .home-featured-image{aspect-ratio:16/9;background:#2b2b30;border-radius:24px;overflow:hidden}.site-shell .home-featured-card .home-featured-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .25s}.site-shell .home-featured-card>a:hover .home-featured-image img{transform:scale(1.025)}.site-shell .home-featured-card h3{color:var(--site-color-heading);margin:12px 0 8px;font-size:18px;font-weight:550;line-height:1.4}.site-shell .home-featured-card p{max-width:620px;min-height:3em;color:var(--site-color-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 8px;font-size:16px;line-height:1.5;display:-webkit-box;overflow:hidden}.site-shell .home-featured-card .home-featured-meta{color:var(--site-color-muted);font-size:13px;display:block}.site-shell .home-featured-controls{justify-content:flex-start;width:min(700px,100% - 32px);margin:30px auto 0;display:flex;overflow:visible}.site-shell .home-featured-control-group{border:1px solid var(--site-color-border);border-radius:999px;justify-content:space-between;align-items:center;width:86px;height:44px;padding-inline:4px;display:flex}.site-shell .home-featured-controls button{width:36px;height:36px;color:var(--site-color-heading);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.site-shell .home-featured-controls button span{width:16px;height:16px}@media (width<=1023px){.site-shell .home-featured-card{flex-basis:calc(min(88vw,620px))}.site-shell .home-featured-card:not(:first-child){flex-basis:calc(min(88vw,620px));margin:0}.site-shell .home-featured-track{gap:20px;padding-left:16px;scroll-padding-left:16px}}@media (width<=600px){.site-shell .home-featured-card .home-featured-image{border-radius:16px}.site-shell .home-featured-posts{padding-bottom:44px}}@media (prefers-reduced-motion:reduce){.site-shell .home-featured-card .home-featured-image img{transition:none}}.site-shell .home-trending-tags>div{row-gap:32px;width:min(700px,100% - 32px);max-width:700px;margin-inline:auto;padding-inline:0;display:grid}.site-shell .home-trending-tags h2{color:var(--site-color-text);font-family:var(--site-font-body);letter-spacing:0;text-transform:none;margin:0 0 20px;font-size:16px;font-weight:550}.site-shell .home-trending-tags{background:var(--site-color-background);color:var(--site-color-text);margin-top:62px;padding:0}.site-shell .home-trending-tags h2{width:100%;color:var(--site-color-muted);margin:0;font-size:13px;font-weight:600;line-height:18px;display:flex}.site-shell .home-trending-tags-heading{z-index:1;width:fit-content;color:var(--site-color-muted);align-items:center;gap:2px;text-decoration:none;transition:color .2s,transform .3s cubic-bezier(.4,0,.2,2.4);display:inline-flex;position:relative}.site-shell .home-trending-tags-heading:before{z-index:-1;content:"";background:0 0;border:1px solid #0000;border-radius:6px;transition:background-color .15s;position:absolute;inset:-3px -8px}.site-shell .home-trending-tags-heading>span:last-child{width:1em;height:1em;transition:transform .2s}.site-shell .home-trending-tags-heading:hover{color:var(--site-color-heading);transform:translateY(-1px)}.site-shell .home-trending-tags-heading:hover:before{border-color:var(--site-color-hover-background);background:var(--site-color-hover-background)}.site-shell .home-trending-tags-heading:hover>span:last-child{transform:translate(1px)}.site-shell .home-trending-tags nav{flex-direction:column;gap:12px;width:720px;max-width:calc(100% + 20px);margin:0 0 0 -10px;display:flex}.site-shell .home-trending-tags nav a{min-width:0;height:44px;color:var(--site-color-heading);flex:0 0 44px;align-items:center;gap:12px;padding-inline:10px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.site-shell .home-trending-tag-icon{border:1px solid color-mix(in srgb, var(--tag-icon-color) 28%, transparent);width:44px;height:44px;color:var(--tag-icon-color);border-radius:12px;outline:none;flex:0 0 44px;place-items:center;transition:transform .3s cubic-bezier(.4,0,.21,1.8),background-color .2s,border-color .2s;display:grid}.site-shell .home-trending-tags nav a:first-child{--tag-icon-color:#a467d5}.site-shell .home-trending-tags nav a:nth-child(2){--tag-icon-color:#ef716e}.site-shell .home-trending-tags nav a:nth-child(3){--tag-icon-color:#e9ac70}.site-shell .home-trending-tags nav a:nth-child(4){--tag-icon-color:#77b9ec}.site-shell .home-trending-tag-icon>span{width:16px;height:16px}.site-shell .home-trending-tags nav a:hover .home-trending-tag-icon{background:color-mix(in srgb, var(--tag-icon-color) 6%, var(--site-color-background));border-color:#0000;transform:scale(1.05)}.site-shell .home-trending-tag-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;transition:transform .25s;overflow:hidden}.site-shell .home-trending-tags nav a:hover .home-trending-tag-name{transform:translate(2px)}.site-shell .home-trending-tag-count{color:var(--site-color-muted);font-size:12px;font-weight:400}@media (width<=600px){.site-shell .home-trending-tags{margin-top:40px;padding:0}}@media (prefers-reduced-motion:reduce){.site-shell .home-trending-tag-icon,.site-shell .home-trending-tag-name,.site-shell .home-trending-tags-heading,.site-shell .home-trending-tags-heading>span:last-child{transition:none;transform:none}}.site-shell .home-projects>div{width:min(700px,100% - 32px);max-width:700px;margin-inline:auto}.site-shell .home-projects{background:var(--site-color-background);color:var(--site-color-text);margin-top:81px;padding:0}.site-shell .home-projects>div{padding-inline:0}.site-shell .home-project-heading{margin-bottom:24px}.site-shell .site-home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:720px;max-width:calc(100vw - 32px);margin:0 0 0 -10px;display:grid}.site-shell .home-projects .site-home-project-card{width:auto;min-width:0}.site-shell .site-home-project-card>a{color:inherit;text-decoration:none;display:block}.site-shell .home-projects .site-home-project-image{aspect-ratio:16/9;background:#2b2b30;border-radius:16px;overflow:hidden}.site-shell .site-home-project-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s cubic-bezier(.4,0,.21,1.8);transform:scale(1)}.site-shell .site-home-project-card:focus-within .site-home-project-image img,.site-shell .site-home-project-card:hover .site-home-project-image img{transform:scale(1.03)}.site-shell .home-projects .site-home-project-card h3{color:var(--site-color-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:14px 0 4px;font-size:18px;font-weight:550;line-height:24px;display:-webkit-box;overflow:hidden}.site-shell .site-home-project-meta{color:var(--site-color-muted);align-items:center;gap:12px;font-size:13px;line-height:20px;display:flex}.site-shell .site-home-project-meta>span:last-child{font-weight:500}.site-shell .site-home-project-skeleton{aspect-ratio:4/3;background:var(--site-color-border);border-radius:16px}@media (width<=1023px){.site-shell .home-projects article{width:calc(min(78vw,348px))}.site-shell .home-projects{margin-top:40px;padding-block:0}.site-shell .site-home-project-grid{width:100%;max-width:100%;margin-left:0}}@media (width<=600px){.site-shell .site-home-project-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.site-shell .site-home-project-image img{transition:none}.site-shell .site-home-project-card:focus-within .site-home-project-image img,.site-shell .site-home-project-card:hover .site-home-project-image img{transform:none}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.site-shell .site-home{background:var(--site-color-background);color:var(--site-color-text)}.site-shell .site-intro{box-sizing:border-box;width:min(700px,100% - 32px);color:var(--site-color-text);margin-inline:auto;padding-block:70px 49px}.site-shell .site-intro-mark{-o-object-fit:cover;object-fit:cover;border:0;border-radius:50%;place-items:center;width:100px;height:100px;margin-bottom:38px;display:grid}.site-shell .site-intro h1{font-family:var(--site-font-heading);color:var(--site-color-heading);margin:0 0 12px;font-size:20px;font-weight:550;line-height:1.4}.site-shell .site-intro p{max-width:700px;font-family:var(--site-font-heading);color:var(--site-color-text);margin:0 0 8px;line-height:1.5}.site-shell .site-intro a:not(.site-outline-action){color:var(--site-color-accent);text-underline-offset:2px;text-decoration:underline}.site-shell .site-intro .site-intro-subscribe{margin-top:41px}.site-shell:has(.site-home):not(:has(.site-home-recommendations))>.site-footer{padding-top:48px}@media (width<=1023px){.site-shell .site-intro{padding-block:40px 52px}.site-shell .site-intro-mark{width:72px;height:72px;margin-bottom:28px}}@media (prefers-reduced-motion:reduce){.site-shell .site-intro-subscribe{transition:border-color .16s}.site-shell .site-intro-subscribe:active,.site-shell .site-intro-subscribe:focus-visible,.site-shell .site-intro-subscribe:hover{transform:none}}}.site-shell .home-featured-controls button{isolation:isolate;transition:transform .1s ease-out;position:relative}.site-shell .home-featured-controls button:active{transform:scale(.95)}.site-shell .home-featured-controls button:before{z-index:0;border-radius:inherit;background-color:color-mix(in srgb, var(--site-color-text) 8%, transparent);content:"";opacity:0;pointer-events:none;transition:opacity .12s ease-out,transform .14s ease-out;display:block;position:absolute;inset:1px;transform:scale(.9)}.site-shell .home-featured-controls button:focus-visible:before,.site-shell .home-featured-controls button:hover:before{animation:.32s ease-out both carousel-control-fill-pop}.site-shell .home-featured-controls button span{z-index:1;position:relative}@keyframes carousel-control-fill-pop{0%{opacity:.7;transform:scale(.9)}72%{opacity:1;transform:scale(1.08)}88%{opacity:1;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.site-shell .home-featured-controls button,.site-shell .home-featured-controls button:before{transition:none}.site-shell .home-featured-controls button:focus-visible:before,.site-shell .home-featured-controls button:hover:before{opacity:1;animation:none;transform:scale(1)}}.site-shell .home-trending-tags .home-trending-tag-icon{border:1px solid color-mix(in srgb, var(--tag-icon-color) 28%, transparent);transition:transform .3s cubic-bezier(.4,0,.21,1.8),background-color .2s,border-color .2s}.site-shell .home-trending-tags nav a:hover .home-trending-tag-icon{background:color-mix(in srgb, var(--tag-icon-color) 6%, var(--site-color-background));border-color:#0000;transform:scale(1.05)}