@layer component{.article{isolation:isolate;align-items:flex-start;padding-block:clamp(2rem,5vw,4rem) clamp(3rem,7vw,6rem)}.article h1{color:#fff;letter-spacing:-.025em;overflow-wrap:break-word;text-wrap:balance;text-shadow:0 2px 4px #0003;max-inline-size:15ch;margin:0;font-size:clamp(2.8127rem,1.776rem + 5.1835vw,6.1172rem);line-height:.98}.articleHero{--articleHeroGlow:#446ec252;inline-size:100%;min-inline-size:0;position:relative}@supports (color:lab(0% 0 0)){.articleHero{--articleHeroGlow:lab(46.6046% 6.32545 -49.5824/.32)}}.articleHero__frame{aspect-ratio:16/9;background-color:var(--backgroundNeutral);border-radius:12px 12px 0 0;min-block-size:26rem;inline-size:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.articleHero__frame--blurClone{max-height:800px;box-shadow:none;border:0;border-radius:0;position:absolute;top:0;left:0}.articleHero__image,.articleHero__picture,.articleHero__veil{block-size:100%;inline-size:100%;position:absolute;inset:0}.articleHero__picture--blurClone{filter:blur(clamp(150px,18vw,250px));opacity:.3}.articleHero__image{object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none}.articleHero__veil{background:linear-gradient(to bottom,color-mix(in srgb,var(--backgroundNeutral) 6%,#0000),color-mix(in srgb,var(--backgroundNeutral) 28%,#0000),var(--backgroundNeutral) 100%),linear-gradient(to right,#0205076b,#0000 70%)}.articleHero__content{padding:clamp(1.5rem,4vw,3rem);position:absolute;inset:auto 0 0}.articleMeta{align-items:center;gap:.875rem;margin-block-start:clamp(1.25rem,2.5vw,2rem);display:flex}.articleMeta__copy{flex-direction:column;gap:.3rem;line-height:1.3;display:flex}.articleMeta__author{color:var(--textColor);font-size:.875rem}.articleMeta__author span{color:#fff;font-weight:600}.articleMeta__date{color:var(--textColor);font-size:.8125rem}.article__summary{max-inline-size:65ch;color:var(--textColor);text-wrap:pretty;margin-block:clamp(2rem,4vw,3rem) 0;margin-inline-start:clamp(0rem,4vw,3rem);font-size:clamp(1.125rem,.9741rem + .3448vw,1.25rem);line-height:1.55}.article :is(h2,h3){color:#fff;letter-spacing:-.025em;text-wrap:balance;max-inline-size:34ch;line-height:1.1}.article h2{margin-block:clamp(4rem,8vw,7rem) 1.5rem;font-size:3.75rem}.article h3{margin-block:3rem 1rem;font-size:1.25rem}.article :where(p,ul,ol,blockquote,figure){max-inline-size:80ch}.article>section{inline-size:100%;min-inline-size:0}.article :where(p,li){line-height:1.65}.articleCode{tab-size:2;border-radius:8px;inline-size:100%;min-inline-size:0;max-inline-size:80ch;margin-block:1.5rem 2rem;padding:1.25rem 1.5rem;font-size:.875rem;line-height:1.6;overflow-x:auto;box-shadow:inset 0 0 0 1px #ffffff1a}.articleCode code{min-inline-size:max-content;font-size:inherit;line-height:inherit;display:block}.articleCode:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.article :where(ul,ol){padding-inline-start:1.5rem}.article a{text-underline-offset:.2em}@media (max-width:40rem){.article{padding-block-start:1.25rem}.articleHero__frame{aspect-ratio:auto;border-radius:8px 8px 0 0;min-block-size:0}.articleHero__picture{aspect-ratio:16/9;block-size:auto;display:block;position:relative;inset:auto}.articleHero__picture--blurClone{opacity:.6}.articleHero__veil{background:linear-gradient(to bottom,color-mix(in srgb,var(--backgroundNeutral) 2%,#0000),color-mix(in srgb,var(--backgroundNeutral) 82%,#0000),var(--backgroundNeutral) 72%)}.articleHero__content{margin-block-start:-5rem;padding:3rem 1.25rem 1.25rem;position:relative;inset:auto}.article__summary{margin-inline-start:0}.article h2{font-size:2.8127rem}.articleCode{padding:1rem}}@media (max-width:22.5rem){.article h1{font-size:2.5rem}.articleHero__content{padding-inline:1rem}.articleHero__picture--blurClone{opacity:1}}@media (prefers-reduced-motion:reduce){.articleHero:before{filter:blur(48px)}}}