.cardlist{margin-left:1rem;margin-right:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));padding-bottom:3rem}@media (min-width:768px){.cardlist{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:6rem}}.cardlist .card-box{display:contents}.cardlist .card-box .card{position:relative;padding:0 0 1rem}@media (min-width:768px){.cardlist .card-box .card{padding:.5rem}}.cardlist .card-box .card.hidden{opacity:.3}.cardlist .card-box .card.visible{opacity:1}.cardlist .card-box .card .inner{border:1px solid #fff;background:var(--c-brown);position:relative;overflow:hidden;padding:3rem 2rem}.cardlist .card-box .card .inner,.cardlist .card-box .card .letter{display:flex;height:100%;flex-direction:column;justify-content:center;text-align:center}.cardlist .card-box .card .letter{font-family:var(--f-display);position:absolute;top:0;left:0;font-size:11vw;width:100%;opacity:0;z-index:0;text-transform:uppercase}.cardlist .card-box .card .inner .meta{font-family:var(--f-mono);display:flex;justify-content:center;gap:1rem;padding-bottom:.25rem;font-size:.75rem;line-height:1rem;text-transform:uppercase}.cardlist .card-box .card .inner .title{font-family:var(--f-display);padding-bottom:1.25rem;font-size:1.875rem;line-height:2.25rem;letter-spacing:.05em}.cardlist .card-box .card .inner .author{font-family:var(--f-mono);padding-bottom:1.5rem;font-size:.75rem;line-height:1rem;text-transform:uppercase}.cardlist .card-box .card .inner .preview{padding-left:2rem;padding-right:2rem;font-size:.75rem;line-height:1rem}.cardlist .card-box .card:hover .letter{opacity:.1}@media screen and (max-width:700px){.cardlist .card-box .card .letter{font-size:30vw}}.subscribe-button{border:1px solid #fff;color:var(--c-brown);grid-column:span 6;font-family:var(--f-display);margin-bottom:6rem;display:block;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding-top:.875rem;padding-bottom:.75rem;text-align:center;font-size:2.25rem;line-height:2.5rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em}.subscribe-button:hover{color:#fff;background:var(--c-brown)}.gridlines{position:fixed;top:0;left:1rem;right:1rem;bottom:0;display:grid;grid-template-columns:var(--grid);z-index:-99;max-width:var(--body-max-width);margin:0 auto}.gridlines .line{border-right:var(--border-grid);height:100%}.gridlines .line:first-of-type{border-left:var(--border-grid)}@media screen and (max-width:700px){.gridlines .line{border:none}.gridlines .line:last-of-type{border-right:var(--border-grid)}}.home .container .content .header{display:flex;height:60vh;flex-direction:column;justify-content:center;text-align:center}@media (min-width:768px){.home .container .content .header{height:40vw}}.home .container .content .header .sub-headline{font-family:var(--f-mono);margin-left:auto;margin-right:auto;width:70%;padding-bottom:2rem;font-size:1.25rem;line-height:1.75rem}@media (min-width:768px){.home .container .content .header .sub-headline{width:50%}}.home .container .content .header .letter{opacity:.1;font-family:var(--f-display);font-size:17vw;pointer-events:none;position:absolute;left:0;margin-top:-2.2vw;width:100%;text-align:center}.home .container .content{grid-column-start:1;grid-column-end:7}.home .container .content .title{font-family:var(--f-display);padding-top:1rem;padding-bottom:1rem;text-align:center;font-size:2.25rem;line-height:2.5rem;font-weight:400;letter-spacing:.05em}@media (min-width:768px){.home .container .content .title{padding-bottom:.5rem}}.home .container.subscribe{margin-left:1rem;margin-right:1rem}@media (min-width:768px){.home .container.subscribe{margin-left:auto;margin-right:auto}}