.portfolio-hero{padding:180px 7vw 120px;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;border-bottom:1px solid var(--line)}
.portfolio-hero h1{font-size:clamp(70px,8vw,132px);letter-spacing:-.04em;margin-top:28px}
.portfolio-hero>p{font-size:18px;line-height:1.75;max-width:560px;padding-bottom:10px}
.signature-project{display:grid;grid-template-columns:62% 38%;min-height:760px;border-bottom:1px solid var(--line);background:#e8e4dc}
.signature-project.reverse{grid-template-columns:38% 62%}
.signature-project.reverse img{order:2}
.signature-project img{width:100%;height:100%;min-height:760px;object-fit:cover;display:block}
.project-story{padding:7vw 5vw;display:flex;flex-direction:column;justify-content:center}
.project-story>span,.project-location{font-size:10px!important;text-transform:uppercase;letter-spacing:.17em;color:#777}
.project-story h2{font-size:clamp(54px,5vw,84px);margin:22px 0 12px}
.project-story>p:not(.project-location){font-size:16px;line-height:1.75;margin:34px 0 25px}
.project-story ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.project-story li{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.project-story .text-link{margin:38px 0 0}
.portfolio-note{padding:150px 7vw;text-align:center;background:var(--ink);color:var(--white)}
.portfolio-note>p:first-child{text-transform:uppercase;letter-spacing:.16em;font-size:10px;margin-bottom:45px}
.portfolio-note h2{font-size:clamp(55px,7vw,105px);max-width:1120px;margin:0 auto 55px}
.portfolio-note>p:last-child{font-size:18px;line-height:1.75;max-width:720px;margin:auto;color:#c9c6bd}
@media(max-width:800px){.portfolio-hero{padding:140px 24px 80px;grid-template-columns:1fr}.portfolio-hero h1{font-size:17vw}.portfolio-hero>p{font-size:16px}.signature-project,.signature-project.reverse{grid-template-columns:1fr;min-height:0}.signature-project.reverse img{order:0}.signature-project img{min-height:0;height:72vw}.project-story{padding:75px 24px}.project-story h2{font-size:15vw}.portfolio-note{padding:100px 24px}.portfolio-note h2{font-size:14vw}}
.real-work{padding:145px 7vw;background:#efede7}.real-work-heading{display:grid;grid-template-columns:25% 45% 30%;align-items:end;margin-bottom:80px}.real-work-heading h2{font-size:clamp(60px,7vw,105px)}.real-work-heading>p:last-child{font-size:15px;line-height:1.7}.real-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.real-work figure{margin:0;overflow:hidden}.real-work figure img{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.88);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s}.real-work figure:hover img{transform:scale(1.035);filter:saturate(1)}.real-work figcaption{font-size:12px;line-height:1.5;padding:17px 0 28px;border-bottom:1px solid var(--line)}.real-work figcaption span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:#777;margin-bottom:7px}.instagram-project-link{display:flex;justify-content:space-between;max-width:420px;margin:65px 0 0 auto;padding-bottom:14px;border-bottom:1px solid var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.15em}@media(max-width:900px){.real-work-heading{grid-template-columns:1fr;gap:30px}.real-work-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.real-work{padding:90px 24px}.real-work-grid{grid-template-columns:1fr}.real-work-heading h2{font-size:16vw}}