#intro{padding-top:6rem;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-color:#0071bbcc}#intro *{color:#fff}#intro .summary{width:50vw;min-width:36rem;max-width:48rem;background:#0071bb66;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border-radius:1rem;transition:background .25s ease-out}#intro .summary:hover{background:#0071bb99}#intro .title h1{text-shadow:0 0 1rem rgba(0,113,187,.8)}#old-link{float:left}@media(max-width:800px){#intro{padding-top:12rem}#intro .summary{width:100%;min-width:unset;max-width:unset;margin:.5rem}#old-link{float:unset;margin:.5rem auto}}.item a{height:16rem;transition:all .25s ease-out}.item .title{z-index:100;z-index:10;width:100%;left:0;top:0;font-size:1.4rem;line-height:1.4rem;text-align:center;height:4rem;color:#fff;background:linear-gradient(0deg,#0071bb00,#0071bbcc);border-radius:1rem 1rem 0 0;transition:all .25s ease-out}.item .date-mark{z-index:10;width:100%;left:0;bottom:0;color:#fff;border-radius:0 0 1rem 1rem;background:linear-gradient(0deg,#0071bbcc,#0071bb00)}.item .summary{padding-top:.5rem}.item .backdrop{width:100%;height:100%;top:0;z-index:1;border-radius:1rem;background:#0071bb00;transition:background .25s ease-out}.item .backdrop:hover{background:#0071bb40}.item .back{width:100%;height:100%;top:0;left:0;z-index:0;border-radius:1rem;object-fit:cover;background-size:cover;background-color:#0071bb;transition:all .25s ease-out}.item img.back{display:block}#brand #logo img{max-width:400px}