/* WaselIT Visual Editor. Component defaults use palette tokens; native inline and preset controls take precedence. */
:root {
  --wst-ink: var(--wp--preset--color--ink, #14211b);
  --wst-muted: var(--wp--preset--color--muted, #52625a);
  --wst-accent: var(--wp--preset--color--accent, #34751a);
  --wst-brand: var(--wp--preset--color--brand, #7acb1a);
  --wst-mint: var(--wp--preset--color--mint, #e9f5df);
  --wst-mist: var(--wp--preset--color--mist, #f3f8f1);
  --wst-white: var(--wp--preset--color--white, #fff);
  --wst-border: var(--wp--preset--color--border, #dbe5d7);
  --wst-shadow: 0 12px 36px rgb(20 33 27 / 6%);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 88px; }
body { margin: 0; -webkit-font-smoothing: antialiased; }
:where(img, video, svg) { max-width: 100%; }
:where(img) { height: auto; }
:where(a, button, input, select, textarea, summary) { -webkit-tap-highlight-color: transparent; }
:where(button, input, select, textarea) { font: inherit; }
:where(a, button, summary) { touch-action: manipulation; }
:where(a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible) { outline: 3px solid var(--wst-accent); outline-offset: 4px; }
:where(a) { text-underline-offset: .22em; }
:where(p, li) { overflow-wrap: anywhere; }
:where(h1, h2, h3, h4) { text-wrap: balance; overflow-wrap: break-word; }
:where(figure, blockquote) { margin: 0; }
:where(.wp-block-column, .wp-block-group) { min-width: 0; }
:where(.wp-site-blocks > *, .wst-main > *) { margin-block-start: 0; margin-block-end: 0; }
:is(.wst-main) { padding: 0; }
:is(.wst-shell) { width: 100%; max-width: 1280px; margin-inline: auto; }
:is(.wst-section) { padding-block: clamp(56px, 7vw, 100px); }
:is(.wst-page-hero) { padding-block: clamp(50px, 7vw, 92px); }
:is(.wst-eyebrow) { display: flex; align-items: center; gap: 12px; font-size: .72rem; letter-spacing: .14em; font-weight: 750; color: var(--wst-accent); line-height: 1.55; text-transform: uppercase; }
:is(.wst-eyebrow)::before { content: ''; display: block; width: 26px; height: 2px; flex: 0 0 26px; background: var(--wst-brand); }
:is(.wst-section-heading) { max-width: 780px; margin-block-end: 40px; }
:is(.wst-section-heading > h1, .wst-section-heading > h2) { margin-block: 16px 20px; }
:is(.wst-section-intro) { max-width: 700px; font-size: 1.05rem; color: var(--wst-muted); }
:is(.wst-section-heading p, .wst-section-heading h1, .wst-section-heading h2):last-child { margin-block-end: 0; }
/* Header is a genuine editable template part and Navigation block. */
:is(.wst-header-part) { position: sticky; top: 0; z-index: 40; margin: 0; }
:is(body.admin-bar .wst-header-part) { top: 32px; }
:is(.wst-header) { padding-block: 0; border-bottom: 1px solid var(--wst-border); transition: box-shadow .2s ease; }
:is(.wst-header-part.wst-scrolled .wst-header) { box-shadow: 0 4px 20px rgb(20 33 27 / 6%); }
:is(.wst-header-row) { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 64px; padding-block: 8px; }
:is(.wst-wordmark) { margin: 0; color: var(--wst-ink); font-size: 2rem; font-weight: 850; letter-spacing: -.065em; line-height: 1.1; flex: 0 0 auto; }
:is(.wst-wordmark a) { color: inherit; text-decoration: none; }
:is(.wst-wordmark mark) { color: var(--wst-accent); }
:is(.wst-navigation) { margin: 0; }
:is(.wst-navigation .wp-block-navigation-item__content) { display: inline-flex; align-items: center; min-height: 44px; color: var(--wst-ink); text-decoration: none; padding: 8px 4px; border-radius: 5px; transition: color .18s ease; }
:is(.wst-navigation .wp-block-navigation-item__content:hover, .wst-navigation .current-menu-item > a) { color: var(--wst-accent); }
:is(.wst-navigation .current-menu-item > a) { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .55em; }
:is(.wst-navigation .wst-nav-contact) { color: var(--wst-ink); }
:is(.wst-navigation .wst-nav-contact > .wp-block-navigation-item__content) { display: inline-flex; padding: 8px 20px; border-radius: 10px; background: var(--wst-brand); color: var(--wst-ink); text-decoration: none; transition: background-color .18s ease, color .18s ease; }
:is(.wst-navigation .wst-nav-contact > .wp-block-navigation-item__content:hover, .wst-navigation .wst-nav-contact > .wp-block-navigation-item__content:focus-visible) { background: var(--wst-accent); color: var(--wst-white); }
:is(.wst-navigation .wp-block-navigation__responsive-container-open) { padding: 10px; border: 1px solid var(--wst-border); border-radius: 10px; }
:is(.wst-navigation .wp-block-navigation__responsive-container.is-menu-open) { background: var(--wst-white); color: var(--wst-ink); padding: 32px; }
/* Buttons use native block supports. No forced white text on bright green. */
:where(.wp-block-buttons) { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
:where(.wp-block-button__link, .wst-submit) { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
:where(.wp-block-button__link:hover, .wst-submit:hover:not(:disabled)) { transform: translateY(-2px); box-shadow: 0 7px 17px rgb(45 91 24 / 12%); }
:is(.is-style-outline > .wp-block-button__link) { background: transparent; color: var(--wst-ink); border: 1px solid var(--wst-border); }
:is(.is-style-outline > .wp-block-button__link:hover) { background: var(--wst-white); }
:is(.is-style-wst-text-link > .wp-block-button__link) { padding: 8px 0; border: 0; background: transparent; color: var(--wst-accent); border-radius: 0; min-height: 44px; box-shadow: none; }
:is(.is-style-wst-text-link > .wp-block-button__link:hover) { text-decoration: underline; box-shadow: none; transform: none; }
/* Hero: normal-flow columns. The artwork is NEVER cropped, positioned over copy, or zoomed. */
:is(.wst-hero) { padding-block: clamp(40px, 5vw, 68px) 40px; position: relative; }
:is(.wst-hero-columns) { align-items: center; gap: clamp(28px, 3.5vw, 54px); margin-block: 0; }
/* H1 defaults are supplied through theme.json, so Site Editor H1 styles can override them. */
:where(.wst-hero-copy) { --wst-hero-font-size: clamp(2.7rem, 4.55vw, 3.9rem); --wst-hero-line-height: 1.08; --wst-hero-letter-spacing: -.052em; }
:is(.wst-hero-copy > .wst-hero-title) { margin-block: 24px; }
:is(.wst-lead) { font-size: 1.05rem; line-height: 1.8; color: var(--wst-muted); max-width: 510px; }
:is(.wst-hero-copy .wp-block-buttons) { margin-top: 28px; }
:is(.wst-proof) { display: flex; flex-wrap: wrap; gap: 8px 16px; list-style: none; margin: 24px 0 0; padding: 0; font-size: .74rem; color: var(--wst-muted); }
:is(.wst-proof li) { margin: 0; }
:is(.wst-proof li)::before { content: '\2713'; margin-right: 6px; color: var(--wst-accent); }
:is(.wst-hero-art) { display: flex; flex-direction: column; align-items: center; gap: 22px; width: 100%; padding-top: 4px; }
:is(.wst-hero-art > *) { margin-block: 0; }
:is(.wst-hero-logo) { width: min(92%, 490px); margin-inline: auto; }
:is(.wst-hero-logo img) { display: block; width: 100%; height: auto; object-fit: contain; }
:is(.wst-system-image) { width: 100%; }
:is(.wst-system-image img) { display: block; width: 100%; height: auto; object-fit: contain; }
:is(.is-style-wst-framed img) { border-radius: 22px; outline: 1px solid rgb(52 117 26 / 12%); box-shadow: 0 20px 42px rgb(23 56 20 / 15%); }
:is(.wst-art-caption) { color: var(--wst-muted); font-size: .78rem; letter-spacing: .02em; text-align: center; }
:is(.wst-quick-columns) { margin-block: 42px 0; gap: 16px; }
:is(.wst-quick-card) { padding: 24px; border: 1px solid var(--wst-border); border-radius: 16px; height: 100%; box-shadow: 0 5px 18px rgb(20 33 27 / 3%); }
:is(.wst-icon) { width: 32px; height: 32px; margin: 0 0 18px; }
:is(.wst-icon img) { display: block; width: 32px; height: 32px; }
:is(.wst-quick-card .wst-icon) { width: 26px; height: 26px; margin-bottom: 12px; }
:is(.wst-quick-card .wst-icon img) { width: 26px; height: 26px; }
:is(.wst-quick-card h3) { margin: 0 0 6px; font-size: 1rem; letter-spacing: -.02em; }
:is(.wst-quick-card h3 a) { text-decoration: none; color: var(--wst-ink); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
:is(.wst-quick-card h3 span) { color: var(--wst-accent); }
:is(.wst-quick-card p) { margin: 0; font-size: .8rem; color: var(--wst-muted); }
/* Technology names are plain text, not fabricated partner or review badges. */
:is(.wst-tools) { padding-block: 32px; border-bottom: 1px solid var(--wst-border); }
:is(.wst-tools-inner) { text-align: center; }
:is(.wst-tools-label) { font-size: .78rem; color: var(--wst-muted); margin-bottom: 18px; }
:is(.wst-tech-row) { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px 24px; }
:is(.wst-tech-chip) { font-size: .87rem; font-weight: 600; color: var(--wst-muted); margin: 0; }
/* Service cards. Default colors, corners and padding remain editable with native controls. */
:is(.wst-services-columns) { margin-block: 0; }
:is(.wst-service-card) { padding: clamp(24px, 2.6vw, 36px); border: 1px solid var(--wst-border); border-radius: 20px; box-shadow: var(--wst-shadow); height: 100%; }
:is(.wst-service-card h3) { margin-block: 0 16px; }
:where(.wst-service-card p) { color: var(--wst-muted); font-size: .95em; }
:is(.wst-service-card .wp-block-buttons) { margin-top: 22px; }
:is(.wst-check-list) { list-style: none; padding: 0; margin-block: 24px 0; }
:is(.wst-check-list li) { position: relative; padding-left: 22px; margin-block: 9px; font-size: .9rem; color: var(--wst-muted); }
:is(.wst-check-list li)::before { position: absolute; left: 0; content: '\2713'; color: var(--wst-accent); }
:is(.is-style-wst-hover-card) { transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
:is(.is-style-wst-hover-card:hover, .is-style-wst-hover-card:focus-within) { transform: translateY(-4px); border-color: var(--wst-brand); box-shadow: 0 16px 34px rgb(20 33 27 / 9%); }
:is(.is-style-wst-accent-panel) { border-left: 3px solid var(--wst-brand); padding: 24px; background: var(--wst-mist); }
/* Reasons, process, FAQ. */
:is(.wst-why-columns) { align-items: center; gap: clamp(28px, 6vw, 84px); margin-block: 0; }
:is(.wst-why-copy > h2) { margin-block: 18px 24px; }
:is(.wst-why-copy > p:not(.wst-eyebrow), .wst-mission > p:not(.wst-eyebrow)) { color: var(--wst-muted); }
:is(.wst-values) { display: flex; flex-direction: column; gap: 0; }
:is(.wst-value-row) { display: flex; align-items: flex-start; gap: 22px; padding-block: 22px; border-bottom: 1px solid var(--wst-border); margin: 0; }
:is(.wst-value-row:first-child) { padding-top: 0; }
:is(.wst-number) { flex: 0 0 34px; color: var(--wst-accent); font-size: .85rem; font-weight: 700; letter-spacing: .04em; }
:is(.wst-value-copy h3) { margin: 0 0 8px; font-size: 1.15rem; }
:is(.wst-value-copy p) { color: var(--wst-muted); font-size: .92rem; margin: 0; }
:is(.wst-process-columns) { margin: 0; gap: 32px; }
:is(.wst-step) { border-top: 2px solid var(--wst-border); padding-top: 22px; }
:is(.wst-step-index) { color: var(--wst-accent); font-size: .7rem; letter-spacing: .12em; font-weight: 750; }
:is(.wst-step h3) { margin-block: 18px 12px; font-size: 1.2rem; }
:is(.wst-step p:last-child) { color: var(--wst-muted); font-size: .94rem; }
:is(.wst-faq-columns) { gap: clamp(32px, 6vw, 84px); margin: 0; }
:is(.wst-faq-heading h2) { margin-block: 18px; }
:is(.wst-faq-heading p:not(.wst-eyebrow)) { color: var(--wst-muted); }
:is(.wst-faq-list) { border-top: 1px solid var(--wst-border); }
:is(.wst-faq) { border-bottom: 1px solid var(--wst-border); margin: 0; padding-block: 22px; }
:is(.wst-faq summary) { cursor: pointer; font-weight: 650; color: var(--wst-ink); padding-right: 28px; position: relative; list-style: none; }
:is(.wst-faq summary)::-webkit-details-marker { display: none; }
:is(.wst-faq summary)::after { content: '+'; font-size: 1.2rem; color: var(--wst-accent); position: absolute; right: 3px; top: -2px; }
:is(.wst-faq[open] summary)::after { content: '\2212'; }
:is(.wst-faq[open] summary) { color: var(--wst-accent); }
:is(.wst-faq p) { color: var(--wst-muted); margin-top: 16px; font-size: .95rem; }
/* Final call to action stays light, not a second large dark hero. */
:is(.wst-cta-section) { padding-block: 0 64px; }
:is(.wst-cta-panel) { border-radius: 24px; padding: clamp(28px, 4.5vw, 58px); border: 1px solid var(--wst-border); }
:is(.wst-cta-columns) { align-items: center; margin: 0; gap: 48px; }
:is(.wst-cta-copy h2) { margin-bottom: 0; font-size: clamp(1.8rem, 3vw, 2.6rem); }
:is(.wst-cta-action p) { color: var(--wst-muted); font-size: .95rem; }
/* Services, about and standard pages. */
:is(.wst-page-hero .wst-section-heading) { margin-bottom: 0; max-width: 900px; }
:is(.wst-page-hero h1, .wst-page-hero h2) { font-size: clamp(2.35rem, 4.6vw, 3.8rem); line-height: 1.12; }
:is(.wst-service-detail) { padding-block: 44px; border-bottom: 1px solid var(--wst-border); scroll-margin-top: 100px; }
:is(.wst-service-detail:first-child) { padding-top: 0; }
:is(.wst-service-detail:last-child) { border-bottom: 0; padding-bottom: 0; }
:is(.wst-service-detail-columns) { align-items: center; margin: 0; }
:is(.wst-service-intro h2) { font-size: clamp(1.8rem, 3vw, 2.5rem); margin-block: 18px; }
:is(.wst-service-intro > p) { max-width: 480px; color: var(--wst-muted); }
:is(.wst-service-list) { padding: 32px; border-radius: 18px; border: 1px solid var(--wst-border); }
:is(.wst-service-list .wst-check-list) { margin-top: 16px; }
:is(.wst-about-art) { padding: 40px; border-radius: 24px; border: 1px solid var(--wst-border); }
:is(.wst-about-logo img) { display: block; width: 100%; height: auto; }
:is(.wst-mission h2) { margin-block: 18px 22px; }
:is(.wst-readable) { max-width: 840px; min-height: 40vh; }
/* Contact form remains still when typing. */
:is(.wst-contact-columns) { align-items: flex-start; margin: 0; gap: clamp(32px, 6vw, 80px); }
:is(.wst-contact-copy h2) { margin-block: 18px; font-size: 2rem; }
:is(.wst-contact-copy p:not(.wst-eyebrow)) { color: var(--wst-muted); }
:is(.wst-contact-details) { border-top: 1px solid var(--wst-border); padding-top: 28px; margin-top: 32px; }
:is(.wst-contact-details h3) { font-size: .78rem; color: var(--wst-accent); font-weight: 700; letter-spacing: .04em; margin-block: 28px 6px; }
:is(.wst-contact-details h3:first-child) { margin-top: 0; }
:is(.wst-contact-details a) { color: var(--wst-ink); text-decoration: none; }
:is(.wst-contact-details a:hover) { text-decoration: underline; }
:is(.wst-form-panel) { padding: clamp(24px, 3vw, 40px); border: 1px solid var(--wst-border); border-radius: 22px; box-shadow: var(--wst-shadow); scroll-margin-top: 110px; }
:is(.wst-form-panel h2) { margin-block: 14px; font-size: 1.8rem; }
:is(.wst-form-intro) { color: var(--wst-muted); font-size: .84rem; margin-bottom: 28px; }
:is(.wst-form-grid) { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 18px; }
:is(.wst-field) { min-width: 0; margin-bottom: 20px; }
:where(.wst-contact-form) { color: var(--wst-ink); }
:is(.wst-field label, .wst-field-label) { display: block; font-weight: 650; font-size: .84em; color: inherit; margin-bottom: 8px; }
:is(.wst-field input:not([type='checkbox']), .wst-field textarea, .wst-field select) { display: block; width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid var(--wst-border); border-radius: 10px; background: var(--wst-white); color: inherit; font-size: 1em; line-height: 1.45; transition: border-color .2s ease, box-shadow .2s ease; }
:is(.wst-field input:focus, .wst-field textarea:focus, .wst-field select:focus) { border-color: var(--wst-accent); box-shadow: 0 0 0 3px rgb(122 203 26 / 14%);  }
:is(.wst-field input::placeholder, .wst-field textarea::placeholder) { color: var(--wst-muted); opacity: .85; }
:is(.wst-field textarea) { resize: vertical; min-height: 152px; }
:is(.wst-form-hint) { font-size: .76em; color: var(--wst-muted); margin-top: 8px; }
:is(.wst-form-consent) { display: flex; align-items: flex-start; gap: 10px; margin-block: 4px 24px; }
:is(.wst-form-consent input) { width: 18px; height: 18px; flex: 0 0 18px; accent-color: var(--wst-accent); margin: 3px 0 0; }
:is(.wst-form-consent label, .wst-form-consent > span) { font-size: .8em; color: var(--wst-muted); line-height: 1.6; }
:is(.wst-submit) { padding: 14px 22px; background: var(--wst-brand); border: 1px solid transparent; border-radius: 12px; color: var(--wst-ink); font-size: .95em; font-weight: 700; cursor: pointer; gap: .35em; }
:is(.wst-submit:disabled) { opacity: .65; cursor: wait; }
:is(.wst-form-alternative) { margin-top: 16px; font-size: .78em; color: var(--wst-muted); }
:is(.wst-form-feedback:not(:empty)) { border: 1px solid var(--wst-border); border-left: 3px solid var(--wst-accent); padding: 14px 16px; background: var(--wst-mist); border-radius: 8px; margin-bottom: 20px; font-size: .9rem; }
:is(.wst-form-feedback.is-error) { border-left-color: #af372b; background: #fff4f2; color: #84291f; }
.wst-honeypot { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
/* Propagate supported form controls to nested fields without changing the default design. */
:is(.wst-contact-form[style*="line-height"] .wst-field input, .wst-contact-form[style*="line-height"] .wst-field textarea, .wst-contact-form[style*="line-height"] .wst-field select, .wst-contact-form[style*="line-height"] .wst-form-consent label, .wst-contact-form[style*="line-height"] .wst-form-consent > span) { line-height: inherit; }
:is(.wst-contact-form.has-text-color .wst-form-hint, .wst-contact-form.has-text-color .wst-form-consent label, .wst-contact-form.has-text-color .wst-form-consent > span, .wst-contact-form.has-text-color .wst-form-alternative) { color: inherit; }
:is(.wst-contact-form.has-background .wst-field input, .wst-contact-form.has-background .wst-field textarea, .wst-contact-form.has-background .wst-field select) { background: transparent; }
/* A failed non-JavaScript POST gets a private, prefilled retry page (no values in a URL). */
.wst-retry-page { background: var(--wst-mist); color: var(--wst-ink); font-family: "Inter", "Segoe UI", system-ui, sans-serif; font-size: 16px; line-height: 1.7; }
.wst-retry-shell { width: min(100% - 40px, 760px); margin: 40px auto; }
.wst-retry-page .wst-form-panel { background: var(--wst-white); margin-top: 24px; }
.wst-retry-page h1 { font-size: clamp(1.6rem, 4vw, 2.1rem); line-height: 1.2; }
.wst-retry-page a { color: var(--wst-accent); }
/* Footer wordmark is text, so no opaque rectangle or inverted asset is possible. */
:is(.wst-footer) { padding-block: 60px 26px; }
:is(.wst-footer-columns) { margin: 0; gap: 32px; }
:is(.wst-footer .wst-wordmark, .wst-footer h3, .wst-footer a) { color: var(--wst-white); }
:is(.wst-footer .wst-wordmark mark) { color: var(--wst-brand); }
:is(.wst-footer p, .wst-footer li) { color: #c6d1c8; font-size: .86rem; }
:is(.wst-footer .wst-wordmark) { font-size: 2rem; }
:is(.wst-footer-brand > p:last-child) { max-width: 335px; margin-top: 20px; }
:is(.wst-footer h3) { font-size: .9rem; margin: 0 0 20px; }
:is(.wst-footer-column > p) { margin-block: 8px; }
:is(.wst-footer a) { text-decoration: none; }
:is(.wst-footer a:hover) { color: var(--wst-brand); text-decoration: underline; }
:is(.wst-footer-links) { list-style: none; padding: 0; margin: 0; }
:is(.wst-footer-links li) { margin-block: 9px; }
:is(.wst-footer-bottom) { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 42px; padding-top: 22px; border-top: 1px solid rgb(255 255 255 / 14%); }
:is(.wst-footer-bottom p) { font-size: .76rem; margin: 0; }
/* Motion is progressive: all content is visible without JS and inside the editor. */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  .wst-motion-pending { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s cubic-bezier(.22,.61,.36,1); }
  .wst-motion-visible { opacity: 1; transform: none; }
}
@media (hover: none) { :is(.is-style-wst-hover-card:hover) { transform: none; } }
@media (max-width: 1080px) and (min-width: 782px) {
  :where(.wst-hero-copy) { --wst-hero-font-size: 3.15rem; }
  :is(.wst-hero-columns) { gap: 28px; }
  :is(.wst-quick-card) { padding: 20px 16px; }
  :is(.wst-quick-card h3) { font-size: .88rem; }
  :is(.wst-services-columns) { gap: 16px; }
  :is(.wst-service-card) { padding: 24px; }
}
@media (max-width: 781px) {
  :is(body.admin-bar .wst-header-part) { top: 46px; }
  :is(.wst-header-row) { min-height: 60px; padding-block: 6px; gap: 16px; }
  :is(.wst-wordmark) { font-size: 1.75rem; }
  :is(.wst-hero-columns, .wst-why-columns, .wst-faq-columns, .wst-contact-columns, .wst-cta-columns) { gap: 34px; }
  :where(.wst-hero-copy) { --wst-hero-font-size: clamp(2.65rem, 7.7vw, 3.8rem); }
  :is(.wst-hero-copy > .wst-hero-title) { max-width: 660px; }
  :is(.wst-lead) { max-width: 620px; }
  :is(.wst-hero-art) { max-width: 700px; margin-inline: auto; gap: 18px; }
  :is(.wst-hero-logo) { width: min(85%, 420px); }
  :is(.wst-quick-columns, .wst-process-columns, .wst-footer-columns) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :is(.wst-quick-columns) { margin-top: 30px; gap: 14px; }
  :is(.wst-services-columns) { gap: 20px; }
  :is(.wst-service-detail-columns) { gap: 28px; }
  :is(.wst-service-list) { padding: 24px; }
  :is(.wst-art-caption) { font-size: .75rem; }
  :is(.wst-section-heading) { margin-bottom: 28px; }
  :is(.wst-cta-section) { padding-bottom: 44px; }
  :is(.wst-cta-columns) { gap: 20px; }
  :is(.wst-about-art) { padding: 24px; }
  :is(.wst-footer-columns) { gap: 32px 24px; }
}
@media (max-width: 600px) {
  :is(body.admin-bar .wst-header-part) { top: 0; }
  :is(.wst-form-grid) { grid-template-columns: 1fr; gap: 0; }
  :is(.wst-quick-card) { padding: 20px 16px; }
  :is(.wst-quick-card h3) { font-size: .94rem; line-height: 1.4; }
  :is(.wst-quick-card h3 a) { gap: 6px; }
  :is(.wst-quick-card p) { font-size: .76rem; }
  :is(.is-style-wst-framed img) { border-radius: 14px; }
  :is(.wst-contact-details a) { word-break: break-word; }
}
@media (max-width: 400px) {
  :where(.wst-hero-copy) { --wst-hero-font-size: 2.5rem; }
  :is(.wst-hero-copy .wp-block-button) { width: 100%; }
  :is(.wst-hero-copy .wp-block-button__link) { width: 100%; }
  :is(.wst-proof) { font-size: .7rem; gap: 8px 12px; }
  :is(.wst-footer-columns, .wst-process-columns) { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .wst-motion-pending { opacity: 1; transform: none; transition: none; }
  :is(.is-style-wst-hover-card, .wp-block-button__link, .wst-submit, .wst-header) { transition: none; }
  :is(.is-style-wst-hover-card:hover, .is-style-wst-hover-card:focus-within, .wp-block-button__link:hover, .wst-submit:hover) { transform: none; }
}