/* Homepage only: preserve each complete client capture at its original ratio. */
.client-showcase{scroll-margin-top:24px;border-block:1px solid #65513a;background:linear-gradient(145deg,#111b35b3,#07102133)}
.client-showcase .showcase-heading{max-width:900px;margin-bottom:34px}
.client-showcase h2{font-size:clamp(36px,4.6vw,60px);line-height:1.12}
.client-feature{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);align-items:center;gap:34px}
.client-showcase figure{margin:0;min-width:0}
.client-showcase .screenshot-window{height:auto;overflow:hidden;border:1px solid #ae8953;box-shadow:0 16px 40px #0004}
.client-showcase .screenshot-window img{width:100%;height:auto;aspect-ratio:auto;display:block;image-rendering:auto}
.client-showcase figure>a{display:block;border-radius:3px;transition:filter .18s ease}
.client-showcase figure>a:hover{filter:brightness(1.1)}
.client-showcase a:focus-visible{outline:3px solid #7de5ed;outline-offset:5px}
.client-showcase figcaption{padding:16px 0 0;font-size:12px;line-height:1.7}
.client-showcase figcaption strong{display:block;color:#f5d594;font-family:Georgia,serif;font-size:22px;margin-bottom:4px}
.client-showcase figcaption span{display:block;color:#c0cbe0}
.client-feature-copy h3{font-size:clamp(30px,3vw,40px);line-height:1.15;margin:16px 0 24px}
.showcase-details{list-style:none;padding:0;margin:0 0 26px}
.showcase-details li{margin:0;padding:15px 0;border-top:1px solid #70604a77}
.showcase-details strong{display:block;color:#f1dbad;font-size:14px;margin-bottom:7px}
.showcase-details span{display:block;color:#c0cbe0;font-size:13px;line-height:1.8}
.client-showcase .room-captures{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px}
.client-showcase .capture-note{font-size:12px;line-height:1.8;color:#aabbd2;max-width:850px;margin:26px 0 0}
@media(max-width:900px){.client-feature{grid-template-columns:1fr;gap:28px}.client-feature-copy{max-width:680px}}
@media(max-width:600px){.client-showcase .room-captures{grid-template-columns:1fr;gap:28px}.client-showcase h2{font-size:36px}.client-showcase .showcase-heading{margin-bottom:24px}.client-showcase figcaption strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.client-showcase figure>a{transition:none}}