:root{--accent:#7656d8;--accent-2:#ca5c9e;--accent-rgb:118,86,216}
.projects-hero .visual-panel{background:linear-gradient(145deg,#e9e6ef,#d9d5e4)}
.project-collage{position:absolute;inset:8%;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:11px;z-index:2;transform:rotate(-2deg)}
.project-collage img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid rgba(38,42,45,.15);box-shadow:0 12px 25px rgba(38,42,45,.1)}.project-collage img:first-child{grid-row:1/3}
.filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:35px}.filter-btn{border:1px solid var(--line);background:rgba(247,247,245,.55);padding:10px 14px;border-radius:999px;cursor:pointer;font-size:12px}.filter-btn.active,.filter-btn:hover{background:var(--accent);border-color:var(--accent);color:white}
.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.project-card-seo{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(247,247,245,.72);transition:.3s}.project-card-seo:hover{transform:translateY(-6px);box-shadow:0 25px 55px rgba(38,42,45,.11)}.project-card-seo .image-wrap{height:330px;overflow:hidden;background:#d9dcde}.project-card-seo img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-card-seo:hover img{transform:scale(1.025)}.project-meta{padding:25px}.project-meta small{font:9px var(--title);color:var(--accent);letter-spacing:.12em}.project-meta h3{font-size:21px;margin:10px 0}.project-meta p{font-size:14px;line-height:1.7;color:var(--muted)}.project-meta a{display:inline-block;margin-top:17px;color:var(--accent);font-weight:700}
@media(max-width:780px){.projects-grid{grid-template-columns:1fr}.project-card-seo .image-wrap{height:260px}}
:root{--service-font:'Space Grotesk';}
.visual-panel{border-color:rgba(118,86,216,.18)}


/* v4: portfolio masonry editorial */
.projects-masonry-zone{max-width:var(--max);margin:auto;padding:86px clamp(22px,5vw,76px) 100px}.projects-masonry-head{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end;margin-bottom:28px}.projects-masonry-head h2{font:700 clamp(32px,4vw,58px)/1.08 var(--service-font);max-width:900px}.projects-masonry-head h2 span{color:var(--accent)}.projects-masonry-head p{color:var(--muted);line-height:1.8}.masonry-grid{column-count:3;column-gap:20px}.masonry-card{break-inside:avoid;margin:0 0 20px;border-radius:18px;overflow:hidden;border:1px solid rgba(38,42,45,.1);background:rgba(247,247,245,.82);box-shadow:0 15px 40px rgba(38,42,45,.05);transition:.3s}.masonry-card:hover{transform:translateY(-4px);box-shadow:0 23px 48px rgba(38,42,45,.1)}.masonry-image{background:#d8dadd;overflow:hidden}.masonry-image img{width:100%;height:auto;display:block;transition:.5s}.masonry-card:hover .masonry-image img{transform:scale(1.025)}.masonry-meta{padding:20px}.masonry-meta small{font:700 8px var(--service-font);letter-spacing:.12em;color:var(--accent)}.masonry-meta h3{font:700 19px var(--service-font);margin:8px 0}.masonry-meta p{font-size:13px;line-height:1.65;color:var(--muted)}.masonry-meta a,.masonry-note{display:inline-block;margin-top:14px;font-size:12px;color:var(--accent);font-weight:700}.masonry-card.is-hidden{display:none}
@media(max-width:1000px){.masonry-grid{column-count:2}.projects-masonry-head{grid-template-columns:1fr}}@media(max-width:620px){.masonry-grid{column-count:1}.projects-masonry-zone{padding-block:68px}}