#Articles{@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}}#Articles .title{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));text-align:center;text-transform:uppercase}#Articles h3{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));text-align:left}@supports (color: color-mix(in lab,red,red)){#Articles h3{color:color-mix(in oklab,var(--colors-green-500) var(--un-text-opacity),transparent)}}#Articles h4{color:color-mix(in srgb,var(--colors-green-200) var(--un-text-opacity),transparent);margin-top:calc(var(--spacing) * 2)}@supports (color: color-mix(in lab,red,red)){#Articles h4{color:color-mix(in oklab,var(--colors-green-200) var(--un-text-opacity),transparent)}}#Articles .article{@property --un-from-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-gradient-position{syntax:"*";inherits:false;syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-stops{syntax:"*";inherits:false;syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-gradient-via-stops{syntax:"*";inherits:false;syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;syntax:"<length-percentage>";inherits:false;initial-value:0%;syntax:"<length-percentage>";inherits:false;initial-value:0%;}@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;syntax:"<length-percentage>";inherits:false;initial-value:50%;syntax:"<length-percentage>";inherits:false;initial-value:50%;}@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;syntax:"<length-percentage>";inherits:false;initial-value:100%;syntax:"<length-percentage>";inherits:false;initial-value:100%;}@property --un-to-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}}#Articles .article .image-wrapper{display:block;--un-gradient-from:color-mix(in oklab, var(--colors-purple-600) var(--un-from-opacity), transparent);--un-gradient-to:color-mix(in oklab, var(--colors-teal-400) var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-to-position:70%;--un-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--un-gradient-stops));width:100%;height:250px;padding:calc(var(--spacing) * 2)}#Articles .article .image-wrapper img{width:100%;height:100%;object-fit:cover}#Articles .article .caption{display:grid;margin-top:calc(var(--spacing) * 6);padding-inline:calc(var(--spacing) * 2)}#Articles .article .caption .share{align-self:flex-start;justify-self:center;--un-font-weight:var(--fontWeight-extrabold);font-weight:var(--fontWeight-extrabold);margin-top:calc(var(--spacing) * 4)}@media(min-width:48rem){#Articles .article .caption{gap:calc(var(--spacing) * 8);grid-template-columns:72% 25%}}#Articles .articles{gap:calc(var(--spacing) * 16);display:grid}@media(min-width:48rem){#Articles .articles{column-gap:calc(var(--spacing) * 6);row-gap:calc(var(--spacing) * 18)}}@media(min-width:48rem){#Articles .articles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){#Articles .articles{grid-template-columns:repeat(3,minmax(0,1fr))}}#Articles .featured{gap:calc(var(--spacing) * 6);row-gap:calc(var(--spacing) * 18);display:grid;position:relative;z-index:20;margin-top:calc(var(--spacing) * 12)}#Articles .featured .image-wrapper{width:100%;height:250px}@media(min-width:40rem){#Articles .featured .image-wrapper{height:300px}}@media(min-width:48rem){#Articles .featured .image-wrapper{height:400px}}@media(min-width:96rem){#Articles .featured .image-wrapper{height:500px}}@media(min-width:48rem){#Articles .featured .title{grid-column:span 2/span 2}}@media(min-width:48rem){#Articles .featured{grid-template-columns:repeat(2,minmax(0,1fr))}}#Articles .sort{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 6);width:100%;margin-block:calc(var(--spacing) * 20);padding-block:calc(var(--spacing) * 4)}#Articles .sort>*{position:relative;z-index:20}@supports (color: color-mix(in lab,red,red)){#Articles .sort{background-color:color-mix(in oklab,var(--colors-neutral-700) var(--un-bg-opacity),transparent)}}#Articles .view-all{position:relative;margin-top:calc(var(--spacing) * 24)}@media(min-width:48rem){#Articles .view-all{margin-top:calc(var(--spacing) * 12)}}