@layer components{:root{--c-box--border-radius:var(--border-radius);--c-box--space:var(--space);--c-box--color--primary:var(--color--primary);--c-box--shadow-color:var(--shadow-color);--c-box--shadow-amount:var(--shadow-amount);--c-box--corner-shape:var(--corner-shape);--c-box--color--primary-contrast:var(--color--primary-contrast);--c-box--font-size-400:var(--font-size-400)}.c-box{--c-box--shadow:drop-shadow(0 calc(var(--base)*0.5*(var(--c-box--shadow-amount, var(--shadow-amount)))) calc((var(--c-box--shadow-amount, var(--shadow-amount)))*var(--base)*1) var(--c-box--shadow-color,var(--shadow-color)));--c-box--shadow-hover:drop-shadow(0 calc(var(--base)*0.5*(var(--c-box--shadow-amount, var(--shadow-amount)))) calc((var(--c-box--shadow-amount, var(--shadow-amount)))*var(--base)*1.5) var(--c-box--shadow-color,var(--shadow-color)));corner-shape:var(--c-box--corner-shape,var(--corner-shape));align-items:center;background-color:var(--c-box--color--primary,var(--color--primary));border-radius:calc((var(--c-box--border-radius, var(--border-radius)))*var(--base)*1);color:var(--c-box--color--primary-contrast,var(--color--primary-contrast));contain:layout;container-name:box;container-type:inline-size;display:flex;filter:var(--c-box--shadow);justify-content:center;transition:all .2s ease-in}.c-box .c-box__heading{--inherit-font-size:var(--c-box--font-size-400,var(--font-size-400))}.c-box .c-box__body{align-content:center;display:grid;gap:calc((var(--c-box--space, var(--space)))*var(--base)*2);height:100%;justify-items:center;padding:calc((var(--c-box--space, var(--space)))*var(--base)*3);text-align:center;width:100%}.c-box .c-box__image{display:flex;justify-content:center;max-width:calc((var(--c-box--space, var(--space)))*var(--base)*20);width:100%}@container box (max-width: 650px){.c-box .c-box__image{max-width:calc((var(--c-box--space, var(--space)))*var(--base)*15)}}@container box (max-width: 450px){.c-box .c-box__image{max-width:calc((var(--c-box--space, var(--space)))*var(--base)*10)}}@container box (max-width: 225px){.c-box .c-box__content,.c-box .c-box__date,.c-box .c-box__icon+.c-box__heading,.c-box .c-box__meta{display:none}}.c-box .c-box__icon.c-icon{font-size:calc((var(--c-box--space, var(--space)))*var(--base)*10);line-height:60px}.c-box .c-box__image.c-image--type-svg{width:clamp((var(--c-box--space,var(--space))) * var(--base) * 6,30%,(var(--c-box--space,var(--space))) * var(--base) * 20)}.c-box .c-box__content,.c-box .c-box__date,.c-box .c-box__heading,.c-box .c-box__meta{margin:0}.c-box .c-box__content{text-align:left}.c-box--ratio-1-1{aspect-ratio:1/1}.c-box--ratio-4-3{aspect-ratio:4/3}.c-box--ratio-12-16{aspect-ratio:12/16}a.c-box{color:var(--c-box--color--primary-contrast,var(--color--primary-contrast));text-decoration:none;transition:all .2s ease-out}a.c-box .c-box__image{position:relative}a.c-box:hover{filter:brightness(.9) var(--c-box--shadow-hover);transform:translateY(calc((var(--c-box--space, var(--space)))*var(--base)*-.25))}a.c-box:hover .c-box__heading{text-decoration:underline}.o-grid--no-gutter>[class*=o-grid-] .c-box,.o-grid--no-gutter>[class*=o-grid-] .c-box [class*=c-box],.o-grid--no-gutter>[class*=o-grid-] .c-box [class*=c-box]:after{border-radius:unset;filter:none}}