section[data-articles]{padding:3rem 2rem;padding-left:max(2rem,env(safe-area-inset-left) + 1rem);padding-right:max(2rem,env(safe-area-inset-right) + 1rem);background:#fff;flex-flow:column;align-items:center;max-width:80rem;min-height:calc(100% - 18.25rem);display:inline-flex}section[data-articles] h1{text-align:center;width:100%;max-width:65rem;margin:0 auto;padding:4rem 0 1rem;font-size:2rem}section[data-articles] div[data-wrapper]{grid-gap:3rem;grid-template-columns:1fr;width:100%;max-width:80rem;padding:3rem 2rem 1rem;display:grid}@media screen and (max-width:40rem){section[data-articles] div[data-wrapper]{grid-template-rows:auto auto;grid-template-columns:1fr;display:grid}}@media screen and (max-width:60rem){section[data-articles] div[data-wrapper]{padding:3rem 0 0}}section[data-articles] div[data-article]:not([data-article=new]){border:1px solid #0000001f;border-radius:.6rem;grid-template-rows:15rem auto;grid-template-columns:auto;width:20rem;height:auto;margin:0 auto;display:grid;position:relative;overflow:hidden}@media screen and (min-width:52rem){section[data-articles] div[data-article]:not([data-article=new]){grid-template-rows:auto;grid-template-columns:20rem auto;width:100%;height:15rem}}section[data-articles] div[data-article][data-article=new]{grid-gap:3rem;background:#2f7dbf05;border-radius:.7rem;grid-template-columns:40% 1fr;padding:3rem;display:grid;box-shadow:inset 0 0 .5rem #2f7dbf1a,inset 0 0 0 .05rem #2f7dbf1f}@media screen and (max-width:52rem){section[data-articles] div[data-article][data-article=new]{grid-gap:1rem;grid-template:"graphic""content"/1fr;padding:1.5rem 2rem}section[data-articles] div[data-article][data-article=new] div[data-graphic]{grid-area:graphic}section[data-articles] div[data-article][data-article=new] div[data-content]{grid-area:content;margin:auto!important}}section[data-articles] div[data-article][data-article=new] div[data-content]{margin:auto 0 auto auto;padding:1rem}@media screen and (max-width:50rem){section[data-articles] div[data-article][data-article=new] div[data-content]{padding:0}}section[data-articles] div[data-article][data-article=new] div[data-content] h1{color:#000000d9;max-width:37.5rem;padding:.25rem 0;line-height:130%}section[data-articles] div[data-article][data-article=new] div[data-content] p{color:#000000d9;max-width:37.5rem;line-height:175%}section[data-articles] div[data-article][data-article=new] div[data-content] p[data-post-date]{color:#0009;padding-bottom:.9rem}@media screen and (min-width:50rem){section[data-articles] div[data-article][data-article=new] div[data-content] p{padding-bottom:.25rem}}section[data-articles] div[data-article][data-article=new][data-product-content=hero]{min-height:25rem}@media screen and (max-width:50rem){section[data-articles] div[data-article][data-article=new][data-product-content=hero]{min-height:0}}section[data-articles] div[data-article] img{object-fit:cover;width:100%;height:15rem}section[data-articles] div[data-article] div[data-graphic]{margin:auto;position:relative}section[data-articles] div[data-article] div[data-graphic] svg{color:#2f7dbf;width:auto;max-width:100%;height:14rem;position:absolute;top:0;left:0}section[data-articles] div[data-article] div[data-graphic] svg:first-child{color:#cbdfee;position:relative}section[data-articles] div[data-article] div[data-graphic] svg:first-child path,section[data-articles] div[data-article] div[data-graphic] svg:first-child circle{stroke-dashoffset:0}section[data-articles] div[data-article] div[data-graphic] svg:first-child path[data-color=purple],section[data-articles] div[data-article] div[data-graphic] svg:first-child circle[data-color=purple]{color:#d3c9ed}section[data-articles] div[data-article] div[data-graphic] svg g[data-faded]{color:#cbdfee}section[data-articles] div[data-article] div[data-graphic] svg path,section[data-articles] div[data-article] div[data-graphic] svg circle{transform-origin:50%;transform-box:fill-box}section[data-articles] div[data-article] div[data-graphic] svg path[data-color=purple],section[data-articles] div[data-article] div[data-graphic] svg circle[data-color=purple]{color:#573f99}section[data-articles] div[data-article]:not([data-article=new]) div[data-content]{background:linear-gradient(#fff0 0%,#fff 15.92%);height:18rem;margin-top:-5rem;padding:4.25rem 1.55rem 1.1rem;position:relative}@media screen and (min-width:52rem){section[data-articles] div[data-article]:not([data-article=new]) div[data-content]{background:linear-gradient(90deg,#fff0 0%,#fff 6.5rem);height:15rem;margin-top:0;margin-left:-7rem;padding:1.1rem 1.55rem 1.1rem 8.25rem}}section[data-articles] div[data-article] div[data-content]{grid-template-rows:auto auto 1fr auto;display:grid}section[data-articles] div[data-article] div[data-content] h2{text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem;overflow:hidden}section[data-articles] div[data-article] div[data-content] span[data-date-posted]{opacity:.6;padding:.15rem 0 .85rem;font-size:.9rem}section[data-articles] div[data-article] div[data-content] p{text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;height:100%;font-size:.9rem;line-height:1.6rem;display:-webkit-box;overflow:hidden}section[data-articles] div[data-article] div[data-content] a{color:#2f7dbf;align-items:center;padding-top:1rem;font-size:1rem;text-decoration:none;display:flex}section[data-articles] div[data-article] div[data-content] a svg{width:auto;height:.7rem;padding-top:.05rem;padding-left:.6rem}
