.articles-page{--articles-gold: var(--accent);--articles-dark: var(--text-strong);--articles-copy: var(--muted);--articles-soft-bg: var(--surface-alt);--articles-line: var(--divider-subtle);--articles-shell-width: var(--page-shell-width);--articles-media-width: 980px;--articles-reading-width: 760px;--articles-narrow-reading-width: 680px;--articles-grid-gap: clamp(2.75rem, 4vw, 4.5rem)}.articles-index-wrapper{width:min(calc(100% - (var(--gutter) * 2)),var(--articles-shell-width));margin:0 auto;padding:0 0 9rem;font-family:var(--font-body);color:var(--articles-dark);line-height:1.6;-webkit-font-smoothing:antialiased}.index-hero{text-align:center;padding:clamp(4.5rem,9vh,8rem) 0 4.75rem;max-width:920px;margin:0 auto}.index-eyebrow{font-family:var(--font-body);font-size:.78125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--articles-gold);font-weight:500;margin-bottom:2rem;display:block}.index-hero h1{font-family:var(--font-heading);font-size:clamp(2rem,4.3vw,3rem);line-height:1.15;color:var(--articles-dark);margin-bottom:2rem;font-weight:400;letter-spacing:-.01em;text-transform:uppercase;max-width:var(--measure-heading-wide);margin-left:auto;margin-right:auto}.index-intro{max-width:var(--measure-copy-regular);margin:0 auto;padding-top:.5rem}.index-intro p{font-size:1.05rem;color:var(--articles-copy);margin-bottom:1.8rem;font-weight:400;line-height:1.65}.index-intro p:last-child{margin-bottom:0}.tutorials-link{display:inline-block;font-family:var(--font-body);color:var(--articles-dark);text-decoration:none;font-size:.875rem;text-transform:uppercase;letter-spacing:.06em;position:relative;padding-bottom:4px;font-weight:500;transition:color .3s ease}.tutorials-link:after{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:currentColor;transform-origin:bottom right;transition:transform .4s cubic-bezier(.25,.46,.45,.94);transform:scaleX(1)}.tutorials-link:hover{color:var(--articles-gold)}.tutorials-link:hover:after{transform:scaleX(0);transform-origin:bottom left}.index-divider{height:1px;background:var(--articles-line);width:100%;max-width:120px;margin:0 auto 5rem}.articles-list{display:flex;flex-direction:column;gap:4.25rem;padding-left:0}.article-card{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start;text-decoration:none;color:inherit;padding-top:1.2rem;border-top:1px solid color-mix(in srgb,var(--articles-line) 78%,transparent);transition:transform .24s ease,border-color .24s ease}.article-card:hover{transform:var(--hover-lift-sm);border-color:color-mix(in srgb,var(--articles-gold) 48%,var(--articles-line) 52%)}.card-image-wrapper{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:2px;background:var(--articles-soft-bg);border:1px solid var(--articles-line)}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;filter:grayscale(10%);transition:transform .5s cubic-bezier(.25,.46,.45,.94),filter .5s cubic-bezier(.25,.46,.45,.94)}.article-card:hover .card-image-wrapper img{filter:grayscale(0%);transform:scale(1.03)}.card-content{text-align:left;padding-top:.35rem}.item-eyebrow{font-family:var(--font-body);font-size:.78125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--articles-gold);margin-bottom:.85rem;font-weight:500;display:block}.article-card h2{font-family:var(--font-heading);font-size:1.52rem;font-weight:500;line-height:1.22;margin:0 0 .9rem;color:var(--articles-dark);transition:color .3s ease;text-transform:none;letter-spacing:0}.article-card:hover h2{color:var(--articles-gold)}.item-description{font-size:.98rem;color:var(--articles-copy);font-weight:400;margin:0;max-width:38rem;line-height:1.65}.index-footer{margin-top:9rem;padding-top:4.5rem;border-top:1px solid var(--articles-line)}.footer-context{font-size:1.15rem;color:var(--articles-dark);margin-bottom:3.5rem;font-weight:400;text-align:center}.footer-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}.nav-card{background:var(--surface);border:1px solid var(--articles-line);padding:3rem 2rem;text-decoration:none;color:inherit;transition:transform .45s cubic-bezier(.25,.46,.45,.94),border-color .45s cubic-bezier(.25,.46,.45,.94),box-shadow .45s cubic-bezier(.25,.46,.45,.94);text-align:center}.nav-card:hover{border-color:var(--articles-gold);transform:translateY(-5px)}.nav-card h3{font-family:var(--font-heading);font-size:.9rem;text-transform:uppercase;letter-spacing:.2em;color:var(--articles-dark);margin-bottom:1rem;font-weight:600}.nav-card p{font-size:.95rem;color:var(--articles-copy);font-weight:400;margin:0}.article-wrapper{width:min(calc(100% - (var(--gutter) * 2)),var(--articles-shell-width));margin:0 auto;padding:2.75rem 0 6.5rem;font-family:var(--font-body);color:var(--articles-dark);line-height:1.85}.article-header{text-align:center;max-width:var(--articles-reading-width);margin:2.75rem auto 3.15rem}.article-eyebrow{font-family:var(--font-body);font-size:.78125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--articles-gold);margin-bottom:1.5rem;font-weight:500}.article-header h1{font-family:var(--font-heading);font-size:clamp(2.04rem,4.6vw,3.15rem);font-weight:600;line-height:1.12;color:var(--articles-dark);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.03em;text-wrap:balance}.article-sub-headline{font-family:var(--font-body);font-size:1.14rem;line-height:1.55;color:color-mix(in srgb,var(--articles-copy) 82%,transparent);margin:0 auto 1.45rem;max-width:46rem;font-weight:400;text-wrap:balance}.article-intro{font-size:1.04rem;color:var(--text-soft);font-weight:400;margin:0;line-height:1.65;max-width:42rem;margin-inline:auto;text-wrap:pretty}.article-header-actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:2rem}.article-header-note{font-size:.875rem;color:var(--text-soft);margin-top:.9rem;line-height:1.6}.author-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.author-bio+.author-bio{margin-top:.65rem}.article-hero-image{margin:0 auto 3.85rem;max-width:var(--articles-media-width)}.article-hero-image img{width:100%;height:auto;border-radius:2px;border:1px solid var(--articles-line);filter:grayscale(5%);background:var(--surface);box-shadow:0 22px 48px #0c121c14}.article-divider{height:1px;background:var(--articles-line);width:72px;margin:3rem auto}.article-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--articles-grid-gap);align-items:start;margin:4.85rem 0}.article-section.is-reverse .article-text-col{order:2}.article-section.is-reverse .article-visual-col{order:1}.article-section--text-only{grid-template-columns:minmax(0,var(--articles-reading-width));justify-content:center}.article-text-col h2,.article-center h2{font-family:var(--font-heading);font-size:clamp(1.58rem,2.35vw,1.96rem);font-weight:400;margin-bottom:1rem;color:var(--articles-dark);letter-spacing:.045em;text-transform:uppercase;line-height:1.12;text-wrap:balance}.article-text-col p,.article-center p{margin:0 0 1.15rem;font-size:1rem;color:var(--text-soft);line-height:1.82;text-wrap:pretty}.article-text-col{max-width:var(--articles-narrow-reading-width);width:100%}.article-section--text-only .article-text-col{max-width:var(--articles-reading-width)}.article-visual-col{width:100%;max-width:520px;justify-self:end}.article-section.is-reverse .article-visual-col{justify-self:start}.article-img{width:100%;height:auto;border-radius:2px;border:1px solid var(--articles-line);filter:grayscale(5%);background:var(--surface);box-shadow:0 18px 40px #0c121c12}.mid-article-link{text-align:left;margin:3rem auto 3.35rem;padding:1.25rem 0 1.35rem;border-top:1px solid color-mix(in srgb,var(--articles-line) 76%,transparent);border-bottom:1px solid color-mix(in srgb,var(--articles-line) 76%,transparent);max-width:var(--articles-reading-width)}.mid-article-link p{font-size:.94rem;line-height:1.72;color:color-mix(in srgb,var(--articles-copy) 84%,transparent);margin:0;text-wrap:pretty}.mid-article-link a{color:var(--articles-dark);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--articles-line) 82%,transparent);transition:color .16s ease,border-color .16s ease;font-weight:600}.mid-article-link a:hover{border-color:var(--articles-gold);color:var(--articles-gold)}.mid-article-link a:focus-visible,.article-footer-links a:focus-visible,.tutorials-link:focus-visible{outline:2px solid color-mix(in srgb,var(--articles-gold) 45%,transparent);outline-offset:4px}.concept-item{margin-bottom:1.2rem;padding-left:1rem;border-left:1px solid color-mix(in srgb,var(--articles-line) 76%,transparent)}.concept-title{font-family:var(--font-body);font-weight:600;text-transform:uppercase;font-size:.8125rem;letter-spacing:.08em;display:block;margin-bottom:.4rem;color:var(--articles-gold)}.article-pull-quote{margin:5.25rem 0;text-align:center;padding:0}.article-pull-quote blockquote{font-family:var(--font-heading);font-size:clamp(1.32rem,3.4vw,1.7rem);font-weight:400;line-height:1.5;color:var(--articles-dark);max-width:var(--articles-reading-width);margin:0 auto;border:none;padding:0;position:relative;font-style:italic;text-wrap:balance}.article-pull-quote blockquote:before{content:"“";position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:4rem;color:color-mix(in srgb,var(--articles-line) 64%,transparent);font-family:var(--font-heading);font-style:normal}.article-center{display:block;text-align:left;max-width:var(--articles-reading-width);margin:0 auto}.article-lead{font-size:1.08rem;color:color-mix(in srgb,var(--articles-dark) 74%,transparent);max-width:42rem}.article-author-card{margin-top:5.75rem;padding:3.25rem 0;display:flex;justify-content:center;border-top:1px solid color-mix(in srgb,var(--articles-line) 74%,transparent)}.author-card-inner{width:100%;max-width:var(--articles-reading-width);text-align:left;background:var(--surface);padding:2.5rem 2.1rem;border:1px solid var(--articles-line);border-radius:2px;display:grid;grid-template-columns:auto 1fr;gap:1.35rem;align-items:start}.author-image img{width:100px;height:100px;border-radius:50%;object-fit:cover;filter:grayscale(100%);margin-bottom:0;display:block;border:1px solid var(--articles-line)}.author-info h3{font-family:var(--font-heading);font-size:1rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem;color:var(--articles-dark);font-weight:600}.author-title{font-family:var(--font-body);font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--articles-gold);font-weight:600;margin:0 0 1rem}.author-bio{font-size:.9rem;color:var(--articles-copy);margin:0;line-height:1.65}.article-conversion__bridge{margin:3.9rem auto 0;max-width:var(--articles-reading-width);overflow:hidden;border-radius:2px;background:var(--articles-soft-bg);aspect-ratio:16 / 10}.article-conversion__bridge img{width:100%;height:100%;display:block;object-fit:cover}.article-conversion{margin-top:2.4rem;padding-top:1.9rem;border-top:1px solid color-mix(in srgb,var(--articles-line) 74%,transparent);display:grid;gap:1rem}.article-conversion__head{max-width:var(--articles-reading-width);margin:0 auto;text-align:center}.article-conversion__head h2{margin:0;font-family:var(--font-heading);font-size:clamp(1.46rem,2.8vw,1.92rem);font-weight:400;line-height:1.18;color:var(--articles-dark);letter-spacing:.01em;text-wrap:balance}.article-conversion__head p:last-child{margin:.75rem auto 0;max-width:42rem;font-size:.95rem;line-height:1.68;color:var(--text-soft);text-wrap:pretty}.article-conversion__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.article-conversion-card{display:grid;gap:.55rem;align-content:start;padding:.8rem .1rem 0 0;border-top:1px solid color-mix(in srgb,var(--articles-line) 76%,transparent);color:inherit;text-decoration:none;transition:transform .22s ease,border-color .22s ease}.article-conversion-card:hover{transform:translateY(-1px);border-top-color:color-mix(in srgb,var(--articles-gold) 44%,var(--articles-line) 56%)}.article-conversion-card__label{font-family:var(--font-body);font-size:.78125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--articles-gold)}.article-conversion-card h3{margin:0;font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:.01em;color:var(--articles-dark)}.article-conversion-card p{margin:0;font-size:.9rem;line-height:1.64;color:var(--articles-copy)}.article-reading-nav{margin-top:2rem;padding-top:1.5rem;border-top:1px solid color-mix(in srgb,var(--articles-line) 68%,transparent);display:flex;justify-content:space-between;gap:1.8rem}.article-reading-nav__item{display:grid;gap:.3rem;max-width:46%;text-decoration:none;color:inherit;transition:transform .18s ease,color .18s ease}.article-reading-nav__item:hover{transform:translateY(-1px)}.article-reading-nav__item--next{text-align:right;margin-left:auto}.article-reading-nav__label{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--articles-copy);line-height:1.45}.article-reading-nav__title{font-family:var(--font-body);font-size:.95rem;font-weight:500;line-height:1.42;color:var(--articles-dark)}.article-reading-nav__item:hover .article-reading-nav__title{color:var(--articles-gold)}.article-conversion-card__link{width:fit-content;margin-top:.3rem;padding-bottom:.18rem;border-bottom:1px solid color-mix(in srgb,var(--articles-line) 82%,transparent);font-family:var(--font-body);font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--articles-dark);transition:color .16s ease,border-color .16s ease}.article-conversion-card:hover .article-conversion-card__link{color:var(--articles-gold);border-color:var(--articles-gold)}.article-footer-nav{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid color-mix(in srgb,var(--articles-line) 74%,transparent);text-align:center}.article-footer-eyebrow{font-family:var(--font-body);font-size:.78125rem;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--articles-copy) 75%,transparent);margin-bottom:1.5rem;font-weight:500}.article-footer-links{font-family:var(--font-body);font-size:.875rem;letter-spacing:.06em;text-transform:uppercase}.article-footer-links a{color:var(--articles-dark);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--articles-line) 82%,transparent);padding-bottom:2px;transition:color .16s ease,border-color .16s ease}.article-footer-links a:hover{color:var(--articles-gold);border-color:var(--articles-gold)}.divider-dot{margin:0 .75rem;color:color-mix(in srgb,var(--articles-copy) 42%,transparent)}.articles-page .fade-in{animation:articlesFadeIn 1.2s ease-out forwards}@keyframes articlesFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.articles-index-wrapper{padding-bottom:6rem}.index-hero{padding-top:8rem;padding-bottom:3.5rem}.article-card{grid-template-columns:1fr;gap:2rem}.articles-list{padding-left:0;gap:3rem}.footer-cards-grid{grid-template-columns:1fr;gap:1.5rem}.nav-card{padding:2.5rem 1.5rem}.article-section{grid-template-columns:1fr;gap:2.5rem;margin:3.8rem 0}.article-text-col{max-width:none}.article-visual-col{max-width:100%;justify-self:stretch}.article-header{margin-top:2rem;margin-bottom:2.4rem}.article-hero-image{margin-bottom:3rem}.article-divider{margin:2.5rem auto}.mid-article-link{margin:2.25rem auto 2.5rem}.article-pull-quote{margin:3.75rem 0}.article-section.is-reverse .article-text-col{order:1}.article-section.is-reverse .article-visual-col{order:2}.author-card-inner{grid-template-columns:1fr;gap:1.15rem;padding:2rem 1.5rem;text-align:center}.author-image img{margin:0 auto}.article-reading-nav{gap:1.2rem}}@media(max-width:720px){.article-header{margin-top:2.1rem;margin-bottom:2.5rem}.article-sub-headline,.article-intro,.article-text-col,.article-section--text-only .article-text-col,.mid-article-link,.article-center,.author-card-inner{max-width:100%}.article-text-col h2,.article-center h2{font-size:1.38rem}.article-footer-links{display:flex;flex-direction:column;gap:.9rem;align-items:center}.article-conversion__bridge{aspect-ratio:4 / 3}.article-conversion__grid{grid-template-columns:1fr}.article-reading-nav{flex-direction:column;gap:1rem}.article-reading-nav__item,.article-reading-nav__item--next{max-width:100%;text-align:left;margin-left:0}.divider-dot{display:none}}html[data-theme=dark] .articles-page{--articles-soft-bg: var(--surface)}html[data-theme=dark] .card-image-wrapper,html[data-theme=dark] .article-img,html[data-theme=dark] .article-hero-image img,html[data-theme=dark] .author-card-inner,html[data-theme=dark] .nav-card{border-color:var(--line-soft)}html[data-theme=dark] .article-card h2,html[data-theme=dark] .index-hero h1,html[data-theme=dark] .article-header h1,html[data-theme=dark] .article-text-col h2,html[data-theme=dark] .article-center h2,html[data-theme=dark] .footer-context,html[data-theme=dark] .nav-card h3,html[data-theme=dark] .article-footer-links a,html[data-theme=dark] .tutorials-link{color:var(--text-strong)}html[data-theme=dark] .item-description,html[data-theme=dark] .index-intro p,html[data-theme=dark] .article-intro,html[data-theme=dark] .article-text-col p,html[data-theme=dark] .article-center p,html[data-theme=dark] .author-bio,html[data-theme=dark] .nav-card p,html[data-theme=dark] .article-sub-headline,html[data-theme=dark] .article-footer-eyebrow,html[data-theme=dark] .mid-article-link p,html[data-theme=dark] .article-conversion__head p:last-child,html[data-theme=dark] .article-conversion-card p{color:var(--text-soft)}html[data-theme=dark] .mid-article-link,html[data-theme=dark] .article-divider,html[data-theme=dark] .index-divider,html[data-theme=dark] .index-footer,html[data-theme=dark] .article-footer-nav,html[data-theme=dark] .article-author-card,html[data-theme=dark] .article-conversion{border-color:var(--line-soft);background-color:transparent}html[data-theme=dark] .article-pull-quote blockquote:before{color:color-mix(in srgb,var(--line-soft) 72%,transparent)}@media(prefers-reduced-motion:reduce){.articles-page .fade-in{animation:none}}