/* Owner-selected A: visible project-specific technology, with original brand marks. */
.case-experience .case-technology{background:#163b33;color:#f6f7ed;--technology-muted:#ceddce;scroll-margin-top:calc(var(--header-height) + 75px);text-wrap:pretty}
.case-technology *{box-sizing:border-box}
.case-experience .case-technology .case-technology-heading{max-width:900px;margin-bottom:36px}
.case-experience .case-technology .eyebrow{color:#e6dcb7;margin:0 0 20px}
.case-experience .case-technology h2{color:#f6f7ed;font-size:clamp(32px,3.6vw,50px);line-height:1.1;letter-spacing:-.045em;font-weight:500;margin:0 0 24px}
.case-experience .case-technology .case-technology-intro{font-size:17px;line-height:1.75;color:var(--technology-muted);max-width:800px;margin:0}
.case-technology-wall{display:grid;grid-template-columns:repeat(var(--technology-columns),minmax(0,1fr));gap:24px}
.case-technology-tool{min-width:0;background:#24483e;padding:24px;border-radius:6px}
.case-technology-logo{display:grid;place-items:center;min-width:0;height:140px;background:#1b3537;padding:25px;border-radius:5px;margin:0 0 25px}
.case-technology-logo img{display:block;width:100%;height:80px;max-width:180px;object-fit:contain;filter:none;opacity:1}
.case-experience .case-technology .case-technology-tool h3{font-size:15px;line-height:1.4;font-weight:600;letter-spacing:0;color:#e6dcb7;margin:0 0 12px}
.case-experience .case-technology .case-technology-tool p{font-size:14px;line-height:1.75;color:var(--technology-muted);margin:13px 0 0;max-width:none}
.case-technology-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;list-style:none;padding:0;margin:0}
.case-technology-links li{min-width:0;margin:0;padding:0}
.case-experience .case-technology .case-technology-links a{display:inline-flex;align-items:center;min-height:44px;font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.025em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;color:#f6f7ed;overflow-wrap:anywhere}
.case-experience .case-technology .case-technology-context{font-size:14px;line-height:1.8;color:var(--technology-muted);max-width:none;border-top:1px solid #6e927d;padding-top:24px;margin:32px 0 0}
.case-experience .case-technology .case-technology-contact{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;line-height:1.5;color:#f6f7ed;text-decoration:underline;text-underline-offset:5px;margin-top:17px}
.case-technology a:focus-visible{outline:3px solid #fbd16b;outline-offset:5px}
/* A light contribution section separates prototype showcases from the closing invitation. */
.case-experience .case-technology[data-technology-mode="design"]{background:var(--case-light,#e4f1ed);color:var(--case-ink,#295a4d);--technology-muted:#40594f}
.case-experience .case-technology[data-technology-mode="design"] :is(h2,.eyebrow,.case-technology-tool h3){color:var(--case-ink,#295a4d)}
.case-technology[data-technology-mode="design"] .case-technology-tool{background:#f8faf5;border:1px solid #b1c7bb}
.case-experience .case-technology[data-technology-mode="design"] .case-technology-context{border-color:#a8bfb2}
.case-technology[data-technology-mode="design"] a:focus-visible{outline-color:var(--case-ink,#295a4d)}
.case-technology-compact .case-technology-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-technology-compact .case-technology-tool:first-child:has(.case-technology-logo){display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 24px;align-content:start}
.case-technology-compact .case-technology-tool:first-child .case-technology-logo{grid-column:1;grid-row:1/4;height:110px;padding:15px;margin:0}
.case-technology-compact .case-technology-tool:first-child :is(h3,ul,p){grid-column:2}
@media(max-width:1100px){.case-technology-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.case-technology-compact .case-technology-tool:first-child:has(.case-technology-logo){display:block}.case-technology-compact .case-technology-tool:first-child .case-technology-logo{max-width:140px;margin-bottom:24px}}
@media(max-width:760px){.case-technology-wall,.case-technology-compact .case-technology-wall{grid-template-columns:1fr;gap:20px}.case-technology-tool{padding:23px}.case-technology-logo{height:120px}.case-experience .case-technology .case-technology-links a{font-size:22px}.case-experience .case-technology .case-technology-intro{font-size:16px}}
