*,::after,::before{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--preview-bg-color)}@font-face{font-weight:400;font-family:"Prata";font-style:normal;font-display:swap;src:url(/assets/fonts/Prata-Regular.woff2)format("woff2"),url(/assets/fonts/Prata-Regular.woff)format("woff")}:root{--font-family-serif:'Prata', Georgia, 'Times New Roman', Times, serif}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:2px}.magazine-preview{padding:3rem 1.8rem;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--preview-bg-color)}.magazine-preview__content{max-width:25rem;display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:1.8rem}.magazine-preview__cover-container{position:relative}.magazine-preview__cover-ratio{padding-top:140%}.magazine-preview__cover{position:absolute;top:0;left:0;width:100%;height:auto;border:solid 1px #fff;box-shadow:4px 5px 8px 0 rgba(157,154,154,.55)}.magazine-preview__title{font-size:1.7rem;font-family:var(--font-family-serif);font-weight:300;margin-top:0;margin-bottom:.9rem}.magazine-preview__release-date{font-size:.95rem;font-style:italic;font-family:var(--font-family-serif);font-weight:300}.magazine-preview__text{font-family:var(--font-family-serif);font-size:1rem;font-weight:300;line-height:1.6rem;letter-spacing:.5px}.magazine-preview__text p{margin-bottom:1.5rem}.magazine-preview__text p:first-child{margin-top:0}.magazine-preview__read-link{display:flex;justify-content:center;margin-top:2.5rem;background:rgba(255,255,255,.4);border:1px solid #fff}.magazine-preview__read-link:hover{background:rgba(255,255,255,.5)}.magazine-preview__read-link a{font-size:1rem;font-family:Arial,Helvetica,sans-serif;text-decoration:underline;letter-spacing:1px;color:#000;display:block;width:100%;text-align:center;padding-top:.6875rem;padding-bottom:.6875rem}.magazine-preview__read-link a:visited{color:#000}@media (min-width:769px){.magazine-preview__content{max-width:50rem;grid-template-columns:2fr;-moz-column-gap:4rem;column-gap:4rem}.magazine-preview__heading{padding-top:2.5rem;grid-row:1;grid-column:2}.magazine-preview__text{grid-row:2;grid-column:2}.magazine-preview__cover-container{grid-row:6/1;grid-column:1;width:20rem}.magazine-preview__cover{position:sticky;top:5rem;outline:2px solid #ccc;transition:transform .3s ease-in-out}.magazine-preview__cover:hover{transform:scale(1.02)}.magazine-preview__cover-ratio{display:none}.magazine-preview__read-link{width:-moz-fit-content;width:fit-content}.magazine-preview__read-link a{padding:.6875rem 1.5rem}}@media screen and (min-width:769px) and (orientation:portrait){.magazine-preview{padding-top:5rem;height:auto;min-height:-moz-fit-content;min-height:fit-content}}@media screen and (min-width:1281px){.magazine-preview__content{max-width:60rem;grid-template-columns:2fr;-moz-column-gap:4.5rem;column-gap:4.5rem}.magazine-preview__cover-container{width:27rem}.magazine-preview__title{font-size:2.4rem;margin-bottom:1rem}.magazine-preview__read-link a,.magazine-preview__release-date{font-size:1.2rem}.magazine-preview__text{font-family:var(--font-family-serif);font-size:1.2rem;line-height:1.8rem}}@media screen and (min-width:1600px){.magazine-preview__content{max-width:78rem}.magazine-preview__cover-container{width:34rem}}.magazines-content{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.magazines-grid-item{border:solid 2px #fff;background-color:var(--preview-bg-color);padding-top:2rem;padding-bottom:2rem}.magazines-grid-item:last-child{border:solid 2px #fff;background-color:var(--preview-bg-color);padding-top:2rem;padding-bottom:2rem}.magazines-grid-item a{display:flex;justify-content:center;align-items:center}.magazines-grid-item picture{text-align:center}.magazines-grid-item img{width:87%;border:solid 1px #fff;box-shadow:4px 5px 8px 0 rgba(157,154,154,.55)}@media (min-width:581px){.magazines-content{grid-template-columns:1fr 1fr}}@media (min-width:769px){.magazines-content{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1281px){.magazines-content{grid-template-columns:1fr 1fr 1fr 1fr}}@media (min-width:1900px){.magazines-content{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}