@layer base{:root{--main-row-gap:2.5rem;--grid-gutter:1rem;--grid-margin:1.25rem;--grid-columns:4;--grid-column-indent:1;--grid-content-margin:var(--grid-margin);--main-grid-gap:var(--grid-margin);--max-content-width:100rem;--column-width:calc((100dvw - 2 * var(--grid-margin) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns));--grid-template-columns:[full-start grid-start] calc(var(--grid-margin) - var(--grid-gutter)) [content-start] repeat(var(--grid-columns), 1fr) [content-end] calc(var(--grid-margin) - var(--grid-gutter)) [grid-end full-end]}@media (min-width:560px){:root{--grid-margin:1.5rem}}@media (min-width:768px){:root{--main-row-gap:3rem;--grid-columns:8}}@media (min-width:900px){:root{--grid-margin:2rem}}@media (min-width:1024px){:root{--grid-columns:10;--grid-margin:3rem}}@media (min-width:1280px){:root{--main-row-gap:4.5rem;--grid-columns:12;--grid-margin:1.5rem;--columns-content:calc(var(--grid-columns) - 2 * var(--grid-column-indent));--column-width-initial:calc((100dvw - 2 * var(--grid-margin) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns));--column-width-max-content:calc((var(--max-content-width) - (var(--columns-content) - 1) * var(--grid-gutter)) / var(--columns-content));--column-width:calc(min(var(--column-width-max-content), var(--column-width-initial)));--grid-content-width:calc(var(--columns-content) * var(--column-width) + (var(--columns-content) - 1) * var(--grid-gutter));--main-grid-gap:calc(var(--column-width) * var(--grid-column-indent) + var(--grid-gutter) * var(--grid-column-indent));--grid-content-margin:calc((100dvw - var(--grid-content-width)) / 2);--grid-template-columns:[full-start] minmax(calc(var(--grid-margin) - var(--grid-gutter)), 1fr) [grid-start] repeat(var(--grid-column-indent), var(--column-width)) [content-start] repeat(var(--columns-content), var(--column-width)) [content-end] repeat(var(--grid-column-indent), var(--column-width)) [grid-end] minmax(calc(var(--grid-margin) - var(--grid-gutter)), 1fr) [full-end]}}@media (min-width:1600px){:root{--grid-columns:14;--grid-column-indent:1}}@media (min-width:2200px){:root{--grid-columns:16;--grid-column-indent:2}}:where(body){grid-template-rows:auto 1fr auto;grid-template-columns:var(--grid-template-columns);grid-column-gap:var(--grid-gutter);font-family:var(--npo-font-family-body);font-weight:var(--npo-font-weight-body-regular);color:var(--npo-color-white);background-color:var(--npo-color-ebony-600);align-items:start;display:grid;overflow-x:clip}:where(body)[data-no-scroll]{overflow:hidden}:where(main){grid-template-columns:subgrid;grid-column:full;align-items:start;display:grid}:where(h1,h2,h3,h4,h5,h6){font-family:var(--npo-font-family-heading);font-weight:var(--npo-font-weight-heading-bold);text-wrap:balance}:where(h1),.h1{--font-size:1.5rem;--line-height:1.2;font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:768px){:where(h1),.h1{--font-size:2rem}}@media (min-width:1280px){:where(h1),.h1{--font-size:3rem}}:where(h2),.h2{--font-size:1.25rem;font-size:var(--font-size);line-height:1.3}@media (min-width:768px){:where(h2),.h2{--font-size:1.5rem}}@media (min-width:1024px){:where(h2),.h2{--font-size:2rem}}:where(h3),.h3{--font-size:1.125rem;font-size:var(--font-size);line-height:1.3}@media (min-width:768px){:where(h3),.h3{--font-size:1.25rem}}@media (min-width:1280px){:where(h3),.h3{--font-size:1.5rem}}:where(h4),.h4{--font-size:1rem;font-size:var(--font-size);line-height:1.4}@media (min-width:768px){:where(h4),.h4{--font-size:1.125rem}}@media (min-width:1280px){:where(h4),.h4{--font-size:1.25rem}}:where(h5),.h5{--font-size:.875rem;font-size:var(--font-size);line-height:1.4}@media (min-width:768px){:where(h5),.h5{--font-size:1rem}}@media (min-width:1280px){:where(h5),.h5{--font-size:1.125rem}}:where(h6),.h6{--font-size:.75rem;font-size:var(--font-size);line-height:1.4}@media (min-width:768px){:where(h6),.h6{--font-size:.875rem}}@media (min-width:1280px){:where(h6),.h6{--font-size:1rem}}:where(p){line-height:1.4}}