.cover,.mag{--ease-page:cubic-bezier(.2,.7,.2,1)}.cover{position:relative;display:block;container-type:inline-size;aspect-ratio:8.375/10.875;color:#fff}.cover--plain{background:var(--ink)}.cover__img{object-fit:cover}.cover__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,9,7,.74),rgba(12,9,7,.32) 30%,rgba(12,9,7,.14) 48%,rgba(12,9,7,.14) 74%,rgba(12,9,7,.64))}.cover__paper{position:absolute;inset:0;pointer-events:none}.cover__paper:after,.cover__paper:before{content:"";position:absolute;inset:0}.cover__paper:before{background-image:url(/journal/tooth.svg);background-size:240px;mix-blend-mode:overlay;opacity:.38}.cover__paper:after{background-image:url(/journal/mottle.svg);background-size:600px;mix-blend-mode:soft-light;opacity:.34}.cover__grain{position:absolute;inset:0;pointer-events:none;background-image:url(/journal/tooth.svg);background-size:240px;mix-blend-mode:multiply;opacity:.16}.cover__gloss{background-image:linear-gradient(125deg,#000 46%,#a4a4a4 63%,#000 82%),url(/journal/tooth.svg);background-size:100% 100%,240px;background-blend-mode:multiply;opacity:.12}.cover__gloss,.cover__sheen{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}.cover__sheen{background-image:linear-gradient(115deg,#000 30%,#fff 44%,#000 58%),url(/journal/tooth.svg);background-size:260% 100%,240px;background-position:100% 0,0 0;background-blend-mode:multiply;opacity:.2;transition:background-position 1s var(--ease-page)}.cover__spine{position:absolute;top:0;bottom:0;left:0;width:5.4cqw;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(255,255,255,.2) 38%,rgba(0,0,0,.14) 70%,transparent)}.cover__title{top:7cqw;right:6.1cqw;font-family:var(--font-display);font-weight:400;font-size:8.7cqw;line-height:1.12;letter-spacing:0}.cover__meta,.cover__title{position:absolute;left:7.1cqw;margin:0}.cover__meta{bottom:7cqw;font-family:var(--font-mono);font-size:3.8cqw;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;opacity:.9}@property --g{syntax:"<length>";inherits:true;initial-value:0}.mag{position:relative;display:block;aspect-ratio:8.375/10.875;container-type:inline-size;color:inherit;text-decoration:none;outline:none;transition:transform .55s var(--ease-page),box-shadow .55s var(--ease-page)}.mag__sheets{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.mag__page{position:absolute;inset:0;background:#F7F4EE;overflow:hidden}.mag__page:before{content:"";position:absolute;top:14cqw;bottom:12cqw;left:12cqw;right:7cqw;background:repeating-linear-gradient(180deg,rgba(27,24,22,.2) 0 1.5cqw,transparent 1.5cqw 3.6cqw)}.mag__page:after{content:"";position:absolute;inset:0;background:linear-gradient(315deg,rgba(27,24,22,.34),rgba(27,24,22,.1) 5%,transparent 11%)}.mag__cover{position:absolute;inset:0;--g:0px;transition:--g .6s var(--ease-page)}.mag__cover>.cover{-webkit-clip-path:polygon(0 0,100% 0,100% 70%,calc(100% - var(--g)) calc(100% - var(--g)),72% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 70%,calc(100% - var(--g)) calc(100% - var(--g)),72% 100%,0 100%)}.mag__cover:after{inset:0;background:radial-gradient(circle at 100% 100%,rgba(255,255,255,.05),transparent 30%)}.mag:after,.mag__cover:after{content:"";position:absolute;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-page)}.mag:after{right:-4%;bottom:-3%;width:36%;height:26%;z-index:-1;background:radial-gradient(ellipse at 74% 74%,rgba(27,24,22,.32),transparent 68%);filter:blur(6px)}.mag.is-hover .mag__cover{--g:4px}.mag.is-hover .mag__cover:after,.mag.is-hover:after{opacity:1}.mag.is-hover .cover__sheen{background-position:0 0,0 0}@media (hover:hover) and (pointer:fine){.mag:hover .mag__cover{--g:4px}.mag:hover .mag__cover:after,.mag:hover:after{opacity:1}.mag:hover .cover__sheen{background-position:0 0,0 0}}.mag:focus-visible{outline:1px solid var(--ink-dim);outline-offset:7px}.mag.no-ring:focus-visible{outline:none}.table{display:grid;grid-template-columns:repeat(4,round(down,calc((100% - 3 * 56px) / 4),1px));justify-content:space-between;grid-gap:76px 56px;gap:76px 56px;margin:0;list-style:none}@media (min-width:1680px){.table{grid-template-columns:repeat(5,round(down,calc((100% - 4 * 56px) / 5),1px))}}@media (max-width:1199px){.table{grid-template-columns:repeat(3,round(down,calc((100% - 2 * 56px) / 3),1px))}}@media (max-width:767px){.table{grid-template-columns:repeat(2,round(down,calc((100% - 20px) / 2),1px));gap:44px 20px}}.table>li{margin:0}.table .mag{box-shadow:2px 3px 5px rgba(27,24,22,.2),16px 24px 30px -8px rgba(27,24,22,.36)}.table>li:nth-child(6n+1)>.mag{transform:rotate(-3deg) translateY(6px)}.table>li:nth-child(6n+2)>.mag{transform:rotate(1.8deg) translateY(-6px)}.table>li:nth-child(6n+3)>.mag{transform:rotate(-1.4deg) translateY(10px)}.table>li:nth-child(6n+4)>.mag{transform:rotate(2.4deg) translateY(-2px)}.table>li:nth-child(6n+5)>.mag{transform:rotate(-2deg) translateY(8px)}.table>li:nth-child(6n+6)>.mag{transform:rotate(1.2deg) translateY(-8px)}.table>li>.mag.is-hover,.table>li>.mag.is-pose{transform:rotate(0) translateY(-10px);box-shadow:4px 8px 10px rgba(27,24,22,.14),24px 40px 46px -10px rgba(27,24,22,.4)}@media (hover:hover) and (pointer:fine){.table>li>.mag:hover{transform:rotate(0) translateY(-10px);box-shadow:4px 8px 10px rgba(27,24,22,.14),24px 40px 46px -10px rgba(27,24,22,.4)}}.no-anim,.no-anim *,.no-anim :after,.no-anim:after{transition:none!important}.mag.no-curl .mag__cover{--g:0px!important}.mag.no-curl .mag__cover:after,.mag.no-curl:after{opacity:0!important}.mag.no-curl .cover__sheen{background-position:100% 0,0 0!important}