/* Rajatut ulkoasumuutokset: etusivun showreel ja E57-video */
.salopino-showreel-card {position:relative!important;display:block!important;min-width:0;}
.salopino-showreel-card > button {width:100%;border:1px solid rgba(255,255,255,.28);border-radius:24px!important;padding:12px!important;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.06));box-shadow:0 18px 50px rgba(0,0,0,.25);transition:transform .2s,box-shadow .2s;overflow:hidden;}
.salopino-showreel-card > button:hover {transform:translateY(-2px);box-shadow:0 22px 55px rgba(0,0,0,.36)}
.salopino-showreel-card img {aspect-ratio:16/10!important;object-fit:cover!important;}
.salopino-showreel-card button:focus-visible,.salopino-e57-play:focus-visible{outline:3px solid #fef3c7;outline-offset:4px}
.salopino-showreel-card button > div:last-child {text-align:left}
.salopino-e57-play{display:block;position:relative;width:100%;padding:0;border:0;background:#111;border-radius:20px;overflow:hidden;cursor:pointer;}
.salopino-e57-play img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.salopino-e57-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:white;color:#101010;font-size:25px;box-shadow:0 8px 24px #0007}
.salopino-video-overlay{position:fixed;inset:0;z-index:2147483640;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.9);padding:55px 18px 24px}
.salopino-video-overlay video{display:block;max-width:100%;max-height:85vh;width:min(1100px,100%);background:#000;border-radius:12px}
.salopino-video-close{position:absolute;right:20px;top:12px;border:1px solid #fff8;background:#222;color:white;font-size:26px;cursor:pointer;border-radius:50%;width:42px;height:42px}
@media(max-width:767px){.salopino-showreel-card{margin-top:12px}.salopino-showreel-card img{aspect-ratio:16/9!important}.salopino-showreel-card > button{padding:8px!important}}

/* 2026-11-05: Etusivun showreelin palvelutunnisteet, kokemusrivi ja yhteydenotto-CTA. */
.salopino-reel-services{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
.salopino-service-chip{display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.15);color:white;padding:6px 9px;font-size:11px;line-height:1.2;white-space:normal}
.salopino-experience{display:block;margin-top:5px;font-weight:600;color:#fff;line-height:1.5}
.salopino-contact-cta{margin:0 auto;padding:25px max(24px,4vw);display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;background:#10243a;color:#fff}
.salopino-cta-copy{display:flex;flex-direction:column;gap:5px}
.salopino-cta-copy strong{font-size:clamp(18px,2vw,24px);line-height:1.2}
.salopino-cta-copy span{font-size:14px;color:#dce7f3}
.salopino-cta-actions{display:flex;flex-wrap:wrap;gap:10px}
.salopino-cta-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border-radius:999px;background:#fff;color:#10243a;font-size:14px;font-weight:700;text-decoration:none}
.salopino-cta-actions a:hover,.salopino-cta-actions a:focus-visible{background:#fef3c7;outline-offset:3px}
@media(max-width:600px){.salopino-contact-cta{padding:24px}.salopino-cta-actions{width:100%}.salopino-cta-actions a{flex:1 1 100px}}