#hero{padding-bottom:143px;padding-top:2rem;background:rgba(0,0,0,0) url("../media/bookshelf.webp") repeat-x center bottom/auto 190px}@media(min-width: 1680px){#hero{padding-top:4rem}}#hero .container>svg,#hero .container>img{display:block;margin:auto;width:50vw;object-fit:contain;min-width:300px;max-width:500px}#hero .buttons{padding:0;margin:32px auto 0;list-style:none;display:flex;gap:1rem;width:fit-content;justify-content:center;align-items:center;flex-wrap:wrap}#hero .buttons a{display:block;padding:9px 20px;font-size:14px;line-height:1;text-transform:uppercase;color:#fff;background:#57595b;transition:background-color .3s ease;box-shadow:2px 2px 2px 0px rgba(0,0,0,.08),4px 4px 4px 0px rgba(0,0,0,.04),8px 8px 8px 0px rgba(0,0,0,.08),16px 16px 16px 0px rgba(0,0,0,.08),32px 32px 32px 0px rgba(0,0,0,.08)}#hero .buttons a:hover{background:#ff0e52}#hero .splide{margin:3rem auto 0;padding:0 48px;position:relative;display:block}@media(min-width: 1680px){#hero .splide{margin:6rem auto 0;width:calc(100% + 60px);position:relative;left:-30px}}#hero .splide__list{padding-top:20px !important}#hero .splide__slide{transition:transform .3s ease;position:relative}#hero .splide__slide:hover{transform:translateY(-10px)}#hero .splide__slide::after{content:"";position:absolute;bottom:0;left:100%;height:30px;width:50px;opacity:0;clip-path:polygon(0% 0%, 100% 0%, 0% 100%);background:linear-gradient(-90deg, rgb(236, 229, 220), rgb(178, 167, 148));transition:.5s}#hero .splide__slide.is-visible::after{opacity:1}#hero .splide__slide.is-visible:hover::after{height:20px}#hero .splide__arrows{display:flex;justify-content:space-between;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1;width:100%}@media(min-width: 1440px){#hero .splide__arrows{width:calc(100% + 60px);left:-30px}}@media(min-width: 1680px){#hero .splide__arrows{width:calc(100% + 220px);left:-110px}}#hero .splide a{position:relative;display:block;aspect-ratio:9.987/16}#hero .splide a img{width:100%;height:100%}