.yearbook{display:grid;grid-template-columns:minmax(auto,540px);justify-content:center}.yearbook__item{background-color:var(--color-brand-offwhite);cursor:pointer;height:340px;position:relative}.yearbook__item:before{background-color:transparent;background-position:calc(50% + 35px) calc(100% - 20px),calc(100% + 2px);background-repeat:no-repeat,no-repeat;background-size:30px,41% auto;content:" ";inset:0;position:absolute}.yearbook__item:nth-child(2n):before{transform:scaleX(-1)}.yearbook__item__media{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0 50% 0 0;position:absolute;transition:inset .25s ease}.yearbook__item:nth-child(2n) .yearbook__item__media{inset:0 0 0 50%}.yearbook__item__quote{align-content:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFF' d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448m0 480a256 256 0 1 0 0-512 256 256 0 1 0 0 512m-75.3-331.3c-6.2 6.2-6.2 16.4 0 22.6l52.7 52.7-52.7 52.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l52.7-52.7 52.7 52.7c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L278.6 256l52.7-52.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L256 233.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0'/%3E%3C/svg%3E");background-position:calc(100% - 20px) 20px;background-repeat:no-repeat;background-size:30px;display:grid;gap:30px;inset:0;opacity:0;padding:40px;position:absolute;text-align:center;transition:opacity .2s linear;user-select:none;z-index:90}.yearbook__item:after{background-color:var(--color-brand-teal);content:" ";inset:0;opacity:0;position:absolute;transition:opacity .35s ease}.yearbook__item[data-yearbook-selected=true]:after{opacity:.9}.yearbook__item[data-yearbook-selected=true] .yearbook__item__media{inset:0!important}.yearbook__item[data-yearbook-selected=true] .yearbook__item__quote{opacity:1}@media (min-width:961px){.yearbook{display:grid;grid-template-columns:repeat(2,minmax(auto,540px));justify-content:center}.yearbook__item:nth-child(2n):before{transform:none}.yearbook__item:nth-child(4n+2):before,.yearbook__item:nth-child(4n+3):before{transform:scaleX(-1)}.yearbook__item:nth-child(2n) .yearbook__item__media{inset:0 50% 0 0}.yearbook__item:nth-child(4n+2) .yearbook__item__media,.yearbook__item:nth-child(4n+3) .yearbook__item__media{inset:0 0 0 50%}.yearbook__item__quote{padding:60px}}.yearbook__item[data-tile-color=teal]{background-color:var(--color-brand-teal)}.yearbook__item[data-tile-color=beige]{background-color:var(--color-brand-beige)}.yearbook__item[data-tile-color=gray]{background-color:var(--color-brand-gray)}.yearbook__item[data-tile-color=charcoal]{background-color:var(--color-brand-charcoal)}.yearbook__item[data-logo-color=teal]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%232E4B4F' d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448m0 480a256 256 0 1 0 0-512 256 256 0 1 0 0 512m-16-160c0 8.8 7.2 16 16 16s16-7.2 16-16v-80h80c8.8 0 16-7.2 16-16s-7.2-16-16-16h-80v-80c0-8.8-7.2-16-16-16s-16 7.2-16 16v80h-80c-8.8 0-16 7.2-16 16s7.2 16 16 16h80z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='auto' height='447' fill='none' viewBox='0 0 276 447'%3E%3Cmask id='a' width='276' height='447' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M275.15 446.2V0H.14v446.2z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cmask id='b' width='230' height='392' x='46' y='27' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M46.85 418.82h228.3V27.37H46.85z'/%3E%3C/mask%3E%3Cg fill='%232E4B4F' mask='url(%23b)'%3E%3Cpath d='m137.14 119.4 89.88 52.3v-39.07l-89.88-52.3-89.87 52.3v39.07zM275.15 333.35c66.78 0 121.12-54.33 121.12-121.12v-31.74h33.77v31.73c0 85.41-69.48 154.89-154.89 154.89s-154.89-69.48-154.89-154.89v-31.73h33.77v31.74c0 66.78 54.34 121.12 121.12 121.12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.yearbook__item[data-logo-color=beige]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23E5E6E4' d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448m0 480a256 256 0 1 0 0-512 256 256 0 1 0 0 512m-16-160c0 8.8 7.2 16 16 16s16-7.2 16-16v-80h80c8.8 0 16-7.2 16-16s-7.2-16-16-16h-80v-80c0-8.8-7.2-16-16-16s-16 7.2-16 16v80h-80c-8.8 0-16 7.2-16 16s7.2 16 16 16h80z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='auto' height='447' fill='none' viewBox='0 0 276 447'%3E%3Cmask id='a' width='276' height='447' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M275.15 446.2V0H.14v446.2z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cmask id='b' width='230' height='392' x='46' y='27' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M46.85 418.82h228.3V27.37H46.85z'/%3E%3C/mask%3E%3Cg fill='%23E5E6E4' mask='url(%23b)'%3E%3Cpath d='m137.14 119.4 89.88 52.3v-39.07l-89.88-52.3-89.87 52.3v39.07zM275.15 333.35c66.78 0 121.12-54.33 121.12-121.12v-31.74h33.77v31.73c0 85.41-69.48 154.89-154.89 154.89s-154.89-69.48-154.89-154.89v-31.73h33.77v31.74c0 66.78 54.34 121.12 121.12 121.12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.yearbook__item[data-logo-color=gray]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236D6E70' d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448m0 480a256 256 0 1 0 0-512 256 256 0 1 0 0 512m-16-160c0 8.8 7.2 16 16 16s16-7.2 16-16v-80h80c8.8 0 16-7.2 16-16s-7.2-16-16-16h-80v-80c0-8.8-7.2-16-16-16s-16 7.2-16 16v80h-80c-8.8 0-16 7.2-16 16s7.2 16 16 16h80z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='auto' height='447' fill='none' viewBox='0 0 276 447'%3E%3Cmask id='a' width='276' height='447' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M275.15 446.2V0H.14v446.2z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cmask id='b' width='230' height='392' x='46' y='27' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M46.85 418.82h228.3V27.37H46.85z'/%3E%3C/mask%3E%3Cg fill='%236D6E70' mask='url(%23b)'%3E%3Cpath d='m137.14 119.4 89.88 52.3v-39.07l-89.88-52.3-89.87 52.3v39.07zM275.15 333.35c66.78 0 121.12-54.33 121.12-121.12v-31.74h33.77v31.73c0 85.41-69.48 154.89-154.89 154.89s-154.89-69.48-154.89-154.89v-31.73h33.77v31.74c0 66.78 54.34 121.12 121.12 121.12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.yearbook__item[data-logo-color=charcoal]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23333335' d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448m0 480a256 256 0 1 0 0-512 256 256 0 1 0 0 512m-16-160c0 8.8 7.2 16 16 16s16-7.2 16-16v-80h80c8.8 0 16-7.2 16-16s-7.2-16-16-16h-80v-80c0-8.8-7.2-16-16-16s-16 7.2-16 16v80h-80c-8.8 0-16 7.2-16 16s7.2 16 16 16h80z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='auto' height='447' fill='none' viewBox='0 0 276 447'%3E%3Cmask id='a' width='276' height='447' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M275.15 446.2V0H.14v446.2z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cmask id='b' width='230' height='392' x='46' y='27' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M46.85 418.82h228.3V27.37H46.85z'/%3E%3C/mask%3E%3Cg fill='%23333335' mask='url(%23b)'%3E%3Cpath d='m137.14 119.4 89.88 52.3v-39.07l-89.88-52.3-89.87 52.3v39.07zM275.15 333.35c66.78 0 121.12-54.33 121.12-121.12v-31.74h33.77v31.73c0 85.41-69.48 154.89-154.89 154.89s-154.89-69.48-154.89-154.89v-31.73h33.77v31.74c0 66.78 54.34 121.12 121.12 121.12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}