/* Clients: live content and original client marks from the approved v3 concept. */
.clients-page .clients-hero .breadcrumb{padding-block:26px 12px;font-size:.85rem}
.clients-page .clients-hero-grid{grid-template-columns:1.15fr 1fr;gap:32px;min-height:290px;padding-block:24px 48px}
.clients-page .clients-hero .clients-title{font-size:clamp(40px,4.45vw,64px);line-height:1.08;letter-spacing:-.045em;max-width:650px}
.clients-page .clients-intro{color:var(--white);font-size:clamp(1.25rem,2.05vw,1.8rem);line-height:1.4;margin-top:20px;max-width:620px}
.clients-page .clients-hero-art{position:relative;min-width:0}
.clients-page .clients-art-caption{position:absolute;right:0;top:0;width:150px;margin:0;color:#69edff;text-transform:uppercase;letter-spacing:.23em;font-size:.8rem;line-height:1.7;font-weight:600}
.clients-page .clients-art-caption span{display:block}
.clients-page .clients-art-caption span:first-child::after{content:"";display:block;width:38px;height:3px;background:var(--gold);margin-top:15px}
.clients-page .clients-art-caption span+span{margin-top:23px;font-size:.72rem;letter-spacing:.16em}
.clients-page .clients-list{padding-block:6px 10px}
.clients-page .client-row{display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px;align-items:center;min-height:225px;padding-block:38px}
.clients-page .client-row+.client-row{border-top:1px solid #bcd9e6}
.clients-page .client-logo-area{display:flex;align-items:center;justify-content:center;align-self:stretch;border-right:1px solid #b4cbd8;padding:12px 40px}
.clients-page .client-logo{object-fit:contain;flex-shrink:0;max-width:100%;height:auto}
.clients-page .client-logo-polkomtel{width:235px}
.clients-page .client-logo-t-mobile{width:auto;height:95px}
.clients-page .client-logo-orange{width:125px}
.clients-page .client-logo-pse{width:185px}
.clients-page .client-copy{min-width:0}
.clients-page .client-copy h2{color:#061e35;font-size:clamp(1.65rem,2.8vw,2.5rem);line-height:1.13;letter-spacing:-.04em;text-wrap:balance}
.clients-page .client-copy p{color:#075bb3;font-size:1.2rem;line-height:1.5;margin-top:15px;text-wrap:pretty}
.clients-page .clients-references-inner{display:flex;align-items:center;gap:28px;min-height:192px;padding-block:38px;position:relative;z-index:1}
.clients-page .clients-references-copy{flex:1;min-width:0}
.clients-page .clients-references h2{font-size:clamp(1.6rem,2.5vw,2.25rem);line-height:1.15;letter-spacing:-.035em}
.clients-page .clients-references p{color:#061e35;font-size:1.05rem;line-height:1.45;margin-top:15px;max-width:570px;text-wrap:pretty}
.clients-page .clients-references .button{flex-shrink:0;font-size:1rem;padding:16px 23px;gap:22px}
.clients-page .clients-reference-email{display:inline-flex;align-items:center;gap:14px;border-left:1px solid #29485d80;padding-left:28px;font-size:1.05rem;font-weight:650;white-space:nowrap}
.clients-page .clients-reference-email .design-icon{width:32px;height:34px;flex-shrink:0;color:#061e35;stroke-width:2}
.clients-page .clients-reference-email:hover span{text-decoration:underline;text-underline-offset:4px}
.clients-page .clients-references :focus-visible{outline-color:#075bb3}
@media(max-width:1100px){
    .clients-page .clients-hero-grid{min-height:265px;gap:24px}
    .clients-page .clients-art-caption{display:none}
    .clients-page .client-row{grid-template-columns:260px minmax(0,1fr);gap:35px;min-height:220px;padding-block:32px}
    .clients-page .client-logo-area{padding-inline:30px}
    .clients-page .client-logo-polkomtel{width:200px}
    .clients-page .client-logo-t-mobile{height:86px}
    .clients-page .client-logo-orange{width:112px}
    .clients-page .client-logo-pse{width:170px}
    .clients-page .client-copy p{font-size:1.1rem}
    .clients-page .clients-references-inner{flex-wrap:wrap;gap:24px;padding-block:32px}
    .clients-page .clients-references-copy{flex-basis:100%}
    .clients-page .clients-references p{max-width:none}
}
@media(max-width:880px) and (min-width:701px){
    .clients-page .clients-hero-grid{grid-template-columns:1.2fr 1fr;min-height:245px;padding-bottom:35px}
    .clients-page .clients-hero .clients-title{font-size:3rem}
    .clients-page .clients-intro{font-size:1.35rem}
    .clients-page .client-row{grid-template-columns:205px minmax(0,1fr);gap:28px}
    .clients-page .client-logo-area{padding-inline:22px}
    .clients-page .client-logo-polkomtel{width:160px}
    .clients-page .client-logo-pse{width:148px}
    .clients-page .client-copy h2{font-size:1.8rem}
    .clients-page .client-copy p{font-size:1rem}
}
@media(max-width:700px){
    .clients-page .clients-hero .breadcrumb{padding-block:20px 12px;font-size:.75rem;gap:9px}
    .clients-page .clients-hero-grid{grid-template-columns:1fr;gap:0;min-height:0;padding-block:18px 0}
    .clients-page .clients-hero .clients-title{font-size:clamp(2.25rem,9vw,3.25rem)}
    .clients-page .clients-intro{font-size:1.2rem;margin-top:16px}
    .clients-page .clients-hero-art{height:255px}
    .clients-page .clients-list{padding-block:2px}
    .clients-page .client-row{grid-template-columns:1fr;gap:25px;min-height:0;padding-block:32px}
    .clients-page .client-logo-area{min-height:100px;border:0;padding:0;justify-content:center}
    .clients-page .client-logo-polkomtel{width:190px}
    .clients-page .client-logo-t-mobile{height:80px}
    .clients-page .client-logo-orange{width:100px}
    .clients-page .client-logo-pse{width:160px}
    .clients-page .client-copy h2{font-size:1.75rem;line-height:1.2;text-wrap:pretty}
    .clients-page .client-copy p{font-size:1.05rem;margin-top:12px}
    .clients-page .clients-references-inner{display:flex;align-items:flex-start;gap:24px;padding-block:30px;min-height:0}
    .clients-page .clients-references h2{font-size:1.6rem}
    .clients-page .clients-references p{font-size:1rem;margin-top:12px}
    .clients-page .clients-references .button{font-size:.95rem;min-height:50px;padding:14px 18px}
    .clients-page .clients-reference-email{flex-basis:100%;border:0;padding:0;font-size:1rem}
}
@media(min-width:1101px){
    .clients-page .page-masthead[data-scene="brand"]{--scene-width:1240px;--scene-height:451px;--scene-x:calc(50% + 20px);--scene-y:-10px}
}
@media print{
    .clients-page .clients-hero-grid{display:block;min-height:0;padding-block:20px}
    .clients-page .clients-title,.clients-page .clients-intro{color:#061e35}
    .clients-page .clients-hero-art{display:none}
    .clients-page .client-row{grid-template-columns:180px minmax(0,1fr);gap:24px;min-height:0;padding-block:24px;break-inside:avoid}
    .clients-page .client-logo-area{padding-inline:15px}
    .clients-page .client-copy h2{font-size:22pt}
    .clients-page .client-copy p{font-size:11pt}
}
