.portfolio-page{font-size:14px}
.portfolio-intro{padding:144px 0 56px}
.portfolio-heading-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}
.portfolio-heading-grid h1{font-family:'Bodoni Moda',Georgia,serif;font-weight:400;font-size:clamp(68px,8vw,116px);line-height:.94;letter-spacing:-.055em}
.portfolio-intro-copy{max-width:410px;justify-self:end;padding-bottom:3px}
.portfolio-intro-copy .eyebrow{font-size:12px;line-height:1.8;letter-spacing:.06em;margin-bottom:24px}
.portfolio-intro-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted)}
.portfolio-collection{padding:0 0 112px}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 32px;border-top:1px solid var(--rule);padding-top:40px}
.portfolio-card{min-width:0}
.portfolio-card-link{display:block}
.portfolio-image{position:relative;aspect-ratio:5/4;overflow:hidden;background:#141414}
.portfolio-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:filter .7s,transform .7s}
.portfolio-image-portrait img{object-fit:contain}
.portfolio-image-action{position:absolute;bottom:20px;right:20px;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;background:var(--paper);color:var(--ink);border-radius:99px;font-family:Manrope,Arial,sans-serif;font-size:12px;line-height:1.4;letter-spacing:.04em;text-transform:uppercase}
.portfolio-image-action .cta-arrow{flex:0 0 20px}
.portfolio-caption{padding-top:20px}
.portfolio-metadata{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;font-size:12px;line-height:1.6;color:var(--muted);text-transform:uppercase;letter-spacing:.035em}
.portfolio-metadata>span:last-child{flex-shrink:0}
.portfolio-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-top:10px}
.portfolio-title-row h2{font-family:'Bodoni Moda',Georgia,serif;font-size:28px;line-height:1.15;font-weight:400;letter-spacing:-.035em;text-transform:uppercase}
.portfolio-number{font-size:12px;color:var(--muted)}
.portfolio-description{font-size:14px;line-height:1.7;color:var(--muted);max-width:440px;margin-top:14px}
@media(hover:hover) and (pointer:fine){.portfolio-image img{filter:grayscale(1)}.portfolio-card-link:hover img,.portfolio-card-link:focus-visible img{filter:grayscale(0);transform:scale(1.025)}}
@media(max-width:991px){.portfolio-intro{padding-top:112px}.portfolio-heading-grid{gap:40px}.portfolio-heading-grid h1{font-size:clamp(64px,9vw,90px)}.portfolio-grid{gap:56px 24px}.portfolio-image-action{bottom:14px;right:14px;padding:10px 13px}}
@media(max-width:767px){.portfolio-intro{padding:104px 0 40px}.portfolio-heading-grid{grid-template-columns:1fr;gap:28px}.portfolio-heading-grid h1{font-size:clamp(48px,13.8vw,90px)}.portfolio-intro-copy{justify-self:start;max-width:460px}.portfolio-intro-copy .eyebrow{margin-bottom:16px}.portfolio-grid{grid-template-columns:1fr;gap:44px;padding-top:28px}.portfolio-image{aspect-ratio:5/4}.portfolio-image img{filter:none}.portfolio-title-row h2{font-size:26px}.portfolio-caption{padding-top:16px}.portfolio-metadata{gap:18px}.portfolio-image-action{bottom:14px;right:14px}.portfolio-collection{padding-bottom:64px}}
@media(prefers-reduced-motion:reduce){.portfolio-image img{transition:none}.portfolio-card-link:hover img,.portfolio-card-link:focus-visible img{transform:none}}