.commissions-page { color: var(--vp-c-text-1); background: var(--vp-c-bg); }
.commissions-hero { padding: clamp(5rem, 9vw, 8rem) 0; background: radial-gradient(circle at 85% 15%, var(--vp-c-brand-soft), transparent 35%), var(--vp-c-bg-alt); border-bottom: 1px solid var(--vp-c-border); }
.commissions-hero-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(290px, .7fr); gap: clamp(2rem, 7vw, 7rem); align-items: center; }
.commissions-eyebrow { margin-bottom: 1rem; color: var(--vp-c-brand-2); font-size: .82rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.commissions-hero h1 { max-width: 14ch; font-size: clamp(2.8rem, 5.6vw, 5.5rem); line-height: 1.09; letter-spacing: -.045em; }
.commissions-lead { max-width: 68ch; margin-top: 1.5rem; color: var(--vp-c-text-2); font-size: clamp(1.05rem, 1.4vw, 1.22rem); line-height: 1.8; }
.commissions-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.commissions-hero-note, .commissions-form-note { margin-top: 1rem; color: var(--vp-c-text-2); font-size: .88rem; line-height: 1.6; }
.commissions-hero-panel { padding: 2rem; border: 1px solid var(--vp-c-border); border-radius: 1.1rem; background: var(--vp-c-bg); box-shadow: 0 22px 60px rgba(0,0,0,.06); }
.commissions-panel-label { display: block; padding-bottom: 1.1rem; color: var(--vp-c-text-2); font-size: .82rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.commissions-hero-panel div { display: flex; align-items: center; gap: 1.1rem; padding: 1.2rem 0; border-top: 1px solid var(--vp-c-border); }
.commissions-hero-panel div span { color: var(--vp-c-brand-2); font-weight: 700; }
.commissions-hero-panel strong { font-size: 1rem; }
.commissions-section { padding: clamp(4rem, 7vw, 7rem) 0; }
.commissions-heading { max-width: 760px; margin-bottom: 2.2rem; }
.commissions-heading h2, .commissions-request-copy h2 { font-size: clamp(2rem, 3.6vw, 3.25rem); line-height: 1.15; letter-spacing: -.035em; }
.commissions-heading > p:last-child, .commissions-request-copy > p:not(.commissions-eyebrow) { margin-top: 1rem; color: var(--vp-c-text-2); line-height: 1.75; }
.commissions-capabilities { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.commissions-capabilities article, .commissions-process div { padding: 1.7rem; border: 1px solid var(--vp-c-border); border-radius: .9rem; background: var(--vp-c-bg); }
.commissions-capabilities article > span, .commissions-process div > span { color: var(--vp-c-brand-2); font-size: .9rem; font-weight: 700; }
.commissions-capabilities h3, .commissions-process h3 { margin: 1rem 0 .5rem; font-size: 1.1rem; }
.commissions-capabilities p, .commissions-process p, .commissions-work-card p { color: var(--vp-c-text-2); line-height: 1.7; }
.commissions-work { background: var(--vp-c-bg-alt); border-block: 1px solid var(--vp-c-border); }
.commissions-work-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; margin-top: 1.2rem; }
.commissions-work-card { display: block; overflow: hidden; padding: 1.6rem; border: 1px solid var(--vp-c-border); border-radius: 1rem; background: var(--vp-c-bg); color: var(--vp-c-text-1); text-decoration: none; }
.commissions-work-card > span { color: var(--vp-c-brand-2); font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.commissions-work-card h3 { margin: .7rem 0; font-size: 1.24rem; line-height: 1.35; }
.commissions-product-card { transition: transform .2s ease, border-color .2s ease; }
.commissions-product-card:hover { transform: translateY(-4px); border-color: var(--vp-c-brand-1); }
.commissions-product-card strong { display: inline-block; margin-top: 1.2rem; color: var(--vp-c-brand-2); font-size: .92rem; }
.commissions-product-image { height: 185px; display: grid; place-items: center; margin: -1.6rem -1.6rem 1.4rem; padding: 1rem; background: var(--vp-c-bg-soft); }
.commissions-product-image img { width: 100%; height: 100%; object-fit: contain; }
.commissions-process { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.commissions-request-section { background: var(--vp-c-bg-alt); border-top: 1px solid var(--vp-c-border); }
.commissions-request-layout { display: grid; grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.commissions-request-copy ul { margin: 2rem 0 0; padding-left: 1.2rem; color: var(--vp-c-text-2); line-height: 2; }
.commissions-form-panel, .commissions-quote-card { padding: clamp(1.4rem, 3vw, 2.5rem); border: 1px solid var(--vp-c-border); border-radius: 1.1rem; background: var(--vp-c-bg); }
.commissions-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.commissions-field-full { grid-column: 1 / -1; }
.commissions-field label { display: block; margin-bottom: .4rem; font-size: .9rem; font-weight: 600; }
.commissions-field label span { color: var(--vp-c-text-2); font-weight: 400; }
.commissions-field input, .commissions-field select, .commissions-field textarea { display: block; width: 100%; min-height: 45px; padding: .72rem .85rem; border: 1px solid var(--vp-c-border); border-radius: .55rem; background: var(--vp-c-bg); color: var(--vp-c-text-1); font: inherit; }
.commissions-field textarea { resize: vertical; }
.commissions-field input:focus, .commissions-field select:focus, .commissions-field textarea:focus { outline: 2px solid var(--vp-c-brand-1); outline-offset: 1px; }
.commissions-field input[readonly] { background: var(--vp-c-bg-alt); color: var(--vp-c-text-2); }
.commissions-error { display: block; margin-top: .3rem; color: #d74343; font-size: .85rem; }
.commissions-error:empty { display: none; }
.commissions-error-summary { margin-bottom: 1.3rem; padding: .85rem 1rem; border-radius: .5rem; background: rgba(215,67,67,.12); color: #bb3737; }
.commissions-alert { margin-bottom: 1.3rem; padding: .85rem 1rem; border-radius: .5rem; background: var(--vp-c-brand-soft); color: var(--vp-c-text-1); }
.commissions-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.commissions-submit { margin-top: 1.2rem; }
.commissions-form-note a { color: var(--vp-c-brand-2); }
.commissions-quote-hero { padding: 4rem 0; }
.commissions-quote-hero h1 { max-width: none; font-size: clamp(2rem, 4vw, 3.5rem); overflow-wrap: anywhere; }
.commissions-quote-layout { max-width: 850px; }
.commissions-quote-card h2 { margin: 0 0 1rem; font-size: 1.55rem; }
.commissions-quote-card > p { margin-bottom: 1.2rem; color: var(--vp-c-text-2); line-height: 1.7; }
.commissions-quote-card > .btn-primary, .commissions-quote-card > .btn-secondary { margin: .3rem .5rem .3rem 0; }
.commissions-quote-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--vp-c-border); }
.commissions-quote-facts span { display: block; margin-bottom: .45rem; color: var(--vp-c-text-2); font-size: .8rem; }
.commissions-quote-facts strong { display: block; font-size: 1.1rem; }
.commissions-quote-scope { margin-bottom: 1.6rem; line-height: 1.75; overflow-wrap: anywhere; }
.commissions-quote-scope p, .commissions-quote-scope ul { margin-bottom: .9rem; }
.commissions-quote-scope ul { padding-left: 1.4rem; }
.commissions-accept-form { display: flex; flex-direction: column; align-items: start; gap: 1rem; border-top: 1px solid var(--vp-c-border); padding-top: 1.4rem; }
.commissions-accept-form label { display: flex; gap: .7rem; align-items: start; line-height: 1.6; }
.commissions-accept-form input { margin-top: .35rem; }
@media (max-width: 900px) { .commissions-hero-grid, .commissions-request-layout { grid-template-columns: 1fr; } .commissions-capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); } .commissions-work-grid, .commissions-process { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .commissions-capabilities, .commissions-work-grid, .commissions-process, .commissions-form-grid, .commissions-quote-facts { grid-template-columns: 1fr; } .commissions-hero { padding: 4rem 0; } .commissions-field-full { grid-column: auto; } }