.vitar-gallery{color:#15263c;background:#fff;padding-bottom:clamp(48px,7vw,104px)}
.vitar-gallery__hero{background:#e1effb;padding:clamp(106px,13vw,184px) 0 clamp(36px,6vw,78px)}
.vitar-gallery__crumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:14px;color:#365778;margin-bottom:18px}
.vitar-gallery__crumbs a,.vitar-gallery__back{color:#27568f;text-underline-offset:.22em}
.vitar-gallery h1{color:#214f84;font-weight:700;font-size:clamp(34px,5vw,72px);line-height:1.04;letter-spacing:-.035em;margin:0;max-width:1000px;overflow-wrap:anywhere}
.vitar-gallery__hero p{color:#365778;font-size:clamp(16px,2vw,21px);line-height:1.4;margin:16px 0 0;max-width:620px}
.vitar-gallery__content{padding-top:clamp(26px,4vw,55px)}
.vitar-gallery .categories{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 clamp(24px,4vw,42px)}
.vitar-gallery .categories a{padding:9px 16px;border:1px solid #d4e1ef;border-radius:999px;min-height:44px;display:inline-flex;align-items:center;color:#244e80;text-decoration:none;font-size:15px;line-height:1.15}
.vitar-gallery .categories a:hover{background:#edf5ff}.vitar-gallery .categories a[aria-current=page]{background:#27568f;border-color:#27568f;color:white}
.vitar-gallery .work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(15px,2.5vw,32px)}
.vitar-gallery .work-grid article{padding:clamp(12px,1.7vw,23px);border-radius:22px;border:1px solid #dfebf6;background:#f7fbff;min-width:0}
.vitar-gallery .work-grid h2{font-size:clamp(19px,2vw,27px);line-height:1.17;color:#27568f;margin:18px 0 0}
.vitar-gallery .work-grid h2 a{color:inherit;text-decoration:none}.vitar-gallery .work-grid h2 a:hover{text-decoration:underline;text-underline-offset:.15em}
.vitar-gallery .work-grid p,.vitar-gallery--case .vitar-gallery__content>p{color:#45617d;line-height:1.45;margin:10px 0 0}
.vitar-gallery .compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,1.4vw,18px)}
.vitar-gallery .compare figure{position:relative;margin:0;min-width:0}
.vitar-gallery .vitar-compare-image{display:block;overflow:hidden;border-radius:14px;background:#e8f0f8;aspect-ratio:4 / 3}
.vitar-gallery .compare img{width:100%;height:100%;display:block;object-fit:contain}
.vitar-gallery .compare figcaption{display:inline-block;padding:4px 11px;background:#fff;border:1px solid #dde7f3;border-radius:999px;color:#27568f;font-size:13px;line-height:1.3;font-weight:600;margin-top:7px}
.vitar-gallery--case .compare{max-width:1120px}.vitar-gallery--case .vitar-compare-image{aspect-ratio: 4 / 3}
.vitar-gallery__actions{margin-top:28px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.vitar-gallery :is(a,button):focus-visible{outline:2px solid #214f84;outline-offset:4px}
@media(max-width:760px){.vitar-gallery .work-grid{grid-template-columns:1fr}.vitar-gallery .categories{gap:7px}.vitar-gallery .categories a{font-size:14px;padding:8px 12px}.vitar-gallery .work-grid article{border-radius:16px}.vitar-gallery .vitar-compare-image{border-radius:10px}}

.vitar-gallery .work-grid article[id^="case-"]{scroll-margin-top:clamp(100px,14vw,190px)}