/* Character: client voices and project directions. Based on the existing editorial primitives and 21st #9637. */
.client-featured .depth-mini{display:flex;gap:0}.client-featured .client-photo{width:100%;margin:0}.client-photo>img,.client-photo .participant-play>img{display:block;width:100%;height:310px;object-fit:cover;object-position:center 30%}.client-photo figcaption{font-size:15px;line-height:1.5;margin-top:14px;font-weight:600}.client-photo figcaption span{display:block;font-weight:400;font-size:12px;margin-top:4px}.client-featured .depth-mini h3{margin-top:22px}.client-featured .depth-mini>p{margin:0}.client-summary-name{display:block;font-size:14px;line-height:1.5;margin-top:12px}.client-case{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:35px;padding-block:36px;border-top:1px solid #a49890;align-items:start}.exp-grid:has(.client-case){grid-template-columns:1fr;gap:0}.client-case .client-photo{margin:0}.client-case .exp-tags{max-width:none;justify-content:flex-start}.client-case .exp-tags span{font-size:11px}.client-case .client-format{font-size:12px;margin:16px 0 8px;color:#65473d}.client-case h3{font-size:clamp(27px,3vw,40px);line-height:1.15;margin:12px 0 20px;max-width:25ch}.client-result{font-size:18px;line-height:1.7;max-width:65ch;margin:0 0 20px}.client-case dl{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.client-case dd{font-size:16px;line-height:1.65}.client-case dt{text-transform:none;letter-spacing:0;font-size:13px}.client-case .exp-limit{margin-bottom:5px}.client-case-person{position:sticky;top:105px}.client-case .client-photo .participant-play>img{height:380px;object-position:center 30%}.client-case .client-photo>img{height:auto;max-height:380px;object-fit:contain;object-position:left top}.exp-company-row h4{font-size:18px;margin:0 0 12px;color:#f1e9e1}.exp-company-row a{font-size:12px;display:inline-block;margin-top:14px;color:#F0E8DC}.exp-company .depth-note{color:#c9bdb6}.case .case-person-photo .client-photo{margin:0}.case .case-person-photo .client-photo img{max-height:260px;height:auto}.case .case-person-photo .client-photo figcaption{font-size:12px}.case .case-person-photo .client-photo figcaption span{font-size:11px}.client-featured .participant-play-label{font-size:12px}
@media(min-width:1000px){.client-case{grid-template-columns:310px minmax(0,1fr);gap:65px}.client-case .client-photo .participant-play>img{height:390px}.client-case .client-case-content{padding-top:4px}.client-case{padding-block:45px}}
@media(max-width:700px){.client-case{grid-template-columns:150px minmax(0,1fr);gap:24px}.client-case .client-photo .participant-play>img{height:245px}.client-case .participant-play-label{left:8px;bottom:8px;max-width:calc(100% - 16px);padding:8px;font-size:10px}.client-case .participant-play-icon{width:22px;height:22px}.client-case dl{grid-template-columns:1fr}.client-result{font-size:16px}.client-case-person{position:static}}
@media(max-width:600px){.client-featured .depth-mini{display:flex}.client-featured .depth-mini img{width:100%;height:290px}.client-featured .client-photo .participant-play>img{height:290px}.client-featured .client-photo{width:100%}.client-featured .depth-mini h3{font-size:27px;margin:22px 0 14px}.client-featured .depth-mini>p{font-size:16px}.client-featured .depth-mini>a{margin-top:20px}.client-case{display:flex;flex-direction:column;gap:25px;padding-block:35px}.client-case-person{width:100%}.client-case .client-photo .participant-play>img{height:330px;object-position:center 28%}.client-case .client-photo>img{height:260px;width:auto;max-width:100%}.client-case h3{font-size:31px}.client-case .client-format{margin-top:15px}.client-case .participant-play-label{left:16px;bottom:16px;font-size:12px;padding:10px 14px}.client-case .exp-tags span{font-size:10px}.client-case .client-photo figcaption{font-size:17px}.client-case .client-photo figcaption span{font-size:13px}}
.client-anchor{display:block;position:relative;top:-105px;height:0;grid-column:1/-1}.client-name-only{padding:24px 0;border-top:2px solid var(--accent)}.client-name-only strong{font-size:26px;line-height:1.2}.client-name-only p{font-size:14px;line-height:1.6}.client-home-stories{padding-block:65px}.client-home-stories .section-intro{margin-bottom:35px}

/* Layout revision: full-width value layers and progressively disclosed case grid. */
.experience-page .exp-map-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8%;scroll-margin-top:120px}
.experience-page .exp-map-section>.depth-map{grid-column:1/-1;width:100%;min-width:0;align-items:stretch}
.experience-page .depth-map>div{min-width:0;display:flex;flex-direction:column}
.experience-page .depth-map strong{margin-top:auto;padding-top:18px}
.experience-page .depth-map p{margin-bottom:24px}
.experience-page #library,.experience-page #companies{scroll-margin-top:120px}
.exp-grid:has(.client-case){grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;align-items:start}
.exp-grid .client-case{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:30px 0 28px;min-width:0;scroll-margin-top:120px}
.exp-grid .client-case .client-case-person{position:static;width:100%}
.exp-grid .client-case .client-photo{display:grid;grid-template-columns:128px minmax(0,1fr);gap:20px;align-items:end;margin:0}
.exp-grid .client-case .client-photo>img,.exp-grid .client-case .client-photo .participant-play>img{width:128px;height:166px;max-height:none;object-fit:cover;object-position:center 30%}
.exp-grid .client-case .client-photo>a{width:128px;margin:0}
.exp-grid .client-case .client-photo figcaption{margin:0 0 3px;color:var(--paper-ink);font-size:18px;line-height:1.35;overflow-wrap:break-word}
.exp-grid .client-case .client-photo figcaption span{font-size:13px;line-height:1.5;margin-top:9px}
.exp-grid .client-case .client-case-content{padding-top:0}
.exp-grid .client-case h3{font-size:28px;line-height:1.2;margin:12px 0 15px;max-width:none}
.exp-grid .client-case .client-result{font-size:16px;line-height:1.65;margin-bottom:18px}
.exp-grid .client-case .client-format{margin:12px 0 0;font-size:12px}
.exp-grid .client-case .exp-tags{gap:5px}
.exp-grid .client-case .exp-tags span{font-size:10px}
.exp-grid .client-case dl{grid-template-columns:1fr;gap:0}
.exp-grid .client-case .participant-play-label{left:8px;right:8px;bottom:8px;min-height:36px;width:calc(100% - 16px);max-width:none;padding:6px;gap:7px;justify-content:center}
.exp-grid .client-case .participant-play-label>span:last-child{font-size:0}
.exp-grid .client-case .participant-play-label>span:last-child:after{content:'Видео';font-size:11px}
.exp-grid .client-case .participant-play-icon{width:22px;height:22px;font-size:10px}
.exp-grid .client-anchor{position:absolute;top:0;left:0;height:0;scroll-margin-top:120px;pointer-events:none}
.exp-grid .client-name-only{min-height:166px;display:flex;flex-direction:column;justify-content:end;border-top:0;padding:0}
.case-pagination{display:flex;justify-content:center;padding:25px 0 12px}
.case-more{font:inherit;font-size:15px;line-height:1.5;min-height:52px;padding:15px 30px;border:1px solid var(--paper-ink);background:transparent;color:var(--paper-ink);cursor:pointer}
.case-more:hover{background:var(--paper-ink);color:var(--paper)}
.client-case h3:focus{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:1050px){.exp-grid:has(.client-case){gap:0 28px}.exp-grid .client-case .client-photo{grid-template-columns:108px minmax(0,1fr);gap:16px}.exp-grid .client-case .client-photo>img,.exp-grid .client-case .client-photo .participant-play>img,.exp-grid .client-case .client-photo>a{width:108px;height:145px}.exp-grid .client-case .client-photo figcaption{font-size:16px}.exp-grid .client-case h3{font-size:25px}}
@media(max-width:760px){.exp-grid:has(.client-case){grid-template-columns:minmax(0,1fr);gap:0}.experience-page .depth-map{grid-template-columns:minmax(0,1fr)}.experience-page .depth-map>div,.experience-page .depth-map>div:first-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.experience-page .depth-map>div:last-child{border-bottom:0}.experience-page .depth-map h3{margin-top:0}.experience-page .depth-map p{max-width:60ch}.experience-page .exp-map-section{display:block}.experience-page .exp-map-section>h2{margin-bottom:20px;max-width:25ch}.exp-grid .client-case .client-photo{grid-template-columns:112px minmax(0,1fr);gap:20px}.exp-grid .client-case .client-photo>img,.exp-grid .client-case .client-photo .participant-play>img,.exp-grid .client-case .client-photo>a{width:112px;height:150px}.exp-grid .client-case .client-photo figcaption{font-size:17px}.exp-grid .client-case{gap:22px}.exp-grid .client-case h3{font-size:27px}.case-more{width:100%;max-width:420px}}
@media(max-width:360px){.exp-grid .client-case .client-photo{grid-template-columns:96px minmax(0,1fr);gap:15px}.exp-grid .client-case .client-photo>img,.exp-grid .client-case .client-photo .participant-play>img,.exp-grid .client-case .client-photo>a{width:96px;height:135px}.exp-grid .client-case .client-photo figcaption{font-size:16px}}

/* Large, source-backed stories. Character typography and original portraits. */
.exp-grid:has(.case-story){display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.exp-grid .case-story{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1fr);gap:clamp(30px,4vw,64px);align-items:start;padding:55px 0 65px;position:relative}
.exp-grid .case-story .client-case-person{position:sticky;top:112px;align-self:start}
.exp-grid .case-story .client-photo{display:block;width:100%;margin:0}
.exp-grid .case-story .client-photo>a{display:block;width:100%;height:auto;margin:0}
.exp-grid .case-story .client-photo>img,.exp-grid .case-story .client-photo .participant-play>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/5;object-fit:cover;object-position:center 28%}
.exp-grid .case-story .client-photo>img{object-fit:contain;background:rgba(33,26,27,.05)}
.exp-grid .case-story .client-photo figcaption{margin:20px 0 0;font-size:23px;line-height:1.3;color:var(--paper-ink)}
.exp-grid .case-story .client-photo figcaption span{font-size:14px;line-height:1.5;margin-top:8px}
.exp-grid .case-story .participant-play-label{left:20px;right:auto;bottom:20px;width:auto;max-width:calc(100% - 40px);min-height:48px;padding:12px 18px;gap:12px}
.exp-grid .case-story .participant-play-label>span:last-child{font-size:13px}
.exp-grid .case-story .participant-play-label>span:last-child:after{content:none}
.exp-grid .case-story .participant-play-icon{width:30px;height:30px;font-size:12px}
.exp-grid .case-story .client-format{color:var(--accent);font-size:12px;line-height:1.6;margin:0 0 17px}
.exp-grid .case-story h3{font-size:clamp(30px,3vw,43px);line-height:1.12;letter-spacing:-.045em;max-width:23ch;margin:0 0 30px}
.case-story .case-quote{margin:0 0 32px;padding:0;border:0}
.case-story .case-quote p{font-size:clamp(23px,2.1vw,30px);line-height:1.4;letter-spacing:-.025em;margin:0;color:var(--paper-ink)}
.case-story .case-quote footer{font-size:12px;line-height:1.6;margin-top:12px;color:#63514b}
.case-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;margin-bottom:28px}
.case-facts>section{border-top:1px solid #a99a90;padding-top:15px;min-width:0}
.case-facts>section:only-child{grid-column:1/-1}
.case-story h4{font-size:12px;font-weight:600;line-height:1.5;color:var(--accent);margin:0 0 10px}
.case-facts p{font-size:15px;line-height:1.7;margin:0}
.case-outcome{border-left:3px solid var(--accent);padding:4px 0 5px 22px;margin-top:5px}
.case-outcome>p{font-size:20px;line-height:1.6;margin:0;letter-spacing:-.015em}
.case-outcome .case-human{font-size:15px;line-height:1.65;margin-top:16px;color:#51423d;letter-spacing:0}
.case-source{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:25px;font-size:12px;line-height:1.6}
.case-source a{text-underline-offset:4px}.case-timestamp{color:#63514b}
.client-featured .mini-quote{margin:17px 0 0;padding:0;border:0;font-size:18px;line-height:1.55;letter-spacing:-.02em}
.client-featured .mini-quote p{margin:0}
.client-summary-result{display:block;margin-top:12px;font-size:14px;line-height:1.6;font-weight:400}
@media(min-width:1600px){.exp-grid .case-story .client-case-person{max-width:510px}}
@media(max-width:1100px) and (min-width:801px){.exp-grid .case-story{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:30px}.exp-grid .case-story h3{font-size:33px}.case-facts{grid-template-columns:1fr;gap:20px}.exp-grid .case-story .client-photo figcaption{font-size:21px}.case-outcome>p{font-size:19px}}
@media(max-width:800px){.exp-grid .case-story{display:flex;flex-direction:column;gap:32px;padding:36px 0 46px}.exp-grid .case-story .client-case-person{position:static;width:100%}.exp-grid .case-story .client-photo>a,.exp-grid .case-story .client-photo>img{width:100%}.exp-grid .case-story .client-photo .participant-play>img,.exp-grid .case-story .client-photo>img{width:100%;height:auto;aspect-ratio:4/5;max-height:610px;object-position:center 28%}.exp-grid .case-story .client-photo figcaption{font-size:23px;margin-top:17px}.exp-grid .case-story .client-photo figcaption span{font-size:14px}.exp-grid .case-story h3{font-size:34px;max-width:24ch;margin-bottom:26px}.case-story .case-quote p{font-size:26px}.case-facts{grid-template-columns:1fr;gap:22px}.case-facts p{font-size:16px}.case-outcome>p{font-size:20px}.case-source{margin-top:24px}.case-story .case-quote{margin-bottom:28px}}
@media(max-width:360px){.exp-grid .case-story h3{font-size:30px}.case-story .case-quote p{font-size:24px}.exp-grid .case-story .participant-play-label{left:14px;bottom:14px;padding:10px 13px;font-size:12px}}

/* Keep source photographs in their natural proportions; crop video captions out. */
.exp-grid .case-story .client-photo>img{aspect-ratio:auto;max-height:none;object-fit:contain;background:transparent}
.exp-grid .case-story .client-photo .participant-play>img{aspect-ratio:1;object-position:center 20%}

/* A group recording is shown as a recording, never as a cropped portrait. */
#alexander-pilenko.case-story .client-photo .participant-play>img{aspect-ratio:16/10;object-fit:contain;background:#080808}
#alexander-pilenko.case-story .client-photo .participant-play-label{position:static;display:inline-flex;margin:0;width:100%;max-width:none;justify-content:center}
#gennady-babintsev.case-story .client-photo .participant-play>img{aspect-ratio:5/4;object-position:center 50%}
#sergey-ermoshkin.case-story .client-photo .participant-play>img{object-position:center 43%}