.codecs-formats{--portrait-media-height:800px;--portrait-media-width:450px;background:var(--background)}.codecs-formats p,.codecs-formats li{text-align:justify;text-justify:inter-word;opacity:.9}.codecs-section{background:var(--background);padding-block:clamp(11.25rem,18.75vh,18.75rem)}.codecs-section.codecs-hero{padding-top:calc(var(--section-padding-block-loose) * .5);padding-bottom:var(--section-padding-block-loose)}.codecs-shell{max-width:2560px;padding-inline:var(--shell-inline);align-content:start;justify-items:stretch;gap:clamp(3rem,5vw,6rem);width:100%;display:grid}.codecs-strip{z-index:2}.codecs-copy{gap:clamp(1rem,1.6vw,1.5rem);display:grid}.codecs-copy .micro-label{margin:0}.codecs-copy h1{font-size:var(--type-h2);line-height:var(--leading-heading);max-width:13ch}.codecs-copy p{max-width:54rem}.codecs-hero__grid{grid-template-columns:minmax(0, 1fr) var(--portrait-media-width);max-width:calc(54rem + var(--portrait-media-width) + 5rem);justify-content:center;align-items:start;gap:clamp(2rem,4vw,5rem);width:100%;margin-inline:auto;display:grid}.codecs-hero__grid>*{min-width:0}.codecs-hero-media{aspect-ratio:9/16;align-content:center;place-self:start stretch;width:100%;max-width:none;display:grid;overflow:hidden;transform:translateY(clamp(2.5rem,4vw,3.75rem))}.codecs-hero-media.codecs-hero-media--portrait{aspect-ratio:9/16;height:auto;max-height:var(--portrait-media-height);max-width:100%;width:var(--portrait-media-width);justify-self:end;margin-inline:auto;display:grid}.codecs-hero-media img{object-fit:cover;width:100%;height:100%;display:block}.codecs-hero-media--portrait img{aspect-ratio:9/16;height:auto;max-height:var(--portrait-media-height);object-fit:contain;align-self:center;width:100%;max-width:100%}.codecs-lede{color:var(--foreground);padding-top:1rem}.codecs-list{gap:.65rem;padding:0;list-style:none;display:grid}.codecs-list li{padding-left:1.4rem;position:relative}.codecs-list li:before{background:var(--accent);content:"";width:.45rem;height:.45rem;position:absolute;top:.55em;left:0}.codecs-actions{flex-wrap:wrap;gap:2rem;padding-top:1rem;padding-bottom:1rem;display:flex}.codecs-actions--center{justify-content:center}.codecs-button{border:var(--border-brutal) solid var(--border);color:var(--foreground);font-size:var(--type-caption);letter-spacing:.16em;text-transform:uppercase;justify-content:center;align-items:center;width:fit-content;min-height:44px;padding:.95rem 1.1rem;font-weight:900;text-decoration:none;transition:background-color .1s ease-out,border-color .1s ease-out,color .1s ease-out,transform .1s ease-out;display:inline-flex}.codecs-button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-foreground)}.codecs-button--primary:hover,.codecs-button--primary:focus-visible{background:var(--background);border-color:var(--accent);color:var(--foreground)}.codecs-section__head{border-left:var(--border-brutal) solid color-mix(in srgb, var(--accent) 72%, transparent);gap:clamp(1.25rem,1.9vw,1.8rem);max-width:88rem;padding-left:clamp(1rem,1.7vw,1.75rem);display:grid}.codecs-section__head .section-headline{max-width:24ch}.codecs-section__head p{max-width:58rem}.codecs-section__head a:not(.codecs-button){color:var(--foreground);text-decoration-color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:.12em}.codecs-output-grid{background:var(--background);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(.5rem,1.2vw,1.25rem)}.codecs-catalog-grid{background:var(--background);grid-template-rows:auto repeat(4,auto) auto;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(.5rem,1.2vw,1.25rem)}.codecs-output-card,.codecs-catalog-card{isolation:isolate;height:100%;min-height:0;position:relative}.codecs-output-card{border-right:var(--border-hairline) solid var(--border)}.codecs-output-grid>:last-child .codecs-output-card{border-right:0}.codecs-card-overlay{pointer-events:none;z-index:0;position:absolute;inset:0}.codecs-catalog-card{border-right:var(--border-hairline) solid var(--border);grid-row:1/-1;grid-template-rows:subgrid;display:grid}.codecs-catalog-grid>:first-child .codecs-catalog-card{border-left:var(--border-hairline) solid var(--border)}.codecs-catalog-grid>astro-island{display:contents}.codecs-output-card__content,.codecs-catalog-card__content,.codecs-recommendation-card__content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.codecs-catalog-card__content{grid-row:1/-1;grid-template-rows:subgrid;height:100%;display:grid}.codecs-card-title{color:var(--foreground);font-family:var(--font-display-stack);text-transform:uppercase;flex-shrink:0;min-height:1.1em;font-size:clamp(2rem,3.2vw,4rem);line-height:.95;text-decoration:none}.codecs-output-card dl,.codecs-catalog-card dl{flex:1;grid-template-rows:repeat(4,minmax(0,1fr));row-gap:.5rem;margin-top:1.5rem;display:grid}.codecs-catalog-card dl{grid-row:2/span 4;grid-template-rows:subgrid;row-gap:.5rem;margin-top:1.5rem}.codecs-output-card dl>div,.codecs-catalog-card dl>div{min-height:0}.codecs-catalog-card .codecs-card-title{margin-bottom:1.5rem}.codecs-catalog-card .codecs-card-chips{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,auto);align-self:end;gap:.5rem;margin-top:1.5rem;display:grid}.codecs-catalog-card .codecs-card-chips span{justify-self:start}.codecs-output-card dt,.codecs-catalog-card dt{color:var(--accent);font-size:var(--type-caption);letter-spacing:.14em;text-transform:uppercase;font-weight:900}.codecs-output-card dd,.codecs-catalog-card dd{color:color-mix(in srgb, var(--muted-foreground) 68%, transparent);font-size:var(--type-body-small);font-weight:400;line-height:var(--leading-small)}.codecs-card-chips{flex-wrap:wrap;align-items:end;gap:.5rem;min-height:2.2rem;margin-top:1.5rem;display:flex}.codecs-card-chips span{border:var(--border-hairline) solid color-mix(in srgb, var(--border) 75%, transparent);color:var(--foreground);font-size:var(--type-caption);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding:.35rem .55rem;font-weight:900}.codecs-balanced-section{gap:clamp(3rem,5vw,6rem);display:grid}.codecs-choice-layout{grid-template-columns:minmax(0,1fr) minmax(22rem,.58fr);align-items:start;gap:clamp(2.75rem,5vw,6rem);width:100%;display:grid}.codecs-choice-layout--matched{align-items:start}.codecs-choice-layout>*{min-width:0}.codecs-choice-layout__content{align-content:space-between;gap:clamp(1.25rem,2vw,1.75rem);min-width:0;height:100%;display:grid;overflow:clip}.codecs-choice-layout .codecs-section__head{max-width:64rem}.codecs-decision-media{align-self:start;width:100%;max-width:min(52rem,100%);margin-top:4rem;display:grid;overflow:hidden}.codecs-decision-media img{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;display:block}.codecs-recommendation-flow{grid-template-columns:minmax(0,1fr);gap:clamp(.75rem,1.1vw,1rem);display:grid}.codecs-recommendation-card{isolation:isolate;border-left-color:color-mix(in srgb, var(--accent) 78%, var(--border));margin-bottom:.2rem;padding:clamp(1rem,1.35vw,1.45rem)}.codecs-recommendation-card__top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.codecs-recommendation-card__format{color:var(--foreground);font-family:var(--font-display-stack);font-size:clamp(1.65rem,2.4vw,2.65rem);line-height:.9}.codecs-recommendation-card h3{color:var(--foreground);font-family:var(--font-display-stack);text-transform:uppercase;font-size:clamp(1.8rem,2.6vw,3rem);line-height:.95}.codecs-recommendation-card .micro-label{color:var(--accent)}.codecs-recommendation-card p:not(.micro-label){font-size:var(--type-body-small)}.codecs-recommendation-card__content{gap:2rem;display:grid}.codecs-benchmark-section{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);width:100%;padding-block:clamp(2rem,5vh,5rem);display:grid;position:relative}.codecs-benchmark-section__copy{gap:clamp(1rem,2vw,1.5rem);min-width:0;display:grid}.codecs-benchmark-section__description{color:var(--foreground);max-width:75%;font-weight:400}.codecs-benchmark-section__graph{width:100%;min-width:0}.accel-panel{gap:1rem;margin-bottom:.2rem;padding:clamp(1.25rem,2vw,2rem);display:grid}.accel-label{color:var(--accent);font-family:var(--font-display-stack);overflow-wrap:anywhere;flex-direction:column;align-items:flex-end;max-width:100%;padding-bottom:.5rem;font-size:clamp(2rem,3vw,3.4rem);line-height:.9;display:flex}.accel-panel__intro{gap:2rem;display:grid}.accel-panel__intro h3{color:var(--foreground);font-family:var(--font-display-stack);text-transform:uppercase;font-size:clamp(1.65rem,2.5vw,3rem);line-height:1.15}.accel-panel__intro p{font-size:var(--type-body-small);padding-bottom:.5rem}.accel-track{border:var(--border-hairline) solid var(--border);gap:.3rem;padding:1rem;display:grid}.accel-track-wrap{padding-bottom:var(--border-hairline)}.accel-track span,.accel-track b{font-size:var(--type-caption);letter-spacing:.14em;text-transform:uppercase}.accel-track span{color:var(--accent);font-weight:900}.accel-track b{color:var(--foreground)}.accel-track--accent{border-color:var(--accent)}.codecs-preflight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,1.1vw,1rem);display:grid}.codecs-preflight-card{height:100%;margin-bottom:.4rem;padding:clamp(1.25rem,2vw,2rem);display:flex}.codecs-preflight-card article{gap:2rem;display:grid}.codecs-preflight-card__icon{background:var(--accent);border:var(--border-hairline) solid var(--accent);color:var(--background);font-size:var(--type-caption);letter-spacing:.12em;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:900;display:inline-flex}.codecs-preflight-card h3{color:color-mix(in srgb, var(--foreground) 88%, var(--accent) 12%);font-family:var(--font-display-stack);text-transform:uppercase;font-size:clamp(2rem,3.2vw,4rem);line-height:.95}.codecs-closing-panel{text-align:center;gap:4rem;max-width:76rem;margin-inline:auto;display:grid}.codecs-closing-panel p{max-width:58rem;margin-inline:auto}.section-divider{max-width:1920px;padding:var(--section-padding-block) clamp(5rem, 4vw, 8rem);width:100%;margin:0 auto}.section-divider img{width:100%;height:auto;max-height:1080px;display:block}@media (width<=1199px){.section-divider{padding:calc(var(--section-padding-block) * 1.3) clamp(5rem, 3vw, 8rem)}}@media (width<=767px){.section-divider{padding:2rem}}@media (width>=1921px){.section-divider{padding-inline:0}}@media (width>=1440px){.codecs-formats{--portrait-media-height:1100px;--portrait-media-width:618.75px}.codecs-benchmark-section{grid-template-columns:minmax(clamp(18rem,24vw,32rem),1.1fr) minmax(0,1.9fr);gap:clamp(4rem,7vw,10rem)}.codecs-benchmark-section__copy .section-headline{max-width:8.25ch}}@media (width<=1080px){.codecs-section{padding-block:clamp(8.75rem,15vh,12.5rem)}.codecs-section.codecs-hero{padding-top:calc(var(--section-padding-block-loose) * .5);padding-bottom:var(--section-padding-block-loose)}.codecs-hero__grid,.codecs-choice-layout{grid-template-columns:minmax(0,1fr);gap:clamp(3.5rem,7vw,5.25rem)}.codecs-choice-layout__content{height:auto}.codecs-decision-media{max-width:none}.codecs-balanced-section{gap:clamp(3rem,6vw,4.75rem)}.codecs-catalog-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.codecs-catalog-card,.codecs-catalog-card__content{grid-row:auto;grid-template-rows:none}.codecs-output-card dl,.codecs-catalog-card dl{grid-row:auto;grid-template-rows:auto;row-gap:1.75rem}.codecs-catalog-grid>:first-child .codecs-catalog-card{border-left:0}.codecs-catalog-grid>astro-island:nth-child(odd) .codecs-catalog-card{border-left:var(--border-hairline) solid var(--border)}.codecs-hero-media{aspect-ratio:auto;justify-self:stretch;max-width:100%;transform:none}.codecs-hero-media.codecs-hero-media--portrait{justify-self:center}.codecs-preflight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.codecs-section__head{max-width:100%}}@media (width<=767px){.codecs-section{padding-block:clamp(8.125rem,20vw,10.625rem)}.codecs-section.codecs-hero{padding-top:clamp(2.5rem,6vw,3.25rem);padding-bottom:clamp(5rem,12vw,6.5rem)}.codecs-shell{padding-inline:calc(var(--shell-inline) * 1.4);gap:clamp(3.75rem,11vw,5rem)}.codecs-hero .codecs-shell{gap:clamp(2.75rem,8vw,3.75rem)}.codecs-choice-layout{gap:clamp(3.5rem,12vw,5rem)}.codecs-section__head{gap:1.35rem;padding-left:1rem}.codecs-section__head .section-headline{max-width:18ch}.codecs-output-grid,.codecs-catalog-grid,.codecs-recommendation-flow,.codecs-preflight-grid{background:0 0;border:0;grid-template-columns:minmax(0,1fr);gap:1rem}.codecs-catalog-grid>astro-island:nth-child(n) .codecs-catalog-card{border-left:var(--border-hairline) solid var(--border)}.codecs-output-card{border-left:var(--border-hairline) solid var(--border);border-right:var(--border-hairline) solid var(--border)}.codecs-output-card dl,.codecs-catalog-card dl{grid-template-rows:auto;row-gap:1.75rem}.codecs-actions,.codecs-actions--center{flex-direction:column;align-items:stretch;gap:1rem}.codecs-button{width:100%}.accel-panel,.codecs-preflight-card{padding:clamp(1.35rem,5vw,1.8rem)}.accel-track{margin-top:.25rem}}