.portfolio-intro{padding:82px 0 72px;background:#e8ede9}.portfolio-heading{display:grid;grid-template-columns:1.15fr .85fr;column-gap:90px;align-items:end}.portfolio-heading .eyebrow{grid-column:1/-1}.portfolio-heading h1{font-family:Fraunces,Georgia,serif;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-4px;margin:0;color:var(--ink)}.portfolio-heading h1 em{font-weight:600;color:var(--blue)}.portfolio-heading>p:last-child{font-size:18px;line-height:1.65;color:#47616a;margin:0 0 7px;max-width:430px}.portfolio-work{padding:88px 0 118px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 30px}.project{margin:0}.project img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px;background:#e8ede9}.project-feature{grid-column:1/-1;display:grid;grid-template-columns:1.4fr .6fr;align-items:end;background:var(--ink);color:#fff}.project-feature img{aspect-ratio:16/9;border-radius:3px 0 0 3px;height:100%}.project>div{padding:22px 3px 0}.project-feature>div{padding:42px 36px}.project span{display:block;color:var(--blue);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;margin-bottom:9px}.project-feature span{color:var(--aqua)}.project h2{font-family:Fraunces,Georgia,serif;font-size:30px;letter-spacing:-1px;margin:0 0 10px}.project p{color:#587078;line-height:1.6;margin:0;max-width:440px}.project-feature p{color:#bfced1}.project-wide{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;border-top:1px solid var(--line);padding-top:48px}.project-wide img{aspect-ratio:16/10}.project-wide>div{padding:20px 50px}.project-wide h2{font-size:36px}nav a[aria-current="page"]{color:var(--blue)}
@media(max-width:800px){.portfolio-intro{padding:55px 0}.portfolio-heading{grid-template-columns:1fr;gap:24px}.portfolio-heading h1{letter-spacing:-2.7px}.project-grid{grid-template-columns:1fr;gap:38px}.project-feature,.project-wide{grid-column:auto;display:block}.project-feature img{height:auto;aspect-ratio:4/3;border-radius:3px 3px 0 0}.project-feature>div{padding:28px 24px}.project-wide{padding-top:38px}.project-wide>div{padding:22px 3px}.portfolio-work{padding:60px 0 78px}}
