/* WAW VPS curated Antler artwork | 2026-10-12
   Uses original licensed /vendor/antler/assets images; fonts/icons remain intact.
   Scoped to public marketing pages; dashboard and app layout are unaffected. */

/* Art is content, not tiny decoration; occupy its own well-balanced space. */
.antler-public .waw-public-content .service-section {
  display:flex; flex-direction:column; align-items:center;
  padding:34px 26px!important; min-height:100%;
}
.antler-public .waw-public-content .service-section .title,
.antler-public .waw-public-content .service-section .subtitle,
.antler-public .waw-public-content .service-section .golink{align-self:stretch}
.antler-public .waw-public-content .waw-feature-illustration.waw-curated-art {
  display:block!important; flex:none!important; position:static!important;
  width:min(100%,280px)!important; height:205px!important;
  max-width:280px!important; max-height:205px!important;
  object-fit:contain!important; object-position:center!important;
  margin:0 auto 27px!important;
  filter:brightness(1.4) saturate(1.17) drop-shadow(0 16px 22px rgba(0,0,0,.10));
}
.antler-public .waw-catalog-card .waw-curated-art{width:min(100%,220px)!important;height:160px!important}
.antler-public .waw-article-card img{object-fit:contain}
.antler-public .waw-public-content .waw-article-card img{filter:brightness(1.25);width:86px;height:86px}

/* The split stories in the home page were shrinking wide, original SVGs to
   icon-sized thumbnails. Give illustrations space and reduce empty padding. */
.antler-public #features.history-section .sec-main{padding:36px 54px!important}
.antler-public #features.history-section .sec-main > .row{align-items:center!important;min-height:340px!important;margin:0!important;padding:16px 0!important}
.antler-public #features.history-section .sec-main > hr{margin:22px 0!important}
.antler-public #features.history-section .backups .lazyload,
.antler-public #features.history-section .first .lazyload{
  display:flex!important;justify-content:center!important;align-items:center!important;
  width:100%!important;height:295px!important;min-height:295px!important;
  padding:6px!important;overflow:visible!important;
}
.antler-public #features .waw-home-spotlight-art{
  display:block!important;position:static!important;max-height:290px!important;
  width:100%!important;max-width:560px!important;height:100%!important;
  object-fit:contain!important;filter:brightness(1.4) saturate(1.2);
}
.antler-public .services .waw-home-service-art{
  display:block!important;width:min(100%,250px)!important;height:172px!important;
  max-width:250px!important;max-height:172px!important;object-fit:contain!important;
  margin:0 auto 18px!important;filter:brightness(1.38) saturate(1.13);
}
.antler-public .team-info .waw-home-team-art{
  display:block!important; width:min(100%,195px)!important;height:185px!important;
  max-width:195px!important; max-height:185px!important;object-fit:contain!important;
  margin:0 auto 16px!important;filter:brightness(1.3) saturate(1.1);
}

/* Split-page showcases: the original stylesheet hard-capped SVGs at 150–250px.
   Explicit art class avoids Antler's inline-SVG swap and fixed icon dimensions. */
@media (min-width:992px){
 .antler-public .waw-source-showcase .row.align-items-center{
   display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,500px)!important;
   min-height:385px!important;column-gap:42px!important;
   margin:0!important;padding:24px 30px!important;align-items:center!important;
 }
 .antler-public .waw-source-showcase .row.align-items-center > [class*="col-"]{
   position:static!important;max-width:none!important;width:auto!important;
   margin:0!important;padding:0!important;transform:none!important;
 }
 .antler-public .waw-source-showcase .row.align-items-center > .first{grid-column:1!important}
 .antler-public .waw-source-showcase .row.align-items-center > .first + [class*="col-"]{grid-column:2!important}
}
.antler-public .waw-source-showcase .lazyload{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:330px!important;min-height:330px!important;
  max-height:none!important;padding:8px!important;overflow:visible!important;
}
.antler-public .waw-source-showcase img.waw-showcase-illustration{
  display:block!important;position:static!important;inset:auto!important;
  width:100%!important;height:100%!important;max-width:510px!important;
  min-width:0!important;max-height:330px!important;
  object-fit:contain!important;margin:auto!important;transform:none!important;
  filter:brightness(1.42) saturate(1.15) drop-shadow(0 10px 26px rgba(0,0,0,.12));
}
/* Hero occupies a meaningful visual column, not a tiny isolated mark. */
.antler-public .waw-home-hero-art img,
.antler-public .waw-page-hero-art img{
  object-fit:contain!important;filter:brightness(1.2) saturate(1.15);
}
.antler-public .waw-page-hero-art{width:min(44vw,690px)!important;max-height:550px!important}

@media (max-width:991.98px){
 .antler-public #features.history-section .sec-main{padding:24px!important}
 .antler-public #features.history-section .sec-main > .row{min-height:0!important;padding:24px 0!important}
 .antler-public #features.history-section .backups .lazyload,
 .antler-public #features.history-section .first .lazyload{height:245px!important;min-height:245px!important}
 .antler-public #features .waw-home-spotlight-art{max-height:240px!important}
 .antler-public .waw-source-showcase .row.align-items-center{display:flex!important;min-height:0!important;padding:20px!important}
 .antler-public .waw-source-showcase .lazyload{height:260px!important;min-height:260px!important}
 .antler-public .waw-source-showcase img.waw-showcase-illustration{max-height:260px!important}
 .antler-public .waw-page-hero-art{display:none!important}
}
@media (max-width:575.98px){
 .antler-public .waw-public-content .service-section{padding:28px 22px!important}
 .antler-public .waw-public-content .waw-feature-illustration.waw-curated-art{
   width:min(100%,240px)!important;height:170px!important;max-height:170px!important;
 }
 .antler-public #features.history-section .backups .lazyload,
 .antler-public #features.history-section .first .lazyload{height:200px!important;min-height:200px!important}
 .antler-public #features .waw-home-spotlight-art{max-height:195px!important}
 .antler-public .waw-source-showcase .lazyload{height:215px!important;min-height:215px!important}
 .antler-public .waw-source-showcase img.waw-showcase-illustration{max-height:215px!important}
 .antler-public .services .waw-home-service-art{height:155px!important}
}
@media (prefers-reduced-motion:reduce){
 .antler-public .waw-curated-art, .antler-public .waw-showcase-illustration{transition:none!important}
}