.media-page{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.media-page>main{max-width:72rem;margin-left:auto;margin-right:auto}.media-section{margin-bottom:3rem}.media-section-header{margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom-width:1px;border-color:hsl(var(--b3, var(--b2)) / .3);padding-bottom:.75rem}.media-section-title{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}.media-grid{display:grid;gap:1rem}@media (min-width: 768px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.media-item{border-radius:.5rem;border-width:1px;border-color:hsl(var(--b3, var(--b2)) / .3);background-color:hsl(var(--b1) / .5);padding:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.media-item:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:hsl(var(--p) / .3);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.media-item-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}.media-item-meta{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;color:hsl(var(--bc) / .6)}.media-item-description{font-size:1rem;line-height:1.5rem;line-height:1.625;color:hsl(var(--bc) / .8)}.media-link{display:inline-flex;align-items:center;gap:.25rem;font-weight:500;--tw-text-opacity: 1;color:hsl(var(--p) / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.media-link:hover{--tw-text-opacity: 1;color:hsl(var(--pf, var(--p)) / var(--tw-text-opacity))}.media-content>.lg\:-mx-32{margin-left:0!important;margin-right:0!important}
