/* October 2026 usability pass. Keep the studio's art direction and make actions clear. */
.boutique .site-header nav>a{min-height:44px;display:inline-flex;align-items:center}
.boutique .footer-navigation a{min-height:44px}
.boutique .project-form-intro{font:14px/1.75 var(--sans);color:#535b4c;margin:0}
.boutique .field-hint{font:13px/1.75 var(--sans);color:#535b4c;margin:0 0 10px;max-width:58ch}
.boutique .project-form .field label{margin-bottom:9px}
.boutique .project-form textarea{min-height:120px;resize:vertical}
.project-extras{border-top:1px solid var(--fine);border-bottom:1px solid var(--fine);padding:0}
.boutique .project-extras summary{cursor:pointer;padding:15px 0;min-height:48px;font:500 14px/1.65 var(--sans)}
.project-extras summary span{color:#59604f;font-weight:400}
.project-extras[open]{padding-bottom:20px}.project-extras>.field,.project-extras>.form-row{margin-top:18px}
.boutique .field-error{font:500 13px/1.65 var(--sans);color:#922d19;margin:8px 0 0}
.boutique [aria-invalid=true]{border:2px solid #922d19!important}
.boutique .form-error-summary{padding:18px 20px;border:2px solid #922d19;color:#722311;background:#fff5e8;margin:0 0 8px}
.form-error-summary[hidden]{display:none}
.boutique .form-error-summary h3{font:600 18px/1.4 var(--sans);letter-spacing:-.02em;color:#722311;margin:0 0 8px}
.form-error-summary ul{margin:0;padding-left:20px}.form-error-summary a{display:inline-block;font:14px/1.7 var(--sans);text-decoration:underline;text-underline-offset:3px;padding:5px 0}
.boutique .letter-section .field-error{color:#fff1db}.boutique .letter-section [aria-invalid=true]{border-color:#fff1db!important;outline:2px solid #612314;outline-offset:-4px}
.boutique .form-error-summary:focus{outline:3px solid currentColor;outline-offset:4px}
.boutique .shop-product-actions{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;margin:7px 0 1px}
.boutique .shop-product-actions .button{font:500 14px/1.5 var(--sans);letter-spacing:0;text-transform:none;gap:24px;min-height:50px}
.boutique .shop-product-actions .quiet-link{margin:0;min-height:44px;font-size:13px}
.artwork-expand{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:500 13px/1.5 var(--sans);border-bottom:1px solid currentColor}
.boutique .shop-preview-bottom{gap:16px 24px}.shop-preview-bottom label{display:flex;gap:8px;align-items:center}
.artwork-dialog{background:var(--paper);color:var(--ink);border:1px solid #847962;padding:24px;width:min(1100px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto}
.artwork-dialog::backdrop{background:#171a16dd;backdrop-filter:blur(5px)}
.artwork-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.artwork-dialog-header .eyebrow{font-size:10px;margin:0 0 8px}
.boutique .artwork-dialog h2{font:500 clamp(25px,3vw,37px)/1.2 var(--sans);letter-spacing:-.035em}
.artwork-dialog-header button{flex-shrink:0;background:none;color:var(--ink);border:1px solid var(--fine);width:44px;height:44px;font-size:26px}
.artwork-dialog-picture{background:#22251e;display:flex;align-items:center;justify-content:center}.artwork-dialog-picture img{width:100%;height:auto;max-height:65dvh;object-fit:contain}
.artwork-dialog-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.artwork-dialog-controls button{font:500 14px/1.6 var(--sans);background:none;border:1px solid #8c8473;padding:10px 16px;min-height:44px;color:var(--ink)}
.artwork-dialog-controls p{font:12px/1.6 var(--mono);white-space:nowrap}
#artwork-dialog-note{font:12px/1.75 var(--sans);color:#535b4c;margin-top:15px}
@media(max-width:760px){.boutique .project-form .form-row{grid-template-columns:1fr;gap:20px}.boutique .project-form input,.boutique .project-form select,.boutique .project-form textarea{font-size:16px}.boutique .project-form{gap:20px}.artwork-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px}.artwork-dialog-header{gap:10px}.artwork-dialog-controls{gap:8px}.artwork-dialog-controls button{padding:10px 12px;font-size:13px}.artwork-dialog-header .eyebrow{font-size:9px;letter-spacing:.06em}.boutique .shop-product-actions{align-items:flex-start;gap:8px 18px}}
@media(prefers-reduced-motion:reduce){.artwork-dialog::backdrop{backdrop-filter:none}}

@media(max-width:760px){.boutique-store .store-intro .store-description{font-size:15px;line-height:1.8}.boutique .project-extras summary{font-size:15px}}
