/* Layout for /services/websites/, copied from the Squarespace page grid. */
.fe-6ac3f5c2ba60be6cfdaf22f0 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(26, minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr); gap: 11px; overflow-x: clip; }
@media (min-width: 768px) {
.background-width--inset .fe-6ac3f5c2ba60be6cfdaf22f0 { --inset-padding: calc(var(--sqs-site-gutter) * 2); }
.fe-6ac3f5c2ba60be6cfdaf22f0 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(11,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr); }
}
.fe-block-f0252bcb3fc38d80d854 {
  grid-area: 1 / 1 / 14 / 11; z-index: 0;
}
.fe-block-f0252bcb3fc38d80d854 .sqs-block { justify-content: center; }
.fe-block-f0252bcb3fc38d80d854 .sqs-block-alignment-wrapper { align-items: center; }
@media (min-width: 768px) {
.fe-block-f0252bcb3fc38d80d854 { grid-area: 1 / 14 / 12 / 27; z-index: 1; }
.fe-block-f0252bcb3fc38d80d854 .sqs-block { justify-content: center; }
.fe-block-f0252bcb3fc38d80d854 .sqs-block-alignment-wrapper { align-items: center; }
}
.fe-block-d0c517a5b2f52f162ef4 {
  grid-area: 15 / 2 / 22 / 10; z-index: 2;
}
.fe-block-d0c517a5b2f52f162ef4 .sqs-block { justify-content: flex-start; }
.fe-block-d0c517a5b2f52f162ef4 .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-d0c517a5b2f52f162ef4 { grid-area: 3 / 2 / 9 / 12; z-index: 2; }
.fe-block-d0c517a5b2f52f162ef4 .sqs-block { justify-content: flex-start; }
.fe-block-d0c517a5b2f52f162ef4 .sqs-block-alignment-wrapper { align-items: flex-start; }
}
.fe-block-5cf8f3636a67e732d7bc {
  grid-area: 22 / 2 / 25 / 10; z-index: 3;
}
.fe-block-5cf8f3636a67e732d7bc .sqs-block { justify-content: flex-start; }
.fe-block-5cf8f3636a67e732d7bc .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-5cf8f3636a67e732d7bc { grid-area: 9 / 2 / 10 / 12; z-index: 3; }
.fe-block-5cf8f3636a67e732d7bc .sqs-block { justify-content: flex-start; }
.fe-block-5cf8f3636a67e732d7bc .sqs-block-alignment-wrapper { align-items: flex-start; }
}
#block-f0252bcb3fc38d80d854 { --image-component-focal-point: 74.3015188449278% 12.00150018752344%; --image-component-object-fit: cover; --image-component-overlay-opacity: 0; --image-component-overlay-blend-mode: normal; --image-component-native-aspect-ratio: 1620/1215; }
#block-f0252bcb3fc38d80d854 .fluid-image-container.visitor-mode { overflow: hidden; mask-image: -webkit-radial-gradient(center, white, black); clip-path: none; }
#block-f0252bcb3fc38d80d854 .js-content-mode-element-wrapper { position: relative; width: 100%; height: 100%; display: none; }
#block-f0252bcb3fc38d80d854 .js-content-mode-element-system_desktop { display: block; }
.fe-block-f0252bcb3fc38d80d854 { --opacity: 100%; --translate-x: 0px; --translate-y: 0px; --rotation: 0deg; --scale-x: 100%; --scale-y: 100%; --skew-x: 0deg; --skew-y: 0deg; --origin-x: 50%; --origin-y: 50%; --block-transform: none; opacity: var(--opacity, 1); transform: var(--block-transform); transform-origin: var(--origin-x) var(--origin-y); }
#block-d0c517a5b2f52f162ef4 { --stroke-style: none; --stroke-thickness: 6px; }
#block-d0c517a5b2f52f162ef4 .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-d0c517a5b2f52f162ef4 { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-d0c517a5b2f52f162ef4 { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-d0c517a5b2f52f162ef4 { --tweak-text-block-blend: normal; }
.fe-block-d0c517a5b2f52f162ef4 { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-d0c517a5b2f52f162ef4 { }
}
@media screen and (max-width: 767px) {
#block-d0c517a5b2f52f162ef4 .sqs-html-content { }
}
#block-5cf8f3636a67e732d7bc { --stroke-style: none; --stroke-thickness: 6px; }
#block-5cf8f3636a67e732d7bc .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-5cf8f3636a67e732d7bc { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-5cf8f3636a67e732d7bc { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-5cf8f3636a67e732d7bc { --tweak-text-block-blend: normal; }
.fe-block-5cf8f3636a67e732d7bc { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-5cf8f3636a67e732d7bc { }
}
@media screen and (max-width: 767px) {
#block-5cf8f3636a67e732d7bc .sqs-html-content { }
}
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf22f1"] { padding-bottom: var(--divider-height); z-index: var(--z-index); }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf22f1"] .background-pause-button { bottom: calc(14px + var(--divider-height)); }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf22f1"] .section-divider-svg-clip { display: none; }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf22f1"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height)); }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf22f1"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background { bottom: calc(var(--sqs-site-gutter) + var(--divider-height)); }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf22f1"] .section-divider-block { height: var(--divider-height); }
[data-section-id="6ac3f5c2ba60be6cfdaf22f1"] { --divider-height: 0px; --z-index: 8; }
[data-section-id="6ac3f5c2ba60be6cfdaf22f8"] { --previous-section-divider-offset: 0px; }
.fe-6ac3f5c2ba60be6cfdaf22f4 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(3, minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr); gap: 11px; overflow-x: clip; }
@media (min-width: 768px) {
.background-width--inset .fe-6ac3f5c2ba60be6cfdaf22f4 { --inset-padding: calc(var(--sqs-site-gutter) * 2); }
.fe-6ac3f5c2ba60be6cfdaf22f4 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(3,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr); }
}
.fe-block-9ea034c8fc03e3f0d947 {
  grid-area: 1 / 1 / 4 / 11; z-index: 4;
}
.fe-block-9ea034c8fc03e3f0d947 .sqs-block { justify-content: center; }
.fe-block-9ea034c8fc03e3f0d947 .sqs-block-alignment-wrapper { align-items: center; }
@media (min-width: 768px) {
.fe-block-9ea034c8fc03e3f0d947 { grid-area: 2 / 1 / 4 / 27; z-index: 4; }
.fe-block-9ea034c8fc03e3f0d947 .sqs-block { justify-content: center; }
.fe-block-9ea034c8fc03e3f0d947 .sqs-block-alignment-wrapper { align-items: center; }
}
#block-9ea034c8fc03e3f0d947 { --marquee-font-size-value: 1.8; --marquee-item-spacing: 0.5em; --marquee-fade-mask: none; }
#block-9ea034c8fc03e3f0d947 { --stroke-style: none; --stroke-thickness: 6px; }
#block-9ea034c8fc03e3f0d947 { --tweak-marquee-block-padding: initial; }
.fe-block-9ea034c8fc03e3f0d947 { mix-blend-mode: var(--tweak-marquee-block-blend); border-radius: var(--tweak-marquee-block-radius); }
.fe-block-9ea034c8fc03e3f0d947 { --tweak-marquee-block-radius: 0px 0px 0px 0px; }
.fe-block-9ea034c8fc03e3f0d947 { --tweak-marquee-block-blend: normal; }
.fe-block-9ea034c8fc03e3f0d947 { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-9ea034c8fc03e3f0d947 { }
}
@media screen and (max-width: 767px) {
#block-9ea034c8fc03e3f0d947 { }
}
.fe-block-9ea034c8fc03e3f0d947 { --opacity: 100%; --translate-x: 0px; --translate-y: 0px; --rotation: 0deg; --scale-x: 100%; --scale-y: 100%; --skew-x: 0deg; --skew-y: 0deg; --origin-x: 50%; --origin-y: 50%; --block-transform: none; opacity: var(--opacity, 1); transform: var(--block-transform); transform-origin: var(--origin-x) var(--origin-y); }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf22f8"] { padding-bottom: var(--divider-height); z-index: var(--z-index); }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf22f8"] .background-pause-button { bottom: calc(14px + var(--divider-height)); }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf22f8"] .section-divider-svg-clip { display: none; }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf22f8"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height)); }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf22f8"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background { bottom: calc(var(--sqs-site-gutter) + var(--divider-height)); }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf22f8"] .section-divider-block { height: var(--divider-height); }
[data-section-id="6ac3f5c2ba60be6cfdaf22f8"] { --divider-height: 0px; --z-index: 7; }
[data-section-id="6ac3f6fec342c235492deddf"] { --previous-section-divider-offset: 0px; }
.user-items-list-item-container[data-section-id="6ac3f6fec342c235492deddf"] .list-item-content__title { font-size: 1.2rem; }
.user-items-list-item-container[data-section-id="6ac3f6fec342c235492deddf"] .list-item-content__description { font-size: 0.9rem; }
.user-items-list-item-container[data-section-id="6ac3f6fec342c235492deddf"] .list-item-content__button { font-size: 0.8rem; }
@media (--test-custom-property: true) {
.user-items-list-item-container[data-section-id="6ac3f6fec342c235492deddf"] { --title-font-size-value: 1.2; --body-font-size-value: 0.9; --button-font-size-value: 0.8; }
}
.fe-6ac3f7da0b4f3f669c06c8bc { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(16, minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr); gap: 11px; overflow-x: clip; }
@media (min-width: 768px) {
.background-width--inset .fe-6ac3f7da0b4f3f669c06c8bc { --inset-padding: calc(var(--sqs-site-gutter) * 2); }
.fe-6ac3f7da0b4f3f669c06c8bc { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(12,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr); }
}
.fe-block-043280e6fb24db801f2e {
  grid-area: 2 / 6 / 5 / 10; z-index: 2;
}
.fe-block-043280e6fb24db801f2e .sqs-block { justify-content: center; }
.fe-block-043280e6fb24db801f2e .sqs-block-alignment-wrapper { align-items: center; }
@media (min-width: 768px) {
.fe-block-043280e6fb24db801f2e { grid-area: 4 / 19 / 13 / 26; z-index: 2; }
.fe-block-043280e6fb24db801f2e .sqs-block { justify-content: center; }
.fe-block-043280e6fb24db801f2e .sqs-block-alignment-wrapper { align-items: center; }
}
.fe-block-ea1b270a6beb3248ff97 {
  grid-area: 10 / 2 / 16 / 10; z-index: 0;
}
.fe-block-ea1b270a6beb3248ff97 .sqs-block { justify-content: flex-start; }
.fe-block-ea1b270a6beb3248ff97 .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-ea1b270a6beb3248ff97 { grid-area: 5 / 2 / 12 / 16; z-index: 0; }
.fe-block-ea1b270a6beb3248ff97 .sqs-block { justify-content: flex-end; }
.fe-block-ea1b270a6beb3248ff97 .sqs-block-alignment-wrapper { align-items: flex-end; }
}
#block-043280e6fb24db801f2e { --stroke-style: none; --stroke-thickness: 6px; }
#block-043280e6fb24db801f2e .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-043280e6fb24db801f2e { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-043280e6fb24db801f2e { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-043280e6fb24db801f2e { --tweak-text-block-blend: normal; }
.fe-block-043280e6fb24db801f2e { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-043280e6fb24db801f2e { }
}
@media screen and (max-width: 767px) {
#block-043280e6fb24db801f2e .sqs-html-content { }
}
#block-ea1b270a6beb3248ff97 { --stroke-style: none; --stroke-thickness: 6px; }
#block-ea1b270a6beb3248ff97 .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-ea1b270a6beb3248ff97 { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-ea1b270a6beb3248ff97 { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-ea1b270a6beb3248ff97 { --tweak-text-block-blend: normal; }
.fe-block-ea1b270a6beb3248ff97 { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-ea1b270a6beb3248ff97 { }
}
@media screen and (max-width: 767px) {
#block-ea1b270a6beb3248ff97 .sqs-html-content { }
}
.fe-6ac3f8659336634bd9ac9186 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(58, minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr); gap: 11px; overflow-x: clip; }
@media (min-width: 768px) {
.background-width--inset .fe-6ac3f8659336634bd9ac9186 { --inset-padding: calc(var(--sqs-site-gutter) * 2); }
.fe-6ac3f8659336634bd9ac9186 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(13,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr); }
}
.fe-block-4680211b750c3cc19e5a {
  grid-area: 1 / 2 / 3 / 9; z-index: 1;
}
.fe-block-4680211b750c3cc19e5a .sqs-block { justify-content: flex-start; }
.fe-block-4680211b750c3cc19e5a .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-4680211b750c3cc19e5a { grid-area: 1 / 2 / 3 / 22; z-index: 1; }
.fe-block-4680211b750c3cc19e5a .sqs-block { justify-content: flex-start; }
.fe-block-4680211b750c3cc19e5a .sqs-block-alignment-wrapper { align-items: flex-start; }
}
.fe-block-36625ebd701aca10d2de {
  grid-area: 5 / 2 / 12 / 6; z-index: 2;
}
.fe-block-36625ebd701aca10d2de .sqs-block { justify-content: center; }
.fe-block-36625ebd701aca10d2de .sqs-block-alignment-wrapper { align-items: center; }
@media (min-width: 768px) {
.fe-block-36625ebd701aca10d2de { grid-area: 3 / 2 / 8 / 7; z-index: 2; }
.fe-block-36625ebd701aca10d2de .sqs-block { justify-content: center; }
.fe-block-36625ebd701aca10d2de .sqs-block-alignment-wrapper { align-items: center; }
}
.fe-block-e2c574c49dab6bafaf69 {
  grid-area: 12 / 2 / 14 / 10; z-index: 0;
}
.fe-block-e2c574c49dab6bafaf69 .sqs-block { justify-content: flex-start; }
.fe-block-e2c574c49dab6bafaf69 .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-e2c574c49dab6bafaf69 { grid-area: 3 / 8 / 4 / 13; z-index: 0; }
.fe-block-e2c574c49dab6bafaf69 .sqs-block { justify-content: flex-start; }
.fe-block-e2c574c49dab6bafaf69 .sqs-block-alignment-wrapper { align-items: flex-start; }
}
.fe-block-10a57bd980bbb31cf9bf {
  grid-area: 14 / 2 / 17 / 10; z-index: 2;
}
.fe-block-10a57bd980bbb31cf9bf .sqs-block { justify-content: flex-start; }
.fe-block-10a57bd980bbb31cf9bf .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-10a57bd980bbb31cf9bf { grid-area: 4 / 8 / 6 / 13; z-index: 2; }
.fe-block-10a57bd980bbb31cf9bf .sqs-block { justify-content: flex-start; }
.fe-block-10a57bd980bbb31cf9bf .sqs-block-alignment-wrapper { align-items: flex-start; }
}
.fe-block-c4381348d4419d9fe140 {
  grid-area: 19 / 2 / 26 / 6; z-index: 3;
}
.fe-block-c4381348d4419d9fe140 .sqs-block { justify-content: center; }
.fe-block-c4381348d4419d9fe140 .sqs-block-alignment-wrapper { align-items: center; }
@media (min-width: 768px) {
.fe-block-c4381348d4419d9fe140 { grid-area: 3 / 15 / 8 / 20; z-index: 3; }
.fe-block-c4381348d4419d9fe140 .sqs-block { justify-content: center; }
.fe-block-c4381348d4419d9fe140 .sqs-block-alignment-wrapper { align-items: center; }
}
.fe-block-9b66c6775a00cfa4a29e {
  grid-area: 26 / 2 / 28 / 10; z-index: 1;
}
.fe-block-9b66c6775a00cfa4a29e .sqs-block { justify-content: flex-start; }
.fe-block-9b66c6775a00cfa4a29e .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-9b66c6775a00cfa4a29e { grid-area: 3 / 21 / 4 / 26; z-index: 1; }
.fe-block-9b66c6775a00cfa4a29e .sqs-block { justify-content: flex-start; }
.fe-block-9b66c6775a00cfa4a29e .sqs-block-alignment-wrapper { align-items: flex-start; }
}
.fe-block-499d5ae795edd47f42a0 {
  grid-area: 28 / 2 / 31 / 10; z-index: 3;
}
.fe-block-499d5ae795edd47f42a0 .sqs-block { justify-content: flex-start; }
.fe-block-499d5ae795edd47f42a0 .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-499d5ae795edd47f42a0 { grid-area: 4 / 21 / 7 / 26; z-index: 3; }
.fe-block-499d5ae795edd47f42a0 .sqs-block { justify-content: flex-start; }
.fe-block-499d5ae795edd47f42a0 .sqs-block-alignment-wrapper { align-items: flex-start; }
}
.fe-block-28f6fcfe39bedbdd3526 {
  grid-area: 33 / 2 / 40 / 6; z-index: 4;
}
.fe-block-28f6fcfe39bedbdd3526 .sqs-block { justify-content: center; }
.fe-block-28f6fcfe39bedbdd3526 .sqs-block-alignment-wrapper { align-items: center; }
@media (min-width: 768px) {
.fe-block-28f6fcfe39bedbdd3526 { grid-area: 9 / 2 / 14 / 7; z-index: 4; }
.fe-block-28f6fcfe39bedbdd3526 .sqs-block { justify-content: center; }
.fe-block-28f6fcfe39bedbdd3526 .sqs-block-alignment-wrapper { align-items: center; }
}
.fe-block-5efb4f4ab4be4a892076 {
  grid-area: 40 / 2 / 42 / 10; z-index: 2;
}
.fe-block-5efb4f4ab4be4a892076 .sqs-block { justify-content: flex-start; }
.fe-block-5efb4f4ab4be4a892076 .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-5efb4f4ab4be4a892076 { grid-area: 9 / 8 / 10 / 13; z-index: 2; }
.fe-block-5efb4f4ab4be4a892076 .sqs-block { justify-content: flex-start; }
.fe-block-5efb4f4ab4be4a892076 .sqs-block-alignment-wrapper { align-items: flex-start; }
}
.fe-block-214bbe67065c2e86e262 {
  grid-area: 42 / 2 / 46 / 10; z-index: 4;
}
.fe-block-214bbe67065c2e86e262 .sqs-block { justify-content: flex-start; }
.fe-block-214bbe67065c2e86e262 .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-214bbe67065c2e86e262 { grid-area: 10 / 8 / 13 / 13; z-index: 4; }
.fe-block-214bbe67065c2e86e262 .sqs-block { justify-content: flex-start; }
.fe-block-214bbe67065c2e86e262 .sqs-block-alignment-wrapper { align-items: flex-start; }
}
.fe-block-3abab5dd7960bfa9f6d1 {
  grid-area: 47 / 2 / 54 / 6; z-index: 5;
}
.fe-block-3abab5dd7960bfa9f6d1 .sqs-block { justify-content: center; }
.fe-block-3abab5dd7960bfa9f6d1 .sqs-block-alignment-wrapper { align-items: center; }
@media (min-width: 768px) {
.fe-block-3abab5dd7960bfa9f6d1 { grid-area: 9 / 15 / 14 / 20; z-index: 5; }
.fe-block-3abab5dd7960bfa9f6d1 .sqs-block { justify-content: center; }
.fe-block-3abab5dd7960bfa9f6d1 .sqs-block-alignment-wrapper { align-items: center; }
}
.fe-block-8633c27c70600d9ff707 {
  grid-area: 54 / 2 / 56 / 10; z-index: 3;
}
.fe-block-8633c27c70600d9ff707 .sqs-block { justify-content: flex-start; }
.fe-block-8633c27c70600d9ff707 .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-8633c27c70600d9ff707 { grid-area: 9 / 21 / 10 / 26; z-index: 3; }
.fe-block-8633c27c70600d9ff707 .sqs-block { justify-content: flex-start; }
.fe-block-8633c27c70600d9ff707 .sqs-block-alignment-wrapper { align-items: flex-start; }
}
.fe-block-e1f262cd5a88d567b26f {
  grid-area: 56 / 2 / 59 / 10; z-index: 5;
}
.fe-block-e1f262cd5a88d567b26f .sqs-block { justify-content: flex-start; }
.fe-block-e1f262cd5a88d567b26f .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-e1f262cd5a88d567b26f { grid-area: 10 / 21 / 12 / 26; z-index: 5; }
.fe-block-e1f262cd5a88d567b26f .sqs-block { justify-content: flex-start; }
.fe-block-e1f262cd5a88d567b26f .sqs-block-alignment-wrapper { align-items: flex-start; }
}
#block-4680211b750c3cc19e5a { --stroke-style: none; --stroke-thickness: 6px; }
#block-4680211b750c3cc19e5a .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-4680211b750c3cc19e5a { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-4680211b750c3cc19e5a { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-4680211b750c3cc19e5a { --tweak-text-block-blend: normal; }
.fe-block-4680211b750c3cc19e5a { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-4680211b750c3cc19e5a { }
}
@media screen and (max-width: 767px) {
#block-4680211b750c3cc19e5a .sqs-html-content { }
}
#block-36625ebd701aca10d2de { --image-component-focal-point: 50% 50%; --image-component-object-fit: cover; --image-component-overlay-opacity: 0; --image-component-overlay-blend-mode: normal; --image-component-native-aspect-ratio: 2560/1792; }
#block-36625ebd701aca10d2de .fluid-image-container.visitor-mode { overflow: hidden; mask-image: -webkit-radial-gradient(center, white, black); clip-path: none; }
#block-36625ebd701aca10d2de .js-content-mode-element-wrapper { position: relative; width: 100%; height: 100%; display: none; }
#block-36625ebd701aca10d2de .js-content-mode-element-system_desktop { display: block; }
#block-e2c574c49dab6bafaf69 { --stroke-style: none; --stroke-thickness: 6px; }
#block-e2c574c49dab6bafaf69 .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-e2c574c49dab6bafaf69 { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-e2c574c49dab6bafaf69 { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-e2c574c49dab6bafaf69 { --tweak-text-block-blend: normal; }
.fe-block-e2c574c49dab6bafaf69 { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-e2c574c49dab6bafaf69 { }
}
@media screen and (max-width: 767px) {
#block-e2c574c49dab6bafaf69 .sqs-html-content { }
}
#block-10a57bd980bbb31cf9bf { --stroke-style: none; --stroke-thickness: 6px; }
#block-10a57bd980bbb31cf9bf .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-10a57bd980bbb31cf9bf { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-10a57bd980bbb31cf9bf { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-10a57bd980bbb31cf9bf { --tweak-text-block-blend: normal; }
.fe-block-10a57bd980bbb31cf9bf { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-10a57bd980bbb31cf9bf { }
}
@media screen and (max-width: 767px) {
#block-10a57bd980bbb31cf9bf .sqs-html-content { }
}
#block-c4381348d4419d9fe140 { --image-component-focal-point: 50% 50%; --image-component-object-fit: cover; --image-component-overlay-opacity: 0; --image-component-overlay-blend-mode: normal; --image-component-native-aspect-ratio: 2560/1792; }
#block-c4381348d4419d9fe140 .fluid-image-container.visitor-mode { overflow: hidden; mask-image: -webkit-radial-gradient(center, white, black); clip-path: none; }
#block-c4381348d4419d9fe140 .js-content-mode-element-wrapper { position: relative; width: 100%; height: 100%; display: none; }
#block-c4381348d4419d9fe140 .js-content-mode-element-system_desktop { display: block; }
#block-9b66c6775a00cfa4a29e { --stroke-style: none; --stroke-thickness: 6px; }
#block-9b66c6775a00cfa4a29e .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-9b66c6775a00cfa4a29e { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-9b66c6775a00cfa4a29e { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-9b66c6775a00cfa4a29e { --tweak-text-block-blend: normal; }
.fe-block-9b66c6775a00cfa4a29e { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-9b66c6775a00cfa4a29e { }
}
@media screen and (max-width: 767px) {
#block-9b66c6775a00cfa4a29e .sqs-html-content { }
}
#block-499d5ae795edd47f42a0 { --stroke-style: none; --stroke-thickness: 6px; }
#block-499d5ae795edd47f42a0 .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-499d5ae795edd47f42a0 { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-499d5ae795edd47f42a0 { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-499d5ae795edd47f42a0 { --tweak-text-block-blend: normal; }
.fe-block-499d5ae795edd47f42a0 { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-499d5ae795edd47f42a0 { }
}
@media screen and (max-width: 767px) {
#block-499d5ae795edd47f42a0 .sqs-html-content { }
}
#block-28f6fcfe39bedbdd3526 { --image-component-focal-point: 39.362121013256335% 48.003000187511724%; --image-component-object-fit: cover; --image-component-overlay-opacity: 0; --image-component-overlay-blend-mode: normal; --image-component-native-aspect-ratio: 2560/1792; }
#block-28f6fcfe39bedbdd3526 .fluid-image-container.visitor-mode { overflow: hidden; mask-image: -webkit-radial-gradient(center, white, black); clip-path: none; }
#block-28f6fcfe39bedbdd3526 .js-content-mode-element-wrapper { position: relative; width: 100%; height: 100%; display: none; }
#block-28f6fcfe39bedbdd3526 .js-content-mode-element-system_desktop { display: block; }
#block-5efb4f4ab4be4a892076 { --stroke-style: none; --stroke-thickness: 6px; }
#block-5efb4f4ab4be4a892076 .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-5efb4f4ab4be4a892076 { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-5efb4f4ab4be4a892076 { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-5efb4f4ab4be4a892076 { --tweak-text-block-blend: normal; }
.fe-block-5efb4f4ab4be4a892076 { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-5efb4f4ab4be4a892076 { }
}
@media screen and (max-width: 767px) {
#block-5efb4f4ab4be4a892076 .sqs-html-content { }
}
#block-214bbe67065c2e86e262 { --stroke-style: none; --stroke-thickness: 6px; }
#block-214bbe67065c2e86e262 .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-214bbe67065c2e86e262 { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-214bbe67065c2e86e262 { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-214bbe67065c2e86e262 { --tweak-text-block-blend: normal; }
.fe-block-214bbe67065c2e86e262 { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-214bbe67065c2e86e262 { }
}
@media screen and (max-width: 767px) {
#block-214bbe67065c2e86e262 .sqs-html-content { }
}
#block-3abab5dd7960bfa9f6d1 { --image-component-focal-point: 50% 50%; --image-component-object-fit: cover; --image-component-overlay-opacity: 0; --image-component-overlay-blend-mode: normal; --image-component-native-aspect-ratio: 2560/1792; }
#block-3abab5dd7960bfa9f6d1 .fluid-image-container.visitor-mode { overflow: hidden; mask-image: -webkit-radial-gradient(center, white, black); clip-path: none; }
#block-3abab5dd7960bfa9f6d1 .js-content-mode-element-wrapper { position: relative; width: 100%; height: 100%; display: none; }
#block-3abab5dd7960bfa9f6d1 .js-content-mode-element-system_desktop { display: block; }
#block-8633c27c70600d9ff707 { --stroke-style: none; --stroke-thickness: 6px; }
#block-8633c27c70600d9ff707 .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-8633c27c70600d9ff707 { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-8633c27c70600d9ff707 { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-8633c27c70600d9ff707 { --tweak-text-block-blend: normal; }
.fe-block-8633c27c70600d9ff707 { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-8633c27c70600d9ff707 { }
}
@media screen and (max-width: 767px) {
#block-8633c27c70600d9ff707 .sqs-html-content { }
}
#block-e1f262cd5a88d567b26f { --stroke-style: none; --stroke-thickness: 6px; }
#block-e1f262cd5a88d567b26f .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-e1f262cd5a88d567b26f { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-e1f262cd5a88d567b26f { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-e1f262cd5a88d567b26f { --tweak-text-block-blend: normal; }
.fe-block-e1f262cd5a88d567b26f { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-e1f262cd5a88d567b26f { }
}
@media screen and (max-width: 767px) {
#block-e1f262cd5a88d567b26f .sqs-html-content { }
}
.fe-6ac3f5c2ba60be6cfdaf22ff { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(14, minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr); gap: 11px; overflow-x: clip; }
@media (min-width: 768px) {
.background-width--inset .fe-6ac3f5c2ba60be6cfdaf22ff { --inset-padding: calc(var(--sqs-site-gutter) * 2); }
.fe-6ac3f5c2ba60be6cfdaf22ff { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(9,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr); }
}
.fe-block-52cc379fd3164915b0d3 {
  grid-area: 5 / 2 / 12 / 10; z-index: 2;
}
.fe-block-52cc379fd3164915b0d3 .sqs-block { justify-content: center; }
.fe-block-52cc379fd3164915b0d3 .sqs-block-alignment-wrapper { align-items: center; }
@media (min-width: 768px) {
.fe-block-52cc379fd3164915b0d3 { grid-area: 3 / 9 / 8 / 20; z-index: 2; }
.fe-block-52cc379fd3164915b0d3 .sqs-block { justify-content: center; }
.fe-block-52cc379fd3164915b0d3 .sqs-block-alignment-wrapper { align-items: center; }
}
#block-52cc379fd3164915b0d3 { --stroke-style: none; --stroke-thickness: 6px; }
#block-52cc379fd3164915b0d3 .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-52cc379fd3164915b0d3 { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-52cc379fd3164915b0d3 { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-52cc379fd3164915b0d3 { --tweak-text-block-blend: normal; }
.fe-block-52cc379fd3164915b0d3 { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-52cc379fd3164915b0d3 { }
}
@media screen and (max-width: 767px) {
#block-52cc379fd3164915b0d3 .sqs-html-content { }
}
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf2300"] { padding-bottom: var(--divider-height); z-index: var(--z-index); }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf2300"] .background-pause-button { bottom: calc(14px + var(--divider-height)); }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf2300"] .section-divider-svg-clip { display: none; }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf2300"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height)); }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf2300"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background { bottom: calc(var(--sqs-site-gutter) + var(--divider-height)); }
.has-section-divider[data-section-id="6ac3f5c2ba60be6cfdaf2300"] .section-divider-block { height: var(--divider-height); }
[data-section-id="6ac3f5c2ba60be6cfdaf2300"] { --divider-height: 0px; --z-index: 3; }
[data-section-id="6ac3f5c2ba60be6cfdaf2304"] { --previous-section-divider-offset: 0px; }
.fe-6ac3f5c2ba60be6cfdaf2303 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(33, minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr); gap: 11px; overflow-x: clip; }
@media (min-width: 768px) {
.background-width--inset .fe-6ac3f5c2ba60be6cfdaf2303 { --inset-padding: calc(var(--sqs-site-gutter) * 2); }
.fe-6ac3f5c2ba60be6cfdaf2303 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(19,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr); }
}
.fe-block-9224229f97e70be941ff {
  grid-area: 2 / 2 / 3 / 10; z-index: 0;
}
.fe-block-9224229f97e70be941ff .sqs-block { justify-content: flex-start; }
.fe-block-9224229f97e70be941ff .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-9224229f97e70be941ff { grid-area: 1 / 2 / 4 / 12; z-index: 0; }
.fe-block-9224229f97e70be941ff .sqs-block { justify-content: flex-start; }
.fe-block-9224229f97e70be941ff .sqs-block-alignment-wrapper { align-items: flex-start; }
}
.fe-block-e2dc59950a11e167d8c2 {
  grid-area: 3 / 2 / 7 / 10; z-index: 1;
}
.fe-block-e2dc59950a11e167d8c2 .sqs-block { justify-content: flex-start; }
.fe-block-e2dc59950a11e167d8c2 .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-e2dc59950a11e167d8c2 { grid-area: 4 / 2 / 7 / 9; z-index: 1; }
.fe-block-e2dc59950a11e167d8c2 .sqs-block { justify-content: flex-start; }
.fe-block-e2dc59950a11e167d8c2 .sqs-block-alignment-wrapper { align-items: flex-start; }
}
.fe-block-34b1ecb92dc70040b296 {
  grid-area: 8 / 2 / 33 / 10; z-index: 2;
}
.fe-block-34b1ecb92dc70040b296 .sqs-block { justify-content: flex-start; }
.fe-block-34b1ecb92dc70040b296 .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
.fe-block-34b1ecb92dc70040b296 { grid-area: 1 / 14 / 20 / 26; z-index: 2; }
.fe-block-34b1ecb92dc70040b296 .sqs-block { justify-content: flex-start; }
.fe-block-34b1ecb92dc70040b296 .sqs-block-alignment-wrapper { align-items: flex-start; }
}
#block-9224229f97e70be941ff { --stroke-style: none; --stroke-thickness: 6px; }
#block-9224229f97e70be941ff .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-9224229f97e70be941ff { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-9224229f97e70be941ff { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-9224229f97e70be941ff { --tweak-text-block-blend: normal; }
.fe-block-9224229f97e70be941ff { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-9224229f97e70be941ff { }
}
@media screen and (max-width: 767px) {
#block-9224229f97e70be941ff .sqs-html-content { }
}
#block-e2dc59950a11e167d8c2 { --stroke-style: none; --stroke-thickness: 6px; }
#block-e2dc59950a11e167d8c2 .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-e2dc59950a11e167d8c2 { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-e2dc59950a11e167d8c2 { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-e2dc59950a11e167d8c2 { --tweak-text-block-blend: normal; }
.fe-block-e2dc59950a11e167d8c2 { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-e2dc59950a11e167d8c2 { }
}
@media screen and (max-width: 767px) {
#block-e2dc59950a11e167d8c2 .sqs-html-content { }
}
#block-34b1ecb92dc70040b296 { --stroke-style: none; --stroke-thickness: 6px; }
#block-34b1ecb92dc70040b296 .form-wrapper { --form-block-padding: initial; }
.fe-block-34b1ecb92dc70040b296 { mix-blend-mode: var(--form-block-blend-mode
    ); border-radius: var(--form-block-border-radius); }
.fe-block-34b1ecb92dc70040b296 { --form-block-border-radius: 0px 0px 0px 0px; }
.fe-block-34b1ecb92dc70040b296 { --form-block-blend-mode: normal; }
.fe-block-34b1ecb92dc70040b296 { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
#block-34b1ecb92dc70040b296 { }
}
@media screen and (max-width: 767px) {
#block-34b1ecb92dc70040b296 .form-wrapper { }
}
#block-34b1ecb92dc70040b296 .form-wrapper { display: grid; }
#block-34b1ecb92dc70040b296 .lightbox-handle-wrapper { display: none; }
#block-34b1ecb92dc70040b296 .lightbox-handle-wrapper-system_desktop { display: block; }

/* Phone fixes the Squarespace grid got wrong */
@media (max-width: 767px) {
  /* Over the aerial photo: heading first, then the paragraph at full width (it was squeezed into a narrow column) */
  .fe-block-ea1b270a6beb3248ff97 { grid-area: 2 / 2 / 6 / 10; }
  .fe-block-043280e6fb24db801f2e { grid-area: 6 / 2 / 16 / 10; }
  /* Process steps: photos use the full width instead of leaving the right half empty */
  .fe-block-36625ebd701aca10d2de { grid-area: 4 / 2 / 12 / 10; }
  .fe-block-c4381348d4419d9fe140 { grid-area: 18 / 2 / 26 / 10; }
  .fe-block-28f6fcfe39bedbdd3526 { grid-area: 32 / 2 / 40 / 10; }
  .fe-block-3abab5dd7960bfa9f6d1 { grid-area: 46 / 2 / 54 / 10; }
  /* Black statement: less empty space above the heading */
  .fe-block-52cc379fd3164915b0d3 { grid-area: 3 / 2 / 12 / 10; }
  /* FAQ: questions start right under the heading */
  .fe-block-32d9e7472fa4aed45e81 { grid-area: 5 / 2 / 23 / 10; }
}

/* >>> phone grid rows (generated) */
@media (max-width: 767px) {
  .fe-6ac3f5c2ba60be6cfdaf22f0 { grid-template-rows: 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) minmax(24px, auto) 24px auto auto auto auto auto auto auto auto auto auto 24px 24px; }
  .fe-block-d0c517a5b2f52f162ef4, .fe-block-5cf8f3636a67e732d7bc { padding-bottom: 12px; }
  .fe-6ac3f7da0b4f3f669c06c8bc { grid-template-rows: 24px auto auto auto 24px 24px 24px 24px 24px auto auto auto auto auto auto 24px; }
  .fe-block-043280e6fb24db801f2e, .fe-block-ea1b270a6beb3248ff97 { padding-bottom: 12px; }
  .fe-6ac3f8659336634bd9ac9186 { grid-template-rows: auto auto 24px 24px 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 24px 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 24px 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 24px 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-4680211b750c3cc19e5a, .fe-block-e2c574c49dab6bafaf69, .fe-block-10a57bd980bbb31cf9bf, .fe-block-9b66c6775a00cfa4a29e, .fe-block-499d5ae795edd47f42a0, .fe-block-5efb4f4ab4be4a892076, .fe-block-214bbe67065c2e86e262, .fe-block-8633c27c70600d9ff707, .fe-block-e1f262cd5a88d567b26f { padding-bottom: 12px; }
  .fe-6ac3f5c2ba60be6cfdaf22ff { grid-template-rows: 24px 24px 24px 24px auto auto auto auto auto auto auto 24px 24px 24px; }
  .fe-block-52cc379fd3164915b0d3 { padding-bottom: 12px; }
  .fe-6ac3f5c2ba60be6cfdaf2303 { grid-template-rows: 24px auto auto auto auto auto 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 24px; }
  .fe-block-9224229f97e70be941ff, .fe-block-e2dc59950a11e167d8c2, .fe-block-34b1ecb92dc70040b296 { padding-bottom: 12px; }
}
/* <<< phone grid rows */

/* Buyer questions (accordion copied from the contractor websites FAQ, 2026-10-27) */
.fe-ws0faq0grid { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1 / 1 / -1 / -1; grid-template-rows: repeat(22, minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr); gap: 11px; overflow-x: clip; }
@media (min-width: 768px) {
  .background-width--inset .fe-ws0faq0grid { --inset-padding: calc(var(--sqs-site-gutter) * 2); }
  .fe-ws0faq0grid { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr); }
}
.fe-block-ws0faq0heading {
  grid-area: 1 / 2 / 4 / 10; z-index: 1;
}
.fe-block-ws0faq0heading .sqs-block { justify-content: flex-start; }
.fe-block-ws0faq0heading .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
  .fe-block-ws0faq0heading { grid-area: 1 / 6 / 3 / 22; z-index: 2; }
  .fe-block-ws0faq0heading .sqs-block { justify-content: flex-start; }
  .fe-block-ws0faq0heading .sqs-block-alignment-wrapper { align-items: flex-start; }
}
.fe-block-ws0faq0list {
  grid-area: 6 / 2 / 23 / 10; z-index: 3;
}
.fe-block-ws0faq0list .sqs-block { justify-content: flex-start; }
.fe-block-ws0faq0list .sqs-block-alignment-wrapper { align-items: flex-start; }
@media (min-width: 768px) {
  .fe-block-ws0faq0list { grid-area: 3 / 7 / 15 / 21; z-index: 3; }
  .fe-block-ws0faq0list .sqs-block { justify-content: flex-start; }
  .fe-block-ws0faq0list .sqs-block-alignment-wrapper { align-items: flex-start; }
}
#block-ws0faq0heading { --stroke-style: none; --stroke-thickness: 6px; }
#block-ws0faq0heading .sqs-html-content { --tweak-text-block-padding: initial; }
.fe-block-ws0faq0heading { mix-blend-mode: var(--tweak-text-block-blend
  ); border-radius: var(--tweak-text-block-radius); }
.fe-block-ws0faq0heading { --tweak-text-block-radius: 0px 0px 0px 0px; }
.fe-block-ws0faq0heading { --tweak-text-block-blend: normal; }
.fe-block-ws0faq0heading { --blur-value: blur(15px); }
@media screen and (max-width: 767px) {
  #block-ws0faq0heading { }
}
@media screen and (max-width: 767px) {
  #block-ws0faq0heading .sqs-html-content { }
}
#block-ws0faq0list { --accordion-item-padding-top: 30px; --accordion-item-padding-bottom: 30px; --accordion-item-padding-left: 0px; --accordion-item-padding-right: 0px; --accordion-icon-size: 14px; --accordion-icon-thickness: 1px; --accordion-description-padding-top: 0px; --accordion-description-padding-bottom: 30px; --accordion-description-padding-left: 0px; --accordion-description-padding-right: 0px; --accordion-description-width: 70%; --accordion-divider-thickness: 1px; --accordion-divider-opacity: 1; }
#block-ws0faq0list { --stroke-style: none; --stroke-thickness: 6px; --tweak-accordion-block-background-color: hsla(0, 0%, 100%, 0.2); }
#block-ws0faq0list .accordion-items-container { --tweak-accordion-block-padding: initial; }
.fe-block-ws0faq0list { mix-blend-mode: var(--tweak-accordion-block-blend
); border-radius: var(--tweak-accordion-block-radius); }
.fe-block-ws0faq0list { --tweak-accordion-block-radius: 0px 0px 0px 0px; }
.fe-block-ws0faq0list { --tweak-accordion-block-blend: normal; }
.fe-block-ws0faq0list { --blur-value: blur(15px); }
/* Phone fixes the Squarespace grid got wrong */
@media (max-width: 767px) {
  /* Over the aerial photo: heading first, then the paragraph at full width (it was squeezed into a narrow column) */
  .fe-block-ea1b270a6beb3248ff97 { grid-area: 2 / 2 / 6 / 10; }
  .fe-block-043280e6fb24db801f2e { grid-area: 6 / 2 / 16 / 10; }
  /* Process steps: photos use the full width instead of leaving the right half empty */
  .fe-block-36625ebd701aca10d2de { grid-area: 4 / 2 / 12 / 10; }
  .fe-block-c4381348d4419d9fe140 { grid-area: 18 / 2 / 26 / 10; }
  .fe-block-28f6fcfe39bedbdd3526 { grid-area: 32 / 2 / 40 / 10; }
  .fe-block-3abab5dd7960bfa9f6d1 { grid-area: 46 / 2 / 54 / 10; }
  /* Black statement: less empty space above the heading */
  .fe-block-52cc379fd3164915b0d3 { grid-area: 3 / 2 / 12 / 10; }
  /* FAQ: questions start right under the heading */
  .fe-block-ws0faq0list { grid-area: 5 / 2 / 23 / 10; }
}
/* >>> phone grid rows (generated) */
@media (max-width: 767px) {
  .fe-6ac3f5c2ba60be6cfdaf22f0 { grid-template-rows: 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) minmax(24px, auto) 24px auto auto auto auto auto auto auto auto auto auto 24px 24px; }
  .fe-block-d0c517a5b2f52f162ef4, .fe-block-5cf8f3636a67e732d7bc { padding-bottom: 12px; }
  .fe-6ac3f7da0b4f3f669c06c8bc { grid-template-rows: 24px auto auto auto 24px 24px 24px 24px 24px auto auto auto auto auto auto 24px; }
  .fe-block-043280e6fb24db801f2e, .fe-block-ea1b270a6beb3248ff97 { padding-bottom: 12px; }
  .fe-6ac3f8659336634bd9ac9186 { grid-template-rows: auto auto 24px 24px 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 24px 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 24px 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 24px 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-4680211b750c3cc19e5a, .fe-block-e2c574c49dab6bafaf69, .fe-block-10a57bd980bbb31cf9bf, .fe-block-9b66c6775a00cfa4a29e, .fe-block-499d5ae795edd47f42a0, .fe-block-5efb4f4ab4be4a892076, .fe-block-214bbe67065c2e86e262, .fe-block-8633c27c70600d9ff707, .fe-block-e1f262cd5a88d567b26f { padding-bottom: 12px; }
  .fe-6ac3f5c2ba60be6cfdaf22ff { grid-template-rows: 24px 24px 24px 24px auto auto auto auto auto auto auto 24px 24px 24px; }
  .fe-block-52cc379fd3164915b0d3 { padding-bottom: 12px; }
  .fe-ws0faq0grid { 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-ws0faq0heading, .fe-block-ws0faq0list { padding-bottom: 12px; }
  .fe-6ac3f5c2ba60be6cfdaf2303 { grid-template-rows: 24px auto auto auto auto auto 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 24px; }
  .fe-block-9224229f97e70be941ff, .fe-block-e2dc59950a11e167d8c2, .fe-block-34b1ecb92dc70040b296 { padding-bottom: 12px; }
}

/* Focused rebuild (2026-10-29): hero copy + one CTA, ownership statement, AJILA + advertising side by side */
.ws-hero-copy p + p { margin-top: .9em; }
.ws-hero-copy .gm-btn { margin-top: 1.6em; }
[data-section-id="6ac3f7da0b4f3f669c06c8bd"] #block-043280e6fb24db801f2e p + p { margin-top: .8em; }
#block-52cc379fd3164915b0d3 p, #block-ws0ads p { margin-top: .8em; }
#block-52cc379fd3164915b0d3 h3 + p, #block-ws0ads h3 + p { margin-top: 1.2em; }
#block-ws0ads a { color: inherit; }
.fe-block-ws0ads { grid-area: 12 / 2 / 13 / 10; z-index: 2; }
@media (min-width: 768px) {
  .fe-block-52cc379fd3164915b0d3 { grid-area: 3 / 2 / 8 / 13; }
  .fe-block-ws0ads { grid-area: 3 / 15 / 8 / 26; }
}
@media (max-width: 767px) {
  .fe-6ac3f5c2ba60be6cfdaf22ff { grid-template-rows: 24px 24px 24px 24px auto auto auto auto auto auto auto auto 24px 24px; }
  .fe-block-ws0ads { padding-top: 28px; }
}
.ws-hero-copy .gm-btn { text-decoration: none; }
/* AJILA and advertising columns start level */
.fe-block-52cc379fd3164915b0d3 .sqs-block, .fe-block-ws0ads .sqs-block { justify-content: flex-start; }
/* Ownership statement: a darker overlay on phones so the orange line reads over the aerial photo */
@media (max-width: 767px) {
  [data-section-id="6ac3f7da0b4f3f669c06c8bd"] .section-background-overlay { opacity: .62 !important; }
}

/* Round 2 (2026-10-29): AJILA band rebuilt around real screenshots of his site, copy cut to two sentences */
.ws-ajila { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 0 clamp(32px, 5vw, 90px); align-items: center; max-width: var(--sqs-site-max-width, 1500px); margin: 0 auto; padding: clamp(56px, 7vw, 110px) var(--sqs-site-gutter, 4vw); }
.ws-ajila-copy p { margin-top: 1.1em; max-width: 46ch; }
.ws-ajila-copy a { color: inherit; }
.ws-ajila-ads { padding-top: 1.1em; border-top: 1px solid rgba(255,255,255,.25); margin-top: 1.6em !important; }
.ws-ajila-shots { position: relative; padding: 0 0 9% 0; }
.ws-ajila-shots img { display: block; }
.ws-ajila-desk { width: 88%; height: auto; margin-left: auto; }
.ws-ajila-phone { position: absolute; left: 0; bottom: 0; width: 24%; height: auto; aspect-ratio: 780 / 1300; object-fit: cover; object-position: top; border: 5px solid #fff; }
@media (max-width: 767px) {
  .ws-ajila { grid-template-columns: minmax(0, 1fr); padding: 56px 6vw; gap: 32px; }
  .ws-ajila-shots { order: -1; padding-bottom: 14%; }
  .ws-ajila-desk { width: 86%; }
  .ws-ajila-phone { width: 30%; border-width: 3px; }
}

/* Round 2: process steps as one list: 2 x 2 on desktop (photo beside text), a swipe row on phones */
.ws-steps-wrap { max-width: var(--sqs-site-max-width, 1500px); margin: 0 auto; padding: clamp(48px, 4.5vw, 80px) var(--sqs-site-gutter, 4vw); }
.ws-steps { list-style: none; margin: clamp(28px, 3vw, 48px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(36px, 4vw, 64px) clamp(28px, 4vw, 64px); }
.ws-steps li { display: grid; grid-template-columns: minmax(0, 45%) minmax(0, 1fr); gap: clamp(20px, 3vw, 48px); align-items: start; }
.ws-steps img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; }
.ws-steps h4 { margin-bottom: .6em; }
.ws-steps p + p { margin-top: .8em; }
.ws-steps-wrap .gm-btn { margin-top: clamp(32px, 3.5vw, 52px); }
.ws-cards-cta { display: table; margin: 34px auto 0; }
@media (max-width: 767px) {
  .ws-steps-wrap { padding: 48px 6vw; }
  .ws-steps { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 20px; }
  .ws-steps::-webkit-scrollbar { display: none; }
  .ws-steps li { grid-template-columns: minmax(0, 1fr); gap: 18px; scroll-snap-align: start; }
  .ws-steps img { aspect-ratio: 4 / 3; }
  .ws-steps-dots { display: flex; }
  .ws-cards-cta { margin: 28px 0 0; }
}

/* Round 2: lighter phone copy in the hero and the ownership statement (desktop copy unchanged) */
.ws-phone { display: none; }
@media (max-width: 767px) {
  .ws-desk { display: none; }
  .ws-phone { display: block; }
}
.ws-steps h4 { margin-top: 0; }

/* Round 2b: a third screen (tablet, his project gallery enlarged) and an orange block behind it that sticks out */
.ws-ajila-shots { padding-bottom: 20%; }
.ws-ajila-desk { width: 80%; margin: 0 0 0 4%; }
.ws-ajila-tablet { position: absolute; right: 5%; bottom: 0; width: 29%; height: auto; border: 5px solid #fff; z-index: 2; }
.ws-ajila-block { position: absolute; right: 0; bottom: 11%; width: 25%; aspect-ratio: 1; background: var(--accent, #FF5E1A); z-index: 1; }
.ws-ajila-phone { width: 19%; z-index: 3; }
@media (max-width: 767px) {
  .ws-ajila-shots { padding-bottom: 24%; }
  .ws-ajila-desk { width: 80%; margin-left: 4%; }
  .ws-ajila-tablet { width: 30%; border-width: 3px; }
  .ws-ajila-phone { width: 21%; }
}

/* Round 2c: hero devices drawn in CSS (our own MacBook, iPad, iPhone) showing AJILA's real site, over an orange block */
.ws-hero-art { display: flex; align-items: center; height: 100%; padding: 0 var(--sqs-site-gutter, 4vw) 0 4%; }
.ws-devices { position: relative; width: 100%; aspect-ratio: 100 / 66; container-type: inline-size; margin: 2% 0 4%; }
.ws-devices img { display: block; width: 100%; height: 100% !important; object-fit: cover; object-position: top; }
.ws-dev-block { position: absolute; left: 3%; top: 26%; width: 42%; height: 72%; background: var(--accent, #FF5E1A); }
.ws-mac { position: absolute; right: 3.5%; top: 0; width: 82%; }
/* Device frames (Sam, 2026-11-03): thin modern bezels, about 1% of the laptop width, 2.2% of the tablet and 2.6% of
   the phone, never under 2px; screen corners follow the frame */
.ws-mac-screen { aspect-ratio: 16 / 10; border: max(2px, .8cqw) solid #111; border-bottom-width: max(3px, 1.3cqw); border-radius: 1.6cqw 1.6cqw 0 0; background: #111; overflow: hidden; position: relative; }
.ws-mac-screen::before { content: ""; position: absolute; z-index: 1; left: 50%; top: 0; width: 8%; height: 2.6%; background: #111; border-radius: 0 0 .9cqw .9cqw; transform: translateX(-50%); }
.ws-mac-base { position: relative; width: 108%; margin-left: -4%; height: 2.4cqw; background: linear-gradient(#e6e7ea, #b9bcc2); border-radius: 0 0 2cqw 2cqw; }
.ws-mac-base::before { content: ""; position: absolute; left: 50%; top: 0; width: 16%; height: 45%; background: #a4a7ad; border-radius: 0 0 1cqw 1cqw; transform: translateX(-50%); }
.ws-ipad { position: absolute; left: 0; bottom: 0; width: 29%; aspect-ratio: 820 / 1180; border: max(2px, .65cqw) solid #111; border-radius: 2.6cqw; overflow: hidden; background: #111; box-shadow: 0 1.2cqw 3cqw rgba(0,0,0,.18); z-index: 2; }
.ws-iphone { position: absolute; right: 6%; bottom: 0; width: 15%; aspect-ratio: 390 / 844; border: max(2px, .4cqw) solid #111; border-radius: 2.6cqw; overflow: hidden; background: #111; box-shadow: 0 1.2cqw 3cqw rgba(0,0,0,.2); z-index: 3; }
.ws-iphone::before { content: ""; position: absolute; z-index: 1; left: 50%; top: 1.4%; width: 30%; height: 2.8%; background: #111; border-radius: 2cqw; transform: translateX(-50%); }
.ws-ipad img { border-radius: calc(2.6cqw - max(2px, .65cqw)); } .ws-iphone img { border-radius: calc(2.6cqw - max(2px, .4cqw)); }
@media (max-width: 767px) {
  .ws-hero-art { padding: 0 6vw; }
  .ws-dev-block { left: -6vw; }
}
@media (max-width: 767px) {
  /* Hero photo rows size to the photo, so no empty band sits under it */
  .fe-6ac3f5c2ba60be6cfdaf22f0 { grid-template-rows: repeat(13, auto) 24px auto auto auto auto auto auto auto auto auto auto 24px 24px; }
}

/* Round 2d: AJILA band reuses the hero's device composition, larger; on phones the three devices are a swipe row */
.ws-ajila { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
.ws-ajila-shots { padding: 0; }
.ws-devices-lg { margin: 0; }
.ws-devices-lg::before { content: ""; position: absolute; left: 3%; top: 26%; width: 42%; height: 72%; background: var(--accent, #FF5E1A); }
.ws-ajila-dots { display: none; justify-content: center; }
[data-theme="black"] .ws-devices .ws-mac-screen, [data-theme="black"] .ws-devices .ws-ipad, [data-theme="black"] .ws-devices .ws-iphone { border-color: #2a2a2a; background: #2a2a2a; }
[data-theme="black"] .ws-devices .ws-mac-screen::before, [data-theme="black"] .ws-devices .ws-iphone::before { background: #2a2a2a; }
@media (max-width: 767px) {
  .ws-devices-lg { aspect-ratio: auto; display: flex; align-items: flex-end; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; container-type: normal; }
  .ws-devices-lg::-webkit-scrollbar { display: none; }
  .ws-devices-lg::before { display: none; }
  .ws-devices-lg > div { position: relative; inset: auto; flex: 0 0 100%; scroll-snap-align: center; box-shadow: none; }
  .ws-devices-lg .ws-mac { width: auto; }
  .ws-devices-lg .ws-mac-screen { border-width: 3px 3px 5px; border-radius: 7px 7px 0 0; }
  .ws-devices-lg .ws-mac-base { height: 9px; border-radius: 0 0 8px 8px; }
  .ws-devices-lg .ws-ipad, .ws-devices-lg .ws-iphone { flex-basis: 100%; width: auto; border: 0; border-radius: 0; background: none; overflow: visible; display: flex; justify-content: center; }
  .ws-devices-lg .ws-ipad img { width: 62%; height: auto !important; aspect-ratio: 820 / 1180; border: 3px solid #2a2a2a; border-radius: 12px; }
  .ws-devices-lg .ws-iphone img { width: 42%; height: auto !important; aspect-ratio: 390 / 844; border: 3px solid #2a2a2a; border-radius: 14px; }
  .ws-devices-lg .ws-iphone::before { display: none; }
  .ws-ajila-dots { display: flex; }
}
@media (max-width: 767px) { .ws-ajila { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767px) {
  .ws-devices-lg { align-items: center; }
  .ws-devices-lg .ws-ipad, .ws-devices-lg .ws-iphone { aspect-ratio: auto; }
}
@media (max-width: 767px) {
  [data-theme="black"] .ws-devices-lg .ws-ipad, [data-theme="black"] .ws-devices-lg .ws-iphone { background: none; border: 0; }
}
@media (max-width: 767px) {
  /* Next device peeks in from the right so it's clear the row swipes */
  .ws-devices-lg > div { flex-basis: 84%; }
  .ws-devices-lg { scroll-padding-left: 0; }
  .ws-devices-lg > div { scroll-snap-align: start; }
}
@media (max-width: 767px) {
  /* All three slides about the laptop's height, devices on the left so the next one shows at the edge */
  .ws-devices-lg .ws-ipad, .ws-devices-lg .ws-iphone { justify-content: flex-start; }
  .ws-devices-lg .ws-ipad img, .ws-devices-lg .ws-iphone img { width: auto; height: 56vw !important; }
  /* The tablet and phone slides are only as wide as the device, so the next one peeks in 20px after it instead of
     after a wide black gap. Tablet and phone fit on one screen together, so the row has two stops (laptop, then
     tablet + phone with the phone at the right edge) and two swipe marks */
  .ws-devices-lg .ws-ipad, .ws-devices-lg .ws-iphone { flex: 0 0 auto; }
}

/* Round 2h: middle card is our own laptop, landscape iPad and iPhone, each running the animated map page */
.ws-found { position: relative; width: 100%; aspect-ratio: 4 / 3; background: #ecebe6; overflow: hidden; container-type: inline-size; margin-bottom: 4%; }
.ws-f-scr { position: relative; overflow: hidden; background: #f1efe9; }
.ws-f-scr iframe { position: absolute; left: 0; top: 0; border: 0; transform-origin: 0 0; pointer-events: none; }
.ws-f-mac { position: absolute; left: 13%; top: 9%; width: 74%; }
.ws-f-mac .ws-f-scr { aspect-ratio: 16 / 10; border: max(2px, .75cqw) solid #111; border-bottom-width: max(3px, 1.2cqw); border-radius: 1.6cqw 1.6cqw 0 0; }
.ws-f-base { width: 110%; margin-left: -5%; height: 2.6cqw; background: linear-gradient(#e6e7ea, #b9bcc2); border-radius: 0 0 2cqw 2cqw; position: relative; }
.ws-f-base::before { content: ""; position: absolute; left: 50%; top: 0; width: 16%; height: 45%; background: #a4a7ad; border-radius: 0 0 1cqw 1cqw; transform: translateX(-50%); }
.ws-f-ipad { position: absolute; left: 4%; bottom: 7%; width: 42%; z-index: 2; }
.ws-f-ipad .ws-f-scr { aspect-ratio: 1024 / 768; border: max(2px, .9cqw) solid #111; border-radius: 2.6cqw; box-shadow: 0 1.5cqw 3cqw rgba(0,0,0,.2); }
.ws-f-iphone { position: absolute; right: 7%; bottom: 5%; width: 15%; z-index: 3; }
.ws-f-iphone .ws-f-scr { aspect-ratio: 375 / 812; border: max(2px, .4cqw) solid #111; border-radius: 2.6cqw; box-shadow: 0 1.5cqw 3cqw rgba(0,0,0,.22); }
.ws-f-iphone .ws-f-scr::before { content: ""; position: absolute; z-index: 1; left: 50%; top: 1.4%; width: 30%; height: 2.8%; background: #111; border-radius: 2cqw; transform: translateX(-50%); }

/* Phones: hero button, service marquee and "A website should do more than look good." sat in ~100px of white each
   side of a 34px marquee line. Trim the hero's two empty end rows, the marquee's fixed 24px rows and this
   section's top padding, so the marquee has ~45px either side; balance the heading so "good." isn't left alone */
@media (max-width: 767px) {
  .fe-6ac3f5c2ba60be6cfdaf22f0 { grid-template-rows: repeat(13, auto) 24px auto auto auto auto auto auto auto auto auto auto 4px 0; }
  .fe-6ac3f5c2ba60be6cfdaf22f4 { grid-template-rows: 0 auto 0; }
  [data-section-id="6ac3f6fec342c235492deddf"] .list-section { padding-top: 30px; }
  [data-section-id="6ac3f6fec342c235492deddf"] .list-title p { text-wrap: balance; }
}
