.page-article .cat-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:3px 9px;border-radius:var(--radius-sm);display:inline-block}.page-article .cat-strategy{background:#ae51371f;color:var(--color-burnt-eyebrow);border:1px solid rgb(235 159 134 / .35)}.page-article .cat-design{background:#1c3d5226;color:#9ec4d9;border:1px solid rgb(120 168 198 / .4)}.page-article .cat-technical{background:#b8963e1f;color:#e3cf8c;border:1px solid rgb(210 188 120 / .4)}.page-article .cat-seo{background:#4d5d4b1f;color:#b4c8a8;border:1px solid rgb(140 160 128 / .4)}.page-article .cat-webops{background:#4a556826;color:#c5cad3;border:1px solid rgb(140 150 168 / .4)}.page-article .art-header{padding:120px 48px 48px;position:relative;overflow:hidden;background-color:var(--color-background-dark)}.page-article .art-header-glow{position:absolute;top:-80px;right:-120px;width:700px;height:600px;background:radial-gradient(ellipse at center,rgb(174 81 55 / .08) 0%,transparent 65%);pointer-events:none}.page-article .art-header-inner{max-width:820px;margin:0 auto;position:relative;z-index:1}.page-article .art-breadcrumb{margin-bottom:var(--space-5)}.page-article .art-breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-warmgray)}.page-article .art-breadcrumb-item{display:flex;align-items:center}.page-article .art-breadcrumb a{color:inherit;text-decoration:none;transition:color .2s}.page-article .art-breadcrumb a:hover{color:var(--color-offwhite)}.page-article .art-breadcrumb-sep{color:var(--color-warmgray);font-size:12px}.page-article .art-headline{font-family:var(--font-display);font-size:clamp(36px,5vw,54px);font-weight:700;color:var(--color-offwhite);line-height:1.1;letter-spacing:-.02em;margin:var(--space-4) 0 var(--space-5)}.page-article .art-headline em{color:var(--color-burnt);font-style:italic}.page-article .art-deck{font-size:19px;color:var(--color-warmgray);line-height:1.65;max-width:620px;margin-bottom:var(--space-7);font-weight:400}.page-article .art-meta{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;padding-top:var(--space-5);border-top:1px solid rgb(176 181 187 / .08)}.page-article .art-author{display:flex;align-items:center;gap:10px}.page-article .art-avatar{width:36px;height:36px;background:#ae51371f;border:1px solid rgb(174 81 55 / .2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--color-burnt-eyebrow);flex-shrink:0;overflow:hidden}.page-article .art-avatar:has(.art-avatar-img){background:transparent}.page-article .art-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}.page-article .art-author-name{font-size:13px;font-weight:600;color:var(--color-offwhite);line-height:1.2}.page-article .art-author-role{font-size:11px;color:var(--color-warmgray);line-height:1.2}.page-article .art-meta-divider{width:1px;height:28px;background:#b0b5bb1f;flex-shrink:0}.page-article .art-meta-item{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-warmgray)}.page-article .art-hero-img{max-width:var(--max-width-dnr, 1240px);margin:0 auto;margin-top:var(--space-7);height:400px;background:#b0b5bb0d;border:1px solid rgb(176 181 187 / .07);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.page-article .art-hero-img img{width:100%;height:100%;object-fit:cover;object-position:center top}.page-article .art-hero-img:before{content:"";position:absolute;inset:0;background:linear-gradient(rgb(174 81 55 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(174 81 55 / .04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.page-article .art-body{background:var(--color-background-light);padding:var(--space-8) 48px var(--space-10)}.page-article .art-layout{max-width:var(--max-width-dnr, 1240px);margin:0 auto;display:grid;grid-template-columns:1fr 272px;gap:72px;align-items:start}.page-article .article-prose .article-lead{font-size:19px;line-height:1.78;color:var(--color-charcoal);margin-bottom:var(--space-7);font-weight:400}.page-article .article-prose h2{font-family:var(--font-display);font-size:27px;font-weight:700;color:var(--color-charcoal);letter-spacing:-.01em;line-height:1.2;margin:var(--space-9) 0 var(--space-5);padding-top:var(--space-6);border-top:1px solid rgb(45 48 51 / .08);scroll-margin-top:96px}.page-article .article-prose h2:first-of-type{margin-top:0;padding-top:0;border-top:none}.page-article .article-prose h3{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--color-charcoal);letter-spacing:-.01em;margin:var(--space-7) 0 var(--space-3);scroll-margin-top:96px}.page-article .article-prose p{font-size:17px;line-height:1.8;color:var(--color-storm);margin-bottom:var(--space-5)}.page-article .article-prose p a{color:var(--color-burnt);border-bottom:1px solid rgb(174 81 55 / .3);text-decoration:none;transition:border-color .2s}.page-article .article-prose p a:hover{border-color:var(--color-burnt)}.page-article .article-prose li{font-size:17px;line-height:1.8;color:var(--color-storm);margin-bottom:var(--space-2)}.page-article .article-prose strong{color:var(--color-charcoal);font-weight:600}.page-article .article-prose .pull-quote{margin:var(--space-7) 0;padding:var(--space-6) var(--space-6) var(--space-6) var(--space-7);border-left:3px solid var(--color-burnt);background:#f5f2eccc}.page-article .article-prose .pull-quote blockquote{font-family:var(--font-display);font-size:22px;font-style:italic;color:var(--color-charcoal);line-height:1.5;margin:0 0 var(--space-3)}.page-article .article-prose .pull-quote cite{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-burnt);font-style:normal}.page-article .article-prose .callout-box{margin:var(--space-7) 0;background:var(--color-offwhite);border:1px solid rgb(45 48 51 / .07);border-left:3px solid var(--color-burnt);padding:var(--space-5) var(--space-6)}.page-article .article-prose .callout-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-burnt);margin-bottom:var(--space-3);display:block}.page-article .article-prose .callout-box p{font-size:15px!important;line-height:1.7!important;color:var(--color-charcoal)!important;margin:0 0 var(--space-3)!important}.page-article .article-prose .callout-box p:last-child{margin-bottom:0!important}.page-article .article-prose .callout-box ul{margin:var(--space-3) 0 0 var(--space-5)}.page-article .article-prose .callout-box li{font-size:15px!important;color:var(--color-charcoal)!important;margin-bottom:6px}.page-article .article-prose .stat-inline{margin:var(--space-7) 0;background:var(--color-background-dark);padding:var(--space-6) var(--space-7);display:flex;align-items:center;gap:0;flex-wrap:wrap;justify-content:center}.page-article .article-prose .stat-inline-item{text-align:center;flex:1;min-width:140px;padding:var(--space-3) var(--space-5)}.page-article .article-prose .stat-inline-number{font-family:var(--font-display);font-size:44px;font-weight:800;color:var(--color-offwhite);line-height:1;display:block;margin-bottom:10px}.page-article .article-prose .stat-inline-number em{color:var(--color-burnt);font-style:normal}.page-article .article-prose .stat-inline-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-warmgray);line-height:1.4}.page-article .article-prose .stat-inline-divider{width:1px;height:56px;background:#b0b5bb14;flex-shrink:0}.page-article .article-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid rgb(45 48 51 / .08)}.page-article .article-tags-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center;list-style:none;margin:0;padding:0}.page-article .article-tags-list>li{margin:0}.page-article .tags-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-storm);margin-right:var(--space-2)}.page-article .article-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border:1px solid rgb(45 48 51 / .12);color:var(--color-storm);text-decoration:none;transition:border-color .2s,color .2s}.page-article .article-tag:hover{border-color:var(--color-burnt);color:var(--color-burnt)}.page-article .art-sidebar{position:sticky;top:88px}.page-article .toc{background:var(--color-offwhite);border:1px solid rgb(45 48 51 / .07);padding:var(--space-5);margin-bottom:var(--space-4)}.page-article .toc-heading{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-burnt);margin:0 0 var(--space-4);display:block}.page-article .toc-list{list-style:none}.page-article .toc-item{margin-bottom:2px}.page-article .toc-link{display:block;font-size:13px;color:var(--color-storm);padding:6px 8px 6px 14px;border-left:2px solid transparent;transition:color .2s,border-color .2s;line-height:1.4;text-decoration:none}.page-article .toc-link:hover{color:var(--color-charcoal);border-left-color:#2d303333}.page-article .toc-link.active{color:var(--color-burnt);border-left-color:var(--color-burnt);font-weight:600}.page-article .sidebar-cta{background:var(--color-charcoal);padding:var(--space-5);margin-bottom:var(--space-4);border-top:2px solid var(--color-burnt)}.page-article .sidebar-cta-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-burnt-eyebrow);margin-bottom:var(--space-3);display:block}.page-article .sidebar-cta-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-offwhite);line-height:1.3;margin:0 0 var(--space-3)}.page-article .sidebar-cta p{font-size:13px;color:var(--color-warmgray);line-height:1.6;margin-bottom:var(--space-5)}.page-article .sidebar-cta-btn{display:block;text-align:center;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--color-background-dark);background:var(--color-offwhite);padding:11px 16px;text-decoration:none;transition:opacity .2s}.page-article .sidebar-cta-btn:hover{opacity:.88}.page-article .sidebar-share{padding:var(--space-4) var(--space-5);border:1px solid rgb(45 48 51 / .08);background:var(--color-background-light)}.page-article .share-heading{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-storm);margin:0 0 var(--space-3);display:block}.page-article .share-links{display:flex;gap:8px;flex-wrap:wrap}.page-article .share-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-storm);padding:6px 11px;border:1px solid rgb(45 48 51 / .12);transition:color .2s,border-color .2s;background:#fff;cursor:pointer;text-decoration:none}.page-article .share-link:hover{color:var(--color-burnt);border-color:#ae51374d}.page-article .author-section{background:var(--color-offwhite);padding:var(--space-8) 48px}.page-article .author-card{max-width:820px;margin:0 auto;display:flex;gap:var(--space-7);align-items:flex-start;padding:var(--space-6);background:var(--color-background-light);border:1px solid rgb(45 48 51 / .07);border-top:3px solid var(--color-forest)}.page-article .author-avatar-lg{width:72px;height:72px;flex-shrink:0;background:#ae513714;border:1px solid rgb(174 81 55 / .18);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--color-burnt);overflow:hidden}.page-article .author-avatar-lg:has(.author-avatar-img){background:transparent}.page-article .author-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}.page-article .author-bio-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-forest);margin-bottom:6px;display:block}.page-article .author-bio-name{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--color-charcoal);margin-bottom:4px}.page-article .author-bio-role{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-storm);margin-bottom:var(--space-4)}.page-article .author-bio-text{font-size:14px;color:var(--color-storm);line-height:1.7;max-width:500px}.page-article .related-section{background:var(--color-charcoal);padding:var(--space-8) 48px}.page-article .related-header{max-width:var(--max-width-dnr, 1240px);margin:0 auto var(--space-7);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.page-article .related-header h2{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--color-offwhite);letter-spacing:-.01em}.page-article .related-all-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-burnt-eyebrow);white-space:nowrap;flex-shrink:0;text-decoration:none}.page-article .related-all-link:hover{color:var(--color-offwhite)}.page-article .related-grid{max-width:var(--max-width-dnr, 1240px);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#b0b5bb14}.page-article .related-card{background:#1c1a1680;padding:var(--space-6);transition:background .2s;text-decoration:none;color:inherit;display:block}.page-article .related-card:hover{background:#1c1a16d9}.page-article .related-img{height:128px;margin-bottom:var(--space-5);display:flex;align-items:center;justify-content:center;border:1px solid rgb(176 181 187 / .06);position:relative;overflow:hidden}.page-article .related-img.cat-strategy{background:#ae51370f}.page-article .related-img.cat-technical{background:#b8963e0f}.page-article .related-img.cat-design{background:#1c3d521a}.page-article .related-img.cat-seo{background:#4d5d4b14}.page-article .related-img.cat-webops{background:#4a55681a}.page-article .related-img span{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b0b5bb1f}.page-article .related-meta{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-3)}.page-article .related-read{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-warmgray)}.page-article .related-card h3{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--color-offwhite);line-height:1.3;margin-bottom:var(--space-3);transition:color .2s}.page-article .related-card:hover h3{color:var(--color-burnt-eyebrow)}.page-article .related-card p{font-size:13px;color:var(--color-warmgray);line-height:1.6;margin-bottom:var(--space-4)}.page-article .related-byline{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-4);min-width:0}.page-article .related-byline-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:center 22%;flex-shrink:0;border:1px solid rgb(176 181 187 / .15)}.page-article .related-byline-text{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--color-warmgray);line-height:1.3}.page-article .related-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-burnt-eyebrow);opacity:0;transition:opacity .2s}.page-article .related-card:hover .related-link{opacity:1}@media(max-width:960px){.page-article .art-layout{grid-template-columns:1fr;gap:var(--space-7)}.page-article .art-sidebar{position:static;order:-1}.page-article .art-header,.page-article .art-body,.page-article .author-section,.page-article .related-section{padding-left:28px;padding-right:28px}.page-article .related-grid{grid-template-columns:1fr}.page-article .author-card{flex-direction:column}}