@layer components{.featured-grid-container{--font-size-title: clamp(6rem, 6vw, 10.4rem);--font-size-summary: clamp(3rem, 6vw, 4rem)}.featured-grid-container .btn-wrapper{margin-top:30px}.featured-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:32px}@media(min-width: 992px){.featured-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1400px){.featured-grid{grid-template-columns:repeat(3, 1fr)}}.featured-item{display:grid;grid-template-rows:subgrid;grid-row:span 3;position:relative;overflow:hidden;height:100%}.featured-item>.body{grid-column:1;grid-row:2/3;z-index:1;padding:0 40px;text-align:right;margin-top:64px}}@layer theme{.featured-item{--_bg-color: var(--featured-item-bg-color, var(--brand-bg-color));--_bg-hover-color: var(--featured-item-bg-hover-color, var(--brand-support-color-2));background-color:var(--_bg-color);transition:background-color var(--transition)}.has-background .featured-item{background-color:var(--featured-item-bg-color, var(--brand-component-color))}.featured-item>.media-component{grid-column:1;grid-row:1/span 3}.featured-item>.media-component img{transition:transform var(--transition-slow);width:100%}.featured-item>.body{overflow:hidden}.featured-item>.body .title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;font-size:var(--font-size-title);color:var(--main-color-1);line-height:1.2}.featured-item>.body .summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;font-size:var(--font-size-summary);text-transform:uppercase;line-height:1.2}@supports(-webkit-text-stroke: 0.01px var(--main-color-1)){.featured-item>.body .summary{-webkit-text-stroke:1px var(--main-color-1);-webkit-text-fill-color:rgba(0,0,0,0)}}.featured-item>.btn-wrapper{grid-column:1;grid-row:1;align-self:baseline;justify-self:end;padding:0 40px}.featured-item>.btn-wrapper>span{min-height:56px;height:56px;width:56px;padding:4px;border-radius:var(--radius-2)}.featured-item>.btn-wrapper>span svg{width:48px}@media(hover: hover){.featured-item>.btn-wrapper>span:not([disabled]):hover{--btn-bg-hover: var(--black)}}.featured-item:not([disabled]):active>.media-component img{transform:scale(var(--image-trans-zoom-large))}@media(hover: hover){.featured-item:not([disabled]):hover>.media-component img{transform:scale(var(--image-trans-zoom-large))}}.section:has(.featured-grid){background-image:url(/frontend/assets/generated/c7b7bd83800a636eb005.svg);background-repeat:no-repeat;background-position:bottom;background-size:cover}}