.content-shell{background:var(--pg-bg);min-height:100vh;color:var(--pg-text)}.content-header{height:64px;padding:0 var(--pg-gutter);border-bottom:1px solid var(--pg-border);background:var(--pg-bg);align-items:center;display:flex}@media (min-width:641px){.content-header{z-index:100;position:sticky;top:0}}.content-logo{color:var(--pg-text);align-items:center;transition:opacity .2s;display:inline-flex}.content-logo:hover{opacity:.72}.content-nav{align-items:center;gap:1.25rem;margin-left:auto;display:flex}.content-nav a{font-family:var(--pg-mono);color:var(--pg-text-2);font-size:.75rem;transition:color .2s}.content-nav a:hover{color:var(--pg-accent)}.content-header__actions{align-items:center;gap:.75rem;margin-left:1rem;display:flex}.content-language-switcher{font-family:var(--pg-mono);align-items:center;gap:.25rem;font-size:.6875rem;display:flex}.content-language-switcher a{color:var(--pg-text-3);border:1px solid #0000;border-radius:2px;padding:.25rem .4rem;transition:color .2s,border-color .2s}.content-language-switcher a:hover,.content-language-switcher a[aria-current=page]{color:var(--pg-accent);border-color:var(--pg-border)}.content-theme-toggle{flex:none}.content-main{max-width:var(--pg-max);padding:clamp(3rem, 7vw, 6rem) var(--pg-gutter);margin:0 auto}.content-eyebrow{font-family:var(--pg-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--pg-accent);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;display:inline-flex}.content-eyebrow:before{content:"";background:var(--pg-accent);width:6px;height:6px}.content-hero{border-bottom:1px solid var(--pg-border);grid-template-columns:minmax(0,1fr) 22rem;align-items:end;gap:clamp(2rem,6vw,5rem);padding-bottom:clamp(3rem,6vw,5rem);display:grid}.content-hero h1{letter-spacing:-.02em;max-width:18ch;font-size:clamp(2.25rem,4.8vw,4.75rem);line-height:1.02}.content-lead{max-width:42rem;color:var(--pg-text-2);margin-top:1.5rem;font-size:clamp(1.05rem,1.5vw,1.3rem)}.content-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.content-button,.content-button-secondary{min-height:3rem;font-family:var(--pg-mono);border:1px solid var(--pg-text);justify-content:center;align-items:center;padding:0 1.25rem;font-size:.8125rem;display:inline-flex}.content-button{color:var(--pg-bg);background:var(--pg-text)}.content-button-secondary{color:var(--pg-text);border-color:var(--pg-border);background:0 0}.content-button:hover,.content-button-secondary:hover{border-color:var(--pg-accent);background:var(--pg-accent);color:var(--pg-bg)}.content-panel{border:1px solid var(--pg-border);background:var(--pg-bg-alt);padding:1.5rem}.content-panel dl{gap:1rem;display:grid}.content-panel dt{font-family:var(--pg-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--pg-text-3);font-size:.6875rem}.content-panel dd{color:var(--pg-text);margin-top:.25rem}.project-hero-visual{flex-direction:column;justify-content:flex-end;align-self:stretch;gap:1rem;display:flex}.project-hero-visual p{color:var(--pg-text-2);font-size:.9rem}.project-browser{border:1px solid var(--pg-border);background:linear-gradient(135deg, color-mix(in srgb, var(--pg-accent) 14%, transparent), transparent 45%), var(--pg-bg-alt);min-height:22rem;overflow:hidden}.project-browser__bar,.project-gallery__chrome{border-bottom:1px solid var(--pg-border);gap:.4rem;padding:.85rem;display:flex}.project-browser__bar span,.project-gallery__chrome span{background:var(--pg-text-3);border-radius:50%;width:.45rem;height:.45rem}.project-browser__body{grid-template-columns:5rem 1fr;gap:1rem;min-height:18rem;padding:1rem;display:grid}.project-browser__sidebar{border-right:1px solid var(--pg-border);background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--pg-text-3) 35%, transparent) 0 .5rem, transparent .5rem 1.25rem);opacity:.55}.project-browser__main{grid-template-rows:3.5rem 1fr 4.5rem;gap:1rem;display:grid}.project-browser__metric,.project-browser__chart,.project-browser__rows span,.project-gallery__mock span{border:1px solid var(--pg-border);background:color-mix(in srgb, var(--pg-bg) 72%, var(--pg-accent))}.project-browser__chart{position:relative;overflow:hidden}.project-browser__chart:after{content:"";border-left:2px solid var(--pg-accent);border-bottom:2px solid var(--pg-accent);opacity:.65;position:absolute;inset:18% 10% 20%;transform:skew(-18deg)}.project-browser__rows{gap:.5rem;display:grid}.project-overview-section{padding-top:2rem}.content-stats{border-bottom:1px solid var(--pg-border);grid-template-columns:repeat(4,1fr);gap:1rem;padding:2rem 0;display:grid}.content-stat{border:1px solid var(--pg-border);padding:1.25rem}.content-stat strong{color:var(--pg-accent);font-size:clamp(1.75rem,3vw,2.75rem);line-height:1;display:block}.content-stat span{font-family:var(--pg-mono);color:var(--pg-text-3);text-transform:uppercase;letter-spacing:.08em;margin-top:.5rem;font-size:.7rem;display:block}.content-section{border-bottom:1px solid var(--pg-border);grid-template-columns:12rem minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);padding:clamp(3rem,6vw,5rem) 0;display:grid}.content-section-label{font-family:var(--pg-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--pg-accent);font-size:.75rem}.content-section h2{letter-spacing:-.02em;max-width:15ch;font-size:clamp(1.75rem,3vw,3rem)}.content-section p{max-width:48rem;color:var(--pg-text-2);margin-top:1rem;font-size:1rem}.content-list{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}.content-list li{border:1px solid var(--pg-border);color:var(--pg-text-2);padding:1rem;list-style:none}.project-gallery{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}.project-gallery__item{border:1px solid var(--pg-border);background:var(--pg-bg-alt)}.project-gallery__image{aspect-ratio:4/3;border-bottom:1px solid var(--pg-border);background:radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--pg-accent) 22%, transparent), transparent 28%), linear-gradient(145deg, var(--pg-bg-alt), var(--pg-bg))}.project-gallery__image[data-variant="2"]{background:radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--pg-accent) 20%, transparent), transparent 30%), linear-gradient(145deg, var(--pg-bg), var(--pg-bg-alt))}.project-gallery__image[data-variant="3"]{background:linear-gradient(135deg, color-mix(in srgb, var(--pg-accent) 14%, transparent), transparent), var(--pg-bg-alt)}.project-gallery__mock{grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;display:grid}.project-gallery__mock span{min-height:3.5rem}.project-gallery__mock span:first-child{grid-column:1/-1;min-height:5rem}.project-gallery figcaption{gap:.5rem;padding:1rem;display:grid}.project-gallery figcaption strong{font-size:1rem}.project-gallery figcaption span{color:var(--pg-text-2);font-size:.875rem}.content-steps{counter-reset:step;gap:1rem;margin-top:1.5rem;display:grid}.content-steps li{counter-increment:step;border-bottom:1px solid var(--pg-border);color:var(--pg-text-2);grid-template-columns:3rem 1fr;align-items:start;gap:1rem;padding-bottom:1rem;list-style:none;display:grid}.content-steps li:before{content:counter(step, decimal-leading-zero);font-family:var(--pg-mono);color:var(--pg-accent)}.content-cta{background:var(--pg-text);color:var(--pg-bg);margin-top:clamp(3rem,6vw,5rem);padding:clamp(2rem,5vw,4rem)}.content-cta h2{max-width:16ch;font-size:clamp(2rem,4vw,4rem)}.content-cta p{max-width:42rem;color:color-mix(in srgb, var(--pg-bg) 78%, transparent);margin-top:1rem}.content-cta .content-button{color:var(--pg-text);background:var(--pg-bg);border-color:var(--pg-bg);margin-top:2rem}.blog-grid{grid-template-columns:minmax(0,1.4fr) minmax(18rem,.6fr);gap:2rem;padding-top:2rem;display:grid}.blog-featured,.blog-card{border:1px solid var(--pg-border);background:var(--pg-bg-alt);padding:clamp(1.5rem,4vw,2.5rem)}.blog-featured h2{max-width:22ch;color:var(--pg-text);font-size:clamp(1.6rem,3vw,2.75rem);line-height:1.05}.blog-card h2,.blog-card h2 a{color:var(--pg-text);transition:color .2s}.blog-card h2 a:hover{color:var(--pg-accent)}.blog-featured p,.blog-card p{color:var(--pg-text-2);margin-top:1rem}.blog-categories{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.blog-categories span{font-family:var(--pg-mono);border:1px solid var(--pg-border);color:var(--pg-text-2);padding:.35rem .65rem;font-size:.7rem}.blog-card-list{gap:1rem;display:grid}.article-shell{max-width:860px}.article-meta{font-family:var(--pg-mono);color:var(--pg-text-3);gap:1rem;margin-top:1rem;font-size:.75rem;display:flex}.article-body{margin-top:3rem}.article-takeaways{border:1px solid var(--pg-border);background:var(--pg-bg-alt);padding:1.5rem}.article-takeaways h2,.article-body h2{font-size:clamp(1.5rem,2.5vw,2.25rem)}.article-takeaways ul{color:var(--pg-text-2);gap:.75rem;margin-top:1rem;padding-left:1.25rem;display:grid}.article-body section{border-bottom:1px solid var(--pg-border);padding:2.5rem 0}.article-body p{color:var(--pg-text-2);margin-top:1rem;font-size:1.05rem}.article-related{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}@media (max-width:900px){.content-hero,.content-section,.blog-grid{grid-template-columns:1fr}.content-stats,.content-list,.project-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.content-shell{padding-bottom:0;overflow-x:clip}.content-header{z-index:100;background:color-mix(in srgb, var(--pg-bg) 92%, transparent);border-bottom-color:color-mix(in srgb, var(--pg-border) 70%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 .6rem;height:auto;min-height:92px;padding:0 1rem .45rem;display:grid;position:fixed;top:0;left:0;right:0}.content-logo{grid-column:1;align-items:center;height:52px;min-height:52px;padding:0 .2rem;display:inline-flex}.content-nav{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;order:4;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;display:grid;position:static}.content-header__actions{grid-column:3;justify-self:end;gap:.5rem;margin-left:0}.content-language-switcher{font-size:.625rem}.content-theme-toggle{width:3.4rem}.content-nav a{border-top:1px solid var(--pg-border);text-align:center;white-space:nowrap;border-bottom:1px solid #0000;border-radius:0;justify-content:center;align-items:center;min-height:38px;padding:0 .35rem;display:inline-flex}.content-nav a:hover,.content-nav a:focus-visible{color:var(--pg-accent);background:color-mix(in srgb, var(--pg-accent) 7%, transparent);border-bottom-color:var(--pg-accent)}.content-main{padding:calc(92px + 2rem) 1rem 3rem}.content-hero{gap:1.5rem;padding-bottom:2.25rem}.content-hero h1{font-size:clamp(2.35rem,12vw,4rem)}.content-actions{grid-template-columns:1fr;display:grid}.content-button,.content-button-secondary{border-radius:6px;min-height:52px}.content-panel,.content-stat,.content-list li,.blog-featured,.blog-card{border-radius:8px}.content-section{gap:1rem;padding:2.75rem 0}.content-stats,.content-list,.project-gallery{grid-template-columns:1fr}.content-steps li{grid-template-columns:2.25rem 1fr}.content-cta{border-radius:8px;padding:1.5rem}}.blog-hero{align-items:stretch}.blog-hero-panel{border:1px solid var(--pg-border);background:linear-gradient(135deg, color-mix(in srgb, var(--pg-accent) 10%, transparent), transparent 42%), repeating-linear-gradient(90deg, transparent 0 2.25rem, color-mix(in srgb, var(--pg-border) 42%, transparent) 2.25rem calc(2.25rem + 1px)), var(--pg-bg-alt);align-content:space-between;align-self:stretch;gap:2rem;min-height:18rem;padding:clamp(1.25rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.blog-hero-panel:after{content:"";border:1px solid color-mix(in srgb, var(--pg-accent) 45%, transparent);opacity:.35;width:10rem;height:10rem;position:absolute;bottom:-3rem;right:-3rem;transform:rotate(18deg)}.blog-hero-panel__kicker,.blog-tool-label,.blog-search span,.blog-post-meta,.blog-card-index,.blog-section-heading p{font-family:var(--pg-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.blog-hero-panel__kicker{color:var(--pg-accent)}.blog-hero-panel ol{counter-reset:blog-map;gap:1rem;margin:0;padding:0;display:grid}.blog-hero-panel li{counter-increment:blog-map;color:var(--pg-text-2);grid-template-columns:2.4rem 1fr;gap:.9rem;list-style:none;display:grid}.blog-hero-panel li:before{content:counter(blog-map, decimal-leading-zero);color:var(--pg-accent);font-family:var(--pg-mono)}.blog-explorer{padding-top:clamp(2rem,5vw,4rem)}.blog-tools{border-bottom:1px solid var(--pg-border);grid-template-columns:minmax(0,1fr) minmax(16rem,24rem);align-items:end;gap:1rem;padding-bottom:2rem;display:grid}.blog-tool-group,.blog-search{gap:.75rem;display:grid}.blog-tool-label,.blog-search span{color:var(--pg-text-3)}.blog-category-filters{flex-wrap:wrap;gap:.5rem;display:flex}.blog-filter-chip{cursor:pointer;border:1px solid var(--pg-border);color:var(--pg-text-2);font-family:var(--pg-mono);background:0 0;padding:.5rem .75rem;font-size:.74rem;transition:border-color .18s,background .18s,color .18s,transform .18s}.blog-filter-chip:hover,.blog-filter-chip[aria-pressed=true]{border-color:var(--pg-accent);background:color-mix(in srgb, var(--pg-accent) 12%, transparent);color:var(--pg-text);transform:translateY(-1px)}.blog-search input{border:1px solid var(--pg-border);background:var(--pg-bg-alt);width:100%;min-height:3rem;color:var(--pg-text);font:inherit;outline:none;padding:0 1rem}.blog-search input:focus{border-color:var(--pg-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--pg-accent) 16%, transparent)}.blog-featured-section,.blog-index-section{padding-top:clamp(2.5rem,5vw,4rem)}.blog-section-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.blog-section-heading .content-eyebrow{margin-bottom:0}.blog-section-heading p{color:var(--pg-text-3)}.blog-featured-grid{border-top:1px solid var(--pg-border);border-left:1px solid var(--pg-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.blog-featured-card{border-right:1px solid var(--pg-border);border-bottom:1px solid var(--pg-border);background:var(--pg-bg-alt);flex-direction:column;gap:1rem;min-height:19rem;padding:clamp(1.25rem,3vw,2rem);display:flex;position:relative}.blog-featured-card:first-child{background:radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--pg-accent) 18%, transparent), transparent 24%), var(--pg-bg-alt);grid-column:span 2}.blog-card-index{color:var(--pg-accent)}.blog-post-meta{color:var(--pg-text-3);flex-wrap:wrap;gap:.45rem .75rem;display:flex}.blog-post-meta span:not(:last-child):after{content:"/";color:var(--pg-border);margin-left:.75rem}.blog-featured-card h2,.blog-article-row h2{letter-spacing:-.02em;margin:0;line-height:1.06}.blog-featured-card h2{max-width:24ch;font-size:clamp(1.45rem,2.3vw,2.35rem)}.blog-featured-card h2 a,.blog-article-row h2 a{color:var(--pg-text);transition:color .18s}.blog-featured-card h2 a:hover,.blog-article-row h2 a:hover,.blog-text-link:hover{color:var(--pg-accent)}.blog-featured-card p,.blog-article-row p,.blog-empty-state{color:var(--pg-text-2)}.blog-text-link{color:var(--pg-text);font-family:var(--pg-mono);margin-top:auto;font-size:.8rem}.blog-article-list{border-top:1px solid var(--pg-border);display:grid}.blog-article-row{border-bottom:1px solid var(--pg-border);grid-template-columns:minmax(10rem,.75fr) minmax(14rem,1.1fr) minmax(14rem,1fr) 2rem;align-items:start;gap:clamp(1rem,3vw,2rem);padding:1.25rem 0;display:grid}.blog-article-row h2{font-size:clamp(1.1rem,1.6vw,1.45rem)}.blog-article-row>a:last-child{color:var(--pg-accent);justify-self:end;font-size:1.35rem;line-height:1}.blog-empty-state{border:1px solid var(--pg-border);background:var(--pg-bg-alt);padding:2rem}@media (max-width:900px){.blog-tools,.blog-featured-grid,.blog-article-row{grid-template-columns:1fr}.blog-featured-card:first-child{grid-column:auto}.blog-article-row{gap:.75rem}.blog-article-row>a:last-child{justify-self:start}}@media (max-width:640px){.blog-hero-panel,.blog-search input,.blog-filter-chip,.blog-featured-card,.blog-empty-state{border-radius:8px}.blog-tools{gap:1.5rem}.blog-featured-grid{border:0;gap:1rem}.blog-featured-card{border:1px solid var(--pg-border);min-height:auto}.blog-article-row{padding:1.25rem 0}}.blog-hero{grid-template-columns:minmax(0,1fr);align-items:start}.blog-hero h1{max-width:20ch}.blog-hero .content-lead{max-width:58rem}.blog-filter-chip[aria-current=true]{border-color:var(--pg-accent);background:color-mix(in srgb, var(--pg-accent) 12%, transparent);color:var(--pg-text)}.blog-search-row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.blog-search button{cursor:pointer;border:1px solid var(--pg-text);background:var(--pg-text);min-height:3rem;color:var(--pg-bg);font-family:var(--pg-mono);padding:0 1rem;font-size:.78rem}.blog-search button:hover{border-color:var(--pg-accent);background:var(--pg-accent)}@media (max-width:640px){.blog-search-row{grid-template-columns:1fr}.blog-search button{border-radius:8px}}.blog-search input::-webkit-search-cancel-button{appearance:none;cursor:pointer;background:linear-gradient(45deg, transparent 42%, var(--pg-text-3) 42% 58%, transparent 58%), linear-gradient(-45deg, transparent 42%, var(--pg-text-3) 42% 58%, transparent 58%);opacity:.75;width:.85rem;height:.85rem;transition:background .16s,opacity .16s}.blog-search input::-webkit-search-cancel-button:hover{background:linear-gradient(45deg, transparent 42%, var(--pg-accent) 42% 58%, transparent 58%), linear-gradient(-45deg, transparent 42%, var(--pg-accent) 42% 58%, transparent 58%);opacity:1}.blog-search input::-ms-clear{display:none}