.commissions-page { color: #111; background: #fff; }
.commissions-eyebrow { margin: 0; color: rgba(17,17,17,.5); font-size: .62rem; font-weight: 500; line-height: 1.4; letter-spacing: .14em; text-transform: uppercase; }
.commissions-hero__figure { margin: 0; }
.commissions-hero__image { display: block; width: 100%; height: auto; max-height: calc(100svh - 3.5rem); object-fit: contain; object-position: left center; }
.commissions-hero__content { padding: 3.5rem 1rem 4.5rem; }
.commissions-hero__title { margin: .85rem 0 0; font-size: clamp(3.5rem, 16vw, 6rem); font-weight: 400; line-height: .92; letter-spacing: -.055em; }
.commissions-hero__text { max-width: 32rem; margin: 1.75rem 0 0; font-size: .95rem; line-height: 1.65; }
.commissions-arrow-link { display: flex; justify-content: space-between; width: min(100%,24rem); margin-top: 2.25rem; padding-bottom: .7rem; border-bottom: 1px solid rgba(17,17,17,.3); color: inherit; font-size: .64rem; font-weight: 500; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.commissions-introduction { padding: 5rem 1rem; border-top: 1px solid rgba(17,17,17,.12); }
.commissions-introduction h2,.commissions-form-section h2 { max-width: 11ch; margin: .9rem 0 0; font-size: clamp(2.5rem,11vw,5rem); font-weight: 400; line-height: .97; letter-spacing: -.045em; }
.commissions-introduction__copy { margin-top: 2.5rem; }
.commissions-introduction__copy p { max-width: 38rem; margin: 0; color: rgba(17,17,17,.72); font-size: .9rem; line-height: 1.7; }
.commissions-introduction__copy p + p { margin-top: 1.25rem; }
.commissions-steps { display: grid; margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(17,17,17,.12); }
.commissions-steps li { padding: 2rem 1rem 2.5rem; border-bottom: 1px solid rgba(17,17,17,.12); }
.commissions-steps span { color: rgba(17,17,17,.42); font-size: .6rem; letter-spacing: .12em; }
.commissions-steps h3 { margin: 1.5rem 0 0; font-size: 1.25rem; font-weight: 400; }
.commissions-steps p { max-width: 25rem; margin: .85rem 0 0; color: rgba(17,17,17,.62); font-size: .82rem; line-height: 1.6; }
.commissions-form-section { padding: 5rem 1rem 6rem; }
.commissions-form-section__header > p:last-child { max-width: 31rem; margin: 1.5rem 0 0; color: rgba(17,17,17,.65); font-size: .86rem; line-height: 1.65; }
.commissions-form { display: grid; gap: 1.75rem; margin-top: 3.5rem; }
.commissions-form__field { display: grid; gap: .65rem; }
.commissions-form__field label { font-size: .64rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.commissions-form__field label span { color: rgba(17,17,17,.45); }
.commissions-form__field input,.commissions-form__field select,.commissions-form__field textarea { width: 100%; padding: 1rem; border: 0; border-radius: 0; background: #f2f1ee; color: inherit; font: inherit; font-size: .9rem; line-height: 1.5; appearance: none; }
.commissions-form__field textarea { resize: vertical; }
.commissions-form__field input:focus,.commissions-form__field select:focus,.commissions-form__field textarea:focus { outline: 1px solid #111; }
.commissions-form__field--file input { padding: .85rem; }
.commissions-form__field--file p { margin: 0; color: rgba(17,17,17,.48); font-size: .66rem; line-height: 1.5; }
.commissions-form__consent { display: grid; grid-template-columns: auto 1fr; gap: .75rem; align-items: start; color: rgba(17,17,17,.62); font-size: .72rem; line-height: 1.55; }
.commissions-form__consent input { width: 1rem; height: 1rem; margin-top: .1rem; accent-color: #111; }
.commissions-form__consent a { color: inherit; }
.commissions-form__submit { min-height: 3.75rem; border: 1px solid #111; border-radius: 0; background: #111; color: #fff; font: inherit; font-size: .66rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
.commissions-closing { margin: 0; }
.commissions-closing img { display: block; width: 100%; height: auto; }
.commissions-closing figcaption { padding: .8rem 1rem 3rem; color: rgba(17,17,17,.48); font-size: .6rem; line-height: 1.5; }
@media (hover:hover) { .commissions-arrow-link:hover { border-color: #111; } .commissions-form__submit:hover { background: #fff; color: #111; } }
@media (min-width:48rem) {
  .commissions-hero { display: grid; grid-template-columns: minmax(0,.82fr) minmax(24rem,1.18fr); height: clamp(40rem,calc(100svh - 3.75rem),56rem); }
  .commissions-hero__figure { display: flex; height: 100%; }
  .commissions-hero__image { width: auto; height: clamp(40rem,calc(100svh - 3.75rem),56rem); max-width: 100%; max-height: none; }
  .commissions-hero__content { align-self: center; max-width: 42rem; padding: 4rem; }
  .commissions-introduction { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; padding: 7rem 3rem; }
  .commissions-introduction__copy { margin: 0; }
  .commissions-steps { grid-template-columns: repeat(3,1fr); }
  .commissions-steps li { min-height: 18rem; padding: 2.5rem 2rem; border-right: 1px solid rgba(17,17,17,.12); }
  .commissions-form-section { display: grid; grid-template-columns: minmax(18rem,.7fr) minmax(0,1.3fr); gap: 5rem; padding: 7rem 3rem 8rem; }
  .commissions-form { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 0; }
  .commissions-form__field--wide { grid-column: 1 / -1; }
  .commissions-closing figcaption { padding-left: 3rem; }
}
@media (min-width:64rem) { .commissions-introduction,.commissions-form-section { padding-right: 4rem; padding-left: 4rem; } }