/* Website concept cards — isolated enhancement, original theme untouched. */
#client-projects .concept-showcase {
  position:relative;
  margin-top:clamp(48px,7vw,88px);
  padding-top:clamp(25px,3vw,40px);
  border-top:1px solid rgba(255,255,255,.17);
  scroll-margin-top:118px;
  isolation:isolate;
}
#client-projects .concept-showcase-head {display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:clamp(22px,3vw,34px)}
#client-projects .concept-kicker {display:flex;align-items:center;gap:9px;color:#e2d5bc;font:600 10px/1.45 var(--ff-mono,monospace);letter-spacing:.17em}
#client-projects .concept-kicker-dot {width:6px;height:6px;border-radius:50%;background:#ccb181;box-shadow:0 0 12px rgba(204,177,129,.4)}
#client-projects .concept-showcase h3 {margin:11px 0 8px;color:var(--text,#f9f7f3);font:700 clamp(24px,2.7vw,37px)/1.18 var(--ff-display,system-ui,sans-serif);letter-spacing:-.035em;text-wrap:balance}
#client-projects .concept-title-period {color:#c7ae87}
#client-projects .concept-showcase-head p {margin:0;max-width:670px;color:var(--text-dim,#d7d1c6);font-size:clamp(13px,1.1vw,15px);line-height:1.65}
#client-projects .concept-project-count {flex:none;color:#d6cab8;font:600 12px var(--ff-mono,monospace);letter-spacing:.11em;white-space:nowrap;opacity:.8}
#client-projects .concept-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.4vw,25px);align-items:stretch}
#client-projects .concept-card {
 display:flex;flex-direction:column;min-width:0;border-radius:22px;overflow:hidden;
 background:linear-gradient(155deg,rgba(255,255,255,.11),rgba(17,19,22,.20)) !important;
 border:1px solid rgba(255,255,255,.19) !important;border-top-color:rgba(255,255,255,.38) !important;
 box-shadow:0 28px 55px -37px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.13);
 backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);
 transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease;
}
#client-projects .concept-card::before {border-radius:inherit}
#client-projects .concept-image-link {position:relative;display:flex;align-items:flex-start;justify-content:center;width:100%;padding:clamp(10px,1.2vw,15px);overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12);text-decoration:none;min-width:0}
#client-projects .concept-image-link img {display:block;width:100%;height:auto;object-fit:contain;object-position:center top;aspect-ratio:unset;border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.22);transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .4s ease}
#client-projects .concept-image-open {position:absolute;right:clamp(20px,2vw,30px);bottom:clamp(19px,2vw,29px);background:rgba(20,21,23,.82);border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;font:700 10px var(--ff-mono,monospace);letter-spacing:.06em;padding:9px 12px;box-shadow:0 9px 20px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#client-projects .concept-card-body {display:flex;flex:1;flex-direction:column;gap:10px;padding:clamp(18px,2.15vw,29px)}
#client-projects .concept-card-topline {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px 12px}
#client-projects .concept-type {color:#d9c5a3;font:600 10px/1.45 var(--ff-mono,monospace);letter-spacing:.12em}
#client-projects .concept-label {color:#e2e1dc;font:600 9px/1.35 var(--ff-mono,monospace);letter-spacing:.09em;border:1px solid rgba(255,255,255,.28);border-radius:99px;padding:5px 9px;background:rgba(255,255,255,.07)}
#client-projects .concept-card h4 {margin:2px 0 0;color:#fff;font:700 clamp(20px,1.8vw,26px)/1.25 var(--ff-display,system-ui,sans-serif);letter-spacing:-.025em}
#client-projects .concept-card-body>p {font-size:clamp(12px,1.1vw,14px);line-height:1.7;margin:0 0 5px;color:#ece9e4;max-width:64ch}
#client-projects .concept-card-bottom {display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin-top:auto;padding-top:11px}
#client-projects .concept-tags {display:flex;flex-wrap:wrap;gap:6px}
#client-projects .concept-tags span {font-size:10px;color:#e1ded8;padding:6px 9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:999px}
#client-projects .concept-demo-cta {display:inline-flex;align-items:center;justify-content:center;gap:13px;flex:none;min-height:37px;padding:9px 13px;border:1px solid rgba(211,191,156,.46);border-radius:11px;background:rgba(24,24,26,.53);color:#f4e7ca !important;text-decoration:none;font-weight:700;font-size:12px;transition:background .25s ease,border-color .25s ease,transform .25s ease}
#client-projects .concept-demo-cta span {font-size:16px}
#client-projects .concept-disclaimer {margin:15px 0 0;color:#d5cec3;font-size:11px;line-height:1.65;opacity:.9}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 #client-projects .concept-card:hover {transform:translateY(-4px);border-color:rgba(240,225,201,.48) !important;box-shadow:0 35px 65px -38px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.2)}
 #client-projects .concept-card:hover .concept-image-link img{transform:scale(1.018);filter:brightness(1.04)}
 #client-projects .concept-demo-cta:hover{background:rgba(65,59,49,.67);border-color:#d7bb8e;transform:translateY(-1px)}
}
#client-projects .concept-image-link:focus-visible,#client-projects .concept-demo-cta:focus-visible{outline:2px solid #eed5a6;outline-offset:3px}
@media(max-width:820px){#client-projects .concept-grid{grid-template-columns:1fr}#client-projects .concept-image-link{padding:12px}#client-projects .concept-card-body{padding:20px}}
@media(max-width:480px){#client-projects .concept-showcase-head{align-items:flex-start;flex-direction:column;gap:8px}#client-projects .concept-project-count{font-size:10px}#client-projects .concept-image-open{font-size:9px;padding:7px 9px;right:20px;bottom:20px}#client-projects .concept-card-bottom{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){#client-projects .concept-card,#client-projects .concept-image-link img,#client-projects .concept-demo-cta{transition:none!important}#client-projects .concept-card:hover{transform:none}#client-projects .concept-card:hover .concept-image-link img{transform:none}}
@media print {#client-projects .concept-image-open{display:none}}