.submission-wordmark { display: block; width: 180px; height: auto; margin: 0px auto 25px; object-fit: contain; }
.purpose-number.purpose-care { font-size: clamp(72px, 11vw, 168px); letter-spacing: 0.03em; }
.commission-disclosure { margin: 28px 0px 22px; padding: 24px; border: 1px solid rgba(255, 255, 255, 0.24); background: rgba(255, 255, 255, 0.043); }
.commission-disclosure h3 { margin: 0px 0px 14px; font-family: Didot, "Bodoni MT", "Times New Roman", serif; font-size: 25px; font-weight: 400; }
.commission-disclosure ul { margin: 0px; padding-left: 18px; }
.commission-disclosure li { margin: 9px 0px; color: rgb(234, 222, 217); }
.commission-disclosure strong { color: rgb(255, 255, 255); }
.commission-disclosure .bonus-heading { margin-top: 28px; }
.bonus-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.bonus-tiers > div { padding: 16px 10px; border: 1px solid rgba(255, 255, 255, 0.18); text-align: center; }
.bonus-tiers span, .bonus-tiers b { display: block; }
.bonus-tiers span { font-family: Didot, "Bodoni MT", "Times New Roman", serif; font-size: 25px; color: rgb(255, 255, 255); }
.bonus-tiers b { margin-top: 4px; font-size: 9px; text-transform: uppercase; letter-spacing: 0.14em; color: rgb(232, 185, 168); }
.commission-disclosure .bonus-note { margin: 16px 0px 0px; color: rgb(205, 187, 182); font-size: 11px; line-height: 1.65; }
.commission-trigger { width: 100%; margin: 26px 0px 18px; padding: 18px 20px; border: 1px solid rgba(255, 255, 255, 0.32); background: rgba(255, 255, 255, 0.04); color: rgb(255, 255, 255); display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 14px; text-align: left; cursor: pointer; transition: background 0.3s, border-color 0.3s, transform 0.3s; }
.commission-trigger span { font-family: Didot, "Bodoni MT", "Times New Roman", serif; font-size: 21px; }
.commission-trigger b { font-size: 9px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(232, 185, 168); }
.commission-trigger i { font-style: normal; font-size: 17px; transition: transform 0.3s; }
.commission-trigger:hover, .commission-trigger:focus-visible { background: rgba(255, 255, 255, 0.09); border-color: rgba(255, 255, 255, 0.58); transform: translateY(-2px); }
.commission-trigger:hover i { transform: translate(2px, -2px); }
.commission-modal { position: fixed; inset: 0px; z-index: 1001; display: grid; place-items: center; padding: 24px; visibility: hidden; opacity: 0; transition: opacity 0.35s, visibility 0.35s; }
.commission-modal.is-open { visibility: visible; opacity: 1; }
.commission-modal-backdrop { position: absolute; inset: 0px; background: rgba(20, 10, 10, 0.78); backdrop-filter: blur(9px); }
.commission-modal-card { position: relative; width: min(760px, 100%); max-height: min(86vh, 850px); overflow: auto; padding: 48px clamp(25px, 5vw, 58px); background: rgb(52, 34, 33); color: rgb(255, 255, 255); border: 1px solid rgba(232, 185, 168, 0.34); box-shadow: rgba(0, 0, 0, 0.42) 0px 35px 100px; transform: translateY(22px) scale(0.985); transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1); outline: 0px; }
.commission-modal.is-open .commission-modal-card { transform: none; }
.commission-modal-card > h2 { margin: 8px 0px 10px; font-size: clamp(35px, 5vw, 56px); font-weight: 400; line-height: 1.04; }
.commission-modal-intro { max-width: 560px; color: rgb(216, 197, 191); }
.commission-modal-close { position: absolute; top: 18px; right: 20px; width: 38px; height: 38px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 50%; background: transparent; color: rgb(255, 255, 255); font-size: 25px; line-height: 1; cursor: pointer; }
.commission-modal .commission-disclosure { margin: 30px 0px 20px; }
.commission-modal-footnote { font-size: 11px; line-height: 1.7; color: rgb(205, 187, 182); }
.commission-modal-actions { display: flex; align-items: center; gap: 22px; margin-top: 24px; }
.commission-modal-actions button { border: 1px solid rgb(232, 185, 168); background: rgb(232, 185, 168); color: rgb(52, 34, 33); padding: 14px 20px; text-transform: uppercase; letter-spacing: 0.13em; font-size: 9px; cursor: pointer; }
.commission-modal-actions a { color: rgb(255, 255, 255); font-size: 10px; text-transform: uppercase; letter-spacing: 0.13em; text-underline-offset: 5px; }
.modal-lock { overflow: hidden; }
@media (max-width: 620px) {
  .bonus-tiers { grid-template-columns: 1fr; }
  .bonus-tiers > div { display: flex; align-items: center; justify-content: space-between; text-align: left; }
  .bonus-tiers b { margin: 0px; }
}
@media (max-width: 620px) {
  .commission-trigger { grid-template-columns: 1fr auto; }
  .commission-trigger b { display: none; }
  .commission-modal { padding: 0px; }
  .commission-modal-card { width: 100%; max-height: 92vh; align-self: end; padding: 44px 22px 28px; border-width: 1px 0px 0px; }
  .commission-modal-actions { align-items: stretch; flex-direction: column; }
  .commission-modal-actions button, .commission-modal-actions a { text-align: center; }
}
@media (max-width: 620px) {
  .submission-wordmark { width: 150px; }
}