/* Portfolio V3 final polish: editorial page only. Product interfaces (.product-app) are not touched here. */

/* Hero: one compact line of verifiable facts under the actions. */
.hero-intro{max-width:44ch}
.hero-facts{display:grid;grid-template-columns:1fr 1.25fr 1.05fr;gap:0;margin:40px 0 0;max-width:640px;border-top:1px solid var(--line)}
.hero-facts>div{padding:16px 22px 0 0}
.hero-facts>div+div{padding-left:22px;border-left:1px solid var(--line)}
.hero-facts dt{font-size:12.5px;letter-spacing:.02em;color:var(--muted)}
.hero-facts dd{margin:5px 0 0;font-size:15px;line-height:1.4;font-weight:500;color:var(--ink);letter-spacing:-.01em}

/* Project headings: name and title start with the "Сегодня / Решение" copy, numbered for orientation. */
.projects{counter-reset:story}
.product-story{counter-increment:story}
.product-story-heading{align-items:start}
.product-story-heading .project-name::before{content:counter(story,decimal-leading-zero) ' / 04';display:inline-block;margin-right:14px;padding-right:14px;border-right:1px solid #cfd5cb;color:#8a9387;font-variant-numeric:tabular-nums}
.product-story-heading h3{margin-top:2px}

/* Contacts: three explicit formats and larger, clearer links. */
.contact h2{grid-row:2/6;max-width:13ch}
.contact-offers{grid-column:2;list-style:none;margin:22px 0 0;padding:0;border-top:1px solid #d9dcd5}
.contact-offers li{padding:15px 0;border-bottom:1px solid #d9dcd5;font-size:15.5px;line-height:1.5;color:var(--muted)}
.contact-offers b{display:block;margin-bottom:2px;font-size:17px;font-weight:550;letter-spacing:-.01em;color:var(--ink)}
.contact-links .text-link{font-size:17px;font-weight:500}
.contact-links .phone{font-size:19px;font-weight:500}
.contact .location{font-size:14.5px}
.footer p{font-size:13.5px}

@media(max-width:1100px) and (min-width:761px){
 .hero-facts{grid-template-columns:1fr;max-width:none}
 .hero-facts>div,.hero-facts>div+div{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-left:0;border-bottom:1px solid var(--line)}
 .hero-facts dt{flex:0 0 120px}
 .hero-facts dd{margin:0}
}
@media(max-width:760px){
 .hero-copy>.hero-facts{order:4;margin:6px 0 0;grid-template-columns:1fr;max-width:none}
 .hero-facts>div,.hero-facts>div+div{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:baseline;padding:11px 0;border-left:0;border-bottom:1px solid var(--line)}
 .hero-facts dt{font-size:12.5px}
 .hero-facts dd{margin:0;font-size:14.5px}
 .hero-facts dd br{display:none}
 .product-story-heading .project-name::before{margin-right:10px;padding-right:10px}
 .contact-offers{margin-top:22px}
 .contact-offers li{padding:13px 0}
 .contact h2{max-width:14ch}
}
@media(max-width:359px){
 .hero-facts>div,.hero-facts>div+div{grid-template-columns:1fr;gap:2px}
}