/* Three small editorial deliverables, with room for each title and cover. */
.document-showcase .hero-miniatures{height:auto;aspect-ratio:1/1.05;margin:28px 0 20px;overflow:visible;container-type:inline-size}
.hero-miniatures .hero-deliverable{position:absolute;display:block;overflow:hidden;text-decoration:none;border-radius:3px;transform-origin:50% 90%;box-shadow:0 16px 27px #071c2945;transition:transform .25s ease,box-shadow .25s ease}
.hero-miniatures .hero-deliverable:focus-visible{outline:3px solid #e4c66a;outline-offset:6px}
.hero-miniatures .hd-tech,.hero-miniatures .hd-research{width:46%;aspect-ratio:3/4}
.hero-miniatures .hd-tech{left:1%;top:2%;z-index:1;transform:rotate(-7deg);background:#193b49;color:#fff}
.hero-miniatures .hd-tech>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;border:0;border-radius:0;box-shadow:none;opacity:.92}
.hero-miniatures .hd-tech:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#102b37 0%,#193b49df 31%,#193b4925 72%,#102b37a6 100%);pointer-events:none}
.hero-miniatures .hd-copy{position:absolute;inset:10% 10% auto;z-index:1;display:flex;flex-direction:column}
.hero-miniatures .hd-kicker{display:block;font-size:clamp(.68rem,2.8cqw,.8rem);font-family:'DM Sans',Arial,sans-serif;line-height:1.5;letter-spacing:.045em;font-weight:600}
.hero-miniatures .hd-title{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(1.04rem,5.1cqw,1.65rem);font-weight:600;line-height:1.16;letter-spacing:-.04em;margin-top:17px}
.hero-miniatures .hd-tech .hd-title{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.15rem,5.8cqw,1.9rem)}
.hero-miniatures .hd-tech-foot{position:absolute;z-index:1;left:10%;right:10%;bottom:8%;border-top:1px solid #ffffff70;padding-top:9px;font-size:clamp(.63rem,2.8cqw,.8rem);line-height:1.5;color:#eaf1f2}
.hero-miniatures .hd-research{right:1%;top:7%;z-index:2;transform:rotate(7deg);background:#f7efe8;color:#193b49;border:1px solid #f8f4ef}
.hero-miniatures .hd-research .hd-copy{inset:7% 9% auto}
.hero-miniatures .hd-research .hd-kicker{color:#85415a;font-size:clamp(.63rem,2.5cqw,.76rem)}
.hero-miniatures .hd-research .hd-title{font-size:clamp(.98rem,4.5cqw,1.5rem);margin-top:12px;line-height:1.17}
.hero-miniatures .hd-research>img{position:absolute;left:0;top:39%;width:100%;height:46%;object-fit:cover;object-position:57% 55%;border-radius:0;box-shadow:none}
.hero-miniatures .hd-research-stat{position:absolute;left:9%;right:9%;bottom:6%;display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid #bdafa9;background:#f7efe8;color:#52636b;font-size:clamp(.63rem,2.55cqw,.74rem);line-height:1.4}
.hero-miniatures .hd-research-stat strong{font-family:Manrope,Arial,sans-serif;font-size:clamp(1.6rem,7cqw,2.1rem);letter-spacing:-.06em;font-weight:600;line-height:1;color:#193b49}
.hero-miniatures .hd-report{left:17%;bottom:1%;width:70%;min-height:28%;z-index:3;transform:rotate(-3deg);background:#2146eb;color:#f7f4eb;border:1px solid #7590ff;display:grid;grid-template-columns:27% 1fr;gap:6%;padding:5%;align-items:center;overflow:visible}
.hero-miniatures .hd-report>img{position:static;width:100%;height:auto;object-fit:contain;box-shadow:4px 6px 0 #10277080;border:1px solid #f7f4eb70;border-radius:1px;transform:rotate(-5deg)}
.hero-miniatures .hd-report .hd-kicker{font-size:clamp(.63rem,2.6cqw,.78rem);letter-spacing:.045em;line-height:1.5;color:#f7f4eb}
.hero-miniatures .hd-report .hd-title{font-size:clamp(1rem,4.4cqw,1.5rem);line-height:1.13;margin-top:7px;color:#f7f4eb}
.hero-miniatures .hd-report .hd-concept{font-size:clamp(.6rem,2.3cqw,.72rem);line-height:1.5;display:block;margin-top:8px;color:#d9e2ff}
.hero-miniatures .hero-deliverable:hover,.hero-miniatures .hero-deliverable:focus-visible{transform:rotate(0deg) translateY(-5px);box-shadow:0 22px 32px #071c2955;z-index:5}
.document-showcase .hero-document-index a{font-size:.8125rem}
@media(max-width:1100px) and (min-width:851px){.document-showcase .hero-miniatures{aspect-ratio:1/1.12}.hero-miniatures .hd-report{width:76%;left:13%}.hero-miniatures .hd-title{margin-top:12px}.hero-miniatures .hd-tech-foot{padding-top:6px}.hero-miniatures .hd-report .hd-concept{margin-top:5px}}
@media(max-width:640px){.document-showcase .hero-miniatures{aspect-ratio:1/1.12;margin-block:23px 24px}.hero-miniatures .hd-tech,.hero-miniatures .hd-research{width:46.5%}.hero-miniatures .hd-title{margin-top:12px}.hero-miniatures .hd-research .hd-title{margin-top:9px}.hero-miniatures .hd-research-stat{gap:7px;padding-top:7px}.hero-miniatures .hd-report{left:11%;width:80%;min-height:26%;padding:4.5%;grid-template-columns:25% 1fr}.hero-miniatures .hd-report .hd-concept{margin-top:5px}.document-showcase .hero-document-index{gap:12px}.document-showcase .hero-document-index a{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.hero-miniatures .hero-deliverable{transition:none}.hero-miniatures .hero-deliverable:hover,.hero-miniatures .hero-deliverable:focus-visible{transform:none}}

/* Paper margins and edge shadows frame the actual portfolio covers. */
.document-showcase .hero-miniatures{perspective:1200px;padding-bottom:8px}
.hero-miniatures .hero-deliverable{border-radius:1px;border:7px solid #fffdf6;box-shadow:1px 2px 0 #d7d0c4,2px 4px 0 #f5f0e5,3px 5px 0 #bbb5aa,0 12px 15px #06172230,0 28px 34px #06172265;transition:transform .3s ease,box-shadow .3s ease}
.hero-miniatures .hd-tech{transform:rotate(-8deg) rotateY(3deg)}
.hero-miniatures .hd-research{transform:rotate(8deg) rotateY(-3deg);border:7px solid #fffdf6;background:#f7efe8}
.hero-miniatures .hd-report{border:7px solid #fffdf6;background:#f8f3e9;color:#193b49;transform:rotate(-4deg);padding:4%;box-shadow:1px 2px 0 #d7d0c4,2px 4px 0 #f5f0e5,3px 5px 0 #bbb5aa,0 10px 13px #06172245,0 25px 32px #06172273}
.hero-miniatures .hd-report>img{border:2px solid #fffdf6;box-shadow:1px 2px 0 #d5cfc2,0 5px 9px #193b492c}
.hero-miniatures .hd-report .hd-kicker{color:#2146eb}
.hero-miniatures .hd-report .hd-title{color:#193b49}
.hero-miniatures .hd-report .hd-concept{color:#64716f}
.hero-miniatures .hero-deliverable:hover,.hero-miniatures .hero-deliverable:focus-visible{transform:rotate(0deg) translateY(-6px);box-shadow:1px 2px 0 #d7d0c4,2px 4px 0 #f5f0e5,3px 5px 0 #bbb5aa,0 18px 20px #06172235,0 35px 40px #06172273}
@media(max-width:640px){.hero-miniatures .hero-deliverable,.hero-miniatures .hd-research,.hero-miniatures .hd-report{border-width:5px}.hero-miniatures .hd-report{padding:4%}}
@media(prefers-reduced-motion:reduce){.hero-miniatures .hero-deliverable{transition:none}.hero-miniatures .hero-deliverable:hover,.hero-miniatures .hero-deliverable:focus-visible{transform:none}}

.hero-miniatures .hd-scorecard{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:9px 7px;border:1px solid #bbc8d3;background:#e4edf7;color:#244978;box-shadow:2px 4px 7px #193b492c;transform:rotate(-4deg)}
.hero-miniatures .hd-scorecard>small{font-size:clamp(.625rem,2.3cqw,.75rem);line-height:1.45;font-weight:600}
.hero-miniatures .hd-scorecard>strong{font-family:Manrope,Arial,sans-serif;font-size:clamp(1.5rem,7cqw,2.4rem);line-height:1.1;font-weight:600}