/* ── Impact article catalogue ───────────────────────────── */
.img-articles{border-top:1px solid var(--line);background:var(--bg);}
.img-articles-wrap{position:relative;}
.img-articles-intro{max-width:720px;color:var(--mute);font-size:1rem;line-height:1.7;margin-top:20px;}
.img-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px);margin-top:clamp(36px,4vw,60px);}
.img-article-card{min-width:0;}
.img-article-card-trigger{appearance:none;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;}
.img-article-image{display:block;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);background:var(--panel);position:relative;}
.img-article-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease),filter .65s var(--ease);}
.img-article-image-placeholder{display:block;width:100%;height:100%;background:radial-gradient(circle at 28% 22%,#3a2a18,transparent 54%),radial-gradient(circle at 78% 78%,#5a3410,transparent 56%),#0c0a07;}
.img-article-card-trigger:hover .img-article-image img{transform:scale(1.045);filter:saturate(1.05);}
.img-article-meta{display:block;margin-top:18px;color:var(--accent);font-family:"Graphik",sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;}
.img-article-title{display:block;margin-top:10px;font-family:"Graphik",sans-serif;font-size:clamp(1.25rem,1.8vw,1.65rem);font-weight:600;line-height:1.12;letter-spacing:-.025em;max-width:520px;}
.img-article-read{display:inline-flex;align-items:center;gap:9px;margin-top:18px;color:var(--bone-2);font-family:"Graphik",sans-serif;font-size:.76rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:color .3s var(--ease),gap .3s var(--ease);}
.img-article-card-trigger:hover .img-article-read{color:var(--accent);gap:13px;}
.img-article-source{display:none!important;}

/* Modal */
.img-article-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,44px);}
.img-article-modal[hidden]{display:none;}
.img-article-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);opacity:0;transition:opacity .35s ease;}
.img-article-modal.is-open .img-article-modal-backdrop{opacity:1;}
.img-article-modal-panel{position:relative;z-index:1;width:min(1040px,100%);max-height:min(90vh,920px);overflow-y:auto;background:var(--bg,#080808);border:1px solid var(--line-2);box-shadow:0 30px 100px rgba(0,0,0,.55);opacity:0;transform:translateY(24px) scale(.985);transition:opacity .35s var(--ease),transform .45s var(--ease);scrollbar-width:thin;}
.img-article-modal.is-open .img-article-modal-panel{opacity:1;transform:none;}
.img-article-modal-close{position:absolute;top:16px;right:16px;z-index:10;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--line-2);background:rgba(8,8,8,.92);color:var(--bone);font-size:28px;line-height:1;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease;}
.img-article-modal-close:hover{background:var(--accent);border-color:var(--accent);color:#050505;}
.img-article-modal-content{padding:72px clamp(24px,5vw,72px) clamp(42px,6vw,76px);}
.img-article-modal-content .img-article-source-date{padding-top:clamp(12px,2vw,22px);font-family:"Graphik",sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);}
.img-article-modal-content h2{max-width:850px;margin:14px 0 30px;font-family:"Graphik",sans-serif;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98;letter-spacing:-.045em;font-weight:600;}
.img-article-source-image{margin:0 0 34px;overflow:hidden;}
.img-article-source-image img{width:100%;height:auto;max-height:560px;object-fit:cover;}
.img-article-source-body{max-width:800px;color:var(--bone-2);font-size:1.02rem;line-height:1.82;}
.img-article-source-body p{margin:0 0 1.25em;}
.img-article-source-body h2,.img-article-source-body h3,.img-article-source-body h4{margin:1.7em 0 .6em;color:var(--bone);line-height:1.15;}
.img-article-source-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}
.img-article-source-body img{max-width:100%;height:auto;margin:24px 0;}
.img-article-source-body blockquote{margin:28px 0;padding-left:22px;border-left:2px solid var(--accent);color:var(--bone);}
body.img-article-modal-open{overflow:hidden;}
@media(max-width:900px){.img-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.img-articles-grid{grid-template-columns:1fr;gap:34px;}.img-article-image{aspect-ratio:16/10;}.img-article-modal{padding:0;}.img-article-modal-panel{width:100%;max-height:100vh;height:100vh;border-left:0;border-right:0;}.img-article-modal-content{padding:0 22px 44px;}.img-article-modal-content h2{font-size:clamp(2rem,11vw,3.2rem);}.img-article-modal-close{position:fixed;top:12px;right:12px;width:44px;height:44px;z-index:20;}.img-article-modal-content{padding:68px 22px 44px;}}
@media(prefers-reduced-motion:reduce){.img-article-image img,.img-article-modal-backdrop,.img-article-modal-panel{transition:none;}}

/* Article sharing */
.img-article-share{margin-top:clamp(38px,5vw,64px);padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.img-article-share-label{font-family:"Graphik",sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--bone);}
.img-article-share-links{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.img-article-share-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;border:1px solid var(--line-2);color:var(--bone-2);text-decoration:none!important;font-family:"Graphik",sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;}
.img-article-share-link:hover{background:var(--accent);border-color:var(--accent);color:#050505;transform:translateY(-1px);}
@media(max-width:620px){.img-article-share{display:block;margin-top:38px;padding-top:20px;}.img-article-share-label{display:block;margin-bottom:14px;}.img-article-share-links{gap:7px;}.img-article-share-link{min-height:36px;padding:8px 10px;font-size:.66rem;}}