@font-face{font-family:PortfolioMegant;src:url('/wp-content/uploads/2024/01/MegantC-Personal-Use.ttf') format('truetype');font-display:swap}
.portfolio-page{max-width:1720px;margin:0 auto;padding:clamp(110px,9vw,150px) clamp(20px,4vw,72px) clamp(64px,8vw,128px);color:#414141}
.portfolio-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-bottom:1px solid #41414155;padding-bottom:24px;margin-bottom:clamp(28px,3vw,48px)}
.portfolio-heading h1{font-family:PortfolioMegant,Georgia,serif;font-size:clamp(38px,5vw,76px);font-weight:400;line-height:1.1;margin:0}
.portfolio-heading>span,.portfolio-number{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.12em}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);align-items:start}
.portfolio-card{display:grid;grid-template-rows:auto 1fr;align-self:stretch;min-width:0;color:inherit!important;text-decoration:none!important}
.portfolio-image{display:block;width:100%;aspect-ratio:4/3;background:#e3e2df;overflow:hidden}.portfolio-card img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;border-radius:0}
.portfolio-caption{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:baseline;padding:20px 0 18px;border-bottom:1px solid #41414155}
.portfolio-caption h2{font-family:PortfolioMegant,Georgia,serif;font-size:clamp(21px,1.8vw,30px);font-weight:400;line-height:1.25;letter-spacing:0;margin:0;text-transform:none;overflow-wrap:anywhere}
.portfolio-arrow{font-size:24px;line-height:1;transition:transform .2s ease}
.portfolio-card:hover .portfolio-arrow{transform:translate(3px,-3px)}
.portfolio-card:hover h2{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.portfolio-card:focus-visible{outline:2px solid #414141;outline-offset:8px}
@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:36px}.portfolio-caption h2{font-size:25px}.portfolio-heading{padding-bottom:18px}.portfolio-caption{padding-top:16px}}
@media(prefers-reduced-motion:reduce){.portfolio-arrow{transition:none}}