/* Six clear client profiles, selected in the design proposal. */
.audience{border-top:1px solid var(--line)}
.audience h2{margin:0 0 44px;font:300 clamp(52px,6.5vw,94px)/1.06 var(--display);letter-spacing:-.06em}
.audience h2>span{color:var(--gold)}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.audience-tile{font:inherit;text-align:left;position:relative;min-width:0;min-height:244px;padding:28px 28px 32px;color:var(--fg);background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s ease}
.audience-tile-top{display:flex;justify-content:space-between;align-items:center;color:var(--gold);margin-bottom:30px}
.audience-tile-top svg{display:block;flex-shrink:0;width:28px;height:28px}
.audience-tile-top>span{font:400 11px/1 var(--mono);color:var(--muted)}
.audience-name{display:block;font:300 clamp(29px,3.1vw,44px)/1.1 var(--display);letter-spacing:-.04em;min-height:2.2em}
.audience-kind{display:block;font:400 12px/1.6 var(--sans);color:var(--muted);margin-top:18px;padding-right:8px}
.audience-arrow{position:absolute;bottom:12px;right:16px;color:var(--gold);font:300 23px/1 var(--sans);opacity:0;transform:translate(-3px,3px);transition:opacity .25s ease,transform .25s ease}
.audience-tile[aria-pressed=true]{background:#d4ae5010;box-shadow:inset 0 2px var(--gold)}
@media(hover:hover){.audience-tile:hover{background:#d4ae500b}.audience-tile:hover .audience-arrow{opacity:1;transform:translate(0,0)}}
.audience-tile[aria-pressed=true] .audience-arrow{opacity:1;transform:translate(0,0)}
.audience-tile:focus-visible{outline:2px solid var(--gold);outline-offset:-5px}
.audience-result{display:flex;flex-wrap:wrap;gap:8px 23px;align-items:baseline;padding-top:24px;font:400 12px/1.7 var(--sans)}
.audience-result>span:first-child{font:400 10px/1.7 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
html[lang=ru] .audience-name{font-size:clamp(25px,2.5vw,36px)}
@media(max-width:900px) and (min-width:561px){.audience-tile{padding:24px 20px 30px;min-height:229px}.audience-name{font-size:clamp(23px,3.5vw,31px)}.audience-kind{font-size:11px}html[lang=ru] .audience-name{font-size:clamp(20px,2.8vw,25px)}}
@media(max-width:560px){.audience h2{font-size:clamp(44px,12vw,62px);margin-bottom:30px}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-tile{padding:20px 13px 28px;min-height:218px}.audience-tile-top{margin-bottom:24px}.audience-name{font-size:clamp(19px,5.8vw,30px)}.audience-kind{font-size:11px;margin-top:16px;padding-right:0}.audience-result{font-size:11px;gap:8px 18px}.audience-arrow{font-size:20px;right:11px;bottom:10px}html[lang=ru] .audience-name{font-size:clamp(16px,4.8vw,25px)}}
@media(max-width:360px){.audience-tile{padding-left:10px;padding-right:10px}.audience-name{font-size:clamp(17px,5.4vw,19px)}html[lang=ru] .audience-name{font-size:15px}}
@media(prefers-reduced-motion:reduce){.audience-tile,.audience-arrow{transition:none}}