Link to article: Front Page Event.
.event-banner {
position: relative;
isolation: isolate;
display: grid;
padding-inline: var(--gap);
padding-block: calc(var(--gap)*.5) var(--gap);
box-shadow: var(--_shadow);
.section-head h2 { font-size: .9125em; color: inherit; }
}
.event-title {
text-align: center;
font-weight: 800;
letter-spacing: .05ch;
font-size: 2.25em;
}
.event-opener {
margin-block: var(--gap);
font-size: .9125em;
> p:first-child { margin-block-start: 0; }
> p:last-child { margin-block-end: 0; }
}
.event-banner .core-link {
font-size: 1.325em;
font-weight: 900;
text-align: center;
justify-content: flex-end;
> span { flex-grow: 1; letter-spacing: .05ch; }
}
.wl2000::before {
content: "";
position: absolute;
inset: 0;
background-image: url(https://scp-wiki.wikidot.com/local--files/deer-college-mentor-event/cherry2.png);
background-size: cover;
background-position: top;
opacity: .35;
z-index: -1;
event-banner
section-head
event-title
event-opener
wl2000
link-container
core-link
clip
slider