.studio-portfolio{padding:90px max(7vw,28px);background:#f7f1e9;text-align:center}.studio-portfolio-heading{max-width:600px;margin:0 auto 34px}.studio-portfolio-heading h2{font-family:Georgia,serif;font-size:clamp(2.25rem,5vw,4.6rem);font-weight:400;margin:.2em 0}.studio-portfolio-heading h2 em{color:#b27e5d}.studio-portfolio-heading p:not(.eyebrow){color:#705f54}.studio-portfolio-grid{max-width:1200px;margin:0 auto 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}.studio-portfolio-item{position:relative;min-height:320px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:#fff;text-decoration:none;background:#5e4b40}.studio-portfolio-item:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(30,22,18,.7));pointer-events:none}.studio-portfolio-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.studio-portfolio-item span,.studio-portfolio-item strong{position:relative;z-index:1}.studio-portfolio-item span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px}.studio-portfolio-item strong{font-family:Georgia,serif;font-size:1.5rem;font-weight:400}.studio-portfolio-more{display:inline-block;padding:14px 22px;border:1px solid #80604c;color:#4b3428;text-decoration:none;font-weight:700}.tiles>a{position:relative;display:block;min-height:260px;overflow:hidden;color:#fff;font-family:Georgia,serif;font-size:32px;text-decoration:none}.tiles>a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.tiles>a span{position:absolute;left:26px;bottom:26px;z-index:1}.tiles>a b{position:absolute;right:26px;bottom:23px;z-index:1;font:400 34px Arial}.studio-portfolio-filters{display:flex;justify-content:center;gap:22px;margin:-12px 0 25px}.studio-portfolio-filters a{color:#5d4638;text-decoration:none;border-bottom:1px solid #b18b70;padding:4px}@media(max-width:720px){.studio-portfolio{padding:64px 24px}.studio-portfolio-grid{grid-template-columns:1fr}.studio-portfolio-item{min-height:300px}.tiles>a{min-height:180px}}