.portfolio-intro{max-width:1220px;margin:0 auto;padding:80px 0 64px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}.portfolio-intro h1{font-family:var(--title-font),serif;font-size:clamp(46px,5vw,76px);font-weight:400;line-height:1.08;white-space:pre-line;letter-spacing:-.025em;margin:0}.portfolio-intro>div>p:not(.rentals-eyebrow){font-size:17px;line-height:1.9;color:#566359;margin:0 0 22px}.portfolio-list{max-width:1220px;margin:auto;padding:32px 0 60px;border-top:1px solid #dcded4;scroll-margin-top:24px}.portfolio-list-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.portfolio-list-heading p,.portfolio-note{color:#687368;font-size:13px;line-height:1.8}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.portfolio-card{display:block;color:#17221c;background:#fff;border:1px solid #dedfd4;border-radius:18px;overflow:hidden;transition:box-shadow .2s}.portfolio-card:hover{box-shadow:0 12px 30px #17221c18}.portfolio-photo{position:relative;aspect-ratio:3/2;overflow:hidden;background:#e9ede3}.portfolio-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.portfolio-card:hover img{transform:scale(1.025)}.portfolio-number{position:absolute;inset-inline-start:18px;top:18px;background:#fbfaf6ed;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:12px}.portfolio-card-copy{padding:26px}.portfolio-card-copy .rentals-eyebrow{font-size:11px;margin:0 0 12px}.portfolio-card-copy h2{font-size:28px;line-height:1.35;margin:0 0 24px}.portfolio-card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1e5d9;padding-top:18px;font-size:14px;font-weight:750}.portfolio-card-link>span{font-size:24px}.portfolio-note{margin-top:28px}.portfolio-page .rentals-owner{margin-top:0}html[lang=ar] .portfolio-intro h1{font-family:Arial,sans-serif;font-weight:700;line-height:1.4;letter-spacing:0}@media(max-width:1280px){.portfolio-intro,.portfolio-list{margin-inline:24px}.portfolio-intro{gap:40px}}@media(max-width:650px){.portfolio-intro{grid-template-columns:1fr;padding:40px 0;gap:24px;margin-inline:20px}.portfolio-list{margin-inline:20px}.portfolio-grid{grid-template-columns:1fr;gap:24px}.portfolio-intro h1{font-size:46px}.portfolio-list-heading{display:block}.portfolio-card-copy{padding:22px}.portfolio-card-copy h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-photo img{transition:none}.portfolio-card:hover img{transform:none}}
