.works-section{box-shadow:none;margin-top:var(--space-7);background:0 0;border:0;border-radius:0;padding:0}.works-section-head{align-items:center;column-gap:var(--space-4);row-gap:var(--space-3);grid-template-columns:minmax(0,42rem) auto;display:grid}.works-section-head h1,.works-section-head h2{grid-column:1;align-self:end;margin:0}.works-intro{color:rgb(var(--on-surface)/.76);max-width:42rem;font-size:var(--font-size-text-md);grid-column:1;margin:0;line-height:1.6}.works-link{white-space:nowrap;grid-column:2}.blog-section{margin-top:var(--space-6)}.blog-section-head{align-items:center;column-gap:var(--space-4);row-gap:var(--space-3);grid-template-columns:minmax(0,42rem) auto;display:grid}.blog-section-head h2{grid-column:1;align-self:end;margin:0}.blog-intro{color:rgb(var(--on-surface)/.76);max-width:42rem;font-size:var(--font-size-text-md);grid-column:1;margin:0;line-height:1.6}.blog-grid{margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card .work-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-thumb{background:color-mix(in srgb, rgb(var(--surface-soft)) 52%, rgb(var(--primary-soft)) 48%)}.blog-thumb--empty{justify-content:center;align-items:center;display:flex}.blog-thumb-placeholder{color:rgb(var(--on-surface)/.54);font-size:var(--font-size-heading-sm);letter-spacing:.08rem;text-transform:uppercase;font-weight:600}.blog-body{max-width:42rem}.blog-fallback{background:color-mix(in srgb, rgb(var(--surface)) 90%, rgb(var(--primary-soft)) 10%);border:1px solid rgb(var(--outline-soft)/.95);border-radius:var(--radius-4);box-shadow:var(--shadow-soft);align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);display:grid}.blog-fallback p{color:rgb(var(--on-surface)/.76);margin:0}.blog-link{white-space:nowrap;flex-shrink:0}.products-page .works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-head{margin-bottom:var(--space-4)}.works-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}article.work-card{background:color-mix(in srgb, rgb(var(--surface)) 90%, rgb(var(--primary-soft)) 10%);border:1px solid rgb(var(--outline-soft)/.95);border-radius:var(--radius-4);box-shadow:var(--shadow-soft);flex-direction:column;margin:0;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;overflow:hidden}.work-card-link,.work-card-inner{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;text-decoration:none;display:flex;position:relative;overflow:hidden}.work-img{aspect-ratio:16/9;background:color-mix(in srgb, rgb(var(--primary-soft)) 60%, rgb(var(--surface)) 40%);object-fit:cover;width:100%;height:auto;transition:transform .24s;overflow:hidden}.work-img--contain{object-fit:contain;padding:clamp(.9rem,2vw,1.5rem)}.work-badge{color:#fffffff2;font-size:var(--font-size-text-xs);letter-spacing:.03rem;text-transform:uppercase;z-index:1;background:#121e16a3;border:1px solid #ffffff6b;border-radius:999px;padding:.28rem .5rem;font-weight:600;line-height:1;position:absolute;top:.6rem;left:.6rem}html[data-theme=light] .work-badge{background:#121e16cc;border-color:#0000001a}.work-body{padding:var(--space-4)}.work-title{font-size:var(--font-size-text-xl);margin:0;line-height:1.4}.work-description{color:rgb(var(--on-surface)/.76);-webkit-line-clamp:3;font-size:var(--font-size-text-md);line-clamp:3;margin:calc(var(--space-2) + var(--space-1) / 2) 0 0;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}@media (hover:hover){.work-card:hover{border-color:rgb(var(--primary)/.3);box-shadow:var(--shadow-2);transform:translateY(-2px)}.work-card:hover .work-img{transform:scale(1.02)}}.article-page{--article-accent:var(--brand);--article-accent-strong:var(--brand-strong);background:color-mix(in srgb, rgb(var(--surface)) 89%, rgb(var(--surface-soft)) 11%);border:1px solid rgb(var(--outline-soft)/.95);box-shadow:var(--shadow-soft);max-width:52rem;min-height:clamp(22rem,58svh,34rem);padding:var(--space-5);border-radius:1rem}.article-page a{color:var(--article-accent);text-decoration-color:color-mix(in srgb, var(--article-accent) 44%, transparent);text-underline-offset:.16em;text-decoration-thickness:.08em}.article-page a:hover{color:var(--article-accent-strong);text-decoration-color:var(--article-accent-strong)}.article-page p,.article-page ul,.article-page ol,.article-page li{line-height:1.62}.article-page ul{margin:var(--space-3) 0 0;padding-left:1.2rem}.article-page li{margin-top:calc(var(--space-1) + var(--space-1) / 2)}.article-page h1{font-size:var(--font-size-heading-md);text-align:center;margin:0 0 1rem;font-weight:300}.article-page h2{border-left:.28rem solid var(--article-accent);font-size:var(--font-size-heading-sm);padding-left:.72rem;font-weight:500;line-height:1.4}.article-page h3{font-size:var(--font-size-text-xl);font-weight:500}.article-page h3:before{background:color-mix(in srgb, var(--article-accent-strong) 78%, transparent);content:"";border-radius:999px;width:.5rem;height:.5rem;margin-right:.5rem;display:inline-block;transform:translateY(-.25rem)}.article-page #vanilla-form{margin-block:2rem}.article-page #vanilla-form form{gap:var(--space-3);display:grid}.article-page #vanilla-form form>div{margin:0}.article-page #vanilla-form .vf-required-mark{color:var(--pico-del-color);font-weight:600}.article-page #vanilla-form p[data-vf-status],.article-page #vanilla-form form>p,.article-page #vanilla-form [data-vf-success-dialog] article{margin:0}.article-page #vanilla-form [data-vf-success-dialog] footer{justify-content:flex-end}.article-page--textend{--article-accent:var(--accent);--article-accent-strong:var(--accent-strong)}.article-page--vanilla-form{--article-accent:var(--brand);--article-accent-strong:var(--brand-strong)}.article-toc{background:rgb(var(--surface));border:1px solid var(--article-accent,var(--brand));margin-top:var(--space-4);padding:var(--space-4);border-radius:.85rem;width:fit-content}.article-toc ol{margin:0;padding-left:1.2rem;display:grid}.article-toc li{border-bottom:1px solid var(--article-accent,var(--brand));margin-top:0}.article-toc li:last-child{border-bottom:0}.article-toc a{color:var(--article-accent,var(--brand));text-decoration:none}.article-toc a:hover{color:var(--article-accent-strong,var(--brand-strong));text-decoration:underline}.article-toc-title{color:rgb(var(--on-surface)/.72);font-size:var(--font-size-text-sm);letter-spacing:.08rem;text-transform:uppercase;margin:0;font-weight:600}.article-section{background:rgb(var(--surface));border:1px solid rgb(var(--outline-soft)/.9);margin-top:var(--space-4);padding:var(--space-4);border-radius:.85rem}.article-meta{color:rgb(var(--on-surface)/.68);font-size:var(--font-size-text-md);margin-top:var(--space-5)}.not-found-page{flex-direction:column;justify-content:center;display:flex}@media (width<=767.98px){.works-section{margin-top:var(--space-6);padding:0}.blog-section-head{grid-template-columns:1fr;align-items:flex-start}.blog-link{white-space:normal;grid-column:1}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works-section-head{grid-template-columns:1fr;align-items:flex-start}.works-link{white-space:normal;grid-column:1}.products-page .works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{margin-bottom:var(--space-3)}.article-page{padding:var(--space-4)}}@media (width<=575.98px){.blog-grid,.products-page .works-grid{grid-template-columns:1fr}}