/* C: one photographic direction for every existing photo and portrait.
   Original files, identities, captions and brand logos remain unchanged. */
.hero-photo>img{
 filter:grayscale(1) contrast(1.01) brightness(1.05);
 object-position:58% 42%;
}
.hero-photo::after{
 inset:0;
 background:linear-gradient(180deg,transparent 34%,rgba(5,19,36,.55) 58%,rgba(5,19,36,.82) 80%,rgba(5,19,36,.94) 100%);
}
.hero-photo figcaption{display:flex;flex-direction:column;align-items:flex-start}
.hero-photo figcaption span{
 order:1;
 margin:10px 0 0;
 font-size:11px;
 font-weight:600;
 line-height:1.5;
 letter-spacing:.10em;
}
.method-visual{isolation:isolate;clip-path:inset(0)}
.method-visual>img{
 height:100%;
 top:0;
 object-position:32% 26%;
 transform:scale(1.10);
 transform-origin:25% top;
 z-index:0;
 filter:grayscale(.94) contrast(1.01) brightness(1.05);
}
.method-visual::after{
 inset:0;
 z-index:1;
 background:linear-gradient(180deg,transparent 36%,rgba(5,19,36,.20) 46%,rgba(5,19,36,.48) 60%,rgba(5,19,36,.74) 82%,rgba(5,19,36,.88) 100%);
}
.method-visual>.method-caption{z-index:2}
.service-photo,.competence-photo{isolation:isolate;clip-path:inset(0)}
.service-photo>img{
 filter:grayscale(.94) contrast(1.01) brightness(1.05);
}
.service-photo-srl>img{object-position:60% 40%}
.service-photo-sfo>img{object-position:52% 35%}
.service-photo-salesdesk>img{object-position:52% 42%}
.service-photo-salesassist>img{object-position:54% 45%}
.service-photo::after{
 inset:0;
 z-index:1;
 background:linear-gradient(180deg,transparent 42%,rgba(5,19,36,.10) 50%,rgba(5,19,36,.64) 62%,rgba(5,19,36,.94) 100%);
}
.service-photo>figcaption,.competence-photo>figcaption{z-index:2}
.competence-photo>figcaption{font-weight:600;letter-spacing:-.025em}
.competence-photo>img{
 filter:grayscale(.94) contrast(1.02) brightness(1.12);
 opacity:1;
 object-position:50% 34%;
}
.competence-photo::after{
 inset:0;
 z-index:1;
 background:linear-gradient(180deg,transparent 42%,rgba(5,19,36,.10) 50%,rgba(5,19,36,.64) 62%,rgba(5,19,36,.94) 100%);
}
.salesdesk-page .sd-hero-photo{isolation:isolate;clip-path:inset(0)}
.salesdesk-page .sd-hero-photo>img{
 filter:grayscale(.94) contrast(1.01) brightness(1.05);
 object-position:48% 48%;
}
.salesdesk-page .sd-hero-photo::after{
 background:linear-gradient(180deg,transparent 45%,rgba(5,19,36,.42) 100%);
}
.person-photo{isolation:isolate;clip-path:circle(50%);background:#f3f2ee}
.person-photo>img{filter:grayscale(1) contrast(1.01) brightness(1.04)}
.person-photo>img[src*="stella-portrait-enhanced-20261021"]{
 object-fit:cover;
 object-position:50% 36%;
 transform:scale(1.18);
 transform-origin:50% 36%;
}
@media(max-width:800px){
 .hero-photo>img{object-position:53% 40%}
 .method-visual>img{object-position:38% 24%;transform:scale(1.06)}
 .service-photo-srl>img{object-position:60% 35%}
 .service-photo-sfo>img{object-position:50% 28%}
 .service-photo-salesdesk>img{object-position:54% 38%}
 .service-photo-salesassist>img{object-position:56% 44%}
 .competence-photo>img{object-position:50% 40%}
 .salesdesk-page .sd-hero-photo>img{object-position:48% 45%}
}
@media(max-width:520px){
 .hero-photo>img{object-position:57% 40%}
 .method-visual>img{object-position:22% 22%;transform:scale(1.04)}
 .service-photo>figcaption{font-size:20px;line-height:1.3}
 .competence-photo>figcaption{font-size:22px;line-height:1.25}
 .service-photo-salesassist>img{object-position:58% 42%}
 .method-visual::after{
  background:linear-gradient(180deg,transparent 28%,rgba(5,19,36,.30) 45%,rgba(5,19,36,.54) 60%,rgba(5,19,36,.74) 78%,rgba(5,19,36,.89) 100%);
 }
}