/* Portfolio V3 · hiring focus: fewer repeats, faster path to the tools, the real AI case right after them. */

/* Team value: three competencies on the rail, no link index. */
.value-rail>li>p{max-width:30ch}
.team-value{padding-block:96px 92px}

/* Products: one phrase of proof; Alexander's role is stated once in the section intro. */
.pv-works{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px;margin:24px 0 0!important;padding:13px 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px!important;line-height:1.55!important;color:var(--ink)!important}
.pv-works span{padding-top:3px;font-size:11.5px;letter-spacing:.085em;text-transform:uppercase;color:var(--pp-work)}
.pv-head .pv-works{margin:0!important;align-self:end}
.projects-heading>p{max-width:42ch}

/* Published sites now follow the real case in their own section. */
.sites-section{padding-top:88px}
.sites-section .web-showcase{border-top:0;margin-top:0;padding-top:0!important}

@media(max-width:760px){
 .team-value{padding-block:52px 48px}
 .sites-section{padding-top:48px}
 .value-rail>li{padding-bottom:26px}
 .value-rail>li>p{max-width:none}
 .pv-works{order:4;grid-template-columns:1fr;gap:3px;margin-top:18px!important;padding:10px 0 11px;font-size:14.5px!important}
 .pv-head .pv-works{margin-top:18px!important}
 /* Case on phones: keys and original documents carry the story. */
 .ev-text{display:none}
 /* Published sites: one frame, one link. */
 .web-case-toolbar,.web-case-visit{display:none}
 .web-case-heading{margin-bottom:12px}
 /* Contact: format titles only; the full offer is one tap away in Telegram. */
 .contact-offers span{display:none}
 .contact-offers li{padding:12px 0}
}