.masthead-container{width:100%;position:relative;margin-bottom:2rem;overflow:hidden;background-color:#000;@media (max-width: 1200px){width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden}}html.dark-theme .masthead-container,body.dark-theme .masthead-container{-webkit-mask-image:linear-gradient(to bottom,transparent,black 25%,black 90%,transparent);mask-image:linear-gradient(to bottom,transparent,black 25%,black 90%,transparent)}.masthead-container{.masthead-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:3;pointer-events:none}.masthead-background-text{position:absolute;font-size:10vw;font-weight:900;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.5);letter-spacing:.5rem;font-family:Antonio,sans-serif;z-index:2;text-transform:uppercase;pointer-events:none;opacity:.8;transform:scale(1.2);text-align:center;left:50%;transform:translate(-50%) scale(1.2);width:90%;line-height:1.1;animation:masthead-spark-pulse 30s infinite;padding-bottom:1vw}.masthead-title{position:absolute;font-size:5rem;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.7);letter-spacing:.5rem;font-family:Antonio,sans-serif;font-weight:400;text-transform:uppercase;margin-bottom:1rem;line-height:1.1;text-align:center;left:50%;transform:translate(-50%);width:90%;max-width:1200px;animation:masthead-title-shadow-extend 13s infinite}.masthead-subtitle{position:absolute;padding-top:15vw;color:#fff;font-weight:300;text-align:center;text-shadow:1px 1px 4px rgba(0,0,0,.7)}.masthead-subtitle--simple{font-size:1.5rem;letter-spacing:1rem;text-transform:uppercase}.masthead-subtitle--description{font-size:1.2rem;color:#ffffffe6;letter-spacing:.1rem;max-width:80%;line-height:1.4}@media (max-width: 1200px){.masthead-title{font-size:4rem;width:95%}.masthead-background-text{font-size:15vw;width:95%}.masthead-subtitle{padding-top:20vw}.masthead-subtitle--simple{font-size:1.2rem}.masthead-subtitle--description{font-size:1rem}}@media (max-width: 768px){.masthead-title{font-size:3rem;letter-spacing:.3rem}.masthead-subtitle{padding-top:25vw}.masthead-subtitle--simple{font-size:1rem}.masthead-subtitle--description{font-size:.9rem;max-width:90%}}@media (max-width: 480px){.masthead-background-text{-webkit-text-stroke:1px rgba(255,255,255,.5);font-size:14vw}.masthead-title{font-size:2rem;letter-spacing:.2rem}.masthead-subtitle--simple{font-size:.8rem;letter-spacing:.2rem}.masthead-subtitle--description{font-size:.7rem;letter-spacing:.05rem;max-width:95%}}}@keyframes masthead-spark-pulse{9%{opacity:.8}10%{opacity:.7}11%{opacity:1}12%{opacity:.7}13%{opacity:1}14%{opacity:.7}16%{opacity:.7}17%{opacity:1;-webkit-text-stroke:2px rgba(255,255,255,.9)}18%{opacity:.7;-webkit-text-stroke:2px rgba(255,255,255,.5)}19%{opacity:.8}}@keyframes masthead-title-shadow-extend{3%{text-shadow:2px 2px 8px rgba(0,0,0,.7),0px 0px 0px rgba(0,255,0,.7),0px 0px 0px rgba(0,255,0,.5),0px 0px 0px rgba(0,255,0,.3)}5%{text-shadow:2px 2px 8px rgba(0,0,0,.7),-8px 0px 0px rgba(255,0,0,.7),-16px 0px 0px rgba(0,255,0,.5),-24px 0px 0px rgba(0,0,255,.3)}9%{text-shadow:2px 2px 8px rgba(0,0,0,.7),0px 0px 0px rgba(0,255,0,.7),0px 0px 0px rgba(0,255,0,.5),0px 0px 0px rgba(0,255,0,.3)}}.masthead-container{.masthead-grid{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(3,1fr);gap:1rem;width:100%;position:relative;min-width:1200px;left:50%;transform:translate(-50%) scale(1.2)}.masthead-loading,.masthead-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem;border-radius:4px;z-index:4;width:80%;text-align:center}.masthead-error{color:#e53935}}.masthead-container{.masthead-book-cover{position:relative;aspect-ratio:1/1.6;overflow:hidden;transition:filter .3s ease,transform .3s ease;filter:brightness(.6)}.masthead-book-cover:hover{filter:brightness(1);transform:scale(1.1);box-shadow:0 0 20px #00000080}.masthead-book-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .5s ease,opacity .5s ease}.masthead-book-cover:hover img{transform:scale(1.1)}.masthead-image{opacity:0;background-color:#1a1a1a}.masthead-image.loaded{opacity:1}a.masthead-book-cover{text-decoration:none}}
