/* Site-owned Drupal content and Views presentation. */
body.pixie-works-site:has(.pixie-blog-page) .inner-page { background: #f2f5f8; }
body.pixie-works-site:has(.pixie-blog-page) .content-shell { width: 100%; margin: 0; padding: 0; min-height: 0; }
body.pixie-works-site:has(.pixie-blog-page) .content-shell .node__title,
body.pixie-works-site:has(.pixie-blog-page) .content-shell .field--name-field-tags,
body.pixie-works-site:has(.pixie-blog-page) .content-shell .node__links { display: none; }
body.pixie-works-site:has(.pixie-blog-page) .content-shell .node__meta { display: none; }
body.pixie-works-site:has(.pixie-blog-page) .content-shell .views-row .node__title,
body.pixie-works-site:has(.pixie-blog-page) .content-shell .views-row .node__links { display: block; }
body.pixie-works-site:has(.pixie-blog-page) .content-shell .field--name-body { margin: 0; }
/* This theme renders core Article fields without the usual node classes. */
.content-shell article:has(.blog-article-hero) > h2,
.content-shell article:has(.blog-article-hero) > footer { display: none; }
/* Native Article field order: introduction, image, body. */
.content-shell article:has(.blog-article-hero) > div > div:has(> img) { display: block; width: min(1120px, calc(100% - 48px)); margin: -36px auto 0; position: relative; }
.content-shell article:has(.blog-article-hero) > div > div > img { display: block; width: 100%; height: auto; border: 1px solid #d7e0eb; }
.pixie-blog-page .blog-image-caption { margin: 10px 0 54px; color: #607188; font-size: 13px; line-height: 1.55; }
.content-shell .pixie-blog-page { color: #102039; }
.pixie-blog-page * { box-sizing: border-box; }
.pixie-blog-page .blog-wrap { width: min(1120px, calc(100% - 48px)); margin-inline: auto; }
.pixie-blog-page .blog-hero { background: radial-gradient(ellipse at 88% 76%, #18365d, transparent 55%), #071426; color: #eaf2ff; }
.pixie-blog-page .blog-hero-inner { padding-block: 96px 108px; }
.pixie-blog-page .blog-eyebrow, .pixie-blog-page .blog-category { font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.pixie-blog-page .blog-eyebrow { color: #77a4fa; }
.pixie-blog-page .blog-category { color: #1558a8; }
.pixie-blog-page .blog-hero h1 { max-width: 900px; margin: 18px 0 26px; color: #eaf2ff; font-size: clamp(42px, 5.7vw, 76px); line-height: 1.1; letter-spacing: -.04em; }
.pixie-blog-page .blog-hero-inner > p:last-child { max-width: 730px; margin: 0; color: #a9b8cc; font-size: clamp(18px, 1.7vw, 22px); line-height: 1.7; }
.pixie-blog-page .blog-main { padding-block: 80px 110px; }
.pixie-blog-page .blog-main h2 { margin: 0 0 28px; font-size: clamp(30px, 3vw, 42px); color: #102039; }
.pixie-blog-page .blog-card { display: grid; grid-template-columns: 48% 52%; overflow: hidden; background: #fff; border: 1px solid #d7e0eb; }
.pixie-blog-page .blog-card + .blog-card { margin-top: 24px; }
.pixie-blog-page .blog-card-image { display: block; background: #dde5ef; }
.pixie-blog-page .blog-card-image img { display: block; width: 100%; height: 100%; min-height: 340px; object-fit: cover; }
.pixie-blog-page .blog-card-copy { padding: clamp(28px, 4vw, 56px); align-self: center; }
.pixie-blog-page .blog-card-copy h3 { margin: 18px 0; font-size: clamp(28px, 3vw, 40px); line-height: 1.2; }
.pixie-blog-page .blog-card-copy h3 a { color: #102039; text-decoration: none; }
.pixie-blog-page .blog-card-copy p:not(.blog-category) { color: #51647b; font-size: 17px; line-height: 1.75; }
.pixie-blog-page .blog-link, .pixie-blog-page .blog-cta a, .pixie-blog-page .blog-back a { color: #1558d6; font-weight: 700; text-underline-offset: 4px; }
.pixie-blog-page .blog-article-hero .blog-hero-inner { padding-block: 76px 88px; }
.pixie-blog-page .blog-article { padding-block: 0 92px; }
.pixie-blog-page .blog-figure { margin: -36px 0 54px; position: relative; }
.pixie-blog-page .blog-figure img { display: block; width: 100%; height: auto; border: 1px solid #d7e0eb; }
.pixie-blog-page .blog-figure figcaption { margin-top: 10px; color: #607188; font-size: 13px; line-height: 1.55; }
.pixie-blog-page .blog-prose { max-width: 760px; margin-inline: auto; }
.pixie-blog-page .blog-prose p { color: #394d64; font-size: 18px; line-height: 1.9; margin: 0 0 26px; }
.pixie-blog-page .blog-prose .blog-byline { color: #607188; font-size: 14px; font-weight: 700; }
.pixie-blog-page .blog-prose .blog-opening { color: #102039; font-size: clamp(28px, 3vw, 36px); font-weight: 700; line-height: 1.55; }
.pixie-blog-page .blog-prose h2 { margin: 58px 0 18px; color: #102039; font-size: clamp(28px, 3vw, 36px); line-height: 1.3; }
.pixie-blog-page .blog-cta { margin: 54px 0 32px; padding: 30px; background: #e5ecf5; border-left: 4px solid #266cff; }
.pixie-blog-page .blog-cta p { margin-bottom: 16px; color: #102039; font-weight: 700; }
.pixie-blog-page .blog-cta a { display: inline-block; margin: 0 20px 10px 0; }
.pixie-blog-page a:focus-visible { outline: 2px solid #266cff; outline-offset: 4px; }
.content-shell:has(.pixie-blog-page) .blog-list-heading { width: min(1120px, calc(100% - 48px)); margin: 80px auto 28px; color: #102039; font-size: clamp(30px, 3vw, 42px); }
.content-shell:has(.pixie-blog-page) .blog-empty { width: min(1120px, calc(100% - 48px)); margin: 0 auto 110px; color: #51647b; font-size: 17px; }
.content-shell:has(.pixie-blog-page) .views-row { width: min(1120px, calc(100% - 48px)); margin-inline: auto; }
.content-shell:has(.pixie-blog-page) .views-row + .views-row { margin-top: 24px; }
.content-shell:has(.pixie-blog-page) .views-row:last-of-type { margin-bottom: 110px; }
.content-shell:has(.pixie-blog-page) .views-row .node { display: grid; grid-template-columns: 48% 52%; grid-template-rows: auto auto 1fr; overflow: hidden; background: #fff; border: 1px solid #d7e0eb; }
.content-shell:has(.pixie-blog-page) .views-row .node > h2 { grid-column: 2; grid-row: 1; align-self: end; margin: 0; padding: 48px 48px 18px; color: #102039; font-size: clamp(28px, 3vw, 40px); line-height: 1.2; }
.content-shell:has(.pixie-blog-page) .views-row .node > h2 a { color: inherit; text-decoration: none; }
.content-shell:has(.pixie-blog-page) .views-row .node__content { display: contents; }
.content-shell:has(.pixie-blog-page) .views-row .field--name-field-image { display: block !important; grid-column: 1; grid-row: 1 / 4; }
.content-shell:has(.pixie-blog-page) .views-row .field--name-field-image img { display: block; width: 100%; height: 100%; min-height: 340px; object-fit: cover; }
.content-shell:has(.pixie-blog-page) .views-row .field--name-body { grid-column: 2; grid-row: 2; padding: 0 48px; color: #51647b; font-size: 17px; line-height: 1.75; }
.content-shell:has(.pixie-blog-page) .views-row .links { grid-column: 2; grid-row: 3; align-self: start; margin: 0; padding: 0 48px 48px; }
.content-shell:has(.pixie-blog-page) .views-row .links a { color: #1558d6; font-weight: 700; text-underline-offset: 4px; }
.content-shell:has(.pixie-blog-page) .views-row > article { display: grid; grid-template-columns: 48% 52%; grid-template-rows: auto auto 1fr; overflow: hidden; background: #fff; border: 1px solid #d7e0eb; }
.content-shell:has(.pixie-blog-page) .views-row > article > h2 { grid-column: 2; grid-row: 1; align-self: end; margin: 0; padding: 48px 48px 18px; color: #102039; font-size: clamp(28px, 3vw, 40px); line-height: 1.2; }
.content-shell:has(.pixie-blog-page) .views-row > article > h2 a { color: inherit; text-decoration: none; }
.content-shell:has(.pixie-blog-page) .views-row > article > footer { display: none; }
.content-shell:has(.pixie-blog-page) .views-row > article > div { display: contents; }
.content-shell:has(.pixie-blog-page) .views-row > article > div > div:has(img) { grid-column: 1; grid-row: 1 / 4; min-width: 0; background: #dde5ef; }
.content-shell:has(.pixie-blog-page) .views-row > article > div > div:has(img) img { display: block; width: 100%; height: 100%; min-height: 340px; object-fit: cover; }
.content-shell:has(.pixie-blog-page) .views-row > article > div > div:not(:has(img)) { grid-column: 2; grid-row: 2; padding: 0 48px; color: #51647b; font-size: 17px; line-height: 1.75; }
.content-shell:has(.pixie-blog-page) .views-row > article > div > ul.links { grid-column: 2; grid-row: 3; align-self: start; margin: 0; padding: 0 48px 48px; }
.content-shell:has(.pixie-blog-page) .pager { margin: 32px auto 80px; }
@media (max-width: 900px) {
  .pixie-blog-page .site-header .mobile-menu .mobile-cloud-menu { width: 100%; }
  .pixie-blog-page .site-header .mobile-menu .mobile-cloud-menu summary { width: 100%; height: auto; padding: 12px 8px; color: #a9b8cc; font-size: 14px; border: 0; border-bottom: 1px solid rgba(112, 149, 205, .18); border-radius: 0; }
  .pixie-blog-page .site-header .mobile-menu .mobile-cloud-menu summary::before,
  .pixie-blog-page .site-header .mobile-menu .mobile-cloud-menu summary::after { display: none; }
  .pixie-blog-page .site-header .mobile-menu .mobile-cloud-menu a { padding-left: 22px; }
}
@media (max-width: 760px) {
  .pixie-blog-page footer.works-footer { grid-template-columns: minmax(0, 1fr); }
  .pixie-blog-page footer.works-footer nav { grid-column: 1; grid-row: 2; justify-self: start; max-width: 100%; flex-wrap: wrap; column-gap: 16px; row-gap: 12px; }
  .pixie-blog-page .works-footer-copyright { grid-column: 1; grid-row: 3; }
  .content-shell article:has(.blog-article-hero) > div > div:has(> img) { width: min(1120px, calc(100% - 32px)); }
  .pixie-blog-page .blog-image-caption { margin-bottom: 38px; }
  .pixie-blog-page .blog-wrap { width: min(100% - 32px, 1120px); }
  .pixie-blog-page .blog-hero-inner { padding-block: 56px 68px; }
  .pixie-blog-page .blog-main { padding-block: 50px 70px; }
  .pixie-blog-page .blog-card { grid-template-columns: 1fr; }
  .pixie-blog-page .blog-card-image img { min-height: 0; }
  .pixie-blog-page .blog-article-hero .blog-hero-inner { padding-block: 50px 70px; }
  .pixie-blog-page .blog-figure { margin-bottom: 38px; }
  .pixie-blog-page .blog-prose p { font-size: 16px; }
  .content-shell:has(.pixie-blog-page) .blog-list-heading, .content-shell:has(.pixie-blog-page) .blog-empty, .content-shell:has(.pixie-blog-page) .views-row { width: min(100% - 32px, 1120px); }
  .content-shell:has(.pixie-blog-page) .blog-list-heading { margin-top: 50px; }
  .content-shell:has(.pixie-blog-page) .blog-empty { margin-bottom: 70px; }
  .content-shell:has(.pixie-blog-page) .views-row:last-of-type { margin-bottom: 70px; }
  .content-shell:has(.pixie-blog-page) .views-row .node { grid-template-columns: 1fr; grid-template-rows: auto; }
  .content-shell:has(.pixie-blog-page) .views-row .field--name-field-image { grid-column: 1; grid-row: 1; }
  .content-shell:has(.pixie-blog-page) .views-row .field--name-field-image img { min-height: 0; }
  .content-shell:has(.pixie-blog-page) .views-row .node > h2 { grid-column: 1; grid-row: 2; padding: 28px 28px 12px; }
  .content-shell:has(.pixie-blog-page) .views-row .field--name-body { grid-column: 1; grid-row: 3; padding: 0 28px; }
  .content-shell:has(.pixie-blog-page) .views-row .links { grid-column: 1; grid-row: 4; padding: 0 28px 28px; }
  .content-shell:has(.pixie-blog-page) .views-row > article { grid-template-columns: 1fr; grid-template-rows: auto; }
  .content-shell:has(.pixie-blog-page) .views-row > article > div > div:has(img) { grid-column: 1; grid-row: 1; }
  .content-shell:has(.pixie-blog-page) .views-row > article > div > div:has(img) img { min-height: 0; }
  .content-shell:has(.pixie-blog-page) .views-row > article > h2 { grid-column: 1; grid-row: 2; padding: 28px 28px 12px; }
  .content-shell:has(.pixie-blog-page) .views-row > article > div > div:not(:has(img)) { grid-column: 1; grid-row: 3; padding: 0 28px; }
  .content-shell:has(.pixie-blog-page) .views-row > article > div > ul.links { grid-column: 1; grid-row: 4; padding: 0 28px 28px; }
}