@charset "UTF-8";
@media (hover: hover) {
  a:not(.active):hover {
    color: blue;
  }
  body.news main .newsletter input[type=submit]:hover,
.newsletter input[type=submit]:hover {
    cursor: pointer;
    color: darkgrey;
  }
  body > header #shelf figure:not(.on-screen):hover {
    cursor: pointer;
  }
  body > header #shelf figure.wait:hover {
    cursor: wait;
  }
  body > header a.active:hover {
    cursor: default;
  }
  body.news main a:hover,
body.about main a:hover,
body.rights main a:hover {
    color: darkgrey;
  }
  body.rights .author.multiple h4:hover {
    color: blue;
    cursor: pointer;
  }
  body.news main .year h4:hover {
    color: blue;
    cursor: pointer;
  }
  body.book-selection .books .book:not(.preview):hover {
    cursor: pointer;
  }
  body.book-selection .books .book .cover .slider .directions .left:hover {
    cursor: w-resize;
  }
  body.book-selection .books .book .cover .slider .directions .right:hover {
    cursor: e-resize;
  }
  body.book-selection .books .book .top .close:hover {
    color: blue;
    cursor: pointer;
  }
  body.book-selection .books .book .top .drawer h3:hover {
    cursor: pointer;
    color: blue;
  }
  body.book-selection .books .book .top .drawer.open.press a:hover {
    color: darkgrey;
  }
}
@media screen and (max-width: 800px) and (max-aspect-ratio: 3/4) {
  body.book-selection {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  body.book-selection main .books {
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
  }
  body.book-selection main .books .book {
    margin-top: 25vw;
  }
  body.book-selection main .books .book:not(.preview):hover .cover {
    transform: none;
  }
  body.book-selection main .books .book.preview .cover .slider .images img {
    max-height: unset;
  }
  body.book-selection main .books .book {
    margin-left: 4.5rem;
    width: 72.2222222222vw;
  }
  body.book-selection main .books .book .cover.other-size .spine {
    margin-right: -20.5%;
    height: 113.7%;
    transform: translateY(-6%);
    -moz-transform: translateY(-6%);
    -webkit-transform: translateY(-6%);
    transition-delay: 0s;
    right: 93%;
  }
  body.book-selection main .books .book .cover.other-size img.front {
    max-width: 100%;
    width: 100%;
    margin-left: 5%;
  }
  body.book-selection main .books .book .cover {
    perspective: 210vw;
    transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    width: 100%;
  }
  body.book-selection main .books .book .cover .spine {
    margin-right: -6.5%;
    height: 113.7%;
    transform: translateY(-6%);
    -moz-transform: translateY(-6%);
    -webkit-transform: translateY(-6%);
    transition-delay: 0s;
    right: 93%;
  }
  body.book-selection main .books .book .booktitle {
    position: relative;
    margin-top: 3.5rem;
    width: unset;
    display: block;
    text-align: center;
    margin-left: -4.5rem;
    width: 100vw;
  }
  body.book-selection main .books .book .booktitle h3 {
    padding: 0 20vw;
  }
  body.book-selection main .books .book .booktitle h3, body.book-selection main .books .book .booktitle h4, body.book-selection main .books .book .booktitle h5 {
    display: block;
  }
  body.book-selection main .books .book .booktitle h5::before {
    content: "";
  }
  body.book-selection main .books .book .booktitle h6 {
    display: block;
    float: unset;
  }
}
@media screen and (max-width: 1600px) {
  html {
    font-size: 16px;
  }
}
@media screen and (max-width: 1280px) {
  body.book-selection .books .book {
    width: 40%;
    margin-left: 30.7692307692%;
  }
  body.book-selection .books .book .cover.other-size .spine {
    height: 129.5%;
    right: 86%;
    transform: translateY(-11.5%);
    -moz-transform: translateY(-11.5%);
    -webkit-transform: translateY(-11.5%);
  }
  body.book-selection .books .book .cover .spine {
    z-index: 35;
    height: 126.6%;
    right: 91.6%;
    transform: translateY(-10.5%);
    -moz-transform: translateY(-10.5%);
    -webkit-transform: translateY(-10.5%);
  }
  body.book-selection .books .book .booktitle {
    margin-top: -14%;
    margin-left: -23%;
    width: 58vw;
  }
  body.about main p {
    width: 75%;
  }
}
@media screen and (max-width: 1100px) {
  body > header nav {
    position: unset;
  }
  body > header nav #shelf {
    display: none;
  }
  body > header nav .links {
    position: fixed;
    top: 0;
    padding: 0.5rem 1rem;
    z-index: 9999;
    width: 100%;
    background: gainsboro;
  }
  body > header nav .links a,
body > header nav .links a#aboutLink {
    display: inline-block;
  }
  body > header nav .links a #logo,
body > header nav .links a#aboutLink #logo {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
  }
  body > header nav .links a:not(:last-of-type)::after {
    content: ", ";
    color: #000;
  }
  body.book-selection .books .book {
    width: 50%;
    margin-left: 25%;
  }
  body.book-selection .books .book .cover.other-size .spine {
    height: 138.75%;
    right: 90.5%;
    transform: translateY(-14%);
    -moz-transform: translateY(-14%);
    -webkit-transform: translateY(-14%);
  }
  body.book-selection .books .book .cover .spine {
    z-index: 35;
    height: 135.75%;
    right: 95.5%;
    transform: translateY(-13.25%);
    -moz-transform: translateY(-13.25%);
    -webkit-transform: translateY(-13.25%);
  }
  body.book-selection .books .book .booktitle {
    margin-left: -28%;
    width: 78vw;
  }
  body.book-selection .books .book.preview {
    overflow: hidden;
    padding-bottom: 9rem;
  }
  body.book-selection .books .book.preview.done {
    padding-bottom: 4rem;
  }
  body.book-selection .books .book.preview,
body.book-selection .books .book.preview.done {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-top: 1rem;
  }
  body.book-selection .books .book.preview .booktitle,
body.book-selection .books .book.preview.done .booktitle {
    display: none;
  }
  body.book-selection .books .book.preview .cover,
body.book-selection .books .book.preview.done .cover {
    padding: 1rem;
    padding-bottom: 0;
    width: unset;
    margin-right: 0;
  }
  body.book-selection .books .book.preview .cover .slider .images img.front,
body.book-selection .books .book.preview.done .cover .slider .images img.front {
    max-width: 100%;
  }
  body.book-selection .books .book.preview .under,
body.book-selection .books .book.preview.done .under {
    margin: 0;
    padding: 0;
  }
  body.book-selection .books .book.preview .under .price .figure,
body.book-selection .books .book.preview.done .under .price .figure {
    font-size: 2rem;
    line-height: 2rem;
    margin-right: 5rem;
    margin-top: var(--line-height);
  }
  body.book-selection .books .book.preview .top,
body.book-selection .books .book.preview.done .top {
    width: 100%;
    padding: 0 1.5rem;
  }
  body.book-selection .books .book.preview .top header,
body.book-selection .books .book.preview.done .top header {
    margin-top: 0.8rem;
    line-height: var(--line-height);
    width: 75%;
  }
  body.book-selection .books .book.preview .top header h3,
body.book-selection .books .book.preview.done .top header h3 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
  body.book-selection .books .book.preview .top header h4,
body.book-selection .books .book.preview.done .top header h4 {
    margin: 0;
  }
  body.book-selection .books .book.preview .top header .title,
body.book-selection .books .book.preview.done .top header .title {
    padding-top: 0.5rem;
  }
  body.book-selection .books .book.preview .top header .title h5 span,
body.book-selection .books .book.preview.done .top header .title h5 span {
    display: inline;
  }
  body.book-selection .books .book.preview .top header .title h5 span:not(:last-of-type)::after,
body.book-selection .books .book.preview.done .top header .title h5 span:not(:last-of-type)::after {
    content: ", ";
  }
  body.book-selection .books .book.preview .top header .title h5.multiple,
body.book-selection .books .book.preview.done .top header .title h5.multiple {
    columns: 1;
  }
  body.book-selection .books .book.preview .top .headerText,
body.book-selection .books .book.preview.done .top .headerText {
    margin: 0 25% var(--line-height) 0;
  }
  body.book-selection .books .book.preview .top .specs,
body.book-selection .books .book.preview.done .top .specs {
    margin-right: 25%;
  }
  body.book-selection .books .book.preview .top .drawer,
body.book-selection .books .book.preview.done .top .drawer {
    width: 100%;
    padding-right: 25%;
  }
  body.book-selection .books .book.preview .top .drawer h3:hover,
body.book-selection .books .book.preview.done .top .drawer h3:hover {
    color: unset;
  }
  body.book-selection .books .book.preview .close,
body.book-selection .books .book.preview.done .close {
    right: 0.75rem;
    background: #fff;
    line-height: 2rem;
    padding-bottom: 0.25rem;
    border-radius: 3rem;
    font-size: 2rem;
  }
  body.book-selection .books .book.preview.done.scrolled .cover,
body.book-selection .books .book.preview.done.scrolled.bottom .cover {
    position: unset;
  }
  body.book-selection .books .book.preview.done.scrolled .top,
body.book-selection .books .book.preview.done.scrolled.bottom .top {
    width: 100%;
    margin-left: 0;
  }
  body.book-selection .books .book.preview.done.scrolled .close,
body.book-selection .books .book.preview.done.scrolled.bottom .close {
    top: 3rem;
    right: 0.75rem;
  }
  body.rights main,
body.about main {
    margin: 3rem 1rem 1rem 1rem;
    padding: 0;
  }
  body.news main {
    margin: 0;
    padding: 3.2rem 1rem 1rem 1rem;
  }
}
@media screen and (max-width: 800px) {
  body.news main {
    width: 100%;
  }
  body.news main .year img {
    height: var(--line-height);
    display: inline-block;
  }
  body.news main .year table {
    display: block;
  }
  body.news main .year table td,
body.news main .year table td:nth-child(1),
body.news main .year table td:nth-child(2),
body.news main .year table .month-name td,
body.news main .year table .month-name:not(:first-of-type) td {
    padding: 0;
    width: unset;
    display: inline;
  }
  body.news main .year table tr:not(.month-name) td:first-of-type::after {
    content: ", ";
  }
  body.news main .year table td.month::after {
    content: ": ";
  }
  body.news main .year table .month-name {
    display: block;
    margin-bottom: var(--line-height);
  }
  body.news main .year table .month-name:not(:first-of-type) {
    margin-top: var(--line-height);
  }
}
@media screen and (max-width: 700px) {
  body.news main .newsletter input[type=email],
.newsletter input[type=email] {
    width: 100%;
  }
  body.news main .day.upcoming {
    width: 100%;
    margin-right: 0;
  }
  body.nav {
    overflow: hidden;
  }
  body.nav > header h1 {
    display: none;
  }
  body.nav > header #openNav::after {
    content: "×";
    font-size: 1.6rem;
  }
  body.nav > header nav a#aboutLink #logo {
    height: 4rem;
    right: 1rem;
    left: unset;
  }
  body.nav > header nav .links {
    font-size: 2.4rem;
    position: fixed;
    z-index: 9999;
    height: 100vh;
    height: 100dvh;
    width: 100%;
    padding: 4.2rem 1rem 1rem 1rem;
    background: rgb(220, 220, 220);
    top: 0;
    left: 0;
  }
  body.nav > header nav .links a,
body.nav > header nav .links a.active,
body.nav > header nav .links a#aboutLink,
body.nav > header nav .links a:not(#cartLink) {
    display: block;
    line-height: calc(var(--line-height) * 2);
  }
  body.nav > header nav .links a::after {
    content: none;
  }
  body.nav > header nav .links a:not(#aboutLink):not(:last-of-type)::after {
    content: "";
    color: #000;
  }
  body > header {
    padding: 0.5rem;
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    background: gainsboro;
    line-height: 1.5rem;
  }
  body > header h1 {
    display: block;
    width: 100%;
    margin-left: 2rem;
  }
  body > header #openNav::after {
    content: "☰";
    position: fixed;
    top: 0.4rem;
    font-size: 1.5rem;
    z-index: 99999999999;
  }
  body > header nav {
    position: unset;
  }
  body > header nav .links {
    padding: 0;
  }
  body > header nav .links a:not(#cartLink),
body > header nav .links a.active,
body > header nav .links a#aboutLink {
    display: none;
  }
  body > header nav .links a#newsLink.active span,
body > header nav .links a#aboutLink.active span,
body > header nav .links a#cartLink.active span,
body > header nav .links a.active span {
    border-bottom: none;
  }
  body.book-selection main .books .book.preview.done.scrolled.title-scrolled:not(.bottom) .smalltitle {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.25rem;
    background: gainsboro;
    display: block;
    z-index: 999999;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  body.book-selection main .books .book.preview.done.scrolled.title-scrolled:not(.bottom) .smalltitle > div {
    width: 100%;
  }
  body.book-selection main .books .book.preview.done.scrolled.title-scrolled:not(.bottom) .smalltitle h5 {
    display: none;
  }
  body.book-selection main .books .book.preview.done.scrolled.title-scrolled:not(.bottom) .smalltitle > * {
    margin: 0.5rem;
  }
  body.book-selection main .books .book.preview,
body.book-selection main .books .book.preview.done {
    padding-bottom: 2rem;
  }
  body.book-selection main .books .book.preview .cover .slider .images img.front,
body.book-selection main .books .book.preview.done .cover .slider .images img.front {
    max-width: 90%;
  }
  body.book-selection main .books .book.preview .under,
body.book-selection main .books .book.preview.done .under {
    display: none;
  }
  body.book-selection main .books .book.preview .top,
body.book-selection main .books .book.preview.done .top {
    padding: 0 1rem;
  }
  body.book-selection main .books .book.preview .top header,
body.book-selection main .books .book.preview.done .top header {
    width: 100%;
  }
  body.book-selection main .books .book.preview .top .specs,
body.book-selection main .books .book.preview .top .headerText,
body.book-selection main .books .book.preview.done .top .specs,
body.book-selection main .books .book.preview.done .top .headerText {
    margin-right: 0;
  }
  body.book-selection main .books .book.preview .top .headerText p,
body.book-selection main .books .book.preview.done .top .headerText p {
    width: 100%;
  }
  body.book-selection main .books .book.preview .top .drawer,
body.book-selection main .books .book.preview.done .top .drawer {
    padding-right: 0;
  }
  body.book-selection main .books .book.preview .top .drawer.open.preface p,
body.book-selection main .books .book.preview.done .top .drawer.open.preface p {
    width: 100%;
  }
  body.book-selection main .books .book.preview .top .drawer.open.preface .content .text p,
body.book-selection main .books .book.preview.done .top .drawer.open.preface .content .text p {
    margin: 0 0 1.6rem 0;
    text-indent: 0;
  }
  body.book-selection body.book-selection main .books .book .booktitle h3 {
    padding: 0 15vw;
  }
  body.book-selection body.book-selection .books .book.preview.done.scrolled .close,
body.book-selection body.book-selection .books .book.preview.done.scrolled.bottom .close {
    top: 2.5rem;
  }
  body.about {
    padding-bottom: 0;
  }
  body.about main {
    margin: 3rem 0.75rem 1rem 0.75rem;
  }
  body.about main p {
    width: 100%;
  }
  body.about main .text .staff,
body.about main .text .intro {
    width: 100%;
  }
  body.about main .bottom {
    position: relative;
  }
  body.about main .bottom .three > * {
    width: 50%;
    margin: 0 0 1.6rem 0;
  }
  body.news main {
    padding-top: 4rem;
  }
  body.news main .intro,
body.news main .articles .article h2 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  body.rights .letters {
    columns: 1;
  }
  body.about main .bottom {
    padding: 0;
  }
  body.about main .bottom .three > * {
    width: 100%;
  }
  body.about main .text .contact {
    font-size: 1.7rem;
    line-height: 2.4rem;
  }
  body.about main .text .staff,
body.about main .text .intro {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  body.about main .newsletter {
    border: 0;
    background: none;
    padding: 0;
    border-radius: 0;
  }
  body.about main .newsletter input:not([type=submit]) {
    width: 100%;
    padding: 0.5rem;
    background: #fff;
  }
  body.about main .newsletter input[type=submit] {
    display: block;
    text-align: left;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  body.book-selection .books .book .top .line.endorsement {
    max-width: unset;
  }
  body.book-selection .books .book .top .line.endorsement .quote {
    margin-left: 0;
  }
  body.book-selection .books .book .bios .text figure {
    max-width: 100%;
  }
}

/*# sourceMappingURL=responsive_2.8.css.map */