.section-main{padding-inline:26.5rem;padding-block:20rem min(30rem,30vh);background:#f3f3f3}section.hero{display:flex;margin-bottom:min(8.5rem,8.5vh)}.hero h2{color:#222;font-size:10rem;font-weight:300;line-height:100%}.headline{display:flex;width:100%;justify-content:space-between;align-items:center}.case-filters{position:relative;z-index:1;color:#000;width:39rem;cursor:pointer;isolation:isolate}.case-filters.is--active .case-filters__ul{opacity:1;visibility:visible}.case-filters .case-filters__top{display:flex;align-items:center;gap:3rem;padding-block:1.4rem;padding-inline:2.6rem 1rem;width:100%;background:#fff;border-radius:3rem}.case-filters .case-filters__top .case-filters__icon{width:2rem;height:1.6rem;flex-shrink:0}.case-filters .case-filters__top .case-filters__span{font-size:2rem;font-style:normal;font-weight:300;line-height:100%}.case-filters .case-filters__top .case-filters__cross{width:3.4rem;height:3.4rem;flex-shrink:0;transition:transform .5s var(--ease);margin-left:auto}.case-filters.is--active .case-filters__cross{transform:translate(-.5rem,.5rem) rotate(135deg)}.case-filters .case-filters__ul{display:grid;position:absolute;background:#fff;width:100%;top:0;left:0;z-index:-1;border-radius:3rem;padding-top:4.5rem;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}.case-filters .case-filters__ul .case-filters__li{font-size:2rem;font-style:normal;font-weight:300;line-height:100%;padding:2.3rem 3rem;border-bottom:1px solid #84848489;transition:opacity .3s ease-out}.case-filters .case-filters__ul .case-filters__li:nth-last-child(1){border-bottom:none}.cases{display:grid;grid-template-columns:1fr 1fr;gap:3rem 4rem}.case{position:relative}.case-image{width:100%;aspect-ratio:1.4}.case .img-wrap{overflow:hidden}.case h3{color:#000;font-size:2.4rem;font-weight:300;line-height:100%;margin-top:1.5rem}.case span:nth-last-child(1){color:#6d6d6d;text-align:center;font-size:1.8rem;font-weight:300;line-height:100%;margin-top:1rem;display:inline-block}.view-project{position:absolute;top:50%;left:50%;width:16rem;height:16rem;border-radius:100%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transform:translate(-50%,-50%) scale(0);transition:transform .5s var(--ease);will-change:transform}.view-project span{color:#000;text-align:center;font-size:1.7rem;font-weight:300;line-height:100%;margin-top:1rem}.view-project img{width:1.4rem;height:1.4rem;object-fit:contain}@media (hover: hover) and (pointer: fine){.case:hover .view-project{transform:translate(-50%,-50%) scale(1)}.case-filters .case-filters__ul .case-filters__li:hover{opacity:.5}}@media (orientation: portrait){.section-main{padding-inline:1.5rem;padding-block:12rem 7.5rem}section.hero{margin-bottom:3rem}.hero h2{font-size:4rem}.headline{display:flex;flex-direction:column;align-items:flex-start;gap:5rem}.case-filters{width:100%;max-width:36rem}.case-filters .case-filters__top{gap:2.7rem;padding-inline:2.3rem .8rem;border-radius:5rem;padding-block:.8rem}.case-filters .case-filters__top .case-filters__icon{width:1.5rem;height:1.2rem}.case-filters .case-filters__top .case-filters__span{font-size:1.4rem}.case-filters .case-filters__top .case-filters__cross{width:3rem;height:3rem}.case-filters .case-filters__ul{top:.5rem;border-radius:2.5rem;padding-top:4rem}.case-filters .case-filters__ul .case-filters__li{font-size:1.4em;padding:1.8rem 2.3rem}.cases{display:grid;gap:2.7rem 1.4rem}.case{position:relative}.case h3{font-size:1.2rem;margin-top:.4rem}.case span:nth-last-child(1){font-size:1.2rem;margin-top:.4rem}.view-project{display:none}}