/* Commission desk: shared interaction, two different visual voices. */
.commission-page { --request-accent:#884734; --request-dark:#693829; --request-tint:#f2e9dc; --request-border:#d7c8b4; }
.commission-event { --request-accent:#496044; --request-dark:#334a31; --request-tint:#e9ecdf; --request-border:#ccd1bb; }
.commission-heading { padding-top:40px; padding-bottom:54px; }
.commission-heading .chapter-kicker a { font-size:.72rem; color:var(--muted); }
.commission-title { display:grid; grid-template-columns:1.4fr .65fr; gap:10%; align-items:end; padding-top:42px; }
.commission-title h1 { font-size:clamp(3.5rem,6.5vw,6.4rem); line-height:1; margin:0; letter-spacing:-.055em; }
.commission-title h1 em { color:var(--request-accent); font-weight:400; }
.commission-title > div { padding-bottom:5px; max-width:345px; }
.commission-title > div p { font-size:.97rem; line-height:1.8; margin:0 0 22px; }
.commission-caption { display:block; font:italic 1rem/1.5 var(--serif); color:var(--request-accent); }
.commission-workspace { display:grid; grid-template-columns:minmax(220px,.72fr) minmax(0,1.55fr); gap:7%; align-items:start; padding-bottom:86px; }
.commission-workspace > form { grid-column:2; grid-row:1; }
.commission-workspace > aside { grid-column:1; grid-row:1; }
.commission-sidebar { position:sticky; top:116px; padding:7px 0 0; }
.commission-card { position:relative; padding:25px 20px 23px; background:#eee0cb; border:1px solid #ddc9ad; transform:rotate(-3deg); text-align:center; }
.commission-card::before { content:''; position:absolute; width:64px; height:23px; top:-12px; left:calc(50% - 32px); background:#d0c29d99; transform:rotate(5deg); }
.commission-card-label { display:block; font-size:.56rem; letter-spacing:.12em; text-transform:uppercase; color:#685945; }
.commission-card p { font:1.4rem/1.25 var(--serif); margin:0 0 22px; letter-spacing:-.025em; }
.commission-card p em { color:var(--request-accent); }.commission-card-sign { font:italic 1rem var(--serif); color:var(--request-accent); }
.commission-object { display:block; width:100%; height:auto; margin:8px auto 0; }
.commission-product { display:block; width:100%; max-height:280px; object-fit:contain; margin:24px 0; }
.commission-card .commission-product-title { font-size:1.25rem; }
.commission-flower { transform-origin:150px 100px; }
html[data-motion='on'] .is-in-view .commission-flower { animation:paint-shimmer 8s ease-in-out infinite; }
@keyframes paint-shimmer { 0%,70%,100% { opacity:1; } 82% { opacity:.5; } }
.event-invitation-card { background:#e5e7d7; border-color:#cfd5bc; transform:rotate(2deg); }
.event-invitation-card::before { background:#c6cdabbb; }
.event-invitation-card .play-bird { width:86%; margin:-18px auto -25px; }
.event-invitation-card > p { min-height:54px; margin-top:7px; overflow-wrap:anywhere; }
.invitation-date { display:flex; justify-content:space-between; gap:15px; border-top:1px dashed #9eaa8b; padding-top:18px; font-size:.63rem; }
.invitation-date > span:last-child { max-width:70%; overflow-wrap:anywhere; text-align:right; }
.commission-promise { margin-top:32px; padding:0 4px; }.commission-promise > span { font:1.35rem var(--serif); }.commission-promise p { margin:12px 0 22px; font-size:.76rem; color:var(--muted); line-height:1.8; }
.commission-facts { font-size:.69rem; margin:0; }.commission-facts > div { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-top:1px solid var(--line); }.commission-facts dt { color:var(--muted); }.commission-facts dd { margin:0; text-align:right; }
.commission-after { padding:0; margin-top:18px; border:0; border-top:1px solid var(--line); border-radius:0; background:none; }
.commission-after summary { display:flex; justify-content:space-between; gap:12px; list-style:none; font-size:.72rem; padding:15px 0; cursor:pointer; }.commission-after summary::-webkit-details-marker { display:none; }.commission-after summary span { font-size:1.1rem; }.commission-after[open] summary span { transform:rotate(45deg); }
.commission-after ol { padding:0 0 0 18px; font-size:.72rem; color:var(--muted); }.commission-after li { padding-bottom:9px; }
.studio-form { display:block; min-width:0; margin:0; padding:0; border:1px solid var(--request-border); border-radius:8px; background:#fffcf6; box-shadow:0 14px 44px #42311c06; overflow:hidden; scroll-margin-top:0; }
.studio-form::before,.studio-form::after { display:none; }
.studio-form-top { display:flex; justify-content:space-between; gap:15px; padding:22px 36px 18px; font-size:.63rem; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.studio-form-top > span:last-child { color:var(--request-accent); font-variant-numeric:tabular-nums; }
.studio-form .order-progress { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:0 36px; background:none; overflow:visible; }
.studio-form .order-progress button { position:relative; display:flex; justify-content:flex-start; gap:8px; padding:13px 0 18px; border:0; border-bottom:2px solid #e8dfd0; border-radius:0; background:none; color:#79766b; font:500 .7rem var(--sans); text-transform:none; letter-spacing:0; cursor:pointer; text-align:left; }
.studio-form .order-progress button b { display:inline; width:auto; height:auto; border:0; font:italic .9rem var(--serif); }
.studio-form .order-progress button span { display:inline; }
.studio-form .order-progress button:disabled { opacity:.55; cursor:default; }
.studio-form .order-progress .is-active { color:var(--request-accent); border-color:var(--request-accent); }
.studio-form .order-progress .is-done { color:var(--request-accent); border-color:#b1b69d; }
.studio-form .order-progress button:not(:disabled):hover { background:var(--request-tint); }
.studio-form .order-wizard-step { padding:36px; animation:none; }
.studio-form.is-enhanced .order-wizard-step { animation:letter-arrive .32s ease-out; }
@keyframes letter-arrive { from { opacity:.35; transform:translateY(7px); } to { opacity:1; transform:none; } }
.studio-form .form-step { position:relative; display:block; padding:0; border:0; margin:0 0 30px; }
.studio-form .form-step > span { position:absolute; top:3px; right:0; width:auto; height:auto; aspect-ratio:auto; border:0; background:none; color:var(--request-accent); opacity:.15; font:italic clamp(3rem,5vw,4.3rem)/1 var(--serif); pointer-events:none; }
.studio-form .form-step > div { padding-right:40px; }
.studio-form .form-step .eyebrow { color:var(--request-accent); font-size:.57rem; margin:0 0 18px; max-width:90%; line-height:1.6; }
.studio-form .form-step h2 { font-size:clamp(2.1rem,3.6vw,3.55rem); font-weight:400; line-height:1.06; margin:0 0 18px; letter-spacing:-.045em; }
.studio-form .form-step h2 em { color:var(--request-accent); }.studio-form .form-step h2:focus { outline:0; }
.studio-form .form-step p:not(.eyebrow) { font-size:.83rem; line-height:1.7; max-width:430px; }
.studio-form .form-grid { gap:24px 22px; margin:28px 0; }.studio-form .two-columns { grid-template-columns:repeat(2,minmax(0,1fr)); }
.studio-form label { color:#655c4e; font-size:.73rem; font-weight:500; gap:10px; min-width:0; }
.studio-form input:not([type=checkbox]):not([type=hidden]), .studio-form select { min-height:52px; padding:14px; font:400 1rem/1.35 var(--sans); border:1px solid #dcd5c7; border-radius:5px; background:#f8f5ee; transition:border-color .2s,background .2s,box-shadow .2s; }
.studio-form input::placeholder,.studio-form textarea::placeholder { color:#79766b; font-size:.85rem; opacity:1; }
.studio-form input:not([type=checkbox]):focus, .studio-form textarea:focus, .studio-form select:focus { outline:0; background:#fffdf8; border-color:var(--request-accent); box-shadow:0 0 0 3px var(--request-tint); }
.studio-form label:focus-within { color:var(--request-accent); }
.studio-form label:has(input:user-invalid),.studio-form label:has(textarea:user-invalid),.studio-form label:has(select:user-invalid) { color:#9b362c; }
.studio-form input:user-invalid,.studio-form textarea:user-invalid,.studio-form select:user-invalid { border-color:#aa4b40; }
.studio-form .idea-prompts { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; }
.studio-form .idea-prompts button { font:.73rem var(--sans); border:1px solid var(--request-border); background:transparent; color:var(--request-accent); padding:9px 13px; border-radius:4px; }
.studio-form .idea-prompts button::before { content:'+'; padding-right:8px; }.studio-form .idea-prompts button:hover { background:var(--request-tint); transform:translateY(-2px); }
.studio-form .idea-field { display:block; padding:0; background:none; border:0; }.studio-form .idea-field::before,.studio-form .idea-field::after { display:none; }
.studio-form textarea { display:block; width:100%; margin-top:12px; padding:24px; min-height:245px; border:1px solid var(--request-border); border-radius:5px; background:#f6f0e5; font:1.15rem/1.65 var(--serif); resize:vertical; background-image:none; }
.commission-event .studio-form textarea { background:#f0f2e8; }
.studio-small-note { display:flex; gap:16px; margin:18px 0; color:var(--muted); }.studio-small-note > span { font:1.8rem var(--serif); color:var(--request-accent); }.studio-small-note p { margin:0; font-size:.74rem; max-width:390px; }
.studio-form .gift-order-box,.studio-form .rush-order-box { background:transparent; padding:20px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; margin-top:8px; }
.studio-form .gift-order-choice { grid-template-columns:22px minmax(0,1fr); gap:15px; align-items:start; }.studio-form .gift-order-icon { display:none; }
.studio-form .gift-order-choice strong,.studio-form .rush-order-choice strong { font:400 1.2rem/1.3 var(--serif); color:var(--ink); }.studio-form .gift-order-choice small,.studio-form .rush-order-choice small { font-size:.7rem; line-height:1.6; margin-top:8px; }
.studio-form input[type=checkbox] { width:20px; height:20px; margin-top:3px; accent-color:var(--request-accent); flex-shrink:0; }
.studio-form .gift-note-field { padding-left:37px; margin-top:18px; }.studio-form .gift-note-field > small { display:block; margin-top:10px; font-size:.68rem; }
.studio-form input[type=file] { width:100%; max-width:100%; font-size:.7rem!important; padding:10px!important; border-style:dashed!important; background:#f4eee1!important; }
.studio-form input[type=file]::file-selector-button { border:0; border-radius:3px; background:var(--request-accent); color:#fffaf0; padding:10px 12px; margin-right:10px; font:.7rem var(--sans); cursor:pointer; }
.studio-form .wizard-actions { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:32px; padding-top:24px; border-top:1px solid var(--line); }
.studio-form .wizard-actions > span { font-size:.65rem; }.studio-form .wizard-actions .button { min-width:0; padding:16px 22px; min-height:53px; font-size:.78rem; border-radius:4px; }
.studio-form .button-dark { background:var(--request-accent); border-color:var(--request-accent); }.studio-form .button-dark:hover { background:var(--request-dark); border-color:var(--request-dark); }
.studio-form .button-dark b { display:inline-block; margin-left:15px; font-weight:400; transition:transform .2s; }.studio-form .button-dark:hover b { transform:translateX(4px); }
.studio-form .button-outline { border-color:transparent; padding-left:0!important; background:none; font-weight:400; }.studio-form .button-outline:hover { color:var(--request-accent); }
.request-recap { position:relative; border:1px solid var(--request-border); background:var(--request-tint); padding:24px; margin:25px 0 30px; }
.recap-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:.67rem; color:var(--request-accent); }
.recap-heading > button { border:0; background:none; padding:8px 0; font:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.request-recap > p { font:1.25rem/1.45 var(--serif); margin:18px 0; white-space:pre-wrap; overflow-wrap:anywhere; max-height:180px; overflow:auto; }
.request-recap dl { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:20px 0 0; padding-top:20px; border-top:1px dashed var(--request-border); }.request-recap dl > div { min-width:0; }.request-recap dt { font-size:.62rem; color:var(--muted); }.request-recap dd { margin:5px 0 0; font-size:.77rem; overflow-wrap:anywhere; }
.studio-form .legal-consent-stack { gap:18px; }.studio-form .legal-consent { padding:0; background:none; border:0; gap:12px; font-size:.69rem; line-height:1.7; }.studio-form .legal-consent a { font-weight:500; color:var(--request-accent); }.studio-form .form-note { font-size:.66rem; text-align:left; line-height:1.8; margin-top:24px; }
.event-format-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:20px 0 28px; }
.event-format-cards button { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:7px; padding:18px 13px; border:1px solid var(--request-border); border-radius:5px; background:#f4f4eb; color:var(--request-accent); text-align:left; cursor:pointer; transition:background .25s,transform .25s,border-color .25s; }
.event-format-cards button:hover { transform:translateY(-3px); background:#e9eddf; }.event-format-cards button[aria-pressed=true] { border-color:var(--request-accent); background:#e3e9d8; box-shadow:inset 0 0 0 1px var(--request-accent); }
.format-symbol { font:2.6rem/1 Georgia,serif; margin-bottom:8px; }.event-format-cards strong { font:1.08rem/1.1 var(--serif); }.event-format-cards small { font:.58rem/1.5 var(--sans); color:#676f5c; }.format-tick { position:absolute; right:10px; top:10px; opacity:0; }.event-format-cards button[aria-pressed=true] .format-tick { opacity:1; }
.commission-outro { padding-block:20px 80px; text-align:center; }.commission-outro h2 { font-size:clamp(2.6rem,4.8vw,4.8rem); }.commission-outro h2 em { color:var(--request-accent); }
.studio-form:not(.is-enhanced) [data-order-next],.studio-form:not(.is-enhanced) [data-order-back],.studio-form:not(.is-enhanced) [data-order-jump],.studio-form:not(.is-enhanced) [data-step-counter],.studio-form:not(.is-enhanced) .idea-prompts { display:none; }
.studio-form:not(.is-enhanced) .order-wizard-step + .order-wizard-step { border-top:1px solid var(--line); }
@media (max-width:1150px) {
  .commission-title { gap:6%; grid-template-columns:1.2fr .7fr; }.commission-title h1 { font-size:5.8vw; }.commission-title > div p { font-size:.87rem; }.commission-caption { font-size:.9rem; }
  .commission-workspace { gap:5%; grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr); }.studio-form .order-wizard-step { padding:28px; }.studio-form-top { padding-inline:28px; }.studio-form .order-progress { padding-inline:28px; }.studio-form .order-progress button { font-size:.61rem; gap:5px; }
  .commission-card { padding-inline:14px; }.commission-card p { font-size:1.2rem; }.studio-form .form-step h2 { font-size:2.6rem; }.studio-form .form-step > div { padding-right:18px; }
  .commission-facts > div { flex-direction:column; gap:3px; }.commission-facts dd { text-align:left; }.event-format-cards { gap:7px; }.event-format-cards button { padding:15px 9px; }.event-format-cards strong { font-size:.98rem; }
}
@media (max-width:850px) {
  .commission-title { grid-template-columns:1fr; gap:24px; }.commission-title h1 { font-size:clamp(3.4rem,8vw,5.6rem); }.commission-title > div { max-width:500px; }.commission-title > div p { margin-bottom:12px; }.commission-heading { padding-bottom:35px; }
  .commission-workspace { grid-template-columns:minmax(0,1fr); gap:45px; }.commission-workspace > form { grid-column:1; grid-row:1; }.commission-workspace > aside { grid-column:1; grid-row:2; }.commission-sidebar { position:static; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px 30px; align-items:start; }.commission-card { grid-column:1; grid-row:1 / span 3; max-width:300px; width:96%; margin:0 auto; }.commission-promise { margin-top:10px; }.commission-facts { grid-column:2; }.commission-facts > div { flex-direction:row; }.commission-facts dd { text-align:right; }.commission-after { grid-column:2; margin-top:0; }.commission-card p { font-size:1.35rem; }
  .studio-form .form-step h2 { font-size:3.3rem; }.studio-form .order-progress button { font-size:.76rem; gap:10px; }.event-format-cards strong { font-size:1.2rem; }.event-format-cards small { font-size:.7rem; }
}
@media (max-width:540px) {
  .commission-heading { padding-top:25px; }.commission-heading .chapter-kicker { gap:16px; }.commission-heading .chapter-kicker .eyebrow { font-size:.59rem; max-width:53%; }.commission-heading .chapter-kicker a { font-size:.61rem; text-align:right; max-width:42%; }
  .commission-title { padding-top:30px; gap:22px; }.commission-title h1 { font-size:clamp(2.9rem,10vw,4.2rem); }.commission-title > div p { font-size:.87rem; line-height:1.7; }
  .commission-workspace { width:calc(100% - 24px); padding-bottom:55px; }.studio-form { border-radius:6px; scroll-margin-top:0; }.studio-form-top { padding:20px 20px 13px; font-size:.55rem; }.studio-form .order-progress { padding:0 20px; }.studio-form .order-progress button { flex-direction:column; align-items:flex-start; gap:7px; font-size:.6rem; padding:12px 0; }.studio-form .order-progress button b { font-size:.77rem; }
  .studio-form .order-wizard-step { padding:28px 20px 23px; }.studio-form .form-step h2 { font-size:2.7rem; }.studio-form .form-step > div { padding-right:0; }.studio-form .form-step > span { font-size:3rem; }.studio-form .form-step p:not(.eyebrow) { font-size:.8rem; }.studio-form .form-step .eyebrow { font-size:.52rem; max-width:80%; }
  .studio-form .form-grid.two-columns { grid-template-columns:1fr; gap:20px; }.studio-form label { font-size:.72rem; }.studio-form input:not([type=checkbox]):not([type=hidden]),.studio-form select { font-size:16px; }
  .studio-form textarea { padding:18px; font-size:1.08rem; min-height:230px; }.studio-form .idea-prompts button { font-size:.68rem; padding:9px 11px; }.studio-form .wizard-actions { gap:12px; margin-top:24px; padding-top:20px; }.studio-form .wizard-actions .button { font-size:.72rem; padding:14px 16px; flex:0 1 auto; }.studio-form .wizard-actions .button-dark { margin-left:auto; }.studio-form .wizard-actions .button-dark b { margin-left:8px; }
  .studio-form .gift-order-choice strong,.studio-form .rush-order-choice strong { font-size:1.1rem; }.studio-form .gift-order-choice { grid-template-columns:20px minmax(0,1fr); gap:12px; }.studio-form .gift-order-choice input { grid-row:auto; }.studio-form .gift-note-field { padding-left:0; }
  .event-format-cards { grid-template-columns:1fr; gap:8px; }.event-format-cards button { display:grid; grid-template-columns:36px 1fr; column-gap:13px; padding:14px; align-items:center; }.event-format-cards .format-symbol { grid-row:1 / span 2; font-size:2rem; margin:0; }.event-format-cards strong { font-size:1.12rem; }.event-format-cards small { font-size:.66rem; }.format-tick { top:14px; right:13px; }
  .request-recap { padding:18px; }.request-recap dl { gap:16px 12px; }.recap-heading { font-size:.61rem; }.request-recap > p { font-size:1.1rem; }.request-recap dd { font-size:.72rem; }
  .commission-sidebar { display:block; padding:0 10px; }.commission-card { display:none; }.commission-promise { margin:0; }.commission-facts > div { flex-direction:row; }.commission-after { margin-top:15px; }.commission-outro { padding-bottom:55px; }.commission-outro h2 { font-size:2.5rem; }
}
@media (prefers-reduced-motion:reduce) { .studio-form.is-enhanced .order-wizard-step,.commission-flower { animation:none!important; } }