.portfolio{display:block;background:#171c19;padding:105px max(5vw,24px) 115px}.portfolio-copy{max-width:none;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin:0 0 55px}.portfolio-copy h2{font-size:clamp(48px,6vw,78px);line-height:1.02}.portfolio-intro{max-width:480px;padding-bottom:6px}.portfolio-copy .portfolio-intro>p{margin:0 0 25px;color:#a8afa9;line-height:1.75}.portfolio-link{display:inline-flex;align-items:center;gap:35px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid #826d51;padding-bottom:8px}.portfolio-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,330px);gap:18px}.project-tall{grid-row:1/3}.project{position:relative;min-height:0;background:#282d29}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,11,9,.88));pointer-events:none}.project img{width:100%;height:100%;min-height:0;object-fit:cover;transition:transform .7s ease,filter .5s}.project:hover img{transform:scale(1.045);filter:saturate(1.08)}.project figcaption{z-index:2;padding:70px 28px 25px;background:none;display:flex;flex-direction:column}.project figcaption span{font:700 9px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#d7b887;margin-bottom:8px}.project figcaption b{font:500 27px var(--serif);color:#fff}.project figcaption em{font:400 11px var(--sans);font-style:normal;color:rgba(255,255,255,.7);margin-top:5px}.project-tall figcaption b{font-size:34px}.portfolio:after{content:"View selected spaces · 11:11 Atelier Dreams";display:block;margin-top:20px;text-align:right;color:#667069;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:900px){.portfolio-copy{grid-template-columns:1fr;gap:22px}.portfolio-grid{grid-template-rows:repeat(2,270px)}}
@media(max-width:650px){.portfolio{padding:75px 18px}.portfolio-copy{margin-bottom:38px}.portfolio-copy h2{font-size:45px}.portfolio-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}.project,.project-tall{grid-row:auto;height:340px}.project-tall{height:440px}.project figcaption{padding:60px 20px 20px}.portfolio:after{text-align:left}}