.selected-projects{padding:115px 8vw 125px;background:#f4f5f5}.projects-heading{display:grid;grid-template-columns:28% 72%;gap:30px;margin-bottom:60px}.projects-heading h2{font:600 clamp(2.3rem,4vw,4.3rem)/1.12 var(--font-head);letter-spacing:-.04em;margin:0 0 22px;max-width:900px}.projects-heading>div>p{color:#68747d;margin:0}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}.portfolio-card{background:#fff;display:flex;flex-direction:column}.portfolio-card-wide{grid-column:1/-1;display:grid;grid-template-columns:63% 37%}.portfolio-card-wide.reverse{grid-template-columns:37% 63%}.portfolio-card-wide.reverse .portfolio-image{order:2}.portfolio-image{position:relative;min-height:360px;overflow:hidden}.portfolio-card-wide .portfolio-image{min-height:470px}.portfolio-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s ease}.portfolio-card:hover .portfolio-image img{transform:scale(1.025)}.portfolio-image span{position:absolute;left:16px;bottom:16px;background:rgba(7,21,33,.88);color:#dbe1e5;padding:7px 10px;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.portfolio-copy{padding:34px 32px 38px;display:flex;flex-direction:column;justify-content:center}.portfolio-copy>p{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#9a7a47;margin:0}.portfolio-copy h3{font:600 27px/1.25 var(--font-head);margin:10px 0 24px}.portfolio-copy ul{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid var(--line)}.portfolio-copy li{font-size:14px;color:#68747d;padding:5px 0}@media(max-width:900px){.projects-heading{grid-template-columns:1fr}.portfolio-card-wide,.portfolio-card-wide.reverse{grid-template-columns:1fr}.portfolio-card-wide.reverse .portfolio-image{order:0}.portfolio-card-wide .portfolio-image{min-height:400px}}@media(max-width:560px){.selected-projects{padding:80px 6vw 85px}.projects-heading{margin-bottom:38px}.projects-heading h2{font-size:2.5rem}.project-gallery{grid-template-columns:1fr;gap:22px}.portfolio-card-wide{grid-column:auto}.portfolio-image,.portfolio-card-wide .portfolio-image{min-height:290px}.portfolio-copy{padding:28px 24px}}
