/* Static-host adaptations; the original theme styles define the layout. */
/* The original theme animates anchor scrolling with jQuery easing. Native
   smooth scrolling would compete with its animation on every frame. */
html { scroll-behavior: auto; }
.img-separator { touch-action: none; cursor: ew-resize; }
.img-separator:focus-visible { outline: 3px solid #ea1c2d; outline-offset: 5px; }
.portfolio-image img { user-select: none; -webkit-user-drag: none; }
.contact-form-preview .form-control { height: 34px; padding: 6px 12px; margin-bottom: 20px; font-size: 14px; line-height: 20px; }
.contact-form-preview textarea.form-control { height: 214px; min-height: 214px; resize: vertical; }
.contact-form-preview fieldset { min-width: 0; }
.contact-form-preview .contact-send-button { display: block; width: 120px; height: 39.2px; margin: 48px 0 20px; padding: 9.6px 0; border: 0; border-radius: 20px; font-size: 14px; line-height: 20px; text-transform: none; font-weight: 700; background: #ea1c2d; color: #fff; }
.contact-captcha-preview { display: flex; align-items: center; width: 304px; max-width: 100%; height: 78px; padding: 12px; border: 1px solid #d3d3d3; border-radius: 3px; background: #fafafa; box-shadow: 0 1px 4px rgb(0 0 0 / 8%); color: #000; font-family: Arial, sans-serif; }
.contact-captcha-preview input { appearance: none; flex: 0 0 28px; width: 28px; height: 28px; margin: 0 12px 0 0; border: 2px solid #555; border-radius: 2px; background: #fff; opacity: 1; }
.contact-captcha-label { font-size: 14px; white-space: nowrap; }
.contact-captcha-brand { display: flex; flex-direction: column; align-items: center; margin-left: auto; gap: 3px; font-size: 10px; color: #555; }
.static-contact-note { margin-top: 20px; font-size: 12px; color: #666; }
/* Keep InspiroSlider's original transition and caption timing. A global
   reduced-motion override here made its stage jump to the next image and
   skipped the text fade, unlike the source site. */