.portfolioPage{background:#f4f6f4}.portfolioMap{height:430px;position:relative;overflow:hidden;background:#dce4df}.mapGrid{position:absolute;inset:-80px;background-color:#e8ede9;background-image:linear-gradient(32deg,transparent 48%,#cbd5cf 49%,#cbd5cf 51%,transparent 52%),linear-gradient(122deg,transparent 48%,#d2dad5 49%,#d2dad5 51%,transparent 52%);background-size:90px 75px;transform:rotate(-5deg) scale(1.2)}.mapIntro{position:absolute;left:7vw;top:70px;width:370px;background:#fff;padding:28px;border-radius:10px;box-shadow:0 16px 45px #173c3025}.mapIntro span,.resultsHead small{color:#a8752d;font-size:10px;font-weight:700;letter-spacing:1px}.mapIntro h1{font:600 32px 'Playfair Display';margin:10px 0}.mapIntro p{color:#728079;line-height:1.6}.mapPin{position:absolute;background:#173c30;color:#fff;border-radius:6px;padding:8px 11px;font-size:11px;box-shadow:0 6px 16px #173c3040}.mapPin span{position:absolute;bottom:-6px;left:42%;width:12px;height:12px;background:#173c30;transform:rotate(45deg)}.pin0{left:52%;top:22%}.pin1{left:68%;top:42%}.pin2{left:79%;top:20%}.pin3{left:58%;top:68%}.pin4{left:88%;top:65%}.pin5{left:42%;top:52%}.pin6{left:73%;top:72%}.mapZoom{position:absolute;right:28px;bottom:28px;display:flex;flex-direction:column}.mapZoom button{width:36px;height:36px;border:1px solid #d7ddd9;background:#fff;font-size:20px}.portfolioBody{max-width:1400px;margin:auto;padding:45px 30px 80px;display:grid;grid-template-columns:270px 1fr;gap:32px}.portfolioFilter{align-self:start;position:sticky;top:20px;background:#fff;border-radius:10px;padding:22px;box-shadow:0 8px 30px #173c300b}.filterHead{display:flex;justify-content:space-between;border-bottom:1px solid #edf0ed;padding-bottom:15px}.filterHead a{color:#a8752d;font-size:11px}.portfolioFilter label{display:block;font-size:10px;font-weight:700;color:#718078;margin-top:16px}.portfolioFilter input,.portfolioFilter select{width:100%;height:43px;border:1px solid #dce3de;background:#fafbfa;border-radius:5px;padding:0 10px;margin-top:7px}.priceFields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.portfolioFilter button{width:100%;border:0;background:#173c30;color:#fff;padding:14px;border-radius:5px;margin-top:20px;font-weight:700}.resultsHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.resultsHead h2{font:600 32px 'Playfair Display';margin:7px 0}.resultsHead>b{font-size:12px;color:#76817c}.portfolioGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolioCard{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 30px #173c300c;transition:.25s}.portfolioCard:hover{transform:translateY(-4px);box-shadow:0 16px 40px #173c3017}.portfolioPhoto{height:210px;display:block;background-size:cover;background-position:center;position:relative}.portfolioPhoto>span{position:absolute;top:13px;left:13px;background:#b38340;color:#fff;padding:6px 9px;font-size:9px;font-weight:700}.portfolioInfo{padding:19px}.portfolioInfo>small{color:#a8752d;font-weight:700}.portfolioInfo h3{font:600 20px 'Playfair Display';margin:7px 0}.portfolioInfo p{color:#7a8580;font-size:12px}.portfolioMeta{display:flex;gap:12px;padding:13px 0;border-block:1px solid #edf0ed;color:#5e6c65;font-size:11px}.portfolioBottom{display:flex;align-items:center;justify-content:space-between;padding-top:15px}.portfolioBottom>b{font-size:17px}.portfolioBottom a{color:#a8752d;font-size:11px;font-weight:700}@media(max-width:1100px){.portfolioGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.portfolioMap{height:340px}.mapIntro{left:18px;top:35px;width:calc(100% - 36px)}.mapPin{display:none}.portfolioBody{grid-template-columns:1fr;padding:25px 16px 60px}.portfolioFilter{position:static}.portfolioGrid{grid-template-columns:1fr}.portfolioPhoto{height:245px}}