/* Match Production v1. Presentation only; archived content and controllers own semantics. */
html[data-match-design="v1"] {
  --match-bg: #000000;
  --match-surface: #111111;
  --match-surface-raised: #191919;
  --match-line: #343434;
  --match-control-line: #686868;
  --match-muted: #b8b8b8;
  --match-text: #f5f5f3;
  --match-font-display: pragmatica, "pragmatica-web", Arial, Helvetica, sans-serif;
  --match-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
  --match-card-bg: rgba(255,255,255,.026);
  --match-card-hover: rgba(255,255,255,.038);
  --match-card-line: rgba(255,255,255,.1);
  --match-card-line-strong: rgba(255,255,255,.16);
  --match-card-radius: 22px;
  --match-card-shadow: none;
  --match-shell-bg: linear-gradient(180deg,#070707,#030303);
  --match-shell-line: rgba(255,255,255,.1);
  --match-shell-radius: 28px;
  --match-shell-shadow: none;
  --match-radius: var(--match-card-radius);
  --match-radius-control: 10px;
  --match-action-height: 48px;
  --match-action-width: 176px;
  --match-action-secondary-bg: rgba(0,0,0,.6);
  --match-action-secondary-hover: rgba(0,0,0,.72);
  --match-content-max: 1280px;
  --match-section-space: 96px;
  --match-group-space: 48px;
  --match-block-space: 32px;
  --match-heading-space: 24px;
  --match-space-1: 8px;
  --match-space-2: 16px;
  --match-space-3: 24px;
  --match-space-4: 32px;
  --match-space-6: 48px;
  --match-space-8: 64px;
}

html[data-match-design="v1"] body { font-family: var(--match-font-body); }
html[data-match-design="v1"] :is(h1,h2,h3,h4,h5,h6):not(:where(.mps-sales *)) { font-family: var(--match-font-display); }
html[data-match-design="v1"] :is(a,button,input,select,textarea,summary):focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: 4px !important;
}
html[data-match-design="v1"] [data-match-lighthouse-accessibility="table-scroll"]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -3px;
}
html[data-match-design="v1"] :is(.sqs-html-content,.sqs-code-container) a:not(:where(.mp-rmq *, .mp-rmqw *, .mp-reviews-more *)) {
  text-underline-offset: .22em;
  text-decoration-thickness: 1px;
}

/* Native Squarespace text retains its source type scale. */
html[data-match-design="v1"] .sqs-html-content :is(h1,h2,h3,h4) {
  font-family: var(--match-font-display) !important;
  letter-spacing: -.035em;
}
html[data-match-design="v1"] .sqs-html-content :is(p,li) { font-family: var(--match-font-body); }
html[data-match-design="v1"] #siteWrapper .sqs-code-container :is(p,li,a,summary,blockquote,cite,td,th):not(:where(.mps-sales *, .mp-rmq *, .mp-rmqw *, .mp-reviews-more *)) {
  font-family: var(--match-font-body) !important;
}
html[data-match-design="v1"] #siteWrapper .sqs-code-container :is(h1,h2,h3,h4,h5,h6):not(:where(.mps-sales *)) {
  font-family: var(--match-font-display) !important;
}

/* Semantic heading levels are independent of their approved visual scale.
   Only the explicitly repaired source headings carry these style roles. */
html[data-match-design="v1"] #siteWrapper main [data-match-heading-style="team-section"],
html[data-match-design="v1"] #siteWrapper main [data-match-heading-style="team-stat"] {
  font-family: pragmatica, -apple-system, "system-ui", "Segoe UI", Arial, Helvetica, sans-serif !important;
  color: #fff !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}
html[data-match-design="v1"] #siteWrapper main [data-match-heading-style="team-section"] {
  font-size: clamp(21px, 2.2vw, 26px) !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em !important;
}
html[data-match-design="v1"] #siteWrapper main [data-match-heading-style="team-stat"] {
  font-size: 30px !important;
  line-height: 1.12 !important;
  letter-spacing: -.03em !important;
  text-wrap: balance;
}
html[data-match-design="v1"] #siteWrapper main [data-match-heading-style="pricing-package"] {
  margin: 0 0 10px !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
  color: var(--match-text) !important;
  text-align: center;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Keep the native Careers accordion's responsive title formula and controls. */
html[data-match-design="v1"] #siteWrapper main [data-match-heading-style="careers-section"] {
  line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-3-size-value)) / 25));
}
@media screen and (min-width: 768px), screen and (orientation: landscape) {
  html[data-match-design="v1"] #siteWrapper main [data-match-heading-style="careers-section"] {
    font-size: min(calc((var(--heading-3-size-value) - 1) * 1.2vw + 1rem), max(calc((var(--heading-3-size-value) - 1) * .012 * var(--maxPageWidth) + 1rem), calc(var(--heading-3-size-value) * 1rem)));
  }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
  html[data-match-design="v1"] #siteWrapper main [data-match-heading-style="careers-section"] {
    font-size: calc((var(--heading-3-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem);
  }
}

/* Actions share one size; package tabs remain selection controls. */
html[data-match-design="v1"] #siteWrapper :is(.sqs-block-button-element,.sqs-button-element--primary,.sqs-button-element--secondary,.mps-cta,.mp-btn,[data-match-native-form] button[type="submit"],[data-match-cta-kind]) {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  align-self: center;
  height: auto !important;
  min-height: var(--match-action-height) !important;
  max-height: none !important;
  width: auto !important;
  min-width: min(var(--match-action-width),100%) !important;
  max-width: 100% !important;
  padding: 12px 24px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: var(--match-radius-control) !important;
  font-family: var(--match-font-body) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-align: center;
  text-transform: none !important;
  white-space: normal;
  box-shadow: none !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
}
html[data-match-design="v1"] #siteWrapper .fluid-engine .sqs-block-button-element {
  height: auto !important;
  padding: 12px 24px !important;
}
html[data-match-design="v1"] #siteWrapper main :is(.sqs-block-button-element,.mps-cta,.mp-btn,[data-match-native-form] button[type="submit"],[data-match-cta-kind]) {
  width: var(--match-native-action-width,240px) !important;
  min-width: 0 !important;
}
html[data-match-design="v1"] #siteWrapper :is(.sqs-button-element--primary,.sqs-block-button-element--medium,.mps-cta,.mp-btn-primary,[data-match-native-form] button[type="submit"]):not([data-match-action]) {
  background: var(--match-text) !important;
  border-color: var(--match-text) !important;
  color: var(--match-bg) !important;
}
html[data-match-design="v1"] #siteWrapper :is(.sqs-button-element--secondary,.mp-btn:not(.mp-btn-primary)):not([data-match-action]) {
  background: var(--match-card-bg) !important;
  border-color: var(--match-card-line-strong) !important;
  color: var(--match-text) !important;
}
html[data-match-design="v1"] #siteWrapper :is(.sqs-button-element--primary,.sqs-block-button-element--medium,.mps-cta,.mp-btn-primary,[data-match-native-form] button[type="submit"]):not([data-match-action]):hover:not(:disabled) {
  background: #e3e3e1 !important;
  border-color: #e3e3e1 !important;
  color: var(--match-bg) !important;
  opacity: 1 !important;
  transform: none !important;
}
html[data-match-design="v1"] #siteWrapper :is(.sqs-button-element--secondary,.mp-btn:not(.mp-btn-primary)):not([data-match-action]):hover:not(:disabled) {
  background: var(--match-card-hover) !important;
  border-color: rgba(255,255,255,.3) !important;
  opacity: 1 !important;
  transform: none !important;
}
html[data-match-design="v1"] #siteWrapper :is(.sqs-block-button-element,.mps-cta,.mp-btn,[data-match-native-form] button[type="submit"],[data-match-cta-kind]):focus-visible {
  outline-color: var(--match-text) !important;
}
html[data-match-design="v1"] #siteWrapper [data-match-native-form] button:disabled {
  opacity: .6 !important;
}
html[data-match-design="v1"] #siteWrapper main .sqs-block-button :is(.sqs-block-content,.sqs-block-button-container) {
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-match-design="v1"] #siteWrapper main :is(.mp-actions,.mps-actions,.mp-cta-row,.mps-cta-row) {
  gap: 12px;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
html[data-match-design="v1"] #siteWrapper main :is(.mp-actions,.mps-actions,.mp-cta-row,.mps-cta-row) > [data-match-action] {
  align-self: stretch;
  flex: 0 1 var(--match-native-action-width,240px);
}
/* The fixed action preference must not become a pricing grid track minimum. */
html[data-match-design="v1"] #siteWrapper main #mp-pricing-page .mp-cards > .mp-card {
  min-width: 0;
}
html[data-match-design="v1"] #siteWrapper #header :is(.sqs-button-element--primary,.sqs-button-element--secondary) {
  min-width: 120px !important;
  padding-inline: 20px !important;
  text-decoration: none !important;
}
html[data-match-design="v1"] #siteWrapper :is(.mps-tab,.mp-tab) {
  box-sizing: border-box;
  min-height: 44px;
  padding: 10px 16px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}
@media (max-width: 680px) {
  html[data-match-design="v1"] #siteWrapper main :is(.sqs-block-button-element,.mps-cta,.mp-btn,[data-match-native-form] button[type="submit"],[data-match-cta-kind]) {
    width: 100% !important;
    max-width: 320px !important;
  }
}

/* Match the standalone four-card row in the supplied LinkedIn reference.
   Nested Team panels and compact Remote hero metrics retain their own scale. */
html[data-match-design="v1"] #siteWrapper .fluid-engine > .fe-block:has(.mps-sales:not(#mp-remote-hero) .mps-shell:not(:where(.mps-shell .mps-shell)) > .mps-grid--4) {
  grid-column: 2 / -2 !important;
}
html[data-match-design="v1"] main .mps-sales:not(#mp-remote-hero) .mps-shell:has(> .mps-grid--4 > .mps-card):not(:where(.mps-shell .mps-shell)) {
  max-width: var(--match-content-max) !important;
  width: 100%;
}
html[data-match-design="v1"] main .mps-sales:not(#mp-remote-hero) .mps-shell:not(:where(.mps-shell .mps-shell)) > .mps-grid--4:has(> .mps-card) {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 18px !important;
}
@media (max-width: 1099px) {
  html[data-match-design="v1"] main .mps-sales:not(#mp-remote-hero) .mps-shell:not(:where(.mps-shell .mps-shell)) > .mps-grid--4:has(> .mps-card) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width: 680px) {
  html[data-match-design="v1"] main .mps-sales:not(#mp-remote-hero) .mps-shell:not(:where(.mps-shell .mps-shell)) > .mps-grid--4:has(> .mps-card) {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}

/* The build annotates source grid rows by their content role. Every inter-block
   distance has one owner; unused Squarespace row spans are not spacing tokens. */
html[data-match-design="v1"] {
  --match-flow-space-section-desktop: 96px;
  --match-flow-space-section-mobile: 64px;
  --match-flow-space-heading-desktop: 24px;
  --match-flow-space-heading-mobile: 20px;
  --match-flow-space-action-desktop: 32px;
  --match-flow-space-action-mobile: 24px;
  --match-flow-space-content-desktop: 32px;
  --match-flow-space-content-mobile: 24px;
  --match-flow-space-copy-desktop: 16px;
  --match-flow-space-copy-mobile: 16px;
  --match-flow-space-actions-desktop: 12px;
  --match-flow-space-actions-mobile: 12px;
  --match-flow-space-zero-desktop: 0px;
  --match-flow-space-zero-mobile: 0px;
  --match-native-action-width: 240px;
  --match-header-height: 160px;
}
@media (max-width: 767px) {
  html[data-match-design="v1"] {
    --match-section-space: 64px;
    --match-group-space: 32px;
    --match-block-space: 24px;
    --match-heading-space: 20px;
    --match-native-action-width: 320px;
    --match-header-height: 200px;
  }
}
html[data-match-design="v1"] #siteWrapper main [data-match-flow-section] {
  min-height: 0 !important;
  padding-block: 0 !important;
}
html[data-match-design="v1"] #siteWrapper main [data-match-flow-section] > .content-wrapper {
  padding-block: 0 !important;
}
html[data-match-design="v1"] #siteWrapper main [data-match-flow-section] + [data-match-flow-section] {
  margin-top: var(--match-block-space) !important;
}
@media (min-width: 768px) {
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-section] + [data-match-flow-section]:is([data-match-flow-leading-role-desktop="heading"],[data-match-flow-leading-role-desktop="section"]) {
    margin-top: var(--match-section-space) !important;
  }
}
@media (max-width: 767px) {
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-section] + [data-match-flow-section]:is([data-match-flow-leading-role-mobile="heading"],[data-match-flow-leading-role-mobile="section"]) {
    margin-top: var(--match-section-space) !important;
  }
}
html[data-match-design="v1"] #siteWrapper main [data-match-flow-section]:first-child > .content-wrapper {
  padding-top: calc(var(--match-header-height) + var(--match-group-space)) !important;
}
html[data-match-design="v1"] #siteWrapper main [data-match-flow-item][data-match-flow-role="decoration"] {
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
@media (min-width: 768px) {
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-desktop="rows"] {
    grid-template-rows: var(--match-flow-rows-desktop) !important;
    row-gap: 0 !important;
    grid-auto-rows: auto !important;
    min-height: 0 !important;
    align-content: start;
  }
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-desktop="rows"] [data-match-flow-item] {
    grid-row: var(--match-flow-row-desktop) !important;
    margin-block: 0 !important;
    align-self: start;
    min-height: 0 !important;
  }
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-desktop="rows"] [data-match-flow-item] > .sqs-block {
    padding-block: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }
}
@media (max-width: 767px) {
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-mobile="rows"] {
    grid-template-rows: var(--match-flow-rows-mobile) !important;
    row-gap: 0 !important;
    grid-auto-rows: auto !important;
    min-height: 0 !important;
    align-content: start;
  }
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-mobile="rows"] [data-match-flow-item] {
    grid-row: var(--match-flow-row-mobile) !important;
    margin-block: 0 !important;
    align-self: start;
    min-height: 0 !important;
  }
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-mobile="rows"] [data-match-flow-item] > .sqs-block {
    padding-block: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }
}
/* Contiguous source columns have independent row tracks on desktop and join
   the shared source-ordered mobile grid through display:contents. */
@media (min-width: 768px) {
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-column] {
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: var(--match-flow-column-rows-desktop);
    row-gap: 0;
    grid-column: var(--match-flow-column-start) / var(--match-flow-column-end);
    grid-row: var(--match-flow-column-row-desktop);
    align-self: start;
    min-width: 0;
  }
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-column] > [data-match-flow-item] {
    grid-column: var(--match-flow-column-item-start) / var(--match-flow-column-item-end) !important;
  }
}
@media (max-width: 767px) {
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-column] { display: contents; }
}
/* A row of actions is centered as one group, independent of narrow source
   button cells. Index/count come from the same source-order layout plan. */
@media (min-width: 768px) {
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-desktop="rows"] > [data-match-action-row-desktop] {
    --match-action-count: var(--match-flow-action-count-desktop);
    --match-action-index: var(--match-flow-action-index-desktop);
  }
}
@media (max-width: 767px) {
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-mobile="rows"] [data-match-action-row-mobile] {
    --match-action-count: var(--match-flow-action-count-mobile);
    --match-action-index: var(--match-flow-action-index-mobile);
  }
}
@media (min-width: 768px) {
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-desktop="rows"] > [data-match-action-row-desktop] {
    --match-action-cell-width: min(var(--match-native-action-width),calc((100vw - 64px - (var(--match-action-count) - 1) * 12px) / var(--match-action-count)));
    grid-column: 2 / -2 !important;
    justify-self: center;
    width: var(--match-action-cell-width);
    position: relative;
    left: calc((var(--match-action-index) - 1 - (var(--match-action-count) - 1) / 2) * (var(--match-action-cell-width) + 12px));
  }
}
@media (max-width: 767px) {
  html[data-match-design="v1"] #siteWrapper main [data-match-flow-mobile="rows"] [data-match-action-row-mobile] {
    --match-action-cell-width: min(var(--match-native-action-width),calc((100vw - 64px - (var(--match-action-count) - 1) * 12px) / var(--match-action-count)));
    grid-column: 2 / -2 !important;
    justify-self: center;
    width: var(--match-action-cell-width);
    position: relative;
    left: calc((var(--match-action-index) - 1 - (var(--match-action-count) - 1) / 2) * (var(--match-action-cell-width) + 12px));
  }
}
html[data-match-design="v1"] #siteWrapper main [data-match-action-row] :is(.sqs-block-button-container,.sqs-block-content) {
  width: 100%;
}
html[data-match-design="v1"] #siteWrapper main [data-match-action-row] .sqs-block-button-element {
  width: 100% !important;
  max-width: none !important;
  padding-inline: 20px !important;
}

/* Hero actions reserve the same two-line space on every page. The original
   labels and font scale remain; longer labels can still grow without clipping. */
html[data-match-design="v1"] #siteWrapper main [data-match-hero-grid] > [data-match-action-row] .sqs-block-button-element,
html[data-match-design="v1"] #siteWrapper main .page-section:has(#mp-remote-hero) [data-match-native-form] button[type="submit"] {
  min-height: 64px !important;
  padding-block: 10px !important;
}
/* Native buttons live in separate cells of the same grid row. Propagate its
   height through the wrapper chain so one longer label also sizes its peer. */
html[data-match-design="v1"] #siteWrapper main [data-match-hero-grid] > [data-match-action-row] {
  display: flex;
  align-self: stretch;
}
html[data-match-design="v1"] #siteWrapper main [data-match-hero-grid] > [data-match-action-row] :is(.sqs-block-button,.sqs-block-content,.sqs-block-button-container) {
  align-items: stretch;
  align-self: stretch;
}
html[data-match-design="v1"] #siteWrapper main [data-match-hero-grid] > [data-match-action-row] .sqs-block-button-element {
  align-self: stretch;
}
@media (max-width: 767px) {
  html[data-match-design="v1"] #siteWrapper main .page-section:has(#mp-remote-hero) [data-match-native-form] button[type="submit"] {
    width: min(320px,calc(100vw - 64px),100%) !important;
  }
}

/* Native heading/text boxes no longer contribute invisible top/bottom margins. */
html[data-match-design="v1"] #siteWrapper main [data-match-flow-item] .sqs-html-content > :first-child {
  margin-top: 0 !important;
}
html[data-match-design="v1"] #siteWrapper main [data-match-flow-item] .sqs-html-content > :last-child {
  margin-bottom: 0 !important;
}
html[data-match-design="v1"] #siteWrapper main [data-match-action="primary"] {
  background: var(--match-text) !important;
  color: var(--match-bg) !important;
  border-color: var(--match-text) !important;
  text-decoration: none !important;
}
html[data-match-design="v1"] #siteWrapper main [data-match-action="secondary"] {
  background: var(--match-action-secondary-bg) !important;
  color: var(--match-text) !important;
  border-color: rgba(255,255,255,.32) !important;
  text-decoration: none !important;
}
html[data-match-design="v1"] #siteWrapper main [data-match-action="primary"]:hover:not(:disabled) {
  background: #e3e3e1 !important;
  color: var(--match-bg) !important;
  border-color: #e3e3e1 !important;
  opacity: 1 !important;
  transform: none !important;
}
html[data-match-design="v1"] #siteWrapper main [data-match-action="secondary"]:hover:not(:disabled) {
  background: var(--match-action-secondary-hover) !important;
  color: var(--match-text) !important;
  border-color: rgba(255,255,255,.48) !important;
  opacity: 1 !important;
  transform: none !important;
}

/* The Team contact card keeps separate, comfortably selectable text links. */
#block-02796ca8cd8ba37cc044 .mps-card > p > a:is([href="mailto:hello@match-production.com"], [href="tel:+13477970185"]) {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}

/* Portfolio stays a link, with the same keyboard/touch target as the buttons. */
html[data-match-design="v1"] #siteWrapper main [data-match-action="tertiary"] {
  background: transparent !important;
  color: var(--match-text) !important;
  border-color: transparent !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: .22em;
}
html[data-match-design="v1"] #siteWrapper main [data-match-action="tertiary"]:hover {
  background: var(--match-card-hover) !important;
  color: var(--match-text) !important;
  border-color: transparent !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Existing bespoke components share Team surfaces, retaining their own
   source dimensions and layouts. Shells and inner cards are separate layers. */
html[data-match-design="v1"] :is(#mp-pricing-page,#mp-services-page,#mp-contact-left,#mp-location-dark,#mp-about-glass,#mp-policy-page,#mp-terms-page,#mp-pricing-compare,#mp-headshot-types-compare) {
  --text: var(--match-text);
  --muted: var(--match-muted);
  --soft: var(--match-muted);
  --line: var(--match-card-line);
  --line-strong: var(--match-card-line-strong);
  --surface: var(--match-card-bg);
  --shadow: var(--match-card-shadow);
  font-family: var(--match-font-body) !important;
}
html[data-match-design="v1"] :is(
  #mp-pricing-page .mp-card, #mp-pricing-page .mp-overview-card,
  #mp-services-page .mp-card, #mp-services-page .mp-stat,
  #mp-services-page .mp-location-card, #mp-services-page .mp-choice-item,
  #mp-contact-left .mp-card, #mp-location-dark .mp-side-card,
  #mp-about-glass .mp-card, #mp-about-glass .mp-side-card,
  #mp-policy-page .mp-card, #mp-terms-page .mp-card,
  #mp-financial-points article, #mp-headshot-process article,
  #mp-executive-stats .mp-card, #mp-legal-cta .mp-card,
  #mp-headshot-timeline .mp-card, #mp-why-match .mp-card, #mp-cta-copy .mp-card,
  #mp-pricing-compare .mp-mobile-plan,
  .mps-locations__card, .mps-team__card, .mps-team__location,
  #mp-remote-hero .mp-glass-card, #mp-remote-hero .mp-glass-note,
  .mps-individual-note, .mps-addons-table
) {
  background: var(--match-card-bg) !important;
  border-color: var(--match-card-line) !important;
  border-radius: var(--match-card-radius) !important;
  box-shadow: var(--match-card-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* Preserve source hover feedback and featured pricing within these materials. */
html[data-match-design="v1"] #mp-pricing-compare .mp-mobile-plan--featured,
html[data-match-design="v1"] #mp-services-page .mp-card:hover,
html[data-match-design="v1"] #mp-contact-left .mp-card:hover {
  background: var(--match-card-hover) !important;
  border-color: var(--match-card-line-strong) !important;
}
html[data-match-design="v1"] :is(
  #mp-pricing-page .mp-hero, #mp-pricing-page .mp-section, #mp-pricing-page .mp-cta,
  #mp-services-page .mp-hero, #mp-services-page .mp-section,
  #mp-services-page .mp-stat-panel, #mp-services-page .mp-cta,
  #mp-location-dark .mp-location-wrap, #mp-about-glass .mp-about-shell,
  #mp-executive-stats .mp-shell, #mp-cta-copy .mp-shell,
  #mp-legal-cta .mp-shell, #mp-why-match .mp-shell,
  #mp-pricing-compare .mp-shell, #mp-pricing-compare .mp-table-scroll,
  #mp-headshot-types-compare .mp-table-scroll, #mp-headshot-types-compare .mp-shell,
  .mps-locations, .mps-locations__cta, .mps-team, .mps-paths
) {
  background: var(--match-shell-bg) !important;
  border-color: var(--match-shell-line) !important;
  border-radius: var(--match-shell-radius) !important;
  box-shadow: var(--match-shell-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-match-design="v1"] :is(#mp-pricing-page,#mp-services-page) :is(.mp-note,details) {
  background: var(--match-card-bg) !important;
  border-color: var(--match-card-line) !important;
  border-radius: var(--match-card-radius) !important;
}
html[data-match-design="v1"] :is(#mp-pricing-page,#mp-services-page) :is(.mp-chip,.mp-jump a,.mp-pill,.mp-tag) {
  border-color: var(--match-card-line) !important;
  background: var(--match-card-bg) !important;
}
html[data-match-design="v1"] :is(#mp-pricing-page,#mp-services-page) .mp-section { scroll-margin-top: 120px; }
/* This source CTA bleeds 18px beyond its grid. Expose its rounded shell
   without resizing the grid, card, text or the existing booking button. */
html[data-match-design="v1"] .fluid-engine:has(#mp-cta-copy .mp-shell) { overflow: visible !important; }
html[data-match-design="v1"] #mp-contact-left h1 { font-size: clamp(48px,6vw,88px) !important; }
html[data-match-design="v1"] :is(#mp-policy-page,#mp-terms-page) .mp-wrap { max-width: 76ch !important; }
html[data-match-design="v1"] :is(#mp-policy-page,#mp-terms-page) h1 { font-size: clamp(34px,4.5vw,56px) !important; }
html[data-match-design="v1"] :is(#mp-policy-page,#mp-terms-page) :is(p,li) { line-height: 1.7 !important; }
html[data-match-design="v1"] :is(#mp-pricing-compare,#mp-headshot-types-compare) :is(th,td) {
  border-color: var(--match-card-line) !important;
  line-height: 1.6 !important;
}

/* Reviews retain the supplied Google-style component verbatim: white cards,
   native type, compact geometry, two animated rows and their own controls. */

/* The five Studio Access cards previously collapsed to 42px each on phones.
   Keep the desktop row and give the same content readable mobile cards. */
html[data-match-design="v1"] .mps-sales[aria-labelledby="mp-midtown-access-card-title"] .mps-card {
  background: var(--match-card-bg) !important;
  border: 1px solid var(--match-card-line) !important;
  border-radius: var(--match-card-radius) !important;
  padding: 16px !important;
}
@media (max-width: 920px) {
  html[data-match-design="v1"] .mps-sales[aria-labelledby="mp-midtown-access-card-title"] .mps-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    row-gap: 14px !important;
  }
}
@media (max-width: 680px) {
  html[data-match-design="v1"] {
    --match-card-radius: 18px;
    --match-shell-radius: 22px;
  }
  html[data-match-design="v1"] .mps-sales[aria-labelledby="mp-midtown-access-card-title"] .mps-grid {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 390px) {
  html[data-match-design="v1"] { --match-shell-radius: 20px; }
}

/* Native fields: no changes to labels, inputs, required flags or handlers. */
html[data-match-design="v1"] [data-match-native-form] {
  font-family: var(--match-font-body);
  --form-input-text-color: var(--match-text);
}
html[data-match-design="v1"] [data-match-native-form] :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea) {
  font: 400 16px/1.5 var(--match-font-body);
  border: 1px solid var(--match-control-line);
  border-radius: var(--match-radius-control);
  background: var(--match-surface);
  color: var(--match-text);
  min-height: 48px;
  padding: 12px 14px;
}
html[data-match-design="v1"] [data-match-native-form] :is(input,select,textarea):focus {
  border-color: var(--match-muted);
}
html[data-match-design="v1"] [data-match-native-form] :is(label,legend) { font-weight: 500; }
html[data-match-design="v1"] [data-match-native-form] button[type="submit"] {
  min-height: 48px;
  border: 1px solid var(--match-text);
  border-radius: var(--match-radius-control);
  background: var(--match-text);
  color: var(--match-bg);
  font: 600 15px/1.3 var(--match-font-body);
  padding: 12px 24px;
}
html[data-match-design="v1"] #siteWrapper main [data-match-native-form] > button[type="submit"] {
  display: flex !important;
  margin-inline: auto;
}
html[data-match-design="v1"] #siteWrapper main [data-match-native-form] > .match-field:not(:has(~ .match-field)) {
  margin-bottom: var(--match-block-space) !important;
}
html[data-match-design="v1"] [data-match-native-form] :is(.match-preview-note,.match-selected-package,.match-form-status) {
  border-radius: var(--match-radius);
  border-color: var(--match-line);
  line-height: 1.6;
}
html[data-match-design="v1"] [data-match-native-form] :is(.match-preview-note,.match-selected-package) {
  background: var(--match-card-bg);
  border-color: var(--match-card-line);
}

/* FAQ and footer remain the same semantic components. */
html[data-match-design="v1"] .accordion-item__title {
  font-family: var(--match-font-body) !important;
  font-size: clamp(18px,1.8vw,23px) !important;
  line-height: 1.4 !important;
  letter-spacing: -.01em !important;
}
html[data-match-design="v1"] #footer-sections .sqs-html-content h2 {
  font-family: var(--match-font-display) !important;
  font-size: clamp(26px,2.8vw,38px) !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
}
html[data-match-design="v1"] #footer-sections :is(p,a) { font-family: var(--match-font-body); }

@media (min-width: 1100px) {
  html[data-match-design="v1"] #header .header-display-desktop { gap: 32px; }
  html[data-match-design="v1"] #header .header-display-desktop .header-title-nav-wrapper { flex: 1 1 auto; gap: 40px; min-width: 0; }
  html[data-match-design="v1"] #header .header-display-desktop .header-title { flex: 0 0 auto; width: auto; }
  html[data-match-design="v1"] #header .header-display-desktop .header-nav { flex: 1 1 auto; width: auto; min-width: 0; }
  html[data-match-design="v1"] #header .header-display-desktop .header-actions { width: auto; flex: 0 0 auto; }
  html[data-match-design="v1"] #header .header-display-desktop .header-nav-list { position: relative; flex-wrap: nowrap; gap: clamp(12px,1.35vw,22px); }
  /* Anchor the wide submenu to the navigation row, not its narrow Popular item. */
  html[data-match-design="v1"] #header .header-display-desktop .mp-mega-folder { position: static !important; }
  html[data-match-design="v1"] #header .header-display-desktop .mp-mega-folder .header-nav-folder-content {
    border-radius: var(--match-radius) !important;
    border-color: var(--match-line) !important;
  }
  html[data-match-design="v1"] #header .header-nav-list > .header-nav-item { margin: 0; }
  html[data-match-design="v1"] #header .header-nav-list > .header-nav-item > :is(a,button) { font-size: 12px; letter-spacing: .09em; white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-match-design="v1"] body :is(.sqs-block-button-element,.sqs-button-element--primary,.sqs-button-element--secondary,.mps-cta,.mps-tab,.mp-btn,.mp-tab) { transition: none !important; }
}

/* Squarespace's font loader makes all text transparent for three seconds.
   Keep its timing hooks, but remove that color-only effect. Other motion stays. */
@keyframes fonts-loading { from {} to {} }

/* Legacy article blocks use the same relationships as annotated FE blocks. */
html[data-match-design="v1"] #siteWrapper main [data-match-empty] {
  display: none !important;
}
html[data-match-design="v1"] #siteWrapper main .blog-item-content [data-match-prose-block] {
  padding-block: 0 !important;
  margin-block: 0 !important;
}
html[data-match-design="v1"] #siteWrapper main .blog-item-content [data-match-prose-block] + [data-match-prose-block] {
  margin-top: var(--match-block-space) !important;
}
html[data-match-design="v1"] #siteWrapper main .blog-item-content [data-match-prose-block] + [data-match-prose-leading="heading"] {
  margin-top: var(--match-section-space) !important;
}
html[data-match-design="v1"] #siteWrapper main .blog-item-content [data-match-prose-trailing="heading"] + [data-match-prose-block] {
  margin-top: var(--match-heading-space) !important;
}
html[data-match-design="v1"] #siteWrapper main .blog-item-content [data-match-prose-block] + [data-match-prose-leading="action"] {
  margin-top: var(--match-block-space) !important;
}

/* Keep restored portfolio headings clear of the viewport edge. */
html[data-match-design="v1"] #block-4a9e00882e7cb7b33ecf h2#portfolio,
html[data-match-design="v1"] #block-12a60bd0523b8fe51757 h2#portfolio {
  scroll-margin-top: var(--match-heading-space);
}

/* ERAS buttons target sections; give their first headings the same clearance. */
html[data-match-design="v1"] section[data-section-id="69bebea130ded27ea8146c00"]#packages,
html[data-match-design="v1"] section[data-section-id="69bebea130ded27ea8146c09"]#portfolio {
  scroll-margin-top: var(--match-heading-space);
}