/* Static-site replacements for Squarespace runtime behaviour */
header, footer, section > .content-wrapper { animation: none !important; }

/* Contact form */
.static-form .form-item { position: relative; margin-bottom: 24px; }
.static-form .form-item .title { display: block; padding-bottom: 4px; }
.static-form .form-item .description { opacity: .6; font-size: .8em; }
.static-form input, .static-form textarea { width: 100%; box-sizing: border-box; background: transparent; border: 0; border-bottom: 1px solid currentColor; border-radius: 0; padding: 5px 0; font: inherit; color: inherit; outline: none; }
.static-form textarea { min-height: 100px; resize: vertical; }
.static-form .form-input-effects { display: none; }
.static-form .form-button-wrapper { display: flex; justify-content: flex-end; }
.static-form button { cursor: pointer; }
.static-form button[disabled] { opacity: .5; }
.static-form .form-status { margin-top: 12px; text-align: right; }

/* Text highlight (Squarespace draws this with a JS-positioned SVG) */
.sqsrte-text-highlight { background: linear-gradient(var(--hl-color, #FFF694), var(--hl-color, #FFF694)) 0 60% / 100% 0.95em no-repeat; -webkit-box-decoration-break: clone; box-decoration-break: clone; }