/* Card artwork only: the hero and other site icons are intentionally untouched. */
#slx-home .slx-response-card{--slx-arrow-rgb:217,174,77;--slx-light-x:65%;--slx-light-y:78%;isolation:isolate}
#slx-home .slx-response-card.slx-card-luna{--slx-arrow-rgb:75,177,255}
#slx-home .slx-response-card.slx-card-orb{--slx-arrow-rgb:189,94,255}
#slx-home .slx-response-card.slx-card-aimd{--slx-arrow-rgb:46,223,211}
#slx-home .slx-response-card .slx-response-halo{position:absolute;inset:0;z-index:2;border:1px solid rgba(var(--slx-arrow-rgb),.08);border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--slx-light-x) var(--slx-light-y),rgba(var(--slx-arrow-rgb),.30),rgba(var(--slx-arrow-rgb),.07) 40%,transparent 73%);box-shadow:inset 0 0 24px rgba(var(--slx-arrow-rgb),.10);transition:opacity .24s ease}
#slx-home .slx-response-card .slx-response-arrow{position:absolute!important;left:auto!important;right:14px!important;bottom:12px!important;top:auto!important;z-index:3;width:calc(100% - 28px)!important;max-width:120px!important;height:auto!important;min-height:0!important;aspect-ratio:2.56;display:block;line-height:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;overflow:visible;transform:translate3d(0,0,0);transition:transform .22s cubic-bezier(.2,.7,.2,1),filter .22s ease;filter:drop-shadow(0 3px 7px rgba(0,0,0,.45))}
#slx-home .slx-response-card .slx-response-arrow>img{position:relative!important;inset:auto!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;opacity:1!important;border:0!important;border-radius:0!important;filter:none!important}
#slx-home .slx-response-card .slx-cinematic-label{z-index:4}
#slx-home .slx-response-card:focus-visible{outline:3px solid rgb(var(--slx-arrow-rgb));outline-offset:4px}
#slx-home .slx-response-card:focus-visible .slx-response-halo,#slx-home .slx-response-card.slx-arrow-pressed .slx-response-halo{opacity:1}
#slx-home .slx-response-card:focus-visible .slx-response-arrow{filter:drop-shadow(0 0 11px rgba(var(--slx-arrow-rgb),.58)) brightness(1.10)}
@media (hover:hover) and (pointer:fine){
 #slx-home .slx-response-card:hover{box-shadow:0 0 0 1px rgba(var(--slx-arrow-rgb),.65),0 12px 32px rgba(var(--slx-arrow-rgb),.18)}
 #slx-home .slx-response-card:hover .slx-response-halo{opacity:.85}
 #slx-home .slx-response-card:hover .slx-response-arrow{transform:translate3d(3px,-2px,0) scale(1.025);filter:drop-shadow(0 0 12px rgba(var(--slx-arrow-rgb),.62)) brightness(1.12)}
}
#slx-home .slx-response-card:active .slx-response-halo{opacity:1}
#slx-home .slx-response-card:active .slx-response-arrow,#slx-home .slx-response-card.slx-arrow-pressed .slx-response-arrow{transform:translate3d(5px,0,0) scale(.985);filter:drop-shadow(0 0 18px rgba(var(--slx-arrow-rgb),.80)) brightness(1.23)}
@media(max-width:600px){#slx-home .slx-response-card{min-height:230px}#slx-home .slx-response-card .slx-response-arrow{max-width:112.5px!important;right:12px!important;bottom:10px!important;width:calc(100% - 24px)!important}}
@media(prefers-reduced-motion:reduce){
 #slx-home .slx-response-card,#slx-home .slx-response-card *{animation:none!important;transition:none!important}
 #slx-home .slx-response-card .slx-response-arrow{transform:none!important}
}

/* 2026-10-22 proportion refinement: half-size arrows, larger cards. */
#slx-home .slx-cinematic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#slx-home .slx-response-card{aspect-ratio:3/2;min-height:380px}
#slx-home .slx-response-card .slx-response-arrow{right:20px!important;bottom:20px!important}
@media(max-width:600px){
 #slx-home .slx-cinematic-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 #slx-home .slx-response-card{aspect-ratio:auto;min-height:280px}
 #slx-home .slx-response-card .slx-response-arrow{right:18px!important;bottom:18px!important}
}
/* Larger service names and concise supporting copy. */
#slx-home .slx-response-card .slx-cinematic-label{left:24px;right:24px;top:24px;bottom:auto;max-width:calc(100% - 48px);text-shadow:0 2px 12px rgba(0,0,0,.85);padding:0!important;gap:0;width:auto!important}
#slx-home .slx-response-card .slx-cinematic-code{font-size:48px!important;line-height:1.08!important;margin-bottom:7px}
#slx-home .slx-response-card .slx-cinematic-title{display:block;font-size:20px!important;line-height:1.3!important;max-width:none!important;width:auto!important;font-weight:600;white-space:normal}
#slx-home .slx-response-card .slx-cinematic-detail{display:block;max-width:35ch;margin-top:8px;font-size:15px;line-height:1.45;color:#f5f3ed;white-space:normal}
@media(max-width:600px){
 #slx-home .slx-response-card .slx-cinematic-label{left:18px;right:18px;top:18px;max-width:calc(100% - 36px)}
 #slx-home .slx-response-card .slx-cinematic-code{font-size:38px!important}
 #slx-home .slx-response-card .slx-cinematic-title{font-size:18px!important}
 #slx-home .slx-response-card .slx-cinematic-detail{font-size:14px;line-height:1.4;margin-top:6px}
}
/* Keep the arrow directly beneath its service description. */
#slx-home .slx-response-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:24px}
#slx-home .slx-response-card .slx-cinematic-label{position:relative!important;inset:auto!important;max-width:100%;flex:none;width:100%!important}
#slx-home .slx-response-card .slx-response-arrow{position:relative!important;inset:auto!important;margin:14px 0 0!important;flex:none;width:120px!important;max-width:120px!important}
@media(max-width:600px){
 #slx-home .slx-response-card{padding:18px}
 #slx-home .slx-response-card .slx-response-arrow{width:112.5px!important;max-width:112.5px!important;margin-top:12px!important}
}