/* v89: benefits, competencies and promotion, all using the existing theme. */
.benefits-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px}
.benefits-heading h2{max-width:470px;font-size:clamp(30px,3.2vw,43px);line-height:1.13;letter-spacing:-.035em}
.benefits-heading p{max-width:450px;font-size:15px;line-height:1.75}
.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.value-card{padding:26px;display:block;transition:border-color .25s,background .25s}
.value-card-heading{display:flex;gap:15px;align-items:center;min-height:64px;margin-bottom:15px}
.value-card .value-icon{flex:0 0 46px;width:46px;height:46px;object-fit:contain}
.value-card h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:0}
.value-card p{margin:0;font-size:14px;line-height:1.8}
.value-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--panel))}
.skills-refreshed{padding:32px}
.skills-refreshed .section-head h2{font-size:clamp(30px,3.2vw,43px);line-height:1.15}
.skills-refreshed .section-head p{max-width:700px;font-size:15px;line-height:1.75;margin-top:13px}
.skills-refreshed .skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.skills-refreshed .skill-card,.skills-refreshed .skill-card:nth-child(n){grid-column:auto;grid-row:auto;width:auto;justify-self:stretch;align-items:flex-start;text-align:left;padding:23px;min-width:0}
.skills-refreshed .skill-art{height:142px;justify-content:center;margin-bottom:13px}
.skills-refreshed .skill-art img{width:152px;height:142px;object-fit:contain}
.skills-refreshed .skill-card h3{font-size:21px;line-height:1.3;margin:0 0 13px;letter-spacing:-.025em}
.skills-refreshed .skill-card p{font-size:14px;line-height:1.8;flex:0 0 auto;margin:0 0 22px}
.skill-stack{list-style:none;padding:0;margin:auto 0 19px;display:flex;flex-wrap:wrap;gap:7px;align-content:flex-start}
.skill-stack li{font-size:11px;line-height:1.5;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:4px 8px;background:color-mix(in srgb,var(--accent) 4%,transparent)}
.skill-contact{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;border-top:1px solid var(--line);padding-top:12px;font-size:12px;color:var(--accent)}
.skill-contact img{width:19px;height:19px;transition:transform .2s}
.skill-contact:hover img{transform:translateX(3px)}
.promotion-expanded{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;border:0;background:none;overflow:visible}
.promotion-expanded .promotion-channel{grid-column:span 2;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}
.promotion-expanded .promotion-channel:nth-child(n+4){grid-column:span 3}
.promotion-expanded .promotion-channel.detail-card:hover{background:var(--panel)}
.promotion-expanded .channel-top{margin-bottom:20px;min-height:64px}
.promotion-expanded .channel-icon{width:64px;height:64px;object-fit:contain}
.promotion-expanded .promotion-channel h3{font-size:22px;min-height:0;line-height:1.3}
.promotion-expanded .promotion-channel p{font-size:14px;line-height:1.8;margin:14px 0 23px}
.promotion-expanded .channel-price{font-size:14px}
.promotion-expanded .detail-card:before{border-radius:22px}
.promotion-expanded .promotion-channel.detail-card .detail-trigger{top:21px;right:20px}
@media(max-width:1050px){
 .benefits-heading{gap:25px}.value-card{padding:22px}.value-card-heading{gap:11px}.value-card h3{font-size:19px}
 .skills-refreshed{padding:24px}.skills-refreshed .skill-card,.skills-refreshed .skill-card:nth-child(n){padding:20px}.skills-refreshed .skill-card h3{font-size:20px}
 .skills-refreshed .skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .skills-refreshed .skill-card:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}
}
@media(max-width:800px){
 .benefits-heading{display:block}.benefits-heading p{margin-top:18px;max-width:600px}
 .value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .promotion-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}
 .promotion-expanded .promotion-channel,.promotion-expanded .promotion-channel:nth-child(n+4){grid-column:auto;padding:24px}
 .promotion-expanded .promotion-channel:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}
}
@media(max-width:600px){
 .benefits-heading h2{font-size:31px}.benefits-heading p{font-size:16px}
 .value-grid{grid-template-columns:1fr;gap:14px}.value-card{padding:24px}.value-card-heading{gap:16px;min-height:54px}.value-card h3{font-size:21px}.value-card p{font-size:16px;line-height:1.7}
 .skills-refreshed{padding:22px 14px;border-radius:24px}.skills-refreshed .section-head{margin-bottom:25px}.skills-refreshed .section-head p{font-size:16px}
 .skills-refreshed .skills-grid{grid-template-columns:1fr;gap:16px}
 .skills-refreshed .skill-card,.skills-refreshed .skill-card:nth-child(n){width:auto;grid-column:auto;justify-self:stretch;padding:24px;border-radius:21px}
 .skills-refreshed .skill-art{height:135px;margin-bottom:18px}.skills-refreshed .skill-art img{width:150px;height:135px}
 .skills-refreshed .skill-card h3{font-size:23px}.skills-refreshed .skill-card p{font-size:16px;line-height:1.75}
 .skill-stack li{font-size:12px}.skill-contact{font-size:14px}
 .promotion-expanded{grid-template-columns:1fr;gap:15px}
 .promotion-expanded .promotion-channel,.promotion-expanded .promotion-channel:nth-child(n){grid-column:auto;width:auto;justify-self:stretch;padding:25px}
 .promotion-expanded .promotion-channel p{font-size:16px;line-height:1.75}.promotion-expanded .channel-price{font-size:15px}
}
@media(max-width:360px){.value-card{padding:20px}.value-card-heading{gap:12px}.value-card .value-icon{width:40px;height:40px;flex-basis:40px}.skills-refreshed{padding-inline:10px}.skills-refreshed .skill-card,.skills-refreshed .skill-card:nth-child(n){padding:21px}}
@media(prefers-reduced-motion:reduce){.value-card,.skill-contact img{transition:none}}