/* Loaded only where real client project cards are rendered. */
.clientWork { --work-accent:#b8b3df; min-width:0; overflow:hidden; border:1px solid var(--work-accent); border-radius:22px; background:linear-gradient(145deg,#303438,#141719 70%); color:#f1ede4; box-shadow:inset 0 1px 0 #ffffff29,0 18px 40px #00000026; }
.clientWorkLink { display:block; color:inherit; text-decoration:none; }
.clientWorkPhoto { overflow:hidden; background:#141719; }
.clientWorkPhoto img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; }
.clientWorkCopy { padding:24px; }
.clientWorkLabel { display:block; color:var(--work-accent); font:600 11px/1.4 Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.clientWork .clientWorkCopy h2 { margin:12px 0 8px; color:#f1ede4; font:500 clamp(26px,2.6vw,38px)/1.1 Arial,sans-serif; letter-spacing:-.04em; }
.clientWork .clientWorkService { margin:0; color:#e1ddd7; font:400 14px/1.5 Arial,sans-serif; }
.clientWork .clientWorkDescription { margin:18px 0 0; color:#bcbfbe; font:400 15px/1.6 Arial,sans-serif; }
.clientWorkAction { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:24px; color:var(--work-accent); font:600 14px/1.4 Arial,sans-serif; }
.clientWorkAction > span { font-size:24px; }
.clientWorkOrder { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:54px; padding:14px 24px; border-top:1px solid #ffffff24; color:#f1ede4; text-decoration:none; font:500 14px/1.4 Arial,sans-serif; }
.clientWorkLink:hover .clientWorkAction,.clientWorkOrder:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }
.clientWork a:focus-visible { outline:3px solid #c9cbff; outline-offset:-4px; }
.nicheChooserHero > .clientWorkCompact { position:relative; z-index:1; grid-column:2; grid-row:1; align-self:end; border-radius:15px; }
.clientWorkCompact .clientWorkLink { display:grid; grid-template-columns:106px minmax(0,1fr); align-items:center; gap:14px; padding:12px; }
.clientWorkCompact .clientWorkPhoto { border-radius:8px; }
.clientWorkCompact .clientWorkCopy { padding:0; }
.clientWorkCompact .clientWorkCopy h2 { margin:5px 0 4px; font-size:22px; }
.clientWorkCompact .clientWorkService { font-size:12px; line-height:1.35; }
.clientWorkCompact .clientWorkAction { margin-top:6px; font-size:12px; }
.clientWorkCompact .clientWorkAction > span { font-size:18px; }
.clientPortfolio { max-width:1400px; margin-inline:auto; }
.clientWorkGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.clientWorkGrid > .clientWork { display:flex; flex-direction:column; }
.clientWorkGrid .clientWorkLink { flex:1; }
.clientPortfolio .portfolioDemos { padding:64px 0 0; }
.portfolioDemos > h2 { margin:16px 0; font-size:clamp(28px,3vw,42px); letter-spacing:-.035em; text-wrap:balance; }
.portfolioDemos > p { max-width:760px; margin-bottom:28px; color:#565963; font-size:16px; line-height:1.6; }
.portfolioDemos .contentCard h3 { margin:0 0 16px; font-size:23px; font-weight:500; line-height:1.2; letter-spacing:-.03em; }
@media (max-width:900px) {
  .nicheChooserHero > .clientWorkCompact { margin-top:12px; }
  .clientWorkCompact .clientWorkLink { grid-template-columns:80px minmax(0,1fr); gap:10px; padding:10px 12px; }
  .clientWorkCompact .clientWorkCopy h2 { font-size:19px; }
  .clientWorkCompact .clientWorkCopy { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:10px; align-items:center; }
  .clientWorkCompact .clientWorkLabel,.clientWorkCompact .clientWorkService { grid-column:1/-1; }
  .clientWorkCompact .clientWorkAction { grid-column:2; grid-row:2; margin:0; }
}
@media (max-width:600px) {
  .clientWorkGrid { grid-template-columns:minmax(0,1fr); gap:20px; }
  .clientWorkCopy { padding:20px; }
  .clientWorkOrder { padding:14px 20px; }
}
/* Extra client-card content must remain reachable on short phones and text zoom. */
@media (max-width:900px) and (max-height:799px) {
  .nicheChooserCompact:has(.clientWorkCompact) { height:auto; grid-template-rows:auto minmax(310px,1fr) auto; }
}