.article-library{background-image:url(/japan-paper-bg.svg);background-position:top;background-size:max(100%,1600px);padding:90px 0 120px}.library-hero{grid-template-columns:1fr .7fr;align-items:end;gap:70px;margin-bottom:55px;display:grid}.library-hero>span{color:#9f2b31;letter-spacing:.18em;grid-column:1/-1;font-size:11px;font-weight:900}.library-hero h1{font:900 clamp(48px,7vw,82px)/.98 var(--font-nunito);letter-spacing:-.055em;margin:0}.library-hero p{color:#625a50;margin:0 0 8px;font-size:17px;line-height:1.7}.article-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.article-tile{border:1px solid #28231d;border-radius:22px;flex-direction:column;min-height:360px;padding:26px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:7px 8px #d6c7b7}.article-tile:hover{transform:translateY(-9px);box-shadow:12px 14px #ccbba9}.article-tile.red{background:#ef776c}.article-tile.gold{background:#edc660}.article-tile.green{background:#9ac79d}.article-tile.cream{background:#fff9ef}.article-tile.ink{color:#fff;background:#26241f}.tile-meta{letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;font-size:9px;font-weight:900;display:flex}.tile-meta b{font-weight:800}.tile-index{color:#ffffff47;font:900 100px var(--font-nunito);position:absolute;top:36px;right:-5px}.article-tile.cream .tile-index{color:#9f2b3114}.article-tile h2{font:900 25px/1.15 var(--font-nunito);letter-spacing:-.025em;margin:90px 0 13px;position:relative}.article-tile p{color:inherit;opacity:.74;margin:0;font-size:13px;line-height:1.6}.article-tile>strong{letter-spacing:.11em;text-transform:uppercase;margin-top:auto;font-size:10px}.article-tile>strong i{margin-left:6px;transition:transform .25s}.article-tile:hover>strong i{transform:translate(5px)}@media (max-width:900px){.library-hero{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.article-library{padding:60px 0 80px}.library-hero{gap:18px}.library-hero h1{font-size:50px}.article-grid{grid-template-columns:1fr}.article-tile{min-height:320px}}