/* Illustrated collections: scoped to Resources and Development. */
.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin:54px 0 25px;padding-top:30px;border-top:1px solid #bddbd6}
.collection-heading h2{font-size:clamp(25px,2.5vw,36px);line-height:1.2;letter-spacing:-.035em;margin:0;color:#0b1d26;max-width:650px}
.collection-heading .pr-kicker{margin-bottom:10px}.collection-heading>p{font-size:17px;line-height:1.5;color:#415b61;max-width:290px;margin:0}
.portal-refresh .collection-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.collection-panel{display:grid;grid-template-columns:42% minmax(0,1fr);min-height:310px;border:1px solid #c7dedb;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none!important;color:#0b1d26;box-shadow:0 10px 28px #0b1d2608;transition:transform .2s,box-shadow .2s,border-color .2s;isolation:isolate}
.collection-panel:hover{transform:translateY(-4px);border-color:#159a91;box-shadow:0 18px 36px #0b1d261b}
.collection-panel:focus-visible{outline:3px solid #159a91;outline-offset:5px}
.collection-visual{position:relative;overflow:hidden;min-width:0;background:#112d36;display:flex;align-items:center;justify-content:center}
.collection-photo .collection-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06172235,transparent 50%,#06172280);pointer-events:none}
.collection-photo .collection-visual>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:65% center;transition:transform .4s}
.collection-panel:hover .collection-visual>img{transform:scale(1.04)}
.collection-number{position:absolute;inset-inline-start:18px;top:18px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #5bc4bd;border-radius:50%;background:#0b1d26e8;color:#fff;font:600 13px/1 Montserrat,sans-serif;z-index:2}
.collection-copy{padding:28px 26px 22px;display:flex;flex-direction:column;position:relative;border-top:4px solid #2ec4b6;min-width:0}
.collection-panel:nth-child(4n+2) .collection-copy,.collection-panel:nth-child(4n+3) .collection-copy{background:#eaf5f2;border-top-color:#112d36}
.collection-kicker{color:#166c67;font:700 10px/1.6 Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.collection-copy h2{font-size:clamp(21px,1.8vw,27px);line-height:1.17;letter-spacing:-.025em;color:#0b1d26;margin:0 0 14px;text-wrap:balance}
.collection-copy p{font-size:16px;line-height:1.55;color:#40565d;margin:0 0 18px}
.collection-status{align-self:flex-start;margin-top:auto;padding:5px 9px;border:1px solid #bad9d3;border-radius:5px;font-size:11px;line-height:1.4;color:#234c48;background:#f0f8f5}
.collection-action{border-top:1px solid #c3dcd6;padding-top:15px;margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;font-weight:700;color:#0b1d26}
.collection-action>span{background:#2ec4b6;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:19px;flex-shrink:0}
.collection-map .collection-visual{background:radial-gradient(ellipse at 50% 45%,#fff 0,#e2f1ed 70%)}
.collection-map img{width:94%;height:90%;object-fit:contain;mix-blend-mode:multiply}
.collection-covers .collection-visual,.collection-book .collection-visual{background:radial-gradient(ellipse at 65% 40%,#24635f,#112d36 72%)}
.collection-covers .collection-visual>img{position:absolute;width:60%;height:auto;max-height:75%;object-fit:contain;box-shadow:7px 12px 16px #0007;transform:rotate(-8deg);border-radius:2px;inset-inline-start:9%;top:19%}
.collection-covers .collection-visual>img:nth-child(2){transform:rotate(4deg);inset-inline-start:24%;top:24%}
.collection-covers .collection-visual>img:nth-child(3){transform:rotate(13deg);inset-inline-start:37%;top:32%}
.collection-covers .collection-visual>img:only-of-type{width:72%;max-height:82%;inset-inline-start:14%;top:12%;transform:rotate(-6deg)}
.collection-panel.collection-covers:hover .collection-visual>img{transform:translateY(-5px) rotate(-3deg)}
span.collection-book{width:74%;min-height:205px;aspect-ratio:0.7;max-height:290px;display:flex;flex-direction:column;gap:18px;padding:25px 17px 20px;border-inline-start:6px solid #091a21;background:#eaf5f2;color:#0b1d26;box-shadow:10px 14px 20px #0005;transform:rotate(-7deg);border-radius:2px}
span.collection-book>span{font:700 10px/1.3 Montserrat,sans-serif;color:#166c67}span.collection-book strong{font:700 clamp(20px,2vw,30px)/1.2 Montserrat,sans-serif;letter-spacing:-.04em}span.collection-book i{width:55%;height:5px;background:#2ec4b6;margin-top:auto}span.collection-book small{font-size:15px;line-height:1.4}
.development-gallery .collection-panel:last-child h2{font-size:23px}
[dir=rtl] .collection-kicker{letter-spacing:0;font-family:inherit;font-size:13px}[dir=rtl] .collection-copy h2{line-height:1.4;letter-spacing:0}[dir=rtl] .collection-copy p{line-height:1.8}[dir=rtl] span.collection-book strong{font-family:inherit}
@media(max-width:1100px){.collection-panel{grid-template-columns:37% minmax(0,1fr)}.collection-copy{padding:24px 19px 19px}.collection-copy h2{font-size:22px}.collection-kicker{font-size:9px}.collection-covers .collection-visual>img{width:65%}}
@media(max-width:800px){.portal-refresh .collection-gallery{grid-template-columns:1fr;gap:20px}.collection-panel{grid-template-columns:38% minmax(0,1fr);min-height:285px}.collection-copy{padding:25px}.collection-copy h2{font-size:26px}.collection-heading{align-items:start;flex-direction:column;gap:14px}.collection-heading>p{max-width:100%}.collection-covers .collection-visual>img{max-height:80%;width:55%}.collection-covers .collection-visual>img:only-of-type{max-height:85%;width:66%;inset-inline-start:17%;top:10%}}
@media(max-width:480px){.collection-panel{grid-template-columns:1fr}.collection-visual{height:190px}.collection-copy{padding:22px}.collection-copy h2{font-size:25px}.collection-status{font-size:12px}.collection-covers .collection-visual>img{width:31%;max-height:90%;top:7%;inset-inline-start:20%}.collection-covers .collection-visual>img:nth-child(2){top:10%;inset-inline-start:35%}.collection-covers .collection-visual>img:nth-child(3){top:13%;inset-inline-start:49%}.collection-covers .collection-visual>img:only-of-type{width:38%;height:85%;inset-inline-start:31%;top:8%}.collection-map img{width:85%;height:95%}span.collection-book{width:42%;height:165px;min-height:0;padding:16px;gap:12px}span.collection-book strong{font-size:22px}span.collection-book small{font-size:11px}.collection-photo .collection-visual>img{object-position:center 48%}.collection-heading{margin-top:36px}.collection-kicker{font-size:10px}}
@media(prefers-reduced-motion:reduce){.collection-panel,.collection-visual>img{transition:none}.collection-panel:hover{transform:none}}

/* Actual toolkit artwork uses the shared product photo without legacy flat-cover transforms. */
.collection-publication .collection-visual{background:#e4e9e7;padding:20px 8px}
.collection-publication .collection-visual>.publication-mockup{width:100%;max-width:300px;flex:none;border-radius:0}
@media(max-width:480px){.collection-publication .collection-visual{height:230px;padding:0}.collection-publication .collection-visual>.publication-mockup{width:230px;max-width:100%}}

/* Resources category previews: real article screenshot and branded ebook screen. */
.collection-panel[data-resource-preview="insight"] .collection-visual{background:#e7f0ed;align-items:flex-start;padding:16px 12px}
.collection-panel[data-resource-preview="insight"] .collection-visual:after{display:none}
.collection-panel[data-resource-preview="insight"] .collection-visual>img{position:absolute;inset:16px 12px auto;width:calc(100% - 24px);height:auto;object-fit:contain;object-position:top center;box-shadow:0 6px 18px #112d3626;transition:none}
.collection-panel[data-resource-preview="insight"]:hover .collection-visual>img{transform:none}
.collection-panel[data-resource-preview="insight"] .collection-number{top:auto;bottom:12px;inset-inline-start:12px}
@media(max-width:480px){.collection-panel[data-resource-preview="insight"] .collection-visual{height:250px;padding:14px 12px}.collection-panel[data-resource-preview="insight"] .collection-visual>img{position:relative;inset:auto;width:220px;max-width:100%}.collection-panel[data-resource-preview="ebook"] .collection-visual>img{object-position:center 55%!important}}
