/* Downloads: each document as a little stack of its pages that fans out on hover */
.dl-hero { padding: 140px 0 30px; }
.dl-hero .wrap { display: grid; gap: 18px; }
.dl { padding: 20px 0 clamp(70px, 9vw, 120px); }
.docs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.doc a { display: grid; grid-template-columns: 200px minmax(0, 1fr) auto; gap: 26px; align-items: center; padding: 22px; border-radius: 24px; border: 1px solid var(--line); background: #fff; text-decoration: none; color: var(--ink); transition: box-shadow .35s, transform .35s var(--ease); }
.doc a:hover { box-shadow: var(--shadow); transform: translateY(-3px); }
.doc__fan { position: relative; height: 210px; }
.doc__fan img { position: absolute; left: 50%; top: 50%; width: auto; height: 86%; max-width: 150px; object-fit: contain; border-radius: 4px; background: #fff; box-shadow: 0 14px 30px -12px rgba(13, 20, 36, .45), 0 0 0 1px var(--line); transform: translate(-50%, -50%) rotate(calc((var(--i) - 1) * 3deg)) translateX(calc((var(--i) - 1) * 6px)); transition: transform .5s var(--ease); z-index: calc(3 - var(--i)); }
.doc a:hover .doc__fan img { transform: translate(-50%, -50%) rotate(calc((var(--i) - 1) * 12deg)) translateX(calc((var(--i) - 1) * 46px)); }
.doc__meta { display: grid; gap: 8px; }
.doc__meta b { font-size: 22px; font-weight: 500; }
.doc__meta span { color: var(--muted); font-size: 15px; }
.doc__meta small { font-size: 12.5px; letter-spacing: .06em; color: var(--green); font-weight: 500; }
.doc__dl { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; font-size: 22px; background: var(--navy); color: #fff; transition: background .3s, transform .3s var(--ease); }
.doc a:hover .doc__dl { background: var(--lime); color: var(--navy); transform: translateY(3px); }
@media (max-width: 1100px) { .docs { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .doc a { grid-template-columns: 1fr; } .doc__fan { height: 180px; } .doc__dl { display: none; } }