.article-page{--color-bg-dark:#20230f;margin-top:90px}.article-header{z-index:50;mix-blend-mode:difference;justify-content:space-between;align-items:center;width:100%;padding:2rem 1.5rem;display:flex;position:fixed;top:0;left:0}@media (min-width:768px){.article-header{padding:2rem 3rem}}.article-header .logo{align-items:center;gap:.5rem;display:flex}.article-header .logo-icon{background:var(--color-primary);justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.article-header .logo-text{color:#fff;letter-spacing:-.05em;font-size:1.5rem;font-weight:700}.article-header-right{align-items:center;gap:2rem;display:flex}.article-nav{color:#fff;text-transform:uppercase;letter-spacing:.2em;gap:2rem;font-size:.75rem;font-weight:500;display:none}@media (min-width:768px){.article-nav{display:flex}}.article-nav a:hover{color:var(--color-primary)}.article-header-buttons{gap:1rem;display:flex}.btn-circle{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background .2s;display:flex}.btn-circle:hover{background:#fff3}.btn-circle-primary{background:var(--color-primary);color:var(--color-bg-dark);border:none}.btn-circle-primary:hover{opacity:.9}.article-hero{background:var(--color-primary);grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(12,1fr);display:grid;position:relative;overflow:hidden}.article-hero-bg-text{pointer-events:none;opacity:.05;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.article-hero-bg-text h1{-webkit-user-select:none;user-select:none;font-size:40vw;font-weight:700;line-height:1}.article-hero-image{background-position:50%;background-size:cover;grid-area:1/1/5/-1;position:relative}@media (min-width:1024px){.article-hero-image{grid-area:1/3/7/8}}.article-hero-image-overlay{background:linear-gradient(#0000,#0000,#20230fcc);position:absolute;inset:0}@media (min-width:1024px){.article-hero-image-overlay{display:none}}.article-hero-content{background:var(--color-primary);color:var(--color-bg-dark);flex-direction:column;grid-area:5/1/7/-1;justify-content:center;padding:3rem 2rem;display:flex}@media (min-width:1024px){.article-hero-content{grid-area:1/8/7/13;padding:3rem 4rem}}.article-hero-content-inner{flex-direction:column;gap:1.5rem;display:flex}.article-hero-label{text-transform:uppercase;letter-spacing:.3em;border-bottom:2px solid var(--color-bg-dark);align-self:flex-start;padding-bottom:.5rem;font-size:.75rem;font-weight:700;display:inline-block}.article-hero-title{letter-spacing:-.05em;font-size:clamp(3.5rem,7vw,5rem);font-weight:700;line-height:.9}.article-hero-subtitle{max-width:24rem;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:500;line-height:1.3}.article-hero-author{align-items:center;gap:1rem;padding-top:2rem;display:flex}.article-hero-avatar{border:2px solid var(--color-bg-dark);border-radius:9999px;width:3rem;height:3rem;padding:2px;overflow:hidden}.article-hero-avatar-img{background-position:50%;background-size:cover;border-radius:9999px;width:100%;height:100%}.article-hero-author-name{text-transform:uppercase;font-size:.875rem;font-weight:700}.article-hero-author-meta{opacity:.7;font-size:.75rem}.article-scroll-sidebar{color:#fff;align-items:center;gap:1rem;display:none;position:absolute;bottom:3rem;left:3rem}@media (min-width:1024px){.article-scroll-sidebar{display:flex}}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.article-scroll-sidebar-line{background:#ddff0080;width:1px;height:8rem}.article-body{grid-template-columns:1fr;gap:3rem;max-width:80rem;margin:0 auto;padding:6rem 1.5rem;display:grid}@media (min-width:768px){.article-body{padding:6rem 3rem}}@media (min-width:1024px){.article-body{grid-template-columns:3fr 8fr;grid-template-areas:"left main"}}.article-sidebar-left{display:none}@media (min-width:1024px){.article-sidebar-left{background-color:#56666655;grid-area:left;padding:10px;display:block;box-shadow:0 0 40px 10px #56666655}}.article-sidebar-left-inner{flex-direction:column;gap:3rem;display:flex;position:sticky;top:8rem}.pull-quote{color:var(--color-primary);font-size:2.25rem;font-style:italic;font-weight:700;line-height:1.1}.article-toc{text-transform:uppercase;letter-spacing:.1em;opacity:.9;flex-direction:column;gap:1rem;font-size:.8rem;font-weight:700;display:flex}.article-section-heading{font-size:clamp(1.5rem,1vw,2.25rem);font-weight:700;line-height:1.4}.article-main{flex-direction:column;gap:3rem;display:flex}@media (min-width:1024px){.article-main{grid-area:main}}.article-main ul{margin-left:2rem}.article-lede{font-size:clamp(1.5rem,1vw,2.25rem);font-weight:300;line-height:1.6}.article-lede:first-letter{float:left;font-size:2.5rem;font-weight:700;line-height:.8}.article-image-block{aspect-ratio:16/9;background:var(--color-slate-100);overflow:hidden}.article-image-block-inner{filter:grayscale();background-position:50%;background-size:cover;width:100%;height:100%;transition:filter .7s,transform .7s}.article-image-block-inner:hover{filter:grayscale(0%);transform:scale(1.02)}.article-prose{color:var(--color-slate-600);flex-direction:column;gap:2rem;font-size:1.125rem;line-height:1.8;display:flex}.article-prose p{margin:0}.article-blockquote{border-left:4px solid var(--color-primary);color:var(--color-slate-900);padding:1rem 2rem;font-size:1.5rem;font-style:italic;font-weight:500}.article-stats-grid{grid-template-columns:1fr 1fr;gap:1rem;padding:3rem 0;display:grid}.stat-card{aspect-ratio:1;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex}.stat-card-primary{background:var(--color-primary);color:var(--color-bg-dark)}.stat-card-dark{background:var(--color-bg-dark);color:var(--color-primary)}.stat-card .material-symbols-outlined{font-size:2.25rem}.stat-card-dark .material-symbols-outlined{color:#fff}.stat-card h3{text-transform:uppercase;font-size:1.5rem;font-weight:700;line-height:1.1}.stat-card-dark h3{color:#fff}.article-sidebar-right{display:none}@media (min-width:1024px){.article-sidebar-right{grid-area:right;display:block}}.article-sidebar-right-inner{flex-direction:column;gap:3rem;display:flex;position:sticky;top:8rem}.sidebar-bars{flex-direction:column;gap:.5rem;display:flex}.sidebar-bars div:first-child{background:var(--color-primary);width:100%;height:.5rem}.sidebar-bars div:nth-child(2){background:#ddff0080;width:100%;height:.25rem}.sidebar-bars div:nth-child(3){background:#df03;width:100%;height:.125rem}.sidebar-vertical-label{text-transform:uppercase;letter-spacing:.4em;writing-mode:vertical-rl;text-orientation:mixed;border-right:1px solid #e2e8f0;height:16rem;font-size:10px;font-weight:700}.article-footer-section{background:var(--color-bg-dark);border-top:8px solid var(--color-primary);padding:6rem 1.5rem}@media (min-width:768px){.article-footer-section{padding:6rem 3rem}}.article-footer-inner{flex-direction:column;gap:3rem;max-width:80rem;margin:0 auto;display:flex}@media (min-width:768px){.article-footer-inner{flex-direction:row;justify-content:space-between;align-items:flex-end}}.article-next{flex-direction:column;gap:1rem;max-width:36rem;display:flex}.article-next-label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:700}.article-next-title{color:#fff;cursor:pointer;font-size:clamp(3rem,5vw,4.5rem);font-weight:700;line-height:1;transition:all .3s}.article-next-title:hover{-webkit-text-stroke:1px #fff;color:#0000}.article-next-desc{color:var(--color-slate-400)}.btn-read-more{background:var(--color-primary);color:var(--color-bg-dark);text-transform:uppercase;align-self:flex-start;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.875rem;font-weight:700;transition:opacity .2s;display:flex}.btn-read-more:hover{opacity:.9}.btn-read-more .material-symbols-outlined{transition:transform .3s}.btn-read-more:hover .material-symbols-outlined{transform:translate(.5rem)}.article-mini-footer{text-transform:uppercase;letter-spacing:.1em;color:var(--color-slate-500);border-top:1px solid #ffffff1a;flex-direction:column;gap:2rem;margin-top:8rem;padding-top:3rem;font-size:.75rem;font-weight:700;display:flex}@media (min-width:768px){.article-mini-footer{flex-direction:row;justify-content:space-between}}.article-mini-footer-links{gap:2rem;display:flex}.article-mini-footer-links a:hover{color:var(--color-primary)}.scroll-progress{background:var(--color-primary);z-index:50;height:4px;transition:width .15s;position:fixed;bottom:0;left:0}