@media only screen and (min-width: 801px){.mobile-only{display:none !important}}@media only screen and (max-width: 800px){.desktop-only{display:none !important}}.sb-heading{display:flex;flex-wrap:wrap;justify-content:space-between}.sb-img{display:flex;flex-direction:column;flex-basis:33.9552238806%;max-width:364px;height:100%}@media only screen and (max-width: 700px){.sb-img{flex-basis:100%;margin-bottom:3rem}}.sb-img img{display:block;aspect-ratio:364/538;border:1px solid #000;width:100%;height:100%;object-fit:cover}.sb-img a{display:block;margin-top:1.6rem;font-size:1.6rem;line-height:1.6rem;letter-spacing:.4rem;text-transform:uppercase;text-align:center;padding:1.05rem 1.6rem;border:1px solid #000;transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.sb-img a:hover{background:#f6ec73}.sb-text{flex-basis:63.7126865672%}@media only screen and (max-width: 700px){.sb-text{flex-basis:100%}}.sb-text h1{font-family:"Fraunces",serif;font-size:3.6rem;margin-bottom:.5rem}.sb-text .extra,.sb-text .desc{color:#6a7282;font-size:1.6rem}.sb-text .extra{margin-bottom:3.2rem}.sb-text .extra>span:not(:last-of-type)::after{content:"•";display:inline-block;margin:0 .8rem}.sb-text .extra .author{color:#000;font-weight:bold}.sb-text .tag{display:block;width:max-content;font-size:1.4rem;text-align:center;padding:1.2rem;background:#f6ec73;border:1px solid #000;transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.sb-text .about{padding:3.2rem 0;border-bottom:1px solid #000}.sb-text .about>h2{font-family:"Fraunces",serif;font-size:2.4rem;margin-bottom:1.6rem}.sb-text .about__desc{font-size:1.6rem;color:#4a5565}.sb-text .about__desc>*:not(h2,h3,h4,h5,h6){margin-bottom:2rem}.sb-text .about__desc>* iframe{max-width:100%}.sb-text .details{padding-top:3.2rem}.sb-text .details>h3{font-family:"Fraunces",serif;font-size:2rem;margin-bottom:3.2rem}.sb-text .details__list{display:flex;flex-wrap:wrap;row-gap:3.2rem;column-gap:2rem;list-style:none}.sb-text .details__list li{flex-basis:31%;font-size:1.6rem;line-height:1rem}.sb-text .details__list li span{display:block;color:#a6a6a6;margin-bottom:.8rem}.sb-related{padding-top:7.3rem}.sb-related>h2{font-family:"Fraunces",serif;font-size:3.6rem;margin-bottom:3.2rem}.sb-related__splide .splide__slide .item{position:relative}.sb-related__splide .splide__slide .item:hover .item__text{opacity:1}.sb-related__splide .splide__slide .item h4{display:block;font-family:"Fraunces",serif;font-size:2.6rem;font-weight:600;padding-top:.8rem;margin-top:.8rem;border-top:1px solid #d0d1d2}.sb-related__splide .splide__slide .item__img{display:block;width:100%;aspect-ratio:136/201;border:1px solid #141b1c}.sb-related__splide .splide__slide .item__img img{display:block;width:100%;height:100%;object-fit:cover}.sb-related__splide .splide__slide .item__img span{position:absolute;z-index:2;top:1.1rem;left:1.1rem;display:flex;align-items:center;justify-content:center;height:2.4rem;width:2.4rem;border-radius:.4rem;float:left;font-family:"Fraunces",serif;font-size:1.2rem;font-weight:600;line-height:1.6rem;color:#f2c875;background:#141b1c}.sb-related__splide .splide__slide .item__text{display:flex;flex-direction:column;justify-content:flex-end;position:absolute;top:0;width:100%;padding:1.6rem .8rem;aspect-ratio:136/201;color:#fff;background:linear-gradient(180deg, rgba(20, 27, 28, 0.64) 0%, rgba(20, 27, 28, 0.64) 100%);opacity:0;transition:.4s cubic-bezier(0.22, 1, 0.36, 1)}.sb-related__splide .splide__slide .item__text h3,.sb-related__splide .splide__slide .item__text span{font-family:"Fraunces",serif}.sb-related__splide .splide__slide .item__text h3{font-size:2.6rem;font-weight:600;border-bottom:1px solid #fff;padding-bottom:.8rem;margin-bottom:.8rem}.sb-related__splide .splide__slide .item__text span{display:block;font-size:1rem}.sb-related__splide .splide__arrow{background:#000;border-radius:unset;width:4.8rem;height:4.8rem;opacity:1}.sb-related__splide .splide__arrow--prev{left:-6rem}@media only screen and (max-width: 800px){.sb-related__splide .splide__arrow--prev{left:-2rem}}.sb-related__splide .splide__arrow--next{right:-6rem}@media only screen and (max-width: 800px){.sb-related__splide .splide__arrow--next{right:-2rem}}.sb-related__splide .splide__arrow svg{fill:#f6ec73}.sb-related__splide .splide__pagination{position:relative;margin-top:3.2rem}.sb-related__splide .splide__pagination__page{border:1px solid #000;border-radius:10px;background:rgba(0,0,0,0);transition:.3s ease}.sb-related__splide .splide__pagination__page.is-active{transform:unset;background:#f6ec73;border-color:#f6ec73;width:2rem}/*# sourceMappingURL=single-books.css.map */