.wb-project-gallery{--wb-bg:#f5f4f1;--wb-text:#1e1e1e;--wb-muted:#66645f;--wb-line:#c9c5bc;--wb-accent:#7a6d5b;--wb-radius:18px;display:grid;grid-template-columns:minmax(260px,0.8fr) minmax(480px,1.45fr);grid-template-areas:"intro viewer"
"thumbs thumbs";gap:10px;width:100%;padding:12px;box-sizing:border-box;color:var(--wb-text);background:var(--wb-bg);font-family:inherit}.wb-project-gallery__intro{grid-area:intro;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,58px)}.wb-project-gallery__intro h2{max-width:500px;margin:0 0 24px;font-size:clamp(22px,2.2vw,36px);line-height:1.18;letter-spacing:-0.025em}.wb-project-gallery__intro p{max-width:490px;margin:0;color:var(--wb-muted);font-size:16px;line-height:1.6}.wb-project-gallery__highlight{position:relative;display:flex;flex-direction:column;gap:2px;max-width:520px;margin-bottom:24px;padding-left:22px;font-size:17px;line-height:1.4}.wb-project-gallery__highlight::before{content:"";position:absolute;top:2px;bottom:2px;left:0;width:2px;background:var(--wb-line)}.wb-project-gallery__viewer{grid-area:viewer;min-width:0}.wb-project-gallery__main{position:relative;overflow:hidden;height:100%;min-height:440px;border-radius:var(--wb-radius);background:#dedbd4}.wb-project-gallery__main img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover;opacity:1;transform:scale(1);transition:opacity 0.25s ease,transform 0.45s ease}.wb-project-gallery__main img.is-changing{opacity:0;transform:scale(1.015)}.wb-project-gallery__thumbnails{grid-area:thumbs;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.wb-project-gallery__thumb{position:relative;overflow:hidden;aspect-ratio:1.55 / 1;padding:0;border:2px solid transparent;border-radius:13px;background:#ddd9d1;cursor:pointer;appearance:none;transition:border-color 0.2s ease,transform 0.2s ease,opacity 0.2s ease}.wb-project-gallery__thumb::after{content:"";position:absolute;inset:0;background:rgba(22,20,18,0.12);transition:background 0.2s ease}.wb-project-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.35s ease}.wb-project-gallery__thumb:hover{transform:translateY(-2px)}.wb-project-gallery__thumb:hover img{transform:scale(1.04)}.wb-project-gallery__thumb:hover::after,.wb-project-gallery__thumb.is-active::after{background:transparent}.wb-project-gallery__thumb.is-active{border-color:var(--wb-accent)}.wb-project-gallery__thumb:focus-visible{outline:3px solid rgba(122,109,91,0.35);outline-offset:3px}@media (max-width:1024px){.wb-project-gallery{grid-template-columns:minmax(240px,0.8fr) minmax(360px,1.2fr)}.wb-project-gallery__intro{padding:30px}.wb-project-gallery__main,.wb-project-gallery__main img{min-height:360px}}@media (max-width:767px){.wb-project-gallery{display:flex;flex-direction:column;gap:10px;padding:10px}.wb-project-gallery__intro{order:1;padding:26px 18px 22px}.wb-project-gallery__viewer{order:2}.wb-project-gallery__thumbnails{order:3;display:flex;overflow-x:auto;gap:8px;padding-bottom:5px;scroll-snap-type:x mandatory;scrollbar-width:thin}.wb-project-gallery__intro h2{margin-bottom:18px;font-size:clamp(28px,8vw,38px)}.wb-project-gallery__highlight{margin-bottom:18px;font-size:16px}.wb-project-gallery__main{min-height:auto;aspect-ratio:4 / 3;border-radius:14px}.wb-project-gallery__main img{min-height:0}.wb-project-gallery__thumb{flex:0 0 42%;max-width:190px;scroll-snap-align:start}.wb-project-gallery__intro h2{font-family:"Inter",sans-serif!important}}