/* Scoped to the new portfolio page; shared site styles remain unchanged. */
.commissions-intro{padding-top:85px;padding-bottom:48px}
.commissions-intro h1{font-size:clamp(48px,6.5vw,96px);max-width:1050px;overflow-wrap:break-word}
.commissions-intro .commissions-tagline{max-width:720px;font-size:clamp(19px,2.2vw,26px);line-height:1.5;font-weight:500}
.commissions-intro .commissions-summary{max-width:700px}
.commission-gallery-section{padding-bottom:100px}
.commission-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 32px}
.commission-card{min-width:0}
.commission-project-link{display:block;border-radius:3px}
.commission-project-link:focus-visible{outline-offset:8px}
.commission-visual{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--border);border-radius:3px;background:#eee9dd;transition:transform .2s}
.commission-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.commission-placeholder{padding:24px;background:#fff2cc;text-align:center}
.commission-card:nth-child(5n+2) .commission-placeholder{background:#e4ebdc}
.commission-card:nth-child(5n+3) .commission-placeholder{background:#e6eafa}
.commission-card:nth-child(5n+4) .commission-placeholder{background:#fae7d7}
.commission-card:nth-child(5n+5) .commission-placeholder{background:#ece4f3}
.commission-project-number{position:absolute;top:20px;left:22px;font:500 12px 'Space Grotesk',sans-serif;letter-spacing:1px}
.commission-placeholder-label{font-family:'Space Grotesk',sans-serif;font-size:clamp(19px,2.3vw,30px);letter-spacing:-.04em}
.commission-placeholder-label>span{display:block;margin-top:12px;font:700 9px 'DM Sans',sans-serif;letter-spacing:2px}
.commission-card-copy{padding-top:23px}
.commission-category{font-size:11px;line-height:1.6;letter-spacing:1px;color:#596151;margin:0 0 10px}
.commission-card h2{font-size:clamp(26px,2.8vw,39px);line-height:1.15;letter-spacing:-.055em;margin:0 0 14px}
.commission-description{font-size:15px;line-height:1.75;margin:0;max-width:500px}
.commission-view{display:inline-block;margin-top:19px;font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px}
.commission-project-link:hover .commission-visual{transform:translateY(-4px)}
.commission-project-link:hover .commission-view{color:#a34530}
.commissions-contact{background:#f4d1d5;max-width:none;padding-top:85px;padding-bottom:90px;gap:8%}
.commissions-contact .contact-intro h2{font-size:clamp(44px,5vw,72px)}
.commissions-contact .contact-form{background:var(--cream)}
/* Give supplied illustrations a quiet paper mount within the shared card proportions. */
.commission-card--illustrated .commission-visual{background:#fffaf2}
.commission-card--illustrated .commission-visual img{inset:6%;width:88%;height:88%}
@media(max-width:700px){
  .commissions-intro{padding-top:55px;padding-bottom:28px}
  .commissions-intro h1{font-size:clamp(42px,9.8vw,68px)}
  .commission-gallery{grid-template-columns:1fr;gap:42px}
  .commission-gallery-section{padding-bottom:70px}
  .commission-card-copy{padding-top:19px}
  .commissions-contact{padding-top:65px;padding-bottom:75px;gap:30px}
}