.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: 1120px;--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{max-width:var(--articles-shell-width);margin:0 auto;padding:0 24px 9rem;font-family:var(--font-body);color:var(--articles-dark);line-height:1.6;-webkit-font-smoothing:antialiased}.index-hero{text-align:center;padding:9vh 0 4.75rem;max-width:920px;margin:0 auto}.index-eyebrow{font-family:var(--font-heading);font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;color:var(--articles-gold);font-weight:600;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}.index-intro{max-width:var(--articles-reading-width);margin:0 auto;padding-top:.5rem}.index-intro p{font-size:1.05rem;color:var(--articles-copy);margin-bottom:1.8rem;font-weight:300;line-height:1.75}.index-intro p:last-child{margin-bottom:0}.tutorials-link{display:inline-block;font-family:var(--font-heading);color:var(--articles-dark);text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;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:all .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-heading);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--articles-gold);margin-bottom:.85rem;font-weight:600;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:300;margin:0;max-width:38rem;line-height:1.72}.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:all .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:300;margin:0}.article-wrapper{max-width:var(--articles-shell-width);margin:0 auto;padding:2.75rem 24px 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-heading);font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:var(--articles-gold);margin-bottom:1.5rem;font-weight:600}.article-header h1{font-family:var(--font-heading);font-size:clamp(2.04rem,4.6vw,3.15rem);font-weight:400;line-height:1.08;color:var(--articles-dark);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.03em;text-wrap:balance}.article-sub-headline{font-family:var(--font-heading);font-size:1.14rem;line-height:1.6;color:color-mix(in srgb,var(--articles-copy) 82%,transparent);margin:0 auto 1.45rem;max-width:46rem;font-weight:300;text-wrap:balance}.article-intro{font-size:1.04rem;color:var(--text-soft);font-weight:300;margin:0;line-height:1.8;max-width:42rem;margin-inline:auto;text-wrap:pretty}.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}.h2-spacer{margin-top:2rem}.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-heading);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.15em;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:serif;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:.15em;margin:0 0 .5rem;color:var(--articles-dark);font-weight:700}.author-title{font-family:var(--font-heading);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;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-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-heading);font-size:.65rem;text-transform:uppercase;letter-spacing:.25em;color:color-mix(in srgb,var(--articles-copy) 75%,transparent);margin-bottom:1.5rem;font-weight:600}.article-footer-links{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.1em;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:720px){.article-wrapper,.articles-index-wrapper{padding-inline:18px}.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}.divider-dot{display:none}}@media(max-width:900px){.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}}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{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{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}}