
.article-template__hero{background:var(--vg-oat);background-image:radial-gradient(circle at 96% 110%,rgba(227,163,37,.3) 0 22rem,transparent 22.1rem);color:var(--vg-ink)}
.article-template__hero-in{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;padding-top:0.8rem;padding-bottom:3.2rem}
.article-template__head,.article-template__hero-image{min-width:0}
.article-template__head{align-self:center}
.article-template__head .vg-crumbs{padding:1.2rem 0 1.2rem}
.article-template__title{font-size:clamp(3.4rem,3.6vw,5.2rem);margin:1.2rem 0 1.4rem}
.article-template__lede{font-size:1.8rem;line-height:1.55;margin:0 0 1.2rem;color:var(--vg-ink2)}
.article-template__meta{margin:0;font-size:1.4rem;color:var(--vg-ink2)}
.article-template__hero-image{margin:0;border-radius:2.6rem;overflow:hidden;background:var(--vg-sand)}
@media screen and (min-width:61.875em){.article-template__hero-image{aspect-ratio:4/3;overflow:hidden;width:100%;max-width:500PX;justify-self:end}.article-template__hero .article-template__hero-image img{width:100%;height:100%;object-fit:cover}}
.article-template__hero-image img{display:block;width:100%;height:auto}
@media screen and (max-width:61.873em){.article-template__hero-image{max-width:60rem}}
@media screen and (min-width:61.875em){.article-template__hero-in{grid-template-columns:minmax(0,1fr) minmax(0,500PX);gap:4.8rem;align-items:start;padding-bottom:4.8rem}}
.vg-art{display:grid;gap:2.8rem}
@media screen and (min-width:61.875em){.vg-art{grid-template-columns:26rem minmax(0,1fr);gap:5.6rem;align-items:start}.vg-toc{position:sticky;top:11rem}}
.vg-toc{border-radius:2.2rem;background:var(--vg-night);color:var(--vg-oat);padding:1.6rem 1.8rem;font-size:1.5rem}
.vg-toc summary{cursor:pointer;font-family:"Barlow Condensed",var(--font-body-family);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:1.8rem;display:flex;justify-content:space-between;align-items:center;list-style:none;color:var(--vg-glow)}
.vg-toc summary::-webkit-details-marker{display:none}
.vg-toc ol{margin:1.2rem 0 0;padding-left:2rem;display:grid;gap:0.6rem}
.vg-toc li::marker{color:var(--vg-glow)}
.vg-toc a{text-decoration:none;color:#fff}
.vg-toc a:hover{text-decoration:underline}
.article-template__content{font-size:1.8rem;line-height:1.7;min-width:0;max-width:82rem}
.article-template__content h2{margin:4.8rem 0 1.6rem;scroll-margin-top:12rem}
.article-template__content h2:first-child{margin-top:0}
.article-template__content h3{margin:2.8rem 0 1rem;font-size:2rem}
.article-template__content ul,.article-template__content ol{padding-left:2.2rem;margin:0 0 1.8rem}
.article-template__content li+li{margin-top:0.6rem}
.vg-fig{margin:2.4rem 0}
.vg-fig__img{border-radius:2.2rem;overflow:hidden;background:var(--vg-sand)}
.vg-fig__img img{display:block;width:100%;height:auto}
.vg-fig figcaption{margin-top:1rem;font-size:1.4rem;line-height:1.5;color:var(--vg-ink2)}
.vg-fig figcaption b{display:block;color:var(--vg-ink)}
.vg-fig--pair .vg-fig__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
@media screen and (min-width:46.875em){.vg-fig--side{float:right;width:var(--fw);margin:0.6rem 0 1.6rem 2.8rem}}
@media screen and (min-width:73.75em){.vg-fig:not(.vg-fig--side):not(.vg-fig--pair):has(figcaption){display:grid;grid-template-columns:minmax(0,max-content) minmax(14rem,1fr);gap:2.4rem;align-items:end}.vg-fig:not(.vg-fig--side):not(.vg-fig--pair) figcaption{margin:0;padding-bottom:0.6rem;border-left:3px solid var(--vg-mustard);padding-left:1.4rem}}
.vg-quote{margin:2.4rem 0;padding:2rem 2.2rem;border-radius:2.2rem;background:#fff;box-shadow:inset 0.6rem 0 0 var(--vg-night);border:1px solid var(--vg-line)}
.vg-quote blockquote{margin:0;font-size:1.7rem}
.vg-quote blockquote p{margin:0}
.vg-quote figcaption{margin-top:1rem;font-size:1.4rem;color:var(--vg-ink2)}
.vg-quote--buyer{box-shadow:inset 0.6rem 0 0 var(--vg-mustard)}
.vg-note{margin:2.4rem 0;padding:1.8rem 2rem;border-radius:2.2rem;background:#fff6e2;box-shadow:inset 0.6rem 0 0 var(--vg-mustard)}
.vg-note b{display:block;margin-bottom:0.6rem;font-weight:800}
.vg-note p{margin:0}
.vg-steps{margin:0 0 2.2rem;padding:0;list-style:none;counter-reset:st;display:grid;gap:1rem}
.vg-step{counter-increment:st;display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.2rem;align-items:start}
.vg-step::before{content:counter(st);width:3.4rem;height:3.4rem;border-radius:50%;background:var(--vg-mustard);color:var(--vg-ink);font-family:"Barlow Condensed",var(--font-body-family);font-weight:700;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center}
.vg-step p{margin:0}
.vg-shelf{margin:2.4rem 0}
.vg-artbuy{margin:2.4rem 0}
.vg-artbuy .vg-strip{margin:0}
.vg-artchart{margin:2.4rem 0}
.vg-artchart>figcaption{font-weight:700;margin:0 0 0.8rem}
.article-template__content .vg-cmp,.article-template__content .vg-kelvin{margin:2.4rem 0}
.article-template__content a.button{text-decoration:none}
.article-template__content ul.vg-stats,.article-template__content ul.vg-tickets,.article-template__content .vg-head-fit__nums,.article-template__content .vg-kelvin__marks,.article-template__content .vg-chips{margin:0;padding:0;list-style:none}
.article-template__content .vg-kelvin__marks{margin-top:0.8rem}
.article-template__content ul.vg-stats>li,.article-template__content ul.vg-tickets>li,.article-template__content .vg-kelvin__marks li,.article-template__content .vg-head-fit__nums li{margin:0}
.article-template__content ul.vg-stats>li{padding:1.8rem}
.article-template__content .vg-cmp dl>div{margin:0}
.vg-artfoot{display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem}
.main-blog__hero{background:var(--vg-night);background-image:radial-gradient(ellipse 50% 90% at 90% 120%,rgba(255,210,122,.2),transparent 70%);color:var(--vg-oat);padding:0.8rem 0 4rem}
.main-blog__hero .vg-crumbs{color:#d4d8e2}
.main-blog__hero h1{margin:1.6rem 0 1.2rem;color:#fff}
.main-blog__hero h1 em{color:var(--vg-glow)}
.main-blog__hero p{font-size:1.8rem;color:#d4d8e2;margin:0;max-width:60ch}
