/* SEO for construction companies (/services/seo/construction-companies/), built 2026-10-28 from Todd's brief.
   Same rhythm as /services/seo/ and /services/seo/contractors/: each section is an H2 with one short paragraph,
   then one visual. Its own layouts (journey cards, a service picker, a project page, a market map) so it never
   repeats the sibling pages. Examples use a made-up firm (Meridian Gulf Builders); stock photos are never shown
   as a client project. Reveal motion comes from main.js (.gm-wrap > *); the FAQ uses the shared .acc accordion;
   the service picker is a small script at the end of the page. */

.ccseo .cc-wrap { max-width: 1760px; }
.cc { padding: 5.5vw 0; }
.cc h1, .cc h2, .cc h3, .cc p { margin: 0; }
.cc h2 { line-height: 1.034; letter-spacing: -.05em; font-weight: 500; }
.cc h3 { line-height: 1.08; letter-spacing: -.045em; font-weight: 500; }
.cc h3 > span:not(.hl) { color: var(--accent); }
.cc p, .cc li, .cc dd { line-height: 1.5; letter-spacing: var(--ls-p); }
.cc a:not(.gm-btn) { text-decoration: underline; text-underline-offset: .15em; }
.cc a:focus-visible, .cc button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.cc-dark a:not(.gm-btn) { color: #fff; }
.cc-dark .gm-btn:hover, .cc-dark .gm-btn:focus-visible { background: #fff; color: #000; }
.cc-stack { display: grid; gap: 1.1rem; align-content: start; justify-items: start; }
.cc-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem 6vw; align-items: start; margin-bottom: 4.5vw; }
.cc-split > p { max-width: 36em; }
.cc .hl { padding: .04em .3em .1em; margin: 0 -.3em; }

/* 01 Hero: copy left; on the right Gabe's overlap, the jobsite photo laid over an orange block (Sam, 2026-10-29:
   Gabe's heroes overlap; no UI or search-result cards in a hero) */
main.ccseo > .cc-hero:first-child { padding: calc(var(--header-h) + 2.5vw) 0 4.5vw; }
.cc-hero-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 4vw; align-items: center; }
.cc-hero-copy { display: grid; gap: 1.2rem; justify-items: start; }
.cc-hero h1 { line-height: .99; letter-spacing: -.05em; font-weight: 500; margin-bottom: .5rem; max-width: 19ch; }
.cc-hero-copy p { max-width: 32em; }
.cc-actions { margin-top: .8rem; }
.cc-after { margin-top: 3.5vw; }
.cc-act-gap { margin-top: 1.4rem; }
.cc-actions .gm-btn { padding: 17px 30px; font-size: 14px; }
.cc-hero-art { position: relative; aspect-ratio: 1 / .78; }
.cc-hero-block { position: absolute; left: 0; bottom: 0; width: 46%; height: 64%; background: var(--accent); }
.cc-hero-photo { position: absolute; right: 0; top: 0; width: 86%; height: 88%; object-fit: cover; object-position: 50% 50%; }
.cc-aside { margin: 18px 0 0 !important; }

/* Equal cards: same art box, heading, one sentence */
.cc-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3vw; }
.cc-cards > li { display: grid; grid-template-rows: auto auto 1fr; }
.cc-cards h3 { margin-top: 22px !important; }
.cc-cards > li > p { margin-top: 10px !important; opacity: .72; max-width: 30em; }

/* Gabe's bleed (Sam, round 2, 2026-10-29): the buyer photos come first and pull up into the hero, so their tops
   show on the first screen over a black bar; the heading follows the cards. Sam asked for about 30% less than the
   first try (192px of photo on a 1440x900 screen became ~134px). */
.cc-buyers-copy { margin: 4vw 0 0; }
@media (min-width: 1024px) {
  main.ccseo > .cc-hero:first-child { padding-bottom: 11vw; }
  .cc-bleed { padding-top: 0; }
  .cc-bleed .cc-buyers { position: relative; z-index: 2; margin-top: -4.5vw; }
}
@media (min-width: 1024px) and (max-width: 1199px) { main.ccseo > .cc-hero:first-child { padding-bottom: 15vw; } }
.cc-narrow { display: none; }
@media (max-width: 767px) { .cc-wide { display: none; } .cc-narrow { display: inline; } }
.cc-card-art { position: relative; aspect-ratio: 4 / 3.4; overflow: hidden; }
.cc-card-art > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Search bar, used on the buyer photos and in the journey */
.cc-search { display: flex; align-items: center; gap: 10px; height: 46px; padding: 0 16px; background: #fff; color: #000; border-radius: 300px; font-size: 15px; letter-spacing: -.02em; line-height: 1 !important; }
.cc-search span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc-search svg { flex: none; width: 16px; height: 16px; fill: none; stroke: #000; stroke-width: 2.2; stroke-linecap: round; }
.cc-card-art .cc-search { position: absolute; left: 16px; right: 16px; bottom: 16px; box-shadow: 0 12px 28px -12px rgba(0, 0, 0, .6); }

/* 03 Journey: four small screens on a thin line */
.cc-journey { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.4vw; }
.cc-journey > li { display: grid; grid-template-rows: auto auto 1fr; }
.cc-journey h3 { margin-top: 20px !important; }
.cc-journey > li > p { margin-top: 8px !important; opacity: .72; }
.cc-j-art { position: relative; aspect-ratio: 1 / .82; background: #f1efeb; display: grid; align-items: center; padding: 9%; container-type: inline-size; }
.cc-journey > li:nth-child(4) .cc-j-art { background: var(--accent); }
.cc-j-card { background: #fff; box-shadow: 0 1px 1px rgba(60, 40, 20, .08), 0 20px 40px -22px rgba(60, 40, 20, .45); overflow: hidden; }
.cc-j-search { padding: 7cqw 6cqw; display: grid; gap: 4cqw; }
.cc-j-search .cc-search { height: auto; padding: 2.6cqw 4cqw; font-size: max(11px, 4.4cqw); border: 1.5px solid #000; }
.cc-j-search .cc-search svg { width: 4.4cqw; height: 4.4cqw; min-width: 11px; min-height: 11px; }
.cc-result { display: grid; gap: 2px; }
.cc-result b { font-weight: 500; font-size: max(11px, 4.4cqw); color: var(--accent); line-height: 1.25; }
.cc-result span { font-size: max(10px, 3.6cqw); opacity: .55; }
.cc-faint { opacity: .4; }
.cc-faint b { color: #000; }
.cc-bar { display: flex; gap: 5px; padding: 3cqw 4cqw; background: #ebe7df; }
.cc-bar i { width: 2.4cqw; height: 2.4cqw; min-width: 6px; min-height: 6px; border-radius: 50%; background: rgba(0, 0, 0, .2); }
.cc-j-page { display: grid; gap: 3cqw; padding-bottom: 6cqw; }
.cc-j-page .cc-bar { margin-bottom: 1cqw; }
.cc-j-h { padding: 0 6cqw; font-size: max(13px, 6.2cqw); font-weight: 500; letter-spacing: -.04em; line-height: 1.05 !important; }
.cc-j-line { margin: 0 6cqw !important; height: 2.2cqw; min-height: 6px; background: #e6e3dd; }
.cc-short { width: 55%; }
.cc-j-tags { display: flex; flex-wrap: wrap; gap: 2cqw; padding: 1cqw 6cqw 0; }
.cc-j-tags span { font-size: max(10px, 3.6cqw); padding: 1.4cqw 3cqw; border-radius: 300px; background: #000; color: #fff; line-height: 1 !important; }
.cc-j-tags span:first-child { background: var(--accent); }
.cc-j-project { position: relative; aspect-ratio: 4 / 3; display: grid; align-content: end; }
.cc-j-project img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cc-j-project p { position: relative; margin: 0 4cqw 4cqw !important; background: #fff; padding: 3cqw 4cqw; display: grid; gap: 2px; font-size: max(11px, 4cqw); line-height: 1.3 !important; }
.cc-j-project b { font-weight: 500; }
.cc-j-project span { opacity: .6; font-size: .85em; }
.cc-j-inquiry { padding: 7cqw 6cqw; display: grid; gap: 3cqw; background: #000; color: #fff; }
.cc-j-from { font-size: max(10px, 3.6cqw); opacity: .6; }
.cc-j-msg { font-size: max(12px, 5cqw); line-height: 1.35 !important; letter-spacing: -.02em; }

/* 04 Site structure: service picker on the left, the page path on an orange block on the right */
.cc-feature { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 3rem 6vw; align-items: center; }
.cc-feature-flip > .cc-art { order: -1; }
.cc-picks { display: flex; flex-wrap: wrap; gap: 10px; }
.cc-picks button { font: inherit; font-size: 15px; letter-spacing: -.02em; line-height: 1; padding: 12px 18px; border-radius: 300px; border: 1.5px solid #000; background: transparent; color: #000; cursor: pointer; transition: background .15s, color .15s; }
.cc-picks button[aria-selected="true"] { background: #000; color: #fff; }
.cc-picks button:hover { border-color: var(--accent); }
.cc-paths { position: relative; padding: 8% 0 8% 9%; }
.cc-block { position: absolute; left: 0; top: 0; width: 46%; height: 78%; background: var(--accent); }
.cc-path { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); align-items: stretch; }
.cc-path[hidden] { display: none; }
.cc-pathcard { background: #fff; padding: 20px 18px 22px; display: grid; gap: 8px; align-content: start; box-shadow: 0 1px 1px rgba(60, 40, 20, .08), 0 24px 50px -26px rgba(60, 40, 20, .5); animation: ccIn .35s ease both; }
.cc-pathcard:nth-of-type(2) { animation-delay: .06s; }
.cc-pathcard:nth-of-type(3) { animation-delay: .12s; }
.cc-pathcard-proof { background: #000; color: #fff; }
.cc-p-kind { font-size: 12px; opacity: .55; }
.cc-p-name { font-size: calc(.35 * var(--u) + 16px); font-weight: 500; letter-spacing: -.035em; line-height: 1.15 !important; min-height: 2.3em; }
.cc-p-what { font-size: 13px; padding-top: 10px; border-top: 1px solid currentColor; border-color: rgba(127, 127, 127, .35); }
.cc-pathcard-proof .cc-p-what { color: var(--accent); }
.cc-p-arrow { align-self: center; height: 2px; margin: 0 4px; background: #000; position: relative; }
.cc-p-arrow::after { content: ""; position: absolute; right: -1px; top: -4px; border: 5px solid transparent; border-left: 7px solid #000; border-right: 0; }
@keyframes ccIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* 05 Project page: wide photo with the page outline over its lower right */
.cc-record { position: relative; }
.cc-record-photo { display: block; width: 78%; aspect-ratio: 16 / 8; object-fit: cover; object-position: 50% 92%; }
.cc-record-card { position: absolute; right: 0; bottom: -6%; width: 40%; background: #fff; padding: 26px 28px 24px; box-shadow: 0 1px 1px rgba(60, 40, 20, .08), 0 30px 60px -28px rgba(60, 40, 20, .55); border-top: 4px solid var(--accent); }
.cc-record-tag { font-size: 13px; opacity: .55; margin-bottom: 14px !important; }
.cc-record dl { margin: 0; display: grid; gap: 0; }
.cc-record dl > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 14px; padding: 11px 0; border-top: 1px solid rgba(0, 0, 0, .12); }
.cc-record dt { font-weight: 500; font-size: 15px; letter-spacing: -.02em; }
.cc-record dd { margin: 0; font-size: 14px; opacity: .75; }
#project-content { padding-bottom: 8vw; }

/* 06 Markets: legend on the left, a simple map with three kinds of marker on the right */
.cc-markets { margin-bottom: 0; align-items: center; }
.cc-legend { list-style: none; margin: .6rem 0 0; padding: 0; display: grid; gap: 12px; }
.cc-legend li { display: flex; align-items: center; gap: 14px; font-size: 15px; }
.cc-legend b { font-weight: 500; }
.cc-legend i { flex: none; display: inline-block; }
.cc-m-office { width: 14px; height: 14px; background: var(--accent); }
.cc-m-project { width: 11px; height: 11px; margin: 0 1.5px; border-radius: 50%; background: #fff; }
.cc-m-area { width: 18px; height: 18px; margin: 0 -2px; border-radius: 50%; border: 1.6px dashed var(--accent); }
.cc-map svg { display: block; width: 100%; height: auto; max-width: 640px; margin-left: auto; }

/* 07 What we do: two by two, each panel shows its deliverable beside the words */
.cc-work { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3vw 4vw; }
.cc-work > li { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 2.4vw; align-items: center; }
.cc-work > li > div:last-child { display: grid; gap: 10px; }
.cc-work > li p { opacity: .75; }
.cc-w-art { aspect-ratio: 1 / .78; padding: 20px; display: grid; align-content: center; gap: 8px; font-size: 13px; line-height: 1.3; container-type: inline-size; }
.cc-w-map { background: #000; color: #fff; }
.cc-w-map p { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-top: 1px solid rgba(255, 255, 255, .22); }
.cc-w-map p:last-child { border-bottom: 1px solid rgba(255, 255, 255, .22); }
.cc-w-map b { font-weight: 500; color: var(--accent); }
.cc-w-map span { opacity: .7; }
.cc-w-page { background: #f1efeb; padding: 0; align-content: start; }
.cc-w-page .cc-bar { margin-bottom: 6px; }
.cc-w-h { padding: 10px 16px 4px; font-weight: 500; font-size: 15px; letter-spacing: -.03em; }
.cc-w-row { margin: 4px 16px !important; padding: 9px 11px; background: #fff; font-size: 12.5px; }
.cc-w-row s { opacity: .5; text-decoration-color: var(--accent); text-decoration-thickness: 1.5px; }
.cc-w-new { border-left: 3px solid var(--accent); }
.cc-w-story { background: var(--accent); align-content: start; padding: 0 0 12px; overflow: hidden; }
.cc-w-story .cc-w-h { color: #fff; padding-top: 16px; padding-bottom: 6px; }
.cc-w-story .cc-w-row { display: grid; gap: 2px; }
.cc-w-story .cc-w-row b { font-weight: 500; }
.cc-w-report { background: #dad9d9; }
.cc-w-report p { display: grid; grid-template-columns: 84px 1fr; align-items: center; gap: 10px; }
.cc-w-report p:first-child { display: block; font-weight: 500; margin-bottom: 6px; }
.cc-w-report i { display: block; height: 12px; width: var(--w); background: #000; }
.cc-w-report p:nth-child(2) i { background: var(--accent); }

/* 08 Experience: both founders' About photos (Sam's portrait, Gabe on set overlapping it) on an orange block */
.cc-art { position: relative; container-type: inline-size; }
.cc-exp-art { aspect-ratio: 1 / .8; }
.cc-exp-art .cc-block { left: auto; right: 0; top: auto; bottom: 0; width: 40%; height: 56%; }
.cc-exp-sam, .cc-exp-gabe { position: absolute; object-fit: cover; }
.cc-exp-sam { left: 0; top: 0; width: 44%; height: 88%; object-position: 50% 22%; }
.cc-exp-gabe { right: 6%; bottom: 7%; width: 58%; height: 46%; object-position: 50% 40%; box-shadow: 0 24px 50px -24px rgba(0, 0, 0, .55); }

/* 09 FAQ */
.cc-faq { max-width: 1200px; }
.cc-faq h2 { text-align: center; margin-bottom: 3.5vw; }
.cc-faq .acc-desc { padding-bottom: 26px; }
.cc-faq summary { font-weight: 500; letter-spacing: -.04em; }

/* 10 Contact */
.cc-contact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 3rem 6vw; align-items: start; }

@media (prefers-reduced-motion: reduce) { .cc-pathcard { animation: none; } }

/* Tablets */
@media (max-width: 1199px) {
  .cc-journey { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 4vw; }
  .cc-work { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .cc-work > li { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 4vw; }
  .cc-feature { grid-template-columns: minmax(0, 1fr); gap: 2.4rem; }
  .cc-feature-flip > .cc-art { order: 2; }
  .cc-feature > .cc-paths, .cc-feature > .cc-art { max-width: 820px; width: 100%; }
  .cc-record-photo { width: 100%; }
  .cc-record-card { position: relative; right: auto; bottom: auto; width: auto; margin: -12% 0 0 18%; }
  #project-content { padding-bottom: 5.5vw; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .cc-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 6vw; }
  .cc-hero-art { width: min(100%, 680px); }
  .cc-split { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }
  .cc-buyers { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .cc-buyers > li { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto 1fr; column-gap: 4vw; }
  .cc-buyers .cc-card-art { grid-row: 1 / span 3; }
  .cc-buyers h3 { margin-top: 0 !important; align-self: end; }
  .cc-card-art .cc-search { left: 14px; right: 14px; bottom: 14px; height: 44px; font-size: 14px; }
  .cc-markets { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .cc-card-art .cc-search { left: 10px; right: 10px; bottom: 10px; height: 40px; padding: 0 12px; gap: 8px; font-size: 13px; }
}

/* Phones */
@media (max-width: 767px) {
  .cc { padding: 56px 0; }
  main.ccseo > .cc-hero:first-child { padding: calc(var(--header-h) + 20px) 0 48px; }
  .cc-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .cc-hero-art { aspect-ratio: auto; display: grid; padding-bottom: 7%; }
  .cc-hero-photo { position: relative; width: 88%; height: auto; aspect-ratio: 4 / 3; justify-self: end; }
  .cc-hero-block { top: auto; bottom: 0; width: 46%; height: 62%; }
  .cc-split, .cc-feature, .cc-contact { grid-template-columns: minmax(0, 1fr); }
  .cc-split { margin-bottom: 32px; gap: 1.1rem; }
  .cc-cards, .cc-journey { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .cc-cards h3, .cc-journey h3 { margin-top: 18px !important; }
  .cc-work > li { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .cc-w-art { aspect-ratio: auto; min-height: 200px; }
  .cc-paths { padding: 7% 0 7% 6%; }
  .cc-path { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 22px auto 22px auto; }
  .cc-p-arrow { width: 2px; height: auto; margin: 3px 0; justify-self: center; }
  .cc-p-arrow::after { right: -4px; top: auto; bottom: -1px; border: 5px solid transparent; border-top: 7px solid #000; border-bottom: 0; }
  .cc-p-name { min-height: 0; }
  .cc-record-card { margin: -8% 0 0 6%; padding: 20px 18px 18px; }
  .cc-record dl > div { grid-template-columns: 96px minmax(0, 1fr); gap: 10px; }
  .cc-map svg { max-width: 100%; }
  .cc-exp-art { aspect-ratio: 1 / .86; }
  .cc-faq h2 { text-align: left; margin-bottom: 24px; }
  main.ccseo > .cc-hero:first-child { padding-bottom: 118px; }
  .cc-bleed { padding-top: 0; }
  .cc-bleed .cc-buyers { position: relative; z-index: 2; margin-top: -28px; }
  .cc-buyers-copy { margin-top: 32px; }
  .cc-after { margin-top: 32px; }
}

/* Phone clean-up (Sam, 2026-10-28): long card sets become swipe rows with the site's swipe marks, the headline
   is smaller, and the picker, path cards and timeline are tighter */
@media (max-width: 767px) {
  .cc-hero h1 { --fs: clamp(28px, 8.2vw, 34px); }
  .cc-hero-copy { gap: 1rem; }
  .cc-swipe { display: flex !important; gap: 16px !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 calc(-1 * var(--sqs-mobile-site-gutter)); padding: 0 var(--sqs-mobile-site-gutter) 4px; scroll-padding: 0 var(--sqs-mobile-site-gutter); }
  .cc-swipe::-webkit-scrollbar { display: none; }
  .cc-swipe > li { flex: 0 0 80%; scroll-snap-align: start; }
  .cc-dots { display: flex; margin-top: 22px; }
  .cc-card-art .cc-search { left: 10px; right: 10px; bottom: 10px; height: 38px; padding: 0 12px; gap: 7px; font-size: 13px; }
  .cc-card-art .cc-search svg { width: 14px; height: 14px; }
  .cc-buyers > li { flex-basis: 86%; }
  .cc-work > li { align-content: start; gap: 16px; }
  .cc-w-art { min-height: 0; aspect-ratio: 1 / .8; }
  .cc-picks { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; width: calc(100% + 2 * var(--sqs-mobile-site-gutter)); margin: 0 calc(-1 * var(--sqs-mobile-site-gutter)); padding: 0 var(--sqs-mobile-site-gutter) 4px; gap: 8px; }
  .cc-picks::-webkit-scrollbar { display: none; }
  .cc-picks button { flex: none; white-space: nowrap; font-size: 14px; padding: 11px 15px; }
  .cc-paths { padding: 6% 0 0 6%; }
  .cc-block { width: 40%; height: 60%; }
  .cc-path { grid-template-rows: auto 16px auto 16px auto; }
  .cc-pathcard { padding: 14px 16px 15px; gap: 5px; }
  .cc-p-name { font-size: 17px; }
  .cc-p-what { padding-top: 7px; font-size: 12.5px; }
  .cc-record-card { margin: -10% 0 0 5%; }
  .cc-record dl > div { padding: 9px 0; }
  .cc-map svg { max-width: 340px; margin: 4px auto 0; }
}

/* Small phones: the longest example searches still fit */
@media (max-width: 389px) {
  .cc-card-art .cc-search { font-size: 12.5px; }
}

/* >>> phone grid rows (generated) */
@media (max-width: 767px) {
  .fe-6ac3fad07bb31b7afd5ec76c { grid-template-rows: 24px auto auto auto auto auto auto 24px 24px 24px; }
  .fe-block-4558f01c57c7ec7f660a, .fe-block-68508869301ecfd13fce { padding-bottom: 12px; }
  .fe-6ac3fad07bb31b7afd5ec774 { grid-template-rows: 24px auto auto auto auto auto auto 24px auto auto auto auto auto auto 24px 24px auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto); }
  .fe-block-3a50c390b23e293b8dc3, .fe-block-yui_3_17_2_1_1791228626108_5185, .fe-block-9615ca459a1ad809a7ab, .fe-block-a9a0bb584cc7e8ed84ae, .fe-block-b55eecc7472421f32a1a, .fe-block-9801e8d7efeb4c5645e7, .fe-block-edf552e8579e3583ff62 { padding-bottom: 12px; }
  .fe-6ac3fce9a5d0443b0684c872 { grid-template-rows: auto auto auto auto auto auto auto auto 24px minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto); }
  .fe-block-b23a1af4c520098797b6, .fe-block-b8b5c3fa8878d7b6775c, .fe-block-1930f9914e98b5a039a4 { padding-bottom: 12px; }
  .fe-6ac3fe95042ae8555f90fdb7 { grid-template-rows: auto auto 24px minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) auto auto auto auto auto 24px minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) auto auto auto auto auto auto auto 24px minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) auto auto auto auto auto 24px minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) minmax(24px, auto) auto auto auto auto auto; }
  .fe-block-b5eb53d5d8a6841ec7e0, .fe-block-de8d12a73efe1f9426be, .fe-block-e8bb53e102977077226a, .fe-block-d1c2646ac050d6fd43df, .fe-block-567a3ea1ff58df4a42a1, .fe-block-9e2219246af2b692a6ff, .fe-block-a5f0265fb800a4e88c0c, .fe-block-e1ee79b394196d65744c, .fe-block-84ca367574e4b474d364, .fe-block-08471254bf351f2b40aa { padding-bottom: 12px; }
  .fe-6ac40144643f7c7abfcf1207 { grid-template-rows: auto auto auto auto auto auto auto 24px 24px 24px; }
  .fe-block-4b7c03953e7d2ee871dd, .fe-block-yui_3_17_2_1_1791230222863_6805 { padding-bottom: 12px; }
  .fe-6ad00471d21dd2340a4de924 { grid-template-rows: auto auto auto 24px 24px auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; }
  .fe-block-e4379631041d7b51d9aa, .fe-block-32d9e7472fa4aed45e81 { padding-bottom: 12px; }
  .fe-6ac3fad07bb31b7afd5ec783 { grid-template-rows: auto auto auto auto 24px auto auto auto auto 24px 24px auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto; }
  .fe-block-c9b592eb33077630d55d, .fe-block-9543c1dde598bf8fa689, .fe-block-e892b130c9002c6e808e { padding-bottom: 12px; }
}