/* One portfolio interaction, plus brief feedback on existing controls. Content stays visible without JS. */
.kd-project-showcase{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:22px;align-items:start}.kd-project-stage{margin:0;min-width:0}.kd-project-image{border-radius:14px;overflow:hidden;background:#e8ecee;aspect-ratio:1.55}.kd-project-image img{display:block;width:100%;height:100%;object-fit:cover}.kd-project-stage figcaption{display:flex;justify-content:space-between;gap:25px;padding:20px 0 0;align-items:start}.rf-home .kd-project-stage h3{font-size:23px;letter-spacing:-.03em;line-height:1.25}.rf-home .kd-project-stage p{font-size:13px;line-height:1.5;max-width:45ch;margin:9px 0 0;color:#52616c}.kd-project-stage figcaption>a{display:inline-flex;gap:12px;align-items:center;min-height:44px;font-size:12px;flex-shrink:0;color:#175b9d;white-space:nowrap;text-underline-offset:5px}.kd-project-choices{display:grid;gap:10px}.kd-project-choices>a{display:flex;align-items:center;gap:17px;padding:12px;border-radius:12px;background:#f0f2f2;color:#10222d;border:1px solid transparent;text-decoration:none;transition:background .18s ease,border-color .18s ease}.kd-project-choices>a:hover,.kd-project-choices>a[aria-pressed=true]{background:#e6eff5;border-color:#8bafc8}.kd-project-choices>a:focus-visible{outline:3px solid #2676bf;outline-offset:3px}.kd-project-choices img{width:91px;height:82px;object-fit:cover;border-radius:7px;flex-shrink:0}.kd-project-choices strong{font-size:15px;font-weight:500;line-height:1.35;display:block;letter-spacing:-.015em}.kd-project-choices small{display:block;color:#52616c;font-size:11px;margin-top:8px}.kd-preview-status{grid-column:1/-1;margin:0;font-size:12px;min-height:0}.kd-preview-status:empty{display:none}.kd-project-showcase[aria-busy=true] .kd-project-stage{cursor:progress}
:is(.button,.rf-btn,.sp-button,.zhk-button,.co-button){transition:background-color .18s ease,box-shadow .18s ease}.kd-project-stage figcaption>a span{transition:transform .18s ease}.kd-project-stage figcaption>a:hover span{transform:translateX(4px)}
@media(hover:hover) and (pointer:fine){:is(.button,.sp-button,.zhk-button,.co-button):hover{box-shadow:0 5px 16px #0b293922}:is(.rf-work-grid,.sp-projects,.work-grid) a img{transition:filter .2s ease}:is(.rf-work-grid,.sp-projects,.work-grid) a:hover img{filter:brightness(1.035)}}
@media(max-width:1000px){.kd-project-showcase{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}.kd-project-choices img{width:65px;height:69px}.kd-project-choices strong{font-size:13px}.kd-project-choices>a{gap:12px;padding:10px}.kd-project-stage figcaption{display:block}.kd-project-stage figcaption>a{margin-top:8px}}
@media(max-width:700px){.kd-project-showcase{grid-template-columns:1fr;gap:18px}.kd-project-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;grid-row:1}.kd-project-choices>a{display:block;padding:12px}.kd-project-choices img{display:none}.kd-project-choices strong{font-size:12px;line-height:1.4}.kd-project-choices small{font-size:10px;line-height:1.4;margin-top:7px}.rf-home .kd-project-stage h3{font-size:21px}.kd-project-image{aspect-ratio:1.3}.kd-project-stage figcaption{padding-top:15px}.kd-project-stage figcaption>a{font-size:12px}.rf-home .kd-project-stage p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.kd-project-choices>a,.kd-project-stage figcaption>a span,:is(.button,.rf-btn,.sp-button,.zhk-button,.co-button),:is(.rf-work-grid,.sp-projects,.work-grid) a img{transition:none!important}.kd-project-stage figcaption>a:hover span{transform:none}}

.kd-preview-status:not(.is-error){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.kd-preview-status.is-error{padding:12px 0;font-size:13px;color:#10222d}.kd-preview-status.is-error a{color:#175b9d;text-decoration:underline}