/* Generated from the standard visual canary.
 * Owner: blog; project copy and media are forbidden here.
 */

html:has(body.page-post--with-sidebar) {
  overflow-x: clip;
  overflow-y: auto;
}

body.page-post--with-sidebar {
  overflow-x: clip;
  overflow-y: visible;
}

.wi2-post-card__body span {
  display: block;
  margin-bottom: 8px;
  color: var(--wi2-accent-strong);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0;
}

@media (min-width: 801px) and (prefers-reduced-motion: no-preference) {
.page-listing .listing-layout {
    animation: wi2-section-enter .62s cubic-bezier(.22, 1, .36, 1) both;
  }

.page-listing .listing-layout { animation-delay: .08s; }
}

@media (max-width: 800px), (prefers-reduced-motion: reduce) {
.page-listing .listing-layout {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

.wi2-post-card p {
  color: var(--wi2-muted);
  font-size: 15.5px;
  line-height: 1.62;
}

.wi2-post-card p {
  font-size: var(--wi2-post-excerpt-size);
  line-height: var(--wi2-post-excerpt-line);
}

.wi2-post-card {
  border: 1px solid var(--wi2-line);
  border-radius: var(--wi2-card-radius);
  background: #fff;
  box-shadow: var(--wi2-card-shadow);
  overflow: hidden;
  transition:
    border-color .26s ease,
    box-shadow var(--wi2-card-motion),
    transform var(--wi2-card-motion),
    background-color .26s ease;
}

.wi2-post-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: clamp(24px, 2.8vw, 36px);
  row-gap: clamp(24px, 2.8vw, 34px);
  align-items: stretch;
  margin-top: 24px;
}

.wi2-post-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(30px, 3vw, 44px);
}

.wi2-post-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wi2-post-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  border: 1px solid var(--wi2-line);
  border-radius: 28px;
  background: #fff;
  box-shadow: var(--wi2-card-shadow);
  overflow: hidden;
}

.wi2-post-feature__media {
  display: block;
  min-height: 100%;
}

.wi2-post-feature__media img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
}

.wi2-post-feature__body {
  display: grid;
  align-content: center;
  padding: clamp(28px, 5vw, 56px);
}

.wi2-post-feature__body span {
  display: block;
  margin-bottom: 12px;
  color: var(--wi2-accent-strong);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.wi2-post-feature__body h3 {
  margin: 0;
  color: var(--wi2-text);
  font-size: var(--wi2-type-section);
  line-height: .98;
}

.wi2-post-feature__body a {
  color: inherit;
  text-decoration: none;
}

.wi2-post-feature__body p {
  margin-top: 22px;
  color: var(--wi2-muted);
  font-size: 19px;
  line-height: 1.7;
}

.wi2-post-feature__link {
  width: max-content;
  margin-top: 26px;
  color: var(--wi2-accent-strong) !important;
  font-weight: 900;
}

.wi2-post-card__media {
  display: block;
}

.wi2-post-card__media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition:
    filter .34s ease,
    transform .42s cubic-bezier(.22, 1, .36, 1);
}

.wi2-post-card__body {
  display: grid;
  grid-template-rows: auto auto 1fr;
  min-height: 270px;
  padding: 20px;
}

.wi2-post-card h3 {
  margin: 0;
  color: var(--wi2-text);
  font-size: 21px;
  line-height: 1.15;
  transition: color var(--wi2-title-motion);
}

.wi2-post-card a {
  color: inherit;
  text-decoration: none;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  transition: color var(--wi2-title-motion), text-decoration-color var(--wi2-title-motion);
}

:is(.page-listing, .page-category, .page-author) :is(.listing-grid, .cms-bl-grid__grid) {
  gap: clamp(24px, 2.8vw, 36px);
}

:is(.page-listing, .page-category, .page-author) .cms-post-card,
.post-related-grid .cms-post-card {
  border-radius: var(--wi2-card-radius);
  transition:
    border-color .26s ease,
    box-shadow var(--wi2-card-motion),
    transform var(--wi2-card-motion),
    background-color .26s ease;
}

:is(.page-listing, .page-category, .page-author) :is(.cms-post-card__frame, .cms-post-card__featured-media, .cms-post-card__split-media),
.post-related-grid .cms-post-card__frame,
.post-related-grid .cms-post-card__featured-media,
.post-related-grid .cms-post-card__split-media {
  border-radius: 0 !important;
}

:is(.page-listing, .page-category, .page-author) .cms-post-card__media,
.post-related-grid .cms-post-card__media {
  border-radius: 0 !important;
  transition:
    filter .34s ease,
    transform .42s cubic-bezier(.22, 1, .36, 1);
}

:is(.page-listing, .page-category, .page-author) .cms-post-card__title,
.post-related-grid .cms-post-card__title {
  font-size: 21px;
  font-weight: 720;
  line-height: 1.15;
}

:is(.page-listing, .page-category, .page-author) .cms-post-card__title--featured,
.post-related-grid .cms-post-card__title--featured {
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1;
}

:is(.page-listing, .page-category, .page-author) .cms-post-card__excerpt,
.post-related-grid .cms-post-card__excerpt {
  font-size: var(--wi2-post-excerpt-size);
  line-height: var(--wi2-post-excerpt-line);
}

:is(.page-listing, .page-category, .page-author) .cms-post-card__title-link,
.post-related-grid .cms-post-card__title-link {
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  transition: color var(--wi2-title-motion), text-decoration-color var(--wi2-title-motion);
}

@media (hover: hover) and (pointer: fine) {
:is(.page-listing, .page-category, .page-author) .cms-post-card:hover,
.post-related-grid .cms-post-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--wi2-card-shadow-hover);
  }

.wi2-post-card:hover .wi2-post-card__media img,
:is(.page-listing, .page-category, .page-author) .cms-post-card:hover .cms-post-card__media,
.post-related-grid .cms-post-card:hover .cms-post-card__media {
    transform: scale(1.018);
    filter: saturate(1.05) contrast(1.02);
  }

.wi2-post-card:hover h3,
:is(.page-listing, .page-category, .page-author) .cms-post-card:hover .cms-post-card__title-link,
.post-related-grid .cms-post-card:hover .cms-post-card__title-link {
    color: color-mix(in srgb, var(--wi2-text) 72%, var(--wi2-cyan));
  }

.wi2-post-card:hover h3 a,
:is(.page-listing, .page-category, .page-author) .cms-post-card:hover .cms-post-card__title-link,
.post-related-grid .cms-post-card:hover .cms-post-card__title-link {
    text-decoration-line: none;
  }

}

.wi2-blog-hero {
  position: relative;
  min-height: var(--wi2-hero-height);
  display: grid;
  align-items: center;
  overflow: hidden;
  color: #fff;
  background: var(--wi2-dark-section);
}

.page-listing .wi2-blog-hero,
.page-category .wi2-blog-hero {
  min-height: var(--wi2-hero-height);
}

.page-listing .listing-layout,
.page-category .listing-layout {
  padding-top: clamp(34px, 4vw, 54px);
}

.page-category .cms-bl-filter,
.page-listing .cms-bl-filter {
  width: min(1220px, calc(100% - 44px));
  max-width: none;
  margin: 0 auto 36px;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  overflow-x: auto;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
}

.page-category .cms-bl-filter::-webkit-scrollbar,
.page-listing .cms-bl-filter::-webkit-scrollbar { display: none; }

.page-category .cms-bl-filter__link,
.page-listing .cms-bl-filter__link {
  flex: 0 0 auto;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 18px;
  border: 1px solid color-mix(in srgb, var(--wi2-line) 84%, transparent);
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  color: var(--wi2-text);
  font-size: 14px;
  font-weight: 760;
  white-space: nowrap;
}

.page-category .cms-bl-filter__link.is-active,
.page-listing .cms-bl-filter__link.is-active {
  border-color: var(--wi2-cyan);
  background: var(--wi2-cyan);
  color: var(--wi2-on-accent);
}

.wi2-blog-hero__media,
.wi2-blog-hero__shade {
  position: absolute;
  inset: 0;
}

.wi2-blog-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wi2-blog-hero__shade {
  background:
    linear-gradient(90deg, rgba(16,24,32,.96) 0%, rgba(16,24,32,.83) 48%, rgba(16,24,32,.36) 100%),
    linear-gradient(180deg, rgba(16,24,32,.08), rgba(16,24,32,.58));
}

.wi2-blog-hero__inner {
  position: relative;
  z-index: 1;
  width: min(900px, calc(100% - 44px));
  margin-left: max(22px, calc((100vw - var(--container)) / 2));
}

.wi2-blog-hero h1 {
  max-width: 900px;
  margin: 0;
  color: #fff;
  font-size: var(--wi2-type-display-wide);
  line-height: .95;
  letter-spacing: 0;
}

.wi2-blog-hero p:not(.wi2-label) {
  max-width: 720px;
  margin: 24px 0 0;
  color: rgba(255,255,255,.78);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.6;
}

.wi2-blog-hero__meta {
  color: var(--wi2-lime) !important;
  font-size: 15px !important;
  font-weight: 900;
  text-transform: uppercase;
}

.wi2-blog-hero--post h1 {
  max-width: 1040px;
  font-size: var(--wi2-type-display);
}

@media (max-width: 980px) {
.wi2-post-feature {
    grid-template-columns: 1fr;
  }

.wi2-post-feature__media img {
    min-height: 280px;
  }

.wi2-post-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
.wi2-blog-hero {
    min-height: auto;
    padding: 58px 0 52px;
  }

.wi2-blog-hero__inner {
    width: min(100% - 24px, 900px);
    margin-inline: auto;
  }

.wi2-blog-hero h1,
.wi2-blog-hero--post h1 {
    font-size: clamp(38px, 11vw, 54px);
    line-height: 1;
  }

.wi2-blog-hero p:not(.wi2-label) {
    font-size: 17px;
    line-height: 1.58;
  }

.wi2-post-grid {
    grid-template-columns: 1fr;
    flex-direction: column;
  }

.wi2-post-feature__body h3 {
    font-size: clamp(30px, 9vw, 42px);
  }

.wi2-post-card__body {
    min-height: 220px;
  }

}

@media (min-width: 1021px) {
.page-post--with-sidebar .cms-breadcrumb {
    --cms-breadcrumb-sidebar-width: 320px;
    --cms-breadcrumb-sidebar-gap: clamp(32px, 4vw, 60px);
    width: min(
      calc(100% - 40px - var(--cms-breadcrumb-sidebar-width) - var(--cms-breadcrumb-sidebar-gap)),
      calc(var(--container, 1200px) - var(--cms-breadcrumb-sidebar-width) - var(--cms-breadcrumb-sidebar-gap))
    );
    margin-left: max(20px, calc((100vw - var(--container, 1200px)) / 2));
    margin-right: auto;
  }
}

.page-listing-paged .cms-hero-fc {
  padding-top: clamp(84px, 10vh, 118px) !important;
  padding-bottom: 34px !important;
}

.page-listing-paged :is(
  .cms-hero-fc__content,
  .cms-hero-post-centered__content,
  .cms-hero-cwm__content,
  .cms-hero-centered__content,
  .cms-hero-split__content,
  .cms-hero-glow__content,
  .cms-hero-lt__content,
  .gdn-hero__content
) {
  max-width: 820px !important;
  gap: 10px !important;
}

.page-listing-paged :is(
  .cms-hero-fc__title,
  .cms-hero-post-centered__title,
  .cms-hero-cwm__title,
  .cms-hero-centered__title,
  .cms-hero-split__title,
  .cms-hero-glow__title,
  .cms-hero-lt__title,
  [class*="hero"][class*="__title"]
) {
  font-size: clamp(28px, 4vw, 44px) !important;
  line-height: 1.05 !important;
}

.page-listing-paged :is(
  .cms-hero-fc__subtitle,
  .cms-hero-fc__meta,
  .cms-hero-fc__scroll,
  .cms-hero-post-centered__subtitle,
  .cms-hero-post-centered__meta,
  .cms-hero-post-centered__scroll,
  [class*="hero"][class*="__subtitle"],
  [class*="hero"][class*="__scroll"]
) {
  display: none !important;
}

@media (max-width: 800px) {
:is(
    [data-reveal],
    .cms-post-card,
    .cms-generic-card,
    .cms-ds-card,
    .cms-bl-card,
    .cms-bl-grid,
    .cms-bl-ff,
    .cms-bl-fg,
    .cms-cb,
    .cms-cc-edgrid,
    .cms-cc-horiz,
    .cms-cmp-vs__card,
    .cms-fg-c3__card,
    .cms-fg-car__card,
    .cms-fg-i2__card,
    .cms-fg-imgtop__card,
    .cms-fg-num__item,
    .cms-cs-grid__card,
    .cms-cs-osc__card,
    .cms-cs-ovr__card,
    .cms-cs-split__card,
    .cms-cs-test__card
  ):is([data-reveal], .cms-reveal, .reveal-on-scroll) {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition-delay: 0s !important;
    transition-property: background-color, border-color, color, box-shadow !important;
    transition-duration: 0.18s !important;
    will-change: auto !important;
  }

:is(.cms-post-card, .cms-generic-card, .listing-grid, .cms-bl-grid__grid) * {
    transition-delay: 0s !important;
  }
}

:is(.page-post, .page-blog-post, .page-cocon, .page-pillar) :is(.ws-layout-section, .fw-post-section) {
  --cms-section-pad-top: clamp(24px, 3.2vw, 42px);
  padding-top: var(--cms-section-pad-top) !important;
}

.page-post--with-sidebar .ws-layout-section,
.page-post--with-sidebar .ws-layout-shell,
.page-post--with-sidebar .ws-layout {
  overflow: visible !important;
}

.page-post--with-sidebar .ws-sidebar {
  position: sticky !important;
  top: calc(76px + 22px) !important;
  align-self: start !important;
  height: auto;
  max-height: none;
  overflow: visible;
}

.page-post--with-sidebar .ws-sidebar .ws-card:last-child {
  margin-bottom: 0;
}

:is(.page-post, .page-blog-post, .page-cocon, .page-pillar) .da-article-shell {
  padding-top: clamp(24px, 3.2vw, 42px) !important;
}

.cms-hero-post-centered {
  min-height: var(--wi2-hero-height) !important;
  display: grid !important;
  align-items: center !important;
  overflow: hidden !important;
  background: var(--wi2-dark-section) !important;
}

.cms-hero-post-centered__overlay {
  background:
    linear-gradient(90deg, rgba(16,24,32,.96) 0%, rgba(16,24,32,.82) 54%, rgba(16,24,32,.42) 100%),
    linear-gradient(180deg, rgba(16,24,32,.08), rgba(16,24,32,.58)) !important;
}

.cms-hero-post-centered__content {
  width: min(var(--container), calc(100% - 44px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: clamp(70px, 9vw, 112px) 0 !important;
  text-align: left !important;
}

.cms-hero-post-centered__title {
  max-width: 980px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: var(--wi2-type-display-wide) !important;
  line-height: .96 !important;
  letter-spacing: 0 !important;
}

.cms-hero-post-centered__meta,
.cms-hero-post-centered__badge {
  justify-content: flex-start !important;
  color: var(--wi2-lime) !important;
}

.cms-hero-post-centered__scroll {
  display: none !important;
}

.cms-hero-author {
  position: relative !important;
  min-height: var(--wi2-hero-height) !important;
  display: grid !important;
  align-items: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  background:
    linear-gradient(90deg, rgba(16,24,32,.96) 0%, rgba(16,24,32,.84) 52%, rgba(16,24,32,.48) 100%),
    linear-gradient(180deg, rgba(16,24,32,.08), rgba(16,24,32,.56)),
    var(--wi2-ink) !important;
}

.cms-hero-author__wrap {
  width: min(var(--container), calc(100% - 44px)) !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 280px) !important;
  gap: clamp(32px, 6vw, 96px) !important;
  justify-content: center !important;
  justify-items: start !important;
  align-items: flex-start !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.cms-hero-author__text {
  width: min(760px, 100%) !important;
  max-width: 760px !important;
}

.cms-hero-author__kicker {
  color: var(--wi2-lime) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

.cms-hero-author__name {
  max-width: 880px !important;
  color: #fff !important;
  font-size: var(--wi2-type-display-wide) !important;
  line-height: .94 !important;
  letter-spacing: 0 !important;
}

.cms-hero-author__bio {
  max-width: 720px !important;
  color: rgba(255,255,255,.76) !important;
  font-size: 20px !important;
  line-height: 1.62 !important;
}

.cms-hero-author__avatar-badge {
  justify-self: end !important;
  width: clamp(180px, 19vw, 260px) !important;
  height: clamp(180px, 19vw, 260px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.cms-hero-author__avatar-badge img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 999px !important;
}

@media (max-width: 980px) {
.cms-hero-author__wrap {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
.cms-hero-post-centered__title,
.cms-hero-author__name {
    font-size: var(--wi2-type-display-mobile) !important;
    line-height: 1 !important;
  }

.cms-hero-author__bio {
    font-size: 17px !important;
    line-height: 1.58 !important;
  }

.cms-hero-post-centered,
.cms-hero-author {
    min-height: auto !important;
  }

.cms-hero-post-centered__content,
.cms-hero-author__wrap {
    width: min(100% - 24px, var(--container)) !important;
    min-height: auto !important;
    padding: 58px 0 !important;
  }

.cms-hero-author__avatar-badge {
    width: 118px !important;
    height: 118px !important;
  }
}