.commission-hero { padding-bottom: 3rem; }
.commission-hero .subpage-hero-copy h1 { max-width: 13ch; font-size: clamp(3rem, 6vw, 5.7rem); }
.commission-offer { padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid rgba(255, 156, 35, .3); border-radius: var(--radius-lg); background: radial-gradient(circle at 90% 0, rgba(255, 156, 35, .14), transparent 65%), #0b0e13; }
.commission-offer .eyebrow { margin-top: 2.5rem; }
.commission-rate { display: block; font-family: "Montserrat", sans-serif; font-size: clamp(6rem, 12vw, 10rem); line-height: 1; letter-spacing: -.07em; color: var(--accent-orange); }
.commission-rate span { font-size: .5em; }
.commission-duration { font-size: 1.5rem; font-weight: 700; }
.commission-offer > p:not(.eyebrow):not(.commission-duration), .commission-offer small, .commission-example span, .commission-terms p, .commission-note { color: var(--muted); line-height: 1.65; }
.commission-example { display: grid; gap: .5rem; margin: 1.5rem 0; padding: 1.5rem 0; border-block: 1px solid rgba(255,255,255,.14); }
.commission-example strong { font-size: 1.7rem; }
.commission-offer small { display: block; }
.commission-terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.commission-terms article { padding: clamp(1.4rem, 3vw, 2rem); border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius-md); background: rgba(14,17,22,.8); }
.commission-terms h3 { margin: 0 0 .8rem; font-family: "Montserrat", sans-serif; font-size: 1.25rem; }
.commission-terms p { margin: 0; }
.commission-note { max-width: 75ch; margin-top: 1.5rem; font-size: .9rem; }
@media (max-width: 700px) { .commission-terms { grid-template-columns: 1fr; } }
