/* A quiet glass writing surface with a single, clear reading order. */
.contact-studio{padding-top:0;isolation:isolate}
.contact-studio::before{content:'';position:absolute;z-index:-1;inset:-35px -35px 0;background:radial-gradient(ellipse at 10% 15%,#7dd3fc70,transparent 50%),radial-gradient(ellipse at 100% 70%,#38bdf83d,transparent 48%);pointer-events:none}
.contact-sculpture{display:none}
.contact-workspace{border-radius:24px;border:1px solid #fff;background:linear-gradient(135deg,#ffffffcf,#ffffff94);padding:30px;box-shadow:inset 0 1px 0 #fff,0 18px 55px #0369a10e,0 0 0 1px #0284c714;backdrop-filter:blur(24px) saturate(115%);-webkit-backdrop-filter:blur(24px) saturate(115%)}
.workspace-meta{font-size:9px;letter-spacing:.12em;margin-bottom:22px}
.workspace-progress{font-size:10px}
.contact-workspace h2{font-size:34px;line-height:1.13;font-weight:450;letter-spacing:-.045em;text-wrap:balance}
.contact-workspace .workspace-intro{font-size:14px;line-height:1.5;margin:12px 0 27px}
.contact-options{margin-bottom:23px}
.contact-options legend{font-size:12px;color:var(--text-dark);margin-bottom:10px;font-weight:450}
#contact-detail-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:4px;background:#ffffff70;border:1px solid #0284c719;border-radius:14px}
#contact-detail-options button{font-size:12px;line-height:1.25;min-height:44px;padding:8px 5px;border:0;border-radius:10px;background:none;color:#506579}
#contact-detail-options button[aria-pressed=true]{background:#fff;color:var(--primary-dark);box-shadow:0 2px 7px #0284c71a;outline:1px solid #0284c728}
.contact-fields{gap:14px;margin-bottom:22px}
.contact-fields label{font-size:12px;font-weight:450}
.contact-fields label>span{font-size:9px;font-weight:400;margin-left:4px}
.contact-fields input{margin-top:9px;padding:13px 14px;height:48px;border:1px solid #b9d8e8;border-radius:12px;background:#ffffffb0;font-size:14px;font-weight:400;color:#0f172a;box-shadow:inset 0 1px 2px #0c4a6e03}
.contact-fields input:focus,.contact-workspace textarea:focus{outline:2px solid #38bdf86b;outline-offset:2px;border-color:#0284c7;box-shadow:none;background:#fff}
.contact-fields input::placeholder,.contact-workspace textarea::placeholder{color:#708293;font-weight:400}
.contact-message-label{font-size:12px;color:var(--text-dark);margin-bottom:9px}
#contact-count{font-size:10px;color:#708293}
.contact-workspace textarea{font-size:14px;line-height:1.55;background:#ffffffb0;border:1px solid #b9d8e8;min-height:118px;padding:14px;border-radius:12px}
.contact-note-preview{display:none}
.contact-primary{font-size:14px;min-height:50px;border-radius:12px;margin-top:23px;padding:14px 18px;font-weight:450;box-shadow:0 4px 12px #0284c71f}
.contact-action-note{font-size:11px;margin-top:12px}
.contact-email-line{padding:20px 2px 0;font-size:12px}
.contact-email-line a{font-size:12px}
.contact-error{margin:16px 0 0;font-size:12px}
.contact-letter{background:#ffffffb0;border-color:#cbe3ef;box-shadow:none}
.contact-ready-actions button{font-size:12px;min-height:44px}
@media(max-width:850px){
 .contact-studio{padding-top:0;margin-top:25px}
 .contact-workspace{padding:26px;border-radius:22px}
 .contact-workspace h2{font-size:32px}
}
@media(max-width:480px){
 .contact-page #contact-main{padding-inline:20px}
 .contact-workspace{padding:22px 19px}
 .contact-workspace h2{font-size:30px}
 .workspace-meta{margin-bottom:20px;font-size:8px;gap:8px}
 .workspace-progress{font-size:9px}
 .workspace-progress i{width:12px}
 .contact-workspace .workspace-intro{font-size:13px;margin-bottom:22px}
 .contact-fields{grid-template-columns:1fr;gap:18px}
 .contact-fields label,.contact-options legend,.contact-message-label{font-size:13px}
 .contact-fields input,.contact-workspace textarea{font-size:16px}
 #contact-detail-options{gap:4px;padding:3px}
 #contact-detail-options button{font-size:11px;min-height:44px;padding:7px 3px}
 .contact-email-line{flex-direction:column;align-items:flex-start;gap:7px;padding-inline:5px}
 .contact-studio::before{inset:-20px -15px 0}
 .contact-primary{font-size:14px;margin-top:22px}
}
.contact-studio::before{border-radius:42px;filter:blur(18px)}