/* Static-export compatibility layer. */
.preFade,
.preSlide,
[data-animation-role] {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

.sqs-cart-dropzone,
.header-actions-action--cart,
[data-test="user-account-link"],
.cookie-banner-manager,
.sqs-cookie-banner-v2 {
  display: none !important;
}

.static-form-note {
  margin: 1rem 0;
  padding: 0.9rem 1rem;
  border: 1px solid currentColor;
  border-radius: 2px;
  font-size: 0.95rem;
}

.static-form-privacy-link {
  width: 100%;
  margin: 0.4rem 0 1rem;
  text-align: center;
}
.static-form-privacy-link a {
  text-decoration: underline;
}

@media (max-width: 799px) {
  body.static-menu-open {
    overflow: hidden;
  }

  /* The open mobile menu must keep Squarespace's flex layout; with
     display:block the nav collapses to 0px height and the links vanish. */
  body.static-menu-open .header-menu {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
  body.static-menu-open .header-menu .header-menu-nav-list,
  body.static-menu-open .header-menu .header-menu-cta,
  body.static-menu-open .header-menu .header-menu-actions {
    transform: none !important;
  }

  /* Keep the header bar (logo + close button) visible above the menu. */
  body.static-menu-open #header .header-announcement-bar-wrapper {
    background-color: var(--brand-bar);
  }
}


/* Local, Polish-capable fallbacks for static hosting. */
:root {
  --body-font-font-family: "Nunito Sans", "Segoe UI", "DejaVu Sans", Arial, sans-serif;
  --heading-font-font-family: "Manrope", "Segoe UI", "DejaVu Sans", Arial, sans-serif;
  --meta-font-font-family: "Nunito Sans", "Segoe UI", "DejaVu Sans", Arial, sans-serif;
}
body, button, input, select, textarea {
  font-family: "Nunito Sans", "Segoe UI", "DejaVu Sans", Arial, sans-serif;
}

.static-hero-service {
  display: inline-block;
  position: relative;
  white-space: nowrap;
}
/* Light rule under the hero tagline: starts at the text's left edge,
   is ~30% wider than "PROJEKTOWANIE OGRODÓW" and sits one line below it. */
.static-hero-service::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 1.1em);
  width: 131%;
  height: 1px;
  background-color: rgb(255, 255, 254);
  pointer-events: none;
}
/* The old separate rule block overlapped the tagline; the rule above replaces it. */
.fe-block-yui_3_17_2_1_1789242250155_6813 {
  display: none !important;
}
/* Give the tagline enough columns to stay on one line. */
@media (min-width: 768px) {
  .fe-block-yui_3_17_2_1_1789132610084_20747 {
    grid-area: 1/2/3/12 !important;
  }
}


/* Local, Polish-capable fallbacks for static hosting. */
:root {
  --body-font-font-family: "Nunito Sans", "Segoe UI", "DejaVu Sans", Arial, sans-serif;
  --heading-font-font-family: "Manrope", "Segoe UI", "DejaVu Sans", Arial, sans-serif;
  --meta-font-font-family: "Nunito Sans", "Segoe UI", "DejaVu Sans", Arial, sans-serif;
}
body, button, input, select, textarea {
  font-family: "Nunito Sans", "Segoe UI", "DejaVu Sans", Arial, sans-serif;
}

/* Preserve Squarespace's circular image masks without its runtime scripts. */
section[data-section-id="6aa55e224e73d919d6650bb1"]
  .fluid-image-component-root[data-shape-mask="circle"]
  .fluid-image-container {
  width: min(100%, var(--image-component-container-width, 100%)) !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  margin-inline: auto;
  overflow: hidden !important;
  clip-path: circle(50% at 50%) !important;
  -webkit-clip-path: circle(50% at 50%) !important;
}
section[data-section-id="6aa55e224e73d919d6650bb1"]
  .fluid-image-component-root[data-shape-mask="circle"]
  .js-content-mode-element-wrapper,
section[data-section-id="6aa55e224e73d919d6650bb1"]
  .fluid-image-component-root[data-shape-mask="circle"]
  .js-content-mode-element {
  width: 100% !important;
  height: 100% !important;
}
section[data-section-id="6aa55e224e73d919d6650bb1"]
  .fluid-image-component-root[data-shape-mask="circle"] img {
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Rebuild the collaboration section as self-contained responsive cards.
   Each background now belongs to the same box as its image and text. */
section[data-section-id="6aa55e224e73d919d6650bb1"]
  .fluid-engine.static-collaboration-layout {
  display: block !important;
  width: min(1200px, calc(100% - 40px)) !important;
  height: auto !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  padding: clamp(32px, 5vw, 72px) 0 !important;
}
section[data-section-id="6aa55e224e73d919d6650bb1"]
  .static-collaboration-layout > .fe-block {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  grid-area: auto !important;
  margin: 0 0 clamp(28px, 4vw, 52px) !important;
  z-index: auto !important;
}
.static-collaboration-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: clamp(20px, 3vw, 36px);
  width: 100%;
}
.static-collaboration-card {
  /* Circle diameter is 38% of the card's own width (35-40% target),
     and it overlaps the card top by 22.5% of its own height (20-25% target).
     Percentage margin/padding resolve against the containing block's WIDTH,
     which keeps these two ratios tied to the card's width at every size. */
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex: 1 1 290px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  max-width: 360px;
  min-width: 0;
  margin-top: 29.45%;
  overflow: visible;
  padding: calc(8.55% + 28px) clamp(24px, 3vw, 38px) clamp(28px, 3vw, 38px);
  border-radius: 20px;
  background: hsla(var(--accent-hsl), 0.24);
}
.static-collaboration-card > .fe-block {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  grid-area: auto !important;
  z-index: auto !important;
}
.static-collaboration-card > .fe-block:first-child {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: 38% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  margin: 0 !important;
  transform: translate(-50%, -77.5%) !important;
  z-index: 2 !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  background-image: none !important;
}
.static-collaboration-card .sqs-block,
.static-collaboration-card .sqs-block-content,
.static-collaboration-card .sqs-block-alignment-wrapper {
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
}
.static-collaboration-card .sqs-block {
  padding: 0 !important;
}
.static-collaboration-card .sqs-html-content,
.static-collaboration-card :is(h1, h2, h3, h4, p) {
  max-width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
  overflow-wrap: anywhere;
}
.static-collaboration-card h3 {
  margin-block: 0 0.8em !important;
}
.static-collaboration-card p {
  margin-block: 0 !important;
}
.static-collaboration-card .fluid-image-component-root,
.static-collaboration-card .fluid-image-animation-wrapper,
.static-collaboration-card .fluid-image-container {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
}
.static-collaboration-card > .fe-block:first-child :is(.js-content-mode-element-wrapper, .js-content-mode-element, .content-fill) {
  width: 100% !important;
  height: 100% !important;
}
.static-collaboration-card > .fe-block:first-child img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
}
@media (max-width: 680px) {
  section[data-section-id="6aa55e224e73d919d6650bb1"]
    .fluid-engine.static-collaboration-layout {
    width: min(100% - 28px, 440px) !important;
  }
  .static-collaboration-card {
    flex-basis: 100%;
    max-width: 440px;
  }
}

/* Keep the contact details and privacy link in their intended positions. */
#block-yui_3_17_2_1_1789300965757_3126 a[href^="mailto:"] {
  display: inline-block;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  font-size: clamp(15px, 2vw, 28px);
}
section[data-section-id="6aa68a24482ae9594fad2267"]
  .fe-block-yui_3_17_2_1_1789320812858_2224 {
  grid-area: 57 / 2 / 59 / 10 !important;
}
section[data-section-id="6aa68a24482ae9594fad2267"]
  .fe-block-yui_3_17_2_1_1789320812858_2224 :is(p, .sqs-html-content) {
  text-align: center !important;
}
section[data-section-id="6aa68a24482ae9594fad2267"]
  .fe-6aa68a24e48a2b43daa0ce60 {
  grid-template-rows: repeat(59, minmax(24px, auto)) !important;
}
@media (min-width: 768px) {
  section[data-section-id="6aa68a24482ae9594fad2267"]
    .fe-block-yui_3_17_2_1_1789300965757_3126 {
    grid-area: 11 / 4 / 13 / 14 !important;
  }
  section[data-section-id="6aa68a24482ae9594fad2267"]
    .fe-block-yui_3_17_2_1_1789320812858_2224 {
    grid-area: 18 / 14 / 20 / 26 !important;
  }
  section[data-section-id="6aa68a24482ae9594fad2267"]
    .fe-6aa68a24e48a2b43daa0ce60 {
    grid-template-rows: repeat(20, minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)) !important;
  }
}

/* Match Squarespace's white header call-to-action button. */
.header-actions-action--cta .btn {
  box-sizing: border-box;
  white-space: nowrap;
  border-radius: 10px !important;
  color: hsla(var(--black-hsl), 1) !important;
  background-color: #fff !important;
  border-color: #fff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}
.header-actions-action--cta .btn:hover,
.header-actions-action--cta .btn:focus-visible {
  color: hsla(var(--black-hsl), 1) !important;
  background-color: hsla(var(--lightAccent-hsl), 1) !important;
  border-color: hsla(var(--lightAccent-hsl), 1) !important;
}

/* Make privacy consent an obvious prerequisite for sending. */
form[data-static-mailto] button[type="submit"]:disabled {
  cursor: not-allowed !important;
  opacity: 0.48 !important;
  filter: grayscale(0.35);
}

/* Compact footer for pages whose captured Squarespace HTML omitted it. */
.static-site-footer {
  box-sizing: border-box;
  color: #fff;
  background: hsla(var(--black-hsl), 1);
}
.static-site-footer__inner {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  width: 100%;
  max-width: 1600px;
  margin-inline: auto;
  padding: clamp(36px, 5vw, 64px) clamp(16px, 2.5vw, 32px);
}
.static-site-footer p {
  margin: 0;
  line-height: 1.65;
}
.static-site-footer__inner > p:first-child {
  flex: 0 0 auto;
  text-align: left;
}
.static-site-footer__contact {
  flex: 1 1 auto;
  text-align: center;
}
.static-site-footer__policy {
  flex: 0 0 auto;
  text-align: right;
}
.static-site-footer a {
  color: #fff !important;
  text-decoration-color: rgba(255, 255, 255, 0.65);
}
@media (max-width: 720px) {
  .static-site-footer__inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .static-site-footer__inner > p:first-child,
  .static-site-footer__contact,
  .static-site-footer__policy {
    flex: 0 0 auto;
    text-align: center;
  }
}

/* Local version of the Squarespace privacy-policy page. */
.static-policy-page {
  box-sizing: border-box;
  width: min(920px, calc(100% - 40px));
  margin-inline: auto;
  padding: calc(var(--header-height, 140px) + 56px) 0 88px;
}
.static-policy-page > header {
  margin-bottom: clamp(34px, 5vw, 60px);
}
.static-policy-page h1 {
  margin: 0;
}
.static-policy-page section {
  margin-top: 2.4rem;
}
.static-policy-page h2 {
  margin: 0 0 0.75rem;
  font-size: clamp(1.25rem, 2vw, 1.65rem);
}
.static-policy-page p,
.static-policy-page li {
  line-height: 1.7;
}
.static-policy-page ul {
  padding-left: 1.4rem;
}

/* Restore the portfolio thumbnail height normally supplied by Squarespace's
   runtime-only tweak classes. */
.portfolio-grid-basic .grid-item .grid-image {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 1px;
  padding-bottom: 66.6667% !important;
  overflow: hidden !important;
}
.portfolio-grid-basic .grid-item .grid-image-inner-wrapper {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.portfolio-grid-basic .grid-item .grid-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: transform 0.45s ease !important;
  will-change: transform;
}
.portfolio-grid-basic .grid-item:hover .grid-image img,
.portfolio-grid-basic .grid-item:focus-visible .grid-image img {
  transform: scale(1.08) !important;
}

/* Final layout corrections for the portable static build. */


/* Benefits: keep the final point intact and emphasize the centered conclusion. */
#block-yui_3_17_2_1_1788356502471_10841 .sqs-html-content p {
  margin-block: 0 0.85rem !important;
}
#block-yui_3_17_2_1_1789055883071_10786 .sqs-html-content p {
  margin: 0 auto !important;
  font-size: clamp(20px, 1.5vw, 32px) !important;
  line-height: 1.4 !important;
  text-align: center !important;
  white-space: normal !important;
}
@media (min-width: 768px) {
  /* The summary runs under both columns, centred on the page, on one line. */
  section[data-section-id="6a980a2f9695030eb0622ed8"]
    .fe-block-yui_3_17_2_1_1789055883071_10786 {
    grid-area: 20 / 2 / 24 / 26 !important;
    margin-top: clamp(28px, 3vw, 60px) !important;
  }
  #block-yui_3_17_2_1_1789055883071_10786 .sqs-html-content p {
    font-size: clamp(17px, 1.5vw, 32px) !important;
    white-space: nowrap !important;
  }
  /* The photo ends level with the list so the summary has the full width. */
  section[data-section-id="6a980a2f9695030eb0622ed8"]
    .fe-block-yui_3_17_2_1_1789057800855_7567 {
    grid-area: 3 / 4 / 20 / 13 !important;
  }
}
#block-yui_3_17_2_1_1789055883071_10786 .sqs-html-content {
  width: 100% !important;
  text-align: center !important;
}

/* "Jak projektuję ogrody": image proportions as in the approved layout. */
@media (min-width: 768px) {
  section[data-section-id="6a980a2f9695030eb0622ed5"] .fe-block-yui_3_17_2_1_1788807758266_3369 .fluid-image-container {
    height: auto !important;
    aspect-ratio: 550 / 601;
  }
  /* Top of the image level with the heading. */
  section[data-section-id="6a980a2f9695030eb0622ed5"] .fe-block-yui_3_17_2_1_1788807758266_3369 :is(.sqs-block, .fluid-image-animation-wrapper) {
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  /* "Jak wygląda współpraca?" on one line. */
  section[data-section-id="6aa5596b7049c12144508975"] .fe-block-4d78806d65b12fd42c1c {
    grid-area: 2 / 3 / 4 / 16 !important;
  }
}

/* "Dlaczego warto": on laptop widths the photo grew very tall with the text
   column; keep the approved proportions and centre it beside the text. */
@media (min-width: 768px) {
  section[data-section-id="6a980a2f9695030eb0622ed8"] .fe-block-yui_3_17_2_1_1789057800855_7567 .fluid-image-component-root {
    container-type: size;
  }
  section[data-section-id="6a980a2f9695030eb0622ed8"] .fe-block-yui_3_17_2_1_1789057800855_7567 .fluid-image-container {
    width: min(100cqw, 100cqh * 709 / 861) !important;
    height: min(100cqh, 100cqw * 861 / 709) !important;
    max-width: none !important;
    margin: 0 auto !important;
  }
  section[data-section-id="6a980a2f9695030eb0622ed8"] .fe-block-yui_3_17_2_1_1789057800855_7567 :is(.sqs-block, .sqs-block-content, .fluid-image-component-root, .fluid-image-animation-wrapper) {
    height: 100% !important;
  }
  section[data-section-id="6a980a2f9695030eb0622ed8"] .fe-block-yui_3_17_2_1_1789057800855_7567 :is(.sqs-block, .fluid-image-animation-wrapper) {
    justify-content: center !important;
    align-items: center !important;
  }
}

/* "Jak wygląda współpraca": true circle, centred in its column. */
section[data-section-id="6aa5596b7049c12144508975"] .fe-block-0ed8d3e8187e0b2a07d9 .fluid-image-component-root {
  --image-component-container-height: auto !important;
}
section[data-section-id="6aa5596b7049c12144508975"] .fe-block-0ed8d3e8187e0b2a07d9 .fluid-image-container {
  width: min(100%, 22.2vw) !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  margin-inline: auto;
}
@media (max-width: 767px) {
  section[data-section-id="6aa5596b7049c12144508975"] .fe-block-0ed8d3e8187e0b2a07d9 .fluid-image-container {
    width: min(100%, 72vw) !important;
  }
}

/* Wider process cards with predictable spacing and justified copy. */
section[data-section-id="6aa55e224e73d919d6650bb1"]
  .fluid-engine.static-collaboration-layout {
  width: min(1680px, calc(100% - 24px)) !important;
  padding: clamp(64px, 7vw, 96px) 0 clamp(56px, 7vw, 88px) !important;
}
section[data-section-id="6aa55e224e73d919d6650bb1"]
  .static-collaboration-layout > .fe-block-856057020b15011ba419 {
  margin-bottom: clamp(74px, 8vw, 110px) !important;
}
.static-collaboration-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: stretch;
  gap: clamp(16px, 1.5vw, 28px);
}
.static-collaboration-card {
  grid-column: span 2;
  width: 100%;
  max-width: none;
  min-width: 0;
  padding-inline: clamp(18px, 2vw, 30px);
}
.static-collaboration-card:nth-child(4) {
  grid-column: 2 / span 2;
}
.static-collaboration-card:nth-child(5) {
  grid-column: 4 / span 2;
}
.static-collaboration-card .static-card-copy {
  margin: 0 !important;
  text-align: justify !important;
  hyphens: auto;
  overflow-wrap: normal;
}
.static-card-intro {
  display: block;
  margin-bottom: 0.9rem;
}
.static-card-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.static-card-list li {
  position: relative;
  margin: 0 0 0.8rem;
  padding-left: 1.3em;
  text-align: justify;
  line-height: 1.55;
}
.static-card-list li::before {
  position: absolute;
  left: 0;
  content: "❯";
}
.static-card-list li:last-child {
  margin-bottom: 0;
}
@media (max-width: 860px) {
  .static-collaboration-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .static-collaboration-card,
  .static-collaboration-card:nth-child(4),
  .static-collaboration-card:nth-child(5) {
    grid-column: auto;
  }
  .static-collaboration-card:last-child {
    grid-column: 1 / -1;
    width: min(440px, 100%);
    justify-self: center;
  }
}
@media (max-width: 680px) {
  .static-collaboration-grid {
    grid-template-columns: 1fr;
  }
  .static-collaboration-card:last-child {
    grid-column: auto;
    width: 100%;
  }
}

/* Portfolio crop closer to the original; hide the AI badge on tile three. */
.portfolio-grid-basic .grid-item .grid-image {
  padding-bottom: 80% !important;
}
.portfolio-grid-basic .grid-item .grid-image img {
  object-position: 50% 52% !important;
}
.portfolio-grid-basic .grid-item:nth-child(3) .grid-image img {
  object-position: 0% 55% !important;
}

/* Keep the supplied portrait compact and inside a true circular mask. */
section[data-section-id="6a9831375ef40c4492186929"]
  .fe-block-yui_3_17_2_1_1788358710185_2330 {
  align-self: center;
  justify-self: center;
  width: min(320px, 82vw) !important;
  aspect-ratio: 1 / 1;
}
section[data-section-id="6a9831375ef40c4492186929"]
  .fe-block-yui_3_17_2_1_1788358710185_2330 :is(.sqs-block, .sqs-block-content, .sqs-block-alignment-wrapper, .fluid-image-component-root, .fluid-image-animation-wrapper, .fluid-image-container) {
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
}
section[data-section-id="6a9831375ef40c4492186929"]
  .fe-block-yui_3_17_2_1_1788358710185_2330 .fluid-image-container {
  overflow: hidden !important;
  clip-path: circle(50% at 50%) !important;
  -webkit-clip-path: circle(50% at 50%) !important;
}
section[data-section-id="6a9831375ef40c4492186929"]
  .fe-block-yui_3_17_2_1_1788358710185_2330 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Contact: stable two-column layout and a roomier, cleaner form. */
section[data-section-id="6aa68a24482ae9594fad2267"]
  .fluid-engine.static-contact-layout {
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: minmax(360px, 0.75fr) minmax(640px, 1.25fr) !important;
  grid-template-rows: auto !important;
  align-items: start;
  gap: clamp(54px, 7vw, 100px) !important;
  width: min(1240px, calc(100% - 40px)) !important;
  height: auto !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  padding: clamp(64px, 8vw, 108px) 0 !important;
}
.static-contact-layout .fe-block {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  grid-area: auto !important;
  z-index: auto !important;
}
.static-contact-layout .sqs-block {
  padding: 0 !important;
}
.static-contact-copy .sqs-html-content,
.static-contact-copy .sqs-html-content p {
  text-align: left !important;
}
.static-contact-copy > .fe-block + .fe-block {
  margin-top: 1.75rem;
}
.static-contact-copy > .fe-block:nth-child(2) .sqs-html-content p {
  margin: 0 0 1rem;
  max-width: 560px;
}
.static-contact-details {
  display: grid;
  gap: 20px;
  margin-top: clamp(46px, 7vw, 84px);
}
.static-contact-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}
.static-contact-row > .fe-block:first-child :is(.sqs-block-content, .sqs-block-alignment-wrapper, .fluid-image-component-root, .fluid-image-animation-wrapper, .fluid-image-container) {
  width: 24px !important;
  height: 24px !important;
}
.static-contact-row p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}
#block-yui_3_17_2_1_1789300965757_3126 a[href^="mailto:"] {
  font-size: inherit !important;
}
.static-contact-form {
  box-sizing: border-box;
  padding: clamp(28px, 4vw, 48px);
  border-radius: 18px;
  background: hsla(var(--accent-hsl), 0.24);
}
.static-contact-form .form-wrapper {
  padding: 0 !important;
  background: transparent !important;
}
.static-contact-form .field-list > .form-item {
  margin: 0 0 19px !important;
}
.static-contact-form input:not([type="checkbox"]),
.static-contact-form select,
.static-contact-form textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: 12px 14px !important;
  line-height: 1.45 !important;
}
.static-contact-form textarea {
  min-height: 140px;
  resize: vertical;
}
.static-contact-form textarea::placeholder {
  color: #74766f !important;
  opacity: 1 !important;
}
.static-contact-form #checkbox-1091869f-b2da-4bd8-923a-e41feb3d7d3a {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}
.static-contact-form #checkbox-1091869f-b2da-4bd8-923a-e41feb3d7d3a legend {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}
.static-contact-form #checkbox-1091869f-b2da-4bd8-923a-e41feb3d7d3a .option {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}
.static-contact-form #checkbox-1091869f-b2da-4bd8-923a-e41feb3d7d3a legend .title,
.static-contact-form #checkbox-1091869f-b2da-4bd8-923a-e41feb3d7d3a legend .title > div {
  white-space: nowrap !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
.static-contact-form #checkbox-1091869f-b2da-4bd8-923a-e41feb3d7d3a .description {
  display: inline;
  margin-left: 0.35em;
}
.static-form-note {
  display: none !important;
}
.static-form-policy {
  margin: 8px 0 18px;
  text-align: left;
  font-size: 14px;
}
.static-contact-form button[type="submit"],
.static-contact-form button[type="submit"]:disabled {
  border-radius: 10px !important;
  opacity: 1 !important;
  filter: none !important;
  color: #fff !important;
  background: hsla(var(--black-hsl), 1) !important;
  cursor: pointer !important;
}
@media (max-width: 1100px) {
  section[data-section-id="6aa68a24482ae9594fad2267"]
    .fluid-engine.static-contact-layout {
    grid-template-columns: 1fr !important;
  }
  .static-contact-form {
    width: 100%;
  }
}
@media (max-width: 680px) {
  .static-contact-form #checkbox-1091869f-b2da-4bd8-923a-e41feb3d7d3a legend .title,
  .static-contact-form #checkbox-1091869f-b2da-4bd8-923a-e41feb3d7d3a legend .title > div {
    white-space: normal !important;
    font-size: 12px !important;
  }
}

/* Header and footer colour: a lighter green from the same family as the
   logo background (#0B140E) — dark enough for the cream "M", light enough
   that the logo's darker ring and green leaf still read against it. */
:root {
  --brand-bar: #131F17;
}
#header.header,
.static-site-footer,
#footer-sections .section-background {
  background-color: var(--brand-bar) !important;
}

/* Larger logo so it reads clearly in the header. */
.header-title-logo a,
.header-title-logo img {
  max-height: 140px !important;
}
@media screen and (max-width: 799px) {
  .header-title-logo a,
  .header-title-logo img {
    max-height: 90px !important;
  }
}


/* ===== One body-text size for the whole site ===== */
:root {
  --site-body-size: clamp(18px, 1.24vw, 19.8px);
  --site-body-line: 1.65;
}
.sqs-html-content p,
.sqs-html-content li,
.static-card-list li,
.static-policy-page p,
.static-policy-page li,
.static-site-footer p,
#footer-sections .sqs-html-content p,
.static-form-privacy-link,
.static-contact-row p {
  font-size: var(--site-body-size) !important;
  line-height: var(--site-body-line) !important;
}
/* Contact form: labels in the body font and size (the option labels were
   falling back to a serif font). */
.form-wrapper label,
.form-wrapper legend,
.form-wrapper .title {
  font-family: var(--body-font-font-family) !important;
}
.form-wrapper .form-item > label,
.form-wrapper .form-item legend {
  font-size: var(--site-body-size) !important;
}
.form-wrapper .option label {
  font-size: calc(var(--site-body-size) * 0.8) !important;
  letter-spacing: 0.02em;
}

/* ===== Tidy line breaks ===== */
/* No single orphaned words at the end of paragraphs and list items. */
.sqs-html-content p,
.sqs-html-content li,
.static-card-list li,
.static-policy-page p,
.static-policy-page li {
  text-wrap: pretty;
}
/* Justified lines are spaced by the browser itself; re-balancing them on top
   of that only widens the gaps. */
.sqs-html-content p[style*="justify"]:not(.static-narrow-justify),
.static-card-copy:not(.static-narrow-justify),
.static-card-list li:not(.static-narrow-justify) {
  text-wrap: wrap;
}
/* Headings split into even lines instead of leaving one word on its own. */
h1, h2, h3, h4 {
  text-wrap: balance;
}
/* Never split a word inside a heading. */
.sqs-html-content :is(h1, h2, h3, h4),
.portfolio-title {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
}
@media (max-width: 767px) {
  /* The longest heading words ("zaprojektowana", "Porozmawiajmy") must fit
     on a phone screen. */
  .sqs-html-content h1 {
    font-size: min(2.8rem, 10.5vw) !important;
  }
  /* Justified text on a narrow phone column leaves wide gaps between words;
     align it left on phones only. */
  .sqs-html-content p[style*="justify"],
  .sqs-html-content li,
  .static-collaboration-card .static-card-copy,
  .static-card-list li,
  .static-policy-page p,
  .static-policy-page li {
    text-align: left !important;
  }
}

.static-narrow-justify,
.sqs-html-content .static-narrow-justify,
.static-collaboration-card .static-card-copy.static-narrow-justify,
.static-card-list li.static-narrow-justify {
  text-align: left !important;
}
/* Phone numbers and e-mail addresses stay on one line. */
a[href^="tel:"],
a[href^="mailto:"] {
  white-space: nowrap !important;
}
/* Project pages: previous/next titles side by side without overlapping. */
@media (max-width: 767px) {
  .item-pagination {
    gap: 16px;
  }
  .item-pagination-link {
    flex: 1 1 0;
    min-width: 0;
    max-width: 50%;
  }
  .item-pagination-title {
    font-size: 16px !important;
    line-height: 1.3 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}
/* Footer (sub-pages): room for "Wszystkie prawa zastrzeżone." on one line. */
@media (min-width: 768px) {
  #footer-sections .fe-block-52e581dac00096a64969 {
    grid-area: 2 / 2 / 4 / 11 !important;
  }
  #footer-sections .sqs-html-content p,
  .static-site-footer p {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}
/* Header menu on one line, still centred on the page: the menu may extend
   past its column into the free space beside the logo and the button. */
@media (min-width: 800px) {
  .header-display-desktop .header-nav,
  .header-display-desktop .header-nav-wrapper {
    overflow: visible !important;
  }
  .header-display-desktop .header-nav-list {
    flex-wrap: nowrap !important;
    justify-content: center !important;
    white-space: nowrap;
    width: max-content !important;
    margin-left: 50% !important;
    translate: -50% 0;
  }
}
@media (min-width: 800px) and (max-width: 1023px) {
  .header-actions-action--cta .btn {
    padding: 0.85em 1.1em !important;
    font-size: 13px !important;
  }
}
@media (min-width: 800px) and (max-width: 1100px) {
  .header-layout-nav-center .header-nav .header-nav-item {
    margin-left: 0.9vw !important;
    margin-right: 0.9vw !important;
  }
}
/* Phones: manual line breaks in headings are desktop-only; on a narrow
   screen the heading is balanced automatically instead. */
@media (max-width: 767px) {
  :is(h1, h2, h3, h4) br {
    display: none;
  }
}
/* Hero: "Warszawa i okolice…" keeps two lines on laptops and tablets. */
@media (min-width: 768px) and (max-width: 1439px) {
  .fe-block-yui_3_17_2_1_1788349033300_9805 {
    grid-area: 17 / 15 / 19 / 26 !important;
  }
  .fe-block-yui_3_17_2_1_1788349033300_9805 .sqs-html-content {
    width: max-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
  }
}

/* ===== "Etapy współpracy oraz co otrzymasz": approved card layout =====
   Cards fill the width (3 + 2, second row centred), photo circles are 55% of
   the card width and sit 44% above the card's top edge, text is left-aligned
   with a blank line between points. Percentages in padding/margin resolve
   against the card width, so the proportions hold at every screen size. */
section[data-section-id="6aa55e224e73d919d6650bb1"]
  .fluid-engine.static-collaboration-layout {
  width: calc(100% - max(28px, 6vw)) !important;
  max-width: none !important;
}
.static-collaboration-card {
  padding: calc(30.8% + clamp(28px, 3vw, 60px)) clamp(14px, 1.2vw, 24px)
    clamp(32px, 3.6vw, 72px) clamp(18px, 1.8vw, 36px) !important;
  align-items: stretch !important;
}
.static-collaboration-card > .fe-block:first-child {
  width: 55% !important;
  transform: translate(-50%, -44%) !important;
}
.static-collaboration-card > .fe-block:first-child :is(.sqs-block, .sqs-block-content, .sqs-block-alignment-wrapper, .fluid-image-component-root, .fluid-image-animation-wrapper, .fluid-image-container) {
  width: 100% !important;
  height: 100% !important;
}
.static-collaboration-card > .fe-block:first-child .fluid-image-component-root {
  --image-component-container-width: 100% !important;
  --image-component-container-height: 100% !important;
}
.static-collaboration-card h3 {
  margin: 0 0 clamp(24px, 3.3vw, 66px) !important;
  text-align: center !important;
}
.static-collaboration-card .static-card-copy,
.static-collaboration-card .static-card-copy.static-narrow-justify,
.static-card-list li,
.static-card-list li.static-narrow-justify {
  text-align: left !important;
  hyphens: manual;
}
.static-collaboration-card .sqs-html-content,
.static-collaboration-card p {
  margin-inline: 0 !important;
}
.static-card-intro {
  margin-bottom: 1.65em;
}
.static-card-list li {
  margin: 0 0 1.65em !important;
  padding-left: 0 !important;
  line-height: var(--site-body-line) !important;
}
.static-card-list li::before {
  position: static !important;
  display: inline;
  margin-right: 0.6em;
}
.static-card-list li:last-child {
  margin-bottom: 0 !important;
}
@media (min-width: 861px) {
  .static-collaboration-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    column-gap: 10px !important;
    row-gap: 12px !important;
    align-items: stretch !important;
  }
  .static-collaboration-card {
    grid-column: span 4 !important;
    margin-top: 0 !important;
  }
  /* First row: room above for the circles. */
  .static-collaboration-card:nth-child(-n + 3) {
    margin-top: 24.2% !important;
  }
  /* Second row: centred; its circles sit lower (30% above the card edge)
     and overlap the bottom of the cards above. */
  .static-collaboration-card:nth-child(n + 4) {
    padding-top: calc(38.8% + clamp(28px, 3vw, 60px)) !important;
  }
  .static-collaboration-card:nth-child(n + 4) > .fe-block:first-child {
    transform: translate(-50%, -29.5%) !important;
  }
  .static-collaboration-card:nth-child(4) {
    grid-column: 3 / span 4 !important;
  }
  .static-collaboration-card:nth-child(5) {
    grid-column: 7 / span 4 !important;
  }
}
@media (max-width: 860px) {
  .static-collaboration-grid {
    row-gap: 24px !important;
  }
  .static-collaboration-card {
    margin-top: 24.2% !important;
  }
}
/* Contact page: the heading uses the same size as the other section
   headings (h2) instead of the large hero size. */
#block-yui_3_17_2_1_1789299227955_1203 h1 {
  font-size: min(calc((var(--heading-2-size-value) - 1) * 1.2vw + 1rem), max(calc((var(--heading-2-size-value) - 1) * 0.012 * var(--maxPageWidth) + 1rem), calc(var(--heading-2-size-value) * 1rem))) !important;
  line-height: 1.28 !important;
  letter-spacing: -0.01em !important;
}
@media (max-width: 767px) {
  #block-yui_3_17_2_1_1789299227955_1203 h1 {
    font-size: calc((var(--heading-2-size-value) - 1) * calc(0.012 * min(100vh, 900px)) + 1rem) !important;
  }
}

/* "❯" points: wrapped lines line up with the text, not with the marker. */
.sqs-html-content p:has(> .static-bullet) {
  padding-left: 1.6em !important;
  text-indent: -1.6em !important;
}
.static-bullet {
  display: inline-block;
  width: 1.6em;
  text-indent: 0;
}
.static-card-list li {
  position: relative !important;
  padding-left: 1.6em !important;
}
.static-card-list li::before {
  position: absolute !important;
  left: 0;
  top: 0;
  margin-right: 0 !important;
}

/* Privacy policy page: title in the same size as other section headings. */
.static-policy-page h1 {
  font-size: min(calc((var(--heading-2-size-value) - 1) * 1.2vw + 1rem), max(calc((var(--heading-2-size-value) - 1) * 0.012 * var(--maxPageWidth) + 1rem), calc(var(--heading-2-size-value) * 1rem))) !important;
  line-height: 1.28 !important;
  letter-spacing: -0.01em !important;
}
@media (max-width: 767px) {
  .static-policy-page h1 {
    font-size: calc((var(--heading-2-size-value) - 1) * calc(0.012 * min(100vh, 900px)) + 1rem) !important;
  }
}

/* ===== Portfolio grid: approved layout =====
   Square tiles with a centred crop, a band of the section background above
   the photos, captions set a little below the photos and a generous space
   between the captions and the footer. Sizes follow the page width. */
.portfolio-grid-basic .grid-item .grid-image {
  padding-bottom: 100% !important;
}
.portfolio-grid-basic .grid-item .grid-image img,
.portfolio-grid-basic .grid-item:nth-child(3) .grid-image img {
  object-position: 50% 50% !important;
}
@media (min-width: 768px) {
  .portfolio-grid-basic.grid-wrapper {
    column-gap: 1.62vw !important;
    padding-top: 3.33vw !important;
    padding-bottom: 3.8vw !important;
  }
  .portfolio-grid-basic .portfolio-text {
    margin-top: 2vw !important;
  }
  .portfolio-grid-basic .portfolio-title {
    font-size: clamp(16px, 0.935vw, 24px) !important;
    margin-bottom: 0 !important;
  }
}
/* Portfolio grid on phones: the same proportions, one tile per row. */
@media (max-width: 767px) {
  .portfolio-grid-basic.grid-wrapper {
    padding-top: 10vw !important;
    padding-bottom: 11vw !important;
    row-gap: 10vw !important;
  }
  .portfolio-grid-basic .portfolio-text {
    margin-top: 5.5vw !important;
  }
  .portfolio-grid-basic .portfolio-title {
    margin-bottom: 0 !important;
  }
}

/* ===== Contact page ===== */
section[data-section-id="6aa68a24482ae9594fad2267"] .fluid-engine.static-kontakt-layout {
  grid-template-rows: auto !important;
  height: auto !important;
  min-height: 0 !important;
  row-gap: clamp(48px, 8vw, 72px) !important;
}
.static-kontakt-layout .static-kontakt-copy .fe-block,
.static-kontakt-layout .static-kontakt-form {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  grid-area: auto !important;
}
.static-kontakt-layout .static-kontakt-copy .sqs-block {
  padding: 0 !important;
  height: auto !important;
}
/* Left column: heading / introduction / contact details. */
.static-kontakt-copy {
  grid-column: 2 / 13;
  grid-row: 1;
  align-self: start;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.static-kontakt-copy .sqs-html-content :is(h1, p) {
  margin: 0 !important;
}
.static-kontakt-intro,
.static-kontakt-details {
  margin-left: 3.95vw;
}
.static-kontakt-intro {
  margin-top: clamp(28px, 2.8vw, 56px);
}
.static-kontakt-details {
  display: grid;
  row-gap: clamp(12px, 0.9vw, 18px);
  margin-top: clamp(40px, 4.4vw, 88px);
}
.static-kontakt-row {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  column-gap: clamp(14px, 1.1vw, 22px);
}
.static-kontakt-row > .fe-block {
  min-width: 0;
}
/* Icons: sharp vector images at a slightly smaller size. */
.static-kontakt-icon,
.static-kontakt-icon :is(.sqs-block, .sqs-block-content, .sqs-block-alignment-wrapper, .fluid-image-component-root, .fluid-image-animation-wrapper, .fluid-image-container, .js-content-mode-element-wrapper, .js-content-mode-element, .content-fill) {
  width: 30px !important;
  height: 30px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.static-kontakt-icon img {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
  position: static !important;
}
.static-kontakt-row .sqs-html-content p {
  white-space: normal !important;
}
.static-kontakt-row a[href^="mailto:"] {
  font-size: inherit !important;
}
/* Form column. */
.static-kontakt-layout .static-kontakt-form {
  grid-column: 14 / 26 !important;
  grid-row: 1 !important;
  align-self: start;
}
@media (max-width: 1023px) {
  .static-kontakt-copy,
  .static-kontakt-layout .static-kontakt-form {
    grid-column: 2 / -2 !important;
  }
  .static-kontakt-layout .static-kontakt-form {
    grid-row: 2 !important;
  }
  .static-kontakt-intro,
  .static-kontakt-details {
    margin-left: 0;
  }
}

/* Consent line: on one line under the message box, checkbox below it;
   privacy link and send button sit side by side just under the checkbox. */
.form-wrapper {
  container-type: inline-size;
}
#checkbox-1091869f-b2da-4bd8-923a-e41feb3d7d3a {
  margin-bottom: 0 !important;
}
.form-wrapper .static-form-privacy-link {
  margin: 0.6rem 0 0 !important;
  line-height: 1.4 !important;
}
.form-wrapper .form-button-wrapper {
  margin-top: 0.8rem !important;
}
/* Consent sentence fitted to one line by static.js (class static-consent-fit). */
#checkbox-1091869f-b2da-4bd8-923a-e41feb3d7d3a legend .title > div.static-consent-fit {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  column-gap: 0.4em;
}
#checkbox-1091869f-b2da-4bd8-923a-e41feb3d7d3a legend .title > div.static-consent-fit > span:first-child {
  font-size: var(--consent-size) !important;
}
#checkbox-1091869f-b2da-4bd8-923a-e41feb3d7d3a legend .title > div.static-consent-fit > .description {
  font-size: var(--consent-size) !important;
}
#checkbox-1091869f-b2da-4bd8-923a-e41feb3d7d3a legend .title > div.static-consent-fit > span {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
@container (min-width: 600px) {
  .form-wrapper .static-form-privacy-link {
    margin-top: 0.5rem !important;
  }
  .form-wrapper .form-button-wrapper {
    margin-top: calc(-1.4em - 0.3rem) !important;
  }
}
/* Laptops: a slightly wider form so the consent sentence still fits on one
   line at a readable size. */
@media (min-width: 1200px) and (max-width: 1799px) {
  section .fluid-engine.static-kontakt-layout .static-kontakt-form {
    grid-column: 12 / 26 !important;
  }
  section .fluid-engine.static-kontakt-layout .static-kontakt-copy {
    grid-column: 2 / 11 !important;
  }
}

/* ===== Round of refinements ===== */
/* Headlines: more air between lines when a heading wraps. */
h1 { line-height: 1.22 !important; }
h2 { line-height: 1.28 !important; }
h3, h4 { line-height: 1.3 !important; }

@media (min-width: 768px) {
  /* Less empty space under "Jak projektuję ogrody" and "Dlaczego warto". */
  section[data-section-id="6a980a2f9695030eb0622ed5"] .fluid-engine {
    margin-bottom: -5vw !important;
  }
  section[data-section-id="6a980a2f9695030eb0622ed8"] .fluid-engine {
    margin-bottom: -5vw !important;
  }
  /* "Jak wygląda współpraca": heading and text a little lower. */
  section[data-section-id="6aa5596b7049c12144508975"] :is(.fe-block-4d78806d65b12fd42c1c, .fe-block-bebb155c71114ea76203) {
    translate: 0 2.2vw;
  }
}

/* Contact: send button with the same rounded corners as "Napisz do mnie". */
.form-wrapper button[type="submit"] {
  border-radius: 10px !important;
}
/* Contact: left column a little lower, more air under the heading. */
@media (min-width: 1024px) {
  .static-kontakt-copy {
    margin-top: clamp(16px, 2.5vw, 50px);
  }
}
.static-kontakt-intro {
  margin-top: clamp(36px, 4.4vw, 88px) !important;
}

/* Footer: smaller text than the header menu, centred vertically, compact. */
:root {
  --footer-text: clamp(14px, 0.78vw, 15.5px);
}
.static-site-footer p,
#footer-sections .sqs-html-content p,
#footer-sections .sqs-html-content a {
  font-size: var(--footer-text) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
.static-site-footer__inner {
  max-width: none !important;
  padding: clamp(20px, 1.9vw, 38px) 3vw !important;
  align-items: center !important;
}
#footer-sections .fluid-engine {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px;
  height: auto !important;
  min-height: 0 !important;
  padding: clamp(20px, 1.9vw, 38px) 3vw !important;
  box-sizing: border-box;
}
#footer-sections .fluid-engine > .fe-block {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  grid-area: auto !important;
  flex: 1 1 0;
}
#footer-sections .fe-block-c563341017bf9c407dd9 .sqs-html-content p {
  text-align: center !important;
}
#footer-sections .fe-block-yui_3_17_2_1_1788818076077_4247 .sqs-html-content p {
  text-align: right !important;
}
#footer-sections .sqs-block {
  padding: 0 !important;
  justify-content: center !important;
}
@media (max-width: 720px) {
  #footer-sections .fluid-engine {
    flex-direction: column;
    gap: 12px;
  }
  #footer-sections .fluid-engine > .fe-block .sqs-html-content p {
    text-align: center !important;
  }
}

/* ===== Round 8 ===== */
/* Form: "(Wymagane)" no larger than the label before it. */
.form-wrapper .title .description,
.form-wrapper label .description,
.form-wrapper legend .description {
  font-size: inherit !important;
}

/* Headings are never justified (it stretched the gaps between words). */
.sqs-html-content :is(h1, h2, h3, h4)[style*="justify"] {
  text-align: left !important;
}
.sqs-html-content p:empty {
  display: none !important;
}

/* Project pages: previous/next centred between the gallery and the footer. */
.gallery-grid.gallery-grid--layout-grid {
  padding-bottom: 0 !important;
}
@media (max-width: 767px) {
  .item-pagination {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}

/* Project pages on phones: heading, description and gallery with the same
   spacing on every project. */
@media (max-width: 767px) {
  :is(section[data-section-id="6a980273a90f3c23816a5231"], section[data-section-id="6a9ee0356c713736806057af"], section[data-section-id="6a980273a90f3c23816a5210"]) .fluid-engine {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 36px 6vw 0 !important;
    box-sizing: border-box;
  }
  :is(section[data-section-id="6a980273a90f3c23816a5231"], section[data-section-id="6a9ee0356c713736806057af"], section[data-section-id="6a980273a90f3c23816a5210"]) .fluid-engine > .fe-block {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    grid-area: auto !important;
  }
  :is(.fe-block-9cd80d82b82c1c6b6e5d, .fe-block-02fde997fbe8101bf18b, .fe-block-b3f5ffcf375c93881106) {
    order: -1;
  }
  :is(.fe-block-9cd80d82b82c1c6b6e5d, .fe-block-02fde997fbe8101bf18b, .fe-block-b3f5ffcf375c93881106) h2 {
    margin-left: 0 !important;
  }
  :is(section[data-section-id="6a980273a90f3c23816a5231"], section[data-section-id="6a9ee0356c713736806057af"], section[data-section-id="6a980273a90f3c23816a5210"]) .sqs-html-content p:not(:has(~ p:not(:empty))) {
    margin-bottom: 0 !important;
  }
  :is(section[data-section-id="6a980273a90f3c23816a5231"], section[data-section-id="6a9ee0356c713736806057af"], section[data-section-id="6a980273a90f3c23816a5210"]) .content-wrapper {
    padding-bottom: 36px !important;
  }
}

/* O mnie: larger portrait (the 800 px file stays sharp), centred beside the text. */
@media (min-width: 768px) {
  section[data-section-id="6a9831375ef40c4492186929"]
    .fe-block-yui_3_17_2_1_1788358710185_2330 {
    grid-area: 4 / 15 / 12 / 25 !important;
    width: min(460px, 24vw) !important;
    align-self: center !important;
    justify-self: center !important;
  }
}
@media (max-width: 767px) {
  section[data-section-id="6a9831375ef40c4492186929"]
    .fe-block-yui_3_17_2_1_1788358710185_2330 {
    width: min(360px, 86vw) !important;
  }
}

/* "Jak wygląda współpraca": a little less space before "Etapy współpracy";
   on phones the text follows the heading more closely. */
@media (min-width: 768px) {
  section[data-section-id="6aa5596b7049c12144508975"] .fluid-engine {
    margin-bottom: -3vw !important;
  }
}
@media (max-width: 767px) {
  section[data-section-id="6aa5596b7049c12144508975"] .fe-block-bebb155c71114ea76203 {
    margin-top: -34px !important;
  }
}

/* Phones: tighter gaps between "Jak projektuję" / "Dlaczego warto" and
   between "Jak wygląda współpraca" / "Etapy współpracy". */
@media (max-width: 767px) {
  section[data-section-id="6a980a2f9695030eb0622ed5"] .content-wrapper,
  section[data-section-id="6aa5596b7049c12144508975"] .content-wrapper {
    padding-bottom: 0 !important;
  }
  section[data-section-id="6a980a2f9695030eb0622ed8"] .content-wrapper {
    padding-top: 0 !important;
  }
  section[data-section-id="6aa55e224e73d919d6650bb1"]
    .fluid-engine.static-collaboration-layout {
    padding-top: 36px !important;
  }
}

/* ===== Phones: one spacing system for "Jak projektuję", "Dlaczego warto"
   and "Jak wygląda współpraca" — image, heading, text in a single column. */
@media (max-width: 767px) {
  :is(section[data-section-id="6a980a2f9695030eb0622ed5"], section[data-section-id="6a980a2f9695030eb0622ed8"], section[data-section-id="6aa5596b7049c12144508975"]) .content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  :is(section[data-section-id="6a980a2f9695030eb0622ed5"], section[data-section-id="6a980a2f9695030eb0622ed8"], section[data-section-id="6aa5596b7049c12144508975"]) .fluid-engine {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding: 36px 6vw 36px !important;
    box-sizing: border-box;
  }
  :is(section[data-section-id="6a980a2f9695030eb0622ed5"], section[data-section-id="6a980a2f9695030eb0622ed8"], section[data-section-id="6aa5596b7049c12144508975"]) .fluid-engine > .fe-block {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    grid-area: auto !important;
    margin: 0 !important;
    translate: none !important;
    transform: none !important;
  }
  :is(section[data-section-id="6a980a2f9695030eb0622ed5"], section[data-section-id="6a980a2f9695030eb0622ed8"], section[data-section-id="6aa5596b7049c12144508975"]) .fluid-engine > .fe-block :is(.sqs-block, .sqs-block-content) {
    height: auto !important;
    padding: 0 !important;
  }
  :is(section[data-section-id="6a980a2f9695030eb0622ed5"], section[data-section-id="6a980a2f9695030eb0622ed8"], section[data-section-id="6aa5596b7049c12144508975"]) .sqs-html-content > :first-child {
    margin-top: 0 !important;
  }
  :is(section[data-section-id="6a980a2f9695030eb0622ed5"], section[data-section-id="6a980a2f9695030eb0622ed8"], section[data-section-id="6aa5596b7049c12144508975"]) .sqs-html-content > :last-child {
    margin-bottom: 0 !important;
  }
  /* order and spacing: image → 32px → heading → 20px → text (→ 36px → summary) */
  :is(.fe-block-yui_3_17_2_1_1788807758266_3369, .fe-block-yui_3_17_2_1_1789057800855_7567, .fe-block-0ed8d3e8187e0b2a07d9) { order: 1; }
  :is(.fe-block-a35d0cf8e07051da0c71, .fe-block-6c2c24b84dc991fdd363, .fe-block-4d78806d65b12fd42c1c) { order: 2; padding-top: 32px !important; }
  :is(.fe-block-4a37353693b6ece3138c, .fe-block-yui_3_17_2_1_1788356502471_10841, .fe-block-bebb155c71114ea76203) { order: 3; padding-top: 20px !important; }
  .fe-block-yui_3_17_2_1_1789055883071_10786 { order: 4; padding-top: 36px !important; }
  /* Both photos the same size: full column width, same proportions. */
  :is(.fe-block-yui_3_17_2_1_1788807758266_3369, .fe-block-yui_3_17_2_1_1789057800855_7567) :is(.fluid-image-component-root, .fluid-image-animation-wrapper) {
    container-type: normal !important;
    height: auto !important;
  }
  :is(.fe-block-yui_3_17_2_1_1788807758266_3369, .fe-block-yui_3_17_2_1_1789057800855_7567) .fluid-image-container {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 11 / 10 !important;
    margin: 0 !important;
  }
  /* Circle photo centred, same width as its column allows. */
  .fe-block-0ed8d3e8187e0b2a07d9 .fluid-image-container {
    width: min(100%, 72vw) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 auto !important;
  }
}

/* "Napisz do mnie" in the cream of the logo's "M" — header and mobile menu. */
:root {
  --brand-cream: #F0EDE0;
}
.header-actions-action--cta .btn,
.header-menu-cta .btn {
  color: var(--brand-bar) !important;
  background-color: var(--brand-cream) !important;
  border-color: var(--brand-cream) !important;
  border-radius: 10px !important;
}
.header-actions-action--cta .btn:hover,
.header-actions-action--cta .btn:focus-visible,
.header-menu-cta .btn:hover,
.header-menu-cta .btn:focus-visible {
  color: var(--brand-bar) !important;
  background-color: #E3DECB !important;
  border-color: #E3DECB !important;
}
/* Mobile menu sits on a light cream overlay, so its button is the reverse:
   dark green with cream lettering, same rounded corners. */
.header-menu-cta .btn {
  color: var(--brand-cream) !important;
  background-color: var(--brand-bar) !important;
  border-color: var(--brand-bar) !important;
}
.header-menu-cta .btn:hover,
.header-menu-cta .btn:focus-visible {
  color: var(--brand-cream) !important;
  background-color: #2C4133 !important;
  border-color: #2C4133 !important;
}

/* Hero tagline: "Małysa Ogrody" leads, "PROJEKTOWANIE OGRODÓW" is a small
   spaced subtitle, the rule matches the text block, and the whole group sits
   lower, away from the logo. */
#block-yui_3_17_2_1_1789132610084_20747 .sqs-html-content {
  padding-top: clamp(28px, 3.2vw, 64px);
}
#block-yui_3_17_2_1_1789132610084_20747 .sqs-html-content p {
  position: relative;
  display: inline-block;
  width: max-content;
  font-size: clamp(21px, 1.6vw, 32px) !important;
  line-height: 1.3 !important;
  letter-spacing: 0.01em;
  padding-bottom: 1.05em;
}
#block-yui_3_17_2_1_1789132610084_20747 .static-hero-service {
  display: block;
  margin-top: 0.45em;
  font-size: 0.5em;
  letter-spacing: 0.1em;
  line-height: 1.3;
  opacity: 0.9;
}
#block-yui_3_17_2_1_1789132610084_20747 .static-hero-service::after {
  display: none;
}
#block-yui_3_17_2_1_1789132610084_20747 .sqs-html-content p::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 115%;
  height: 1px;
  background-color: rgb(255, 255, 254);
  opacity: 0.85;
  pointer-events: none;
}

/* ===== Logo's dark green (#0B140E) for all text on light backgrounds =====
   The theme's "black" is the site's text colour; switching it to the logo
   colour recolours every heading, paragraph, label and link on light
   sections at once, plus the "wyślij wiadomość" button that uses it. */
:root,
.white, .white-bold, .light, .light-bold, .bright, .bright-inverse,
section[data-section-theme], [data-section-theme] {
  --black-hsl: 140, 29%, 6.1% !important;
  --brand-dark: #0B140E;
}
.header-actions-action--cta .btn,
.header-actions-action--cta .btn:hover,
.header-actions-action--cta .btn:focus-visible {
  color: var(--brand-dark) !important;
}
.form-wrapper button[type="submit"],
.form-wrapper button[type="submit"]:disabled {
  background-color: var(--brand-dark) !important;
  border-color: var(--brand-dark) !important;
  color: #F0EDE0 !important;
}
.form-wrapper button[type="submit"]:hover,
.form-wrapper button[type="submit"]:focus-visible {
  background-color: #213327 !important;
  border-color: #213327 !important;
}
/* Heading colours are stored as fixed theme values; point the light
   sections' headings to the logo colour as well. */
:root,
main section:not([data-section-theme^="black"]):not([data-section-theme^="dark"]),
.static-policy-page,
.header-menu {
  --headingExtraLargeColor: #0B140E;
  --headingLargeColor: #0B140E;
  --headingMediumColor: #0B140E;
  --headingSmallColor: #0B140E;
}
.static-policy-page :is(h1, h2, h3, p, li),
.portfolio-grid-basic .portfolio-title,
.item-pagination-title,
.header-menu .header-menu-nav-item a {
  color: #0B140E !important;
}
/* Body copy one step lighter than the headings in the selected sections:
   "Jak projektuję", "Dlaczego warto" (list only), "Jak wygląda współpraca",
   the five process cards and "O mnie". */
:root {
  --brand-text-soft: #37473C;
}
.fe-block-4a37353693b6ece3138c .sqs-html-content p,
.fe-block-yui_3_17_2_1_1788356502471_10841 .sqs-html-content p,
.fe-block-bebb155c71114ea76203 .sqs-html-content p,
.static-collaboration-card .static-card-copy,
.static-collaboration-card .static-card-intro,
.static-collaboration-card .static-card-list li,
.fe-block-yui_3_17_2_1_1788358710185_2080 .sqs-html-content p {
  color: var(--brand-text-soft) !important;
}
/* Desktop/tablet: "Etapy współpracy" closer to "Jak wygląda współpraca". */
@media (min-width: 768px) {
  section[data-section-id="6aa55e224e73d919d6650bb1"]
    .fluid-engine.static-collaboration-layout {
    padding-top: clamp(28px, 2.2vw, 44px) !important;
  }
  section[data-section-id="6aa5596b7049c12144508975"] .fluid-engine {
    margin-bottom: -4vw !important;
  }
}
/* Contact: introduction in the lighter body green. */
.static-kontakt-intro .sqs-html-content p {
  color: var(--brand-text-soft) !important;
}

/* Header button in proportion to the header (was oversized). */
@media (min-width: 800px) {
  .header-actions-action--cta .btn {
    padding: 0.95em 1.6em !important;
    font-size: clamp(12.5px, 0.8vw, 14px) !important;
    letter-spacing: 0.06em;
  }
}

/* Home page only: darker header and footer (logo without its circle). */

/* Home: slightly lower header. The logo file has less empty space above and
   below the letters, so the "M" keeps exactly the same size. */
#header .header-title-logo a,
#header .header-title-logo img {
  max-height: 112px !important;
}
@media screen and (max-width: 799px) {
  #header .header-title-logo a,
  #header .header-title-logo img {
    max-height: 72px !important;
  }
}

/* Slightly lower header on every page: less padding above and below. */
#header .header-announcement-bar-wrapper {
  padding-top: clamp(4px, 0.45vw, 9px) !important;
  padding-bottom: clamp(4px, 0.45vw, 9px) !important;
}
@media screen and (max-width: 799px) {
  #header .header-announcement-bar-wrapper {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

/* "wyślij wiadomość" in the header/footer green. */
.form-wrapper button[type="submit"],
.form-wrapper button[type="submit"]:disabled {
  background-color: var(--brand-bar) !important;
  border-color: var(--brand-bar) !important;
}
.form-wrapper button[type="submit"]:hover,
.form-wrapper button[type="submit"]:focus-visible {
  background-color: #213327 !important;
  border-color: #213327 !important;
}

/* Home hero (desktop): a soft light band right under the dark header, so the
   edge between them reads with more contrast. */
@media (min-width: 800px) {
  section[data-section-id="6a980a2f9695030eb0622ecc"] .section-background::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
      to bottom,
      rgba(240, 237, 224, 0) 0,
      rgba(240, 237, 224, 0.42) 125px,
      rgba(240, 237, 224, 0.2) 210px,
      rgba(240, 237, 224, 0.06) 300px,
      rgba(240, 237, 224, 0) 380px
    );
  }
}

/* Home, "Jak projektuję" + "Dlaczego warto": the photos' veil uses the theme
   "black". It was a soft grey-green (120,5.76%,37.45%) before the text colour
   switched to the logo green, which turned the veil dark. Restore the original
   smoky veil on image blocks only; text keeps the logo green. */
.sqs-block-image {
  --black-hsl: 120, 5.76%, 37.45% !important;
}

/* Contact: a smaller "wyślij wiadomość" button. */
.form-wrapper button[type="submit"],
.form-wrapper button[type="submit"]:disabled {
  padding: 15px 26px !important;
  font-size: 15px !important;
  letter-spacing: 0.06em !important;
  line-height: 1.3 !important;
}

/* O mnie: portrait centred on the visible height of the section
   (between the header and the section's bottom edge). */
@media (min-width: 768px) {
  section[data-section-id="6a9831375ef40c4492186929"]
    .fe-block-yui_3_17_2_1_1788358710185_2330 {
    translate: 0 calc(-1 * (1.6vw + 26px));
  }
}

/* Hero tagline with its rule a little higher (desktop and phones);
   moved visually so the headline below stays where it is. */
#block-yui_3_17_2_1_1789132610084_20747 .sqs-html-content {
  translate: 0 calc(-1 * clamp(22px, 2.2vw, 44px));
}
@media (max-width: 799px) {
  #block-yui_3_17_2_1_1789132610084_20747 .sqs-html-content {
    translate: 0 -54px;
  }
}

/* Portfolio: larger captions under the tiles (on laptops and wider they
   still fit on one line: the longest caption is ~19.2em, a tile ~30vw). */
@media (min-width: 768px) {
  .portfolio-grid-basic .portfolio-title {
    font-size: clamp(16px, 1.45vw, 28px) !important;
    line-height: 1.3 !important;
  }
}
@media (max-width: 767px) {
  .portfolio-grid-basic .portfolio-title {
    font-size: 21px !important;
    line-height: 1.3 !important;
  }
}