#hero{background-size:cover;background-position:8%;min-height:100vh;color:var(--primary-color)}#hero h1{font-size:calc(4.815rem * var(--fsm));text-transform:uppercase;font-weight:700;line-height:1em}#hero h1 span{text-transform:uppercase;font-weight:200}.featured{position:relative;top:-20vh;left:50%;transform:translateX(-50%);margin-bottom:-12em}.featured .featured-tag{background-color:var(--primary-color);padding:10px 2em;border-radius:20px;color:var(--secondary-background-color-dark)!important}.featured h2,.featured p,.featured time{color:var(--text-color)}.featured p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;--card-title-h:1.5em;line-height:var(--card-title-h);height:calc(var(--card-title-h) * 3)}