/* UXChimp 1.10.2: isolated blog layout. No global theme, post or Elementor data changes.
 * Body scope prevents changes to the homepage, forms, pricing and project galleries.
 * Explicit spacing protects card content from global resets and optimized wrapper changes.
 */
body.vve-page.uxc-blog-page .uxc-blog-filters,
body.vve-page.uxc-blog-page .uxc-blog-list,
body.vve-page.uxc-blog-page .uxc-blog-article-main,
body.vve-page.uxc-blog-page .uxc-blog-native-archive {
  position:relative;z-index:1
}

body.vve-page.uxc-blog-page .uxc-blog-filters {
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:min(100% - 40px,1360px);margin:0 auto;padding:0 0 42px
}

body.vve-page.uxc-blog-page .uxc-blog-filter {
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;max-width:100%;padding:10px 20px;border:1px solid #ffffff26;border-radius:999px;background:#121212;color:#c6c6c6;font-family:inherit;font-weight:500;font-size:14px;line-height:1.3;text-decoration:none;transition:background .2s,color .2s,border-color .2s;overflow-wrap:anywhere
}

body.vve-page.uxc-blog-page .uxc-blog-filter.is-current,
body.vve-page.uxc-blog-page .uxc-blog-filter:hover {
  color:#050505;background:#f3fe00;border-color:#f3fe00
}

body.vve-page.uxc-blog-page .uxc-blog-list {
  width:min(100% - 64px,1360px);margin:0 auto;padding-bottom:clamp(64px,8vw,110px)
}

body.vve-page.uxc-blog-page .uxc-blog-grid {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch
}

body.vve-page.uxc-blog-page .uxc-blog-card {
  min-width:0;display:flex;border:1px solid #ffffff25;border-radius:16px;background:linear-gradient(160deg,#181818c9,#080808d9);overflow:hidden;transition:transform .22s,border-color .22s;box-sizing:border-box
}

body.vve-page.uxc-blog-page .uxc-blog-card:hover {
  transform:translateY(-5px);border-color:#f3fe0070
}

body.vve-page.uxc-blog-page .uxc-blog-card-link {
  display:flex;flex-direction:column;gap:0;width:100%;min-width:0;padding:9px;color:#f6f6f6!important;text-decoration:none!important
}

body.vve-page.uxc-blog-page .uxc-blog-card-media {
  position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:#181818
}

body.vve-page.uxc-blog-page .uxc-blog-card-image {
  display:block;width:100%!important;height:100%!important;max-width:100%;object-fit:cover;transition:transform .5s
}

body.vve-page.uxc-blog-page .uxc-blog-card:hover .uxc-blog-card-image {
  transform:scale(1.035)
}

body.vve-page.uxc-blog-page .uxc-blog-card-arrow {
  position:absolute;right:12px;bottom:12px;display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#050505bf;color:#fff;border:1px solid #ffffff35;font-size:21px;line-height:1
}

body.vve-page.uxc-blog-page .uxc-blog-card-copy {
  display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:21px 13px 14px;min-width:0
}

body.vve-page.uxc-blog-page .uxc-blog-card-category {
  color:#f3fe00;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px
}

body.vve-page.uxc-blog-page .uxc-blog-card h2 {
  font-family:inherit!important;font-size:clamp(20px,1.65vw,25px);font-weight:500;letter-spacing:-.035em;line-height:1.23;color:#f6f6f6;margin:0 0 14px;white-space:normal;overflow-wrap:anywhere
}

body.vve-page.uxc-blog-page .uxc-blog-card-excerpt {
  font-size:14px;line-height:1.65;color:#a3a3a3;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}

body.vve-page.uxc-blog-page .uxc-blog-card-meta {
  display:flex;flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.5;color:#929292;margin-top:auto
}

body.vve-page.uxc-blog-page .uxc-blog-read {
  display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid #ffffff1a;margin-top:19px;padding-top:16px;font-size:13px;font-weight:500
}

body.vve-page.uxc-blog-page .uxc-blog-read span {
  font-size:19px;color:#f3fe00
}

body.vve-page.uxc-blog-page .uxc-blog-card-placeholder {
  display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 0%,#f3fe003b,transparent 60%),#141414;color:#f3fe00;font-size:clamp(30px,4vw,58px);font-weight:600;letter-spacing:-.07em
}

body.vve-page.uxc-blog-page .uxc-blog-card-placeholder span {
  color:#f6f6f6
}

body.vve-page.uxc-blog-page .uxc-blog-empty {
  text-align:center;border:1px solid #ffffff24;border-radius:16px;padding:50px 22px;color:#aaa
}

body.vve-page.uxc-blog-page .uxc-blog-empty h2 {
  color:#fff;font-size:26px;line-height:1.3;margin-bottom:14px
}

body.vve-page.uxc-blog-page .uxc-blog-empty a {
  display:inline-block;margin-top:20px;color:#f3fe00
}

body.vve-page.uxc-blog-page .uxc-blog-pagination {
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:40px auto 0;color:#b0b0b0
}

body.vve-page.uxc-blog-page .uxc-blog-pagination a,
body.vve-page.uxc-blog-page .uxc-blog-pagination span {
  display:inline-flex;justify-content:center;align-items:center;min-height:42px;min-width:42px;padding:9px 14px;font-size:14px;border:1px solid #ffffff20;border-radius:99px;box-sizing:border-box
}

body.vve-page.uxc-blog-page .uxc-blog-pagination .is-current,
body.vve-page.uxc-blog-page .uxc-blog-pagination a:hover {
  background:#f3fe00;color:#000;border-color:#f3fe00
}

body.vve-page.uxc-blog-page .uxc-blog-filters a:focus-visible,
body.vve-page.uxc-blog-page .uxc-blog-card-link:focus-visible,
body.vve-page.uxc-blog-page .uxc-blog-pagination a:focus-visible,
body.vve-page.uxc-blog-page .uxc-blog-back:focus-visible,
body.vve-page.uxc-blog-page .uxc-blog-article-categories a:focus-visible {
  outline:2px solid #f3fe00;outline-offset:4px
}

body.vve-page.uxc-blog-page .uxc-blog-related-heading {
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px
}

body.vve-page.uxc-blog-page .uxc-blog-related-heading h2 {
  font-size:clamp(26px,3vw,40px);font-weight:500;letter-spacing:-.04em;line-height:1.15;margin:0
}

body.vve-page.uxc-blog-page .uxc-blog-related-heading a {
  font-size:14px;color:#c0c0c0
}

body.vve-page.uxc-blog-page .uxc-blog-article-header {
  width:min(100% - 40px,960px);text-align:center;margin:0 auto;padding:clamp(124px,11vw,165px) 0 34px
}

body.vve-page.uxc-blog-page .uxc-blog-article-header h1 {
  font-family:inherit;font-size:clamp(34px,5.2vw,72px);line-height:1.05;font-weight:500;letter-spacing:-.045em;overflow-wrap:anywhere;margin:22px 0;color:#fff
}

body.vve-page.uxc-blog-page .uxc-blog-back {
  font-size:14px;color:#bbb
}

body.vve-page.uxc-blog-page .uxc-blog-back:hover {
  color:#f3fe00
}

body.vve-page.uxc-blog-page .uxc-blog-article-meta {
  display:flex;justify-content:center;flex-wrap:wrap;gap:12px;color:#aaa;font-size:14px;line-height:1.5;margin:24px 0 14px
}

body.vve-page.uxc-blog-page .uxc-blog-article-categories {
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px
}

body.vve-page.uxc-blog-page .uxc-blog-article-categories a {
  font-size:12px;border:1px solid #f3fe003b;background:#f3fe000a;color:#f3fe00;border-radius:99px;padding:6px 14px;line-height:1.4
}

body.vve-page.uxc-blog-page .uxc-blog-article-cover {
  position:relative;width:min(100% - 48px,1100px);margin:0 auto 54px;padding:8px;border:1px solid #ffffff26;border-radius:20px;background:#141414
}

body.vve-page.uxc-blog-page .uxc-blog-article-cover img {
  display:block;width:100%;height:auto;max-width:100%;border-radius:12px
}

body.vve-page.uxc-blog-page .uxc-blog-article-body,
body.vve-page.uxc-blog-page .uxc-blog-comments {
  position:relative;z-index:1;max-width:780px;width:calc(100% - 48px);margin:0 auto;padding:0 0 76px;color:#c2c2c2;font-size:18px;line-height:1.8;overflow-wrap:anywhere
}

body.vve-page.uxc-blog-page .uxc-blog-article-body>* {
  max-width:100%
}

body.vve-page.uxc-blog-page .uxc-blog-article-body p {
  margin:0 0 1.15em
}

body.vve-page.uxc-blog-page .uxc-blog-article-body h2,
body.vve-page.uxc-blog-page .uxc-blog-article-body h3,
body.vve-page.uxc-blog-page .uxc-blog-article-body h4,
body.vve-page.uxc-blog-page .uxc-blog-article-body h5,
body.vve-page.uxc-blog-page .uxc-blog-article-body h6 {
  color:#fafafa;font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:1.5em 0 .65em;scroll-margin-top:110px
}

body.vve-page.uxc-blog-page .uxc-blog-article-body h2 {
  font-size:clamp(28px,3.1vw,40px)
}

body.vve-page.uxc-blog-page .uxc-blog-article-body h3 {
  font-size:clamp(24px,2.5vw,30px)
}

body.vve-page.uxc-blog-page .uxc-blog-article-body h4 {
  font-size:23px
}

body.vve-page.uxc-blog-page .uxc-blog-article-body strong {
  font-weight:600;color:#eee
}

body.vve-page.uxc-blog-page .uxc-blog-article-body a {
  color:#f3fe00;text-decoration:underline;text-underline-offset:3px
}

body.vve-page.uxc-blog-page .uxc-blog-article-body ul,
body.vve-page.uxc-blog-page .uxc-blog-article-body ol {
  list-style:revert;padding-inline-start:26px;margin:0 0 24px
}

body.vve-page.uxc-blog-page .uxc-blog-article-body li {
  margin:8px 0
}

body.vve-page.uxc-blog-page .uxc-blog-article-body img {
  max-width:100%;height:auto;border-radius:10px;display:block
}

body.vve-page.uxc-blog-page .uxc-blog-article-body figure {
  margin:32px 0
}

body.vve-page.uxc-blog-page .uxc-blog-article-body figcaption {
  font-size:13px;line-height:1.6;color:#999;margin:12px 0
}

body.vve-page.uxc-blog-page .uxc-blog-article-body iframe {
  width:100%;min-height:400px;border:1px solid #ffffff20;border-radius:12px
}

body.vve-page.uxc-blog-page .uxc-blog-article-body pre {
  background:#151515;color:#ddd;border:1px solid #ffffff24;border-radius:12px;padding:20px;overflow-x:auto;max-width:100%;font-size:13px;line-height:1.7;white-space:pre;overflow-wrap:normal;margin:28px 0
}

body.vve-page.uxc-blog-page .uxc-blog-article-body code {
  font-family:ui-monospace,monospace
}

body.vve-page.uxc-blog-page .uxc-blog-article-body blockquote {
  margin:32px 0;padding:10px 24px;border-left:3px solid #f3fe00;color:#eee
}

body.vve-page.uxc-blog-page .uxc-blog-article-body hr {
  border:0;border-top:1px solid #ffffff22;margin:36px 0
}

body.vve-page.uxc-blog-page .uxc-blog-article-body .wp-block-table {
  overflow-x:auto
}

body.vve-page.uxc-blog-page .uxc-blog-article-body table {
  border-collapse:collapse;width:100%;font-size:15px
}

body.vve-page.uxc-blog-page .uxc-blog-article-body td,
body.vve-page.uxc-blog-page .uxc-blog-article-body th {
  border:1px solid #ffffff28;padding:12px;text-align:left
}

body.vve-page.uxc-blog-page .uxc-blog-article-body .alignwide,
body.vve-page.uxc-blog-page .uxc-blog-article-body .alignfull {
  width:100%;max-width:100%;margin-inline:0
}

body.vve-page.uxc-blog-page .uxc-blog-skip {
  position:absolute;top:-120px;left:20px;z-index:100000;background:#f3fe00;color:#000;padding:12px 18px;border-radius:8px
}

body.vve-page.uxc-blog-page .uxc-blog-skip:focus {
  top:12px
}

body.vve-page.uxc-blog-page .uxc-blog-simple-header {
  position:relative;display:flex;justify-content:space-between;padding:24px;color:#fff
}

body.vve-page.uxc-blog-page .uxc-blog-simple-footer {
  padding:40px 24px;color:#bbb;border-top:1px solid #ffffff20
}

@media (max-width:1023px) {
body.vve-page.uxc-blog-page .uxc-blog-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));gap:20px
}

body.vve-page.uxc-blog-page .uxc-blog-list {
  width:calc(100% - 40px)
}

body.vve-page.uxc-blog-page .uxc-blog-card h2 {
  font-size:23px
}
}

@media (max-width:639px) {
body.vve-page.uxc-blog-page .uxc-blog-grid {
  grid-template-columns:minmax(0,1fr);gap:22px
}

body.vve-page.uxc-blog-page .uxc-blog-list {
  width:calc(100% - 32px)
}

body.vve-page.uxc-blog-page .uxc-blog-filters {
  width:calc(100% - 32px);justify-content:flex-start;padding-bottom:26px;gap:8px
}

body.vve-page.uxc-blog-page .uxc-blog-filter {
  font-size:13px;padding:9px 16px
}

body.vve-page.uxc-blog-page .uxc-blog-card-copy {
  padding:20px 12px 15px
}

body.vve-page.uxc-blog-page .uxc-blog-card h2 {
  font-size:25px
}

body.vve-page.uxc-blog-page .uxc-blog-card-excerpt {
  font-size:14px
}

body.vve-page.uxc-blog-page .uxc-blog-article-body {
  font-size:16px;line-height:1.8;width:calc(100% - 40px)
}

body.vve-page.uxc-blog-page .uxc-blog-article-cover {
  width:calc(100% - 32px);border-radius:14px;margin-bottom:32px;padding:5px
}

body.vve-page.uxc-blog-page .uxc-blog-article-cover img {
  border-radius:9px
}

body.vve-page.uxc-blog-page .uxc-blog-article-header {
  padding-top:118px
}

body.vve-page.uxc-blog-page .uxc-blog-article-body iframe {
  min-height:260px
}

body.vve-page.uxc-blog-page .uxc-blog-related-heading {
  gap:12px
}
}

@media (prefers-reduced-motion:reduce) {
body.vve-page.uxc-blog-page .uxc-blog-card,
body.vve-page.uxc-blog-page .uxc-blog-card-image,
body.vve-page.uxc-blog-page .uxc-blog-filter {
  transition:none!important
}

body.vve-page.uxc-blog-page .uxc-blog-card:hover,
body.vve-page.uxc-blog-page .uxc-blog-card:hover .uxc-blog-card-image {
  transform:none!important
}
}

/* Critical geometry uses explicit physical properties for builder compatibility. */
body.vve-page.uxc-blog-page :is(.uxc-blog-filters,.uxc-blog-list,.uxc-blog-native-archive,.uxc-blog-article-main),
body.vve-page.uxc-blog-page :is(.uxc-blog-filters,.uxc-blog-list,.uxc-blog-native-archive,.uxc-blog-article-main) *,
body.vve-page.uxc-blog-page :is(.uxc-blog-filters,.uxc-blog-list,.uxc-blog-native-archive,.uxc-blog-article-main) *::before,
body.vve-page.uxc-blog-page :is(.uxc-blog-filters,.uxc-blog-list,.uxc-blog-native-archive,.uxc-blog-article-main) *::after {
  box-sizing: border-box;
}
body.vve-page.uxc-blog-page .uxc-blog-list {
  display: block !important;
  width: calc(100% - 64px) !important;
  max-width: 1360px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 0 clamp(64px,8vw,110px) !important;
  float: none !important;
  align-self: center;
  text-align: left;
  scroll-margin-top: 110px;
}
body.vve-page.uxc-blog-page .uxc-blog-filters {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center;
  gap: 10px !important;
  width: calc(100% - 64px) !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
  padding: 0 0 42px !important;
}
body.vve-page.uxc-blog-page .uxc-blog-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 24px !important;
  width: 100%; max-width: 100%; min-width: 0;
  margin: 0 !important; padding: 0 !important;
  align-items: stretch !important;
}
body.vve-page.uxc-blog-page .uxc-blog-card {
  width: auto !important; max-width: 100%; min-width: 0;
  margin: 0 !important; padding: 0 !important;
  border: 1px solid #ffffff25 !important;
}
body.vve-page.uxc-blog-page .uxc-blog-card-link {
  padding: 9px !important; margin: 0 !important;
  height: 100%;
}
body.vve-page.uxc-blog-page .uxc-blog-card-media { flex: 0 0 auto; }
body.vve-page.uxc-blog-page .uxc-blog-card-copy {
  padding: 21px 13px 14px !important; margin: 0 !important;
}
body.vve-page.uxc-blog-page .uxc-blog-card h2 {
  font-size: clamp(20px,1.65vw,25px) !important;
  line-height: 1.23 !important;
  font-weight: 500 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}
body.vve-page.uxc-blog-page .uxc-blog-card-category { margin: 0 0 13px !important; }
body.vve-page.uxc-blog-page .uxc-blog-card-excerpt { margin: 0 0 20px !important; }
body.vve-page.uxc-blog-page .uxc-blog-card-meta { margin-top: auto !important; }
body.vve-page.uxc-blog-page .uxc-blog-read {
  margin-top: 19px !important; padding-top: 16px !important;
  border-top: 1px solid #ffffff1a !important;
}
body.vve-page.uxc-blog-page .uxc-blog-filter {
  min-height: 44px;
  padding: 10px 20px !important;
  border: 1px solid #ffffff26 !important;
  margin: 0 !important;
}
body.vve-page.uxc-blog-page .uxc-blog-filter.is-current,
body.vve-page.uxc-blog-page .uxc-blog-filter:hover { border-color: #f3fe00 !important; }
/* The imported heading keeps its saved text; only its presentation is isolated. */
body.vve-page.uxc-blog-page .uxc-blog-index-heading {
  position: relative; z-index: 1;
  max-width: 1425px !important; width: 100%;
  margin: 0 auto !important;
  padding: clamp(132px,11vw,150px) 32px clamp(40px,5vw,70px) !important;
}
body.vve-page.uxc-blog-page .uxc-blog-index-heading h1 {
  margin: 0 !important; padding: 0 !important;
  text-align: center !important;
  font-family: var(--font-walsheim,Geist),Arial,sans-serif;
  font-size: clamp(58px,11.2vw,160px) !important;
  line-height: 1 !important; font-weight: 500;
  letter-spacing: -.05em;
}
@media (max-width: 1023px) {
  body.vve-page.uxc-blog-page .uxc-blog-list,
  body.vve-page.uxc-blog-page .uxc-blog-filters { width: calc(100% - 40px) !important; }
  body.vve-page.uxc-blog-page .uxc-blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 20px !important; }
  body.vve-page.uxc-blog-page .uxc-blog-card h2 { font-size: 23px !important; }
}
@media (max-width: 639px) {
  body.vve-page.uxc-blog-page .uxc-blog-list,
  body.vve-page.uxc-blog-page .uxc-blog-filters { width: calc(100% - 32px) !important; }
  body.vve-page.uxc-blog-page .uxc-blog-filters { justify-content: flex-start !important; gap: 8px !important; padding-bottom: 26px !important; }
  body.vve-page.uxc-blog-page .uxc-blog-grid { grid-template-columns: minmax(0,1fr) !important; gap: 22px !important; }
  body.vve-page.uxc-blog-page .uxc-blog-card-copy { padding: 20px 12px 15px !important; }
  body.vve-page.uxc-blog-page .uxc-blog-card h2 { font-size: 25px !important; }
  body.vve-page.uxc-blog-page .uxc-blog-filter { padding: 9px 16px !important; }
  body.vve-page.uxc-blog-page .uxc-blog-index-heading { padding-left: 20px !important; padding-right: 20px !important; }
}