/* DIDAR – Our Supporters & Creative Partners */
.supporters-hero { position:relative; overflow:hidden; padding:78px 0 65px; background:linear-gradient(140deg, #f6faf8 0%, #fff 52%, #fff2df 100%); }
.supporters-hero::before { content:""; position:absolute; width:440px; height:440px; border:38px solid rgba(8,80,100,.045); border-radius:50%; inset-inline-end:-210px; top:-235px; pointer-events:none; }
.supporters-hero-grid { display:grid; grid-template-columns: minmax(0,1.1fr) minmax(300px,.85fr); align-items:center; gap:52px; }
.supporters-hero h1 { font-size:clamp(2.3rem,4.35vw,4.1rem); max-width:750px; margin:0 0 24px; }
.supporters-hero .lead { margin:0; font-size:1.16rem; line-height:1.82; }
.supporters-hero .actions { margin-top:29px; }
.supporters-art { min-height:330px; display:grid; grid-template-columns:repeat(2,1fr); gap:14px; align-content:center; transform:rotate(-4deg); }
.supporters-art .art-tile { border-radius:26px; position:relative; min-height:156px; display:flex; align-items:end; padding:20px; box-shadow:0 12px 25px rgba(3,56,75,.07); border:1px solid rgba(3,56,75,.08); overflow:hidden; }
.supporters-art .art-tile span { font-weight:800; font-size:.89rem; color:#23434d; z-index:1; }
.supporters-art .tile-one { background:#e5f2ef; }
.supporters-art .tile-two { background:#fff0dc; transform:translateY(-18px) rotate(5deg); }
.supporters-art .tile-three { background:#f5ecf5; transform:translateY(7px) rotate(5deg); }
.supporters-art .tile-four { background:#e8eef5; transform:translateY(-9px); }
.art-tile::before { content:""; width:100px; height:100px; position:absolute; top:5px; inset-inline-end:10px; background:var(--art-color,#0a6874); opacity:.25; border-radius:52% 48% 20% 80%; transform:rotate(-32deg); }
.tile-one{--art-color:#0c7b79}.tile-two{--art-color:#ee9521}.tile-three{--art-color:#9c69ad}.tile-four{--art-color:#386da9}
.supporters-intro { max-width:790px; margin-bottom:34px; }
.supporters-types { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.supporters-type { border:1px solid var(--line); border-radius:22px; padding:26px 24px; background:#fff; }
.supporters-type .type-icon { display:grid; place-items:center; width:55px; height:55px; border-radius:16px; font-size:1.55rem; margin-bottom:22px; background:#e9f4f2; }
.supporters-type:nth-child(2) .type-icon { background:#fff2df; }.supporters-type:nth-child(3) .type-icon { background:#f2edf5; }
.supporters-type h3 { font-size:1.2rem; margin:0 0 9px; }.supporters-type p {margin:0; color:var(--text);}
.supporter-toolbar { display:flex; flex-wrap:wrap; gap:10px; margin:32px 0 28px; }
.supporter-filter { border:1px solid #bfcece; background:#fff; color:var(--teal-dark); border-radius:999px; font:inherit; cursor:pointer; padding:10px 18px; font-weight:700; }
.supporter-filter[aria-pressed="true"] { background:var(--teal);color:#fff;border-color:var(--teal); }
.supporter-filter:focus-visible,.supporter-link:focus-visible {outline:3px solid var(--orange-dark);outline-offset:3px;}
.supporters-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;}
.supporter-card {background:#fff;display:flex;flex-direction:column; border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 7px 22px rgba(3,56,75,.045);}
.supporter-visual {aspect-ratio:1.5/1;position:relative;background:linear-gradient(115deg,#e5f0f0,#f9f1e6);overflow:hidden;display:flex;justify-content:center;align-items:center;}
.supporter-visual img.work-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.supporter-visual .symbol {font-size:4rem; opacity:.68;}
.supporter-avatar {position:absolute;inset-inline-start:20px;bottom:16px;border:4px solid #fff;box-shadow:0 3px 14px rgba(0,0,0,.10);width:72px;height:72px;border-radius:50%;background:#e9f5ef;object-fit:cover;}
.supporter-body {padding:23px;display:flex;flex-direction:column;flex:1;gap:12px;}
.supporter-body h3 {margin:0;font-size:1.4rem;overflow-wrap:anywhere;}
.supporter-role {color:#516469;font-weight:700;font-size:.94rem; margin:0;}
.supporter-bio {margin:0;color:var(--text);line-height:1.75;}
.supporter-tags {display:flex;gap:7px;flex-wrap:wrap;}
.supporter-tag {font-size:.77rem;padding:5px 10px;border-radius:999px;background:#ecf4f3;color:#0a5860;font-weight:750;}
.supporter-links {display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:12px;}
.supporter-link {text-decoration:none;font-weight:750;border-bottom:2px solid var(--orange);padding-bottom:3px;}
.supporters-empty {border:1px dashed #b4c8c8;background:#fff;border-radius:25px; padding:42px 26px;text-align:center;max-width:850px;margin:24px auto 0;}
.supporters-empty-mark {width:72px;height:72px;border-radius:22px;background:var(--teal-soft);display:grid;place-items:center;font-size:2.1rem;margin:0 auto 18px;}
.supporters-empty h3 {font-size:1.35rem}.supporters-empty p {max-width:550px;margin:0 auto 17px;color:var(--text);}
.supporters-guidelines {display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px;align-items:start;}
.supporters-guidelines h2 {margin-bottom:17px}.supporters-guidelines p{color:var(--text);}
.supporters-guidelines aside {padding:30px;border-radius:24px;border:1px solid #d4e1df;background:linear-gradient(140deg,#fff,#f1f7f5);}
.supporters-guidelines aside h3{margin-top:0}
.supporters-guidelines ul{padding-inline-start:23px;margin-bottom:0;color:var(--text)}
.supporters-guidelines li+li{margin-top:12px}
html[dir="rtl"] .supporters-art{transform:rotate(4deg)}
html[dir="rtl"] .supporters-hero h1{line-height:1.48}
@media (max-width:960px){.supporters-hero-grid{grid-template-columns:1fr;gap:34px}.supporters-art{max-width:540px;width:100%;}.supporters-types,.supporters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:650px){.supporters-hero{padding:51px 0}.supporters-types,.supporters-grid,.supporters-guidelines{grid-template-columns:1fr}.supporters-art{min-height:230px;}.supporters-art .art-tile{min-height:112px}.supporters-art .art-tile span{font-size:.77rem}.supporters-hero h1{font-size:clamp(2.05rem,9vw,3.1rem)}.supporters-type{padding:22px}.supporters-type .type-icon{margin-bottom:12px}.supporters-empty{padding:29px 18px}}