/* Portfolio archive: Figma 1172:866 and Project card 1171:187. */
.w3-portfolio-inner{width:min(91.6%,1492px);margin:auto}
.w3-portfolio-hero{padding:72px 0;background:#294df2;color:#fff}
.w3-portfolio-hero:before{content:'Проекты Weborka';display:block;width:min(91.6%,1492px);margin:0 auto 20px;color:#ddff57;font:600 14px/1.4 'Golos Text',sans-serif;text-transform:uppercase;letter-spacing:.08em}
.w3-portfolio-hero .w3-portfolio-inner{border-top:1px solid #ffffff55;padding-top:32px}
.page-portfolio-v3 .w3-portfolio-hero h1{margin:0;font:400 clamp(40px,5.625vw,80px)/1.08 Arimo,sans-serif;letter-spacing:-.035em;color:#fff}
.w3-portfolio-hero p{max-width:720px;margin:24px 0 0;font:400 18px/1.5 'Golos Text',sans-serif}
.w3-portfolio-archive{padding:48px 0;background:#fff}
.w3-portfolio-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}
.w3-portfolio-card{display:flex;flex-direction:column;gap:16px;min-width:0;color:#22231f;text-decoration:none}
.w3-portfolio-card__image{height:350px;overflow:hidden;border-radius:12px}
.w3-portfolio-card .project-picture{display:block;width:100%;height:100%}
.w3-portfolio-card .project-picture img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.w3-portfolio-card--long .project-picture img{object-fit:cover;object-position:top}
.page-portfolio-v3 .w3-portfolio-card h2{margin:0;color:#22231f;font:600 28px/1.2 'Golos Text',sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere}
.w3-portfolio-card p{margin:0;color:#56616a;font:400 16px/1.5 'Golos Text',sans-serif}
.w3-portfolio-card p.w3-portfolio-card__meta{font-size:14px}
.w3-portfolio-card:hover h2{color:#294df2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.w3-portfolio-card:focus-visible{outline:3px solid #294df2;outline-offset:6px;border-radius:3px}
@media(max-width:800px){.w3-portfolio-card__image{height:240px}.page-portfolio-v3 .w3-portfolio-card h2{font-size:24px}}
@media(max-width:620px){.w3-portfolio-inner{width:calc(100% - 40px)}.w3-portfolio-cards{grid-template-columns:1fr;gap:40px}.w3-portfolio-hero{padding:56px 0}.w3-portfolio-hero p{font-size:16px}.w3-portfolio-card__image{height:auto;aspect-ratio:1.64}.w3-portfolio-archive{padding:32px 0}}