:root {
    --we-primary: #22364a;
    --we-secondary: #eee7d8;
    --we-accent: #b48a3a;
    --we-on-primary: #fff;
    --we-on-accent: #fff;
    --we-text: #172033;
    --we-muted: #667085;
    --we-bg: #fff;
    --we-surface: #f6f7f8;
    --we-border: #17203324;
    --we-success-bg: #f2f8f4;
    --we-success-border: #78a887;
    --we-success-strong: #1f6b3b;
    --we-success-text: #174d2d;
    --we-success-muted: #315c40;
    --we-warning-bg: #fff8e8;
    --we-warning-border: #d2a343;
    --we-warning-strong: #8a5a00;
    --we-warning-text: #694500;
    --we-error-bg: #fff3f3;
    --we-error-border: #d88a8a;
    --we-error-strong: #a92e2e;
    --we-error-text: #842323;
    --we-error-muted: #6f3636;
    --we-error-focus: #b94848;
    --we-error-focus-ring: #b948481a;
    --we-font-heading: Arial, Helvetica, sans-serif;
    --we-font-body: Arial, Helvetica, sans-serif;
    --we-radius: 12px;
    --we-radius-lg: 28px;
    --we-shadow: 0 24px 70px #0f172a1c;
    --we-container: 1160px;
    --we-container-inline-space: 48px;
    --we-container-inline-space-mobile: 28px;
    --we-section-y: clamp(70px, 8vw, 108px);
    --we-section-y-mobile: 64px;
    --we-button-transform: none;
    --we-heading-weight: 760;
    --we-letter-spacing: -.042em;
    --we-hero-min-height: 680px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--we-bg);
    color: var(--we-text);
    font-family: var(--we-font-body);
    -webkit-font-smoothing: antialiased;
    margin: 0;
    line-height: 1.58;
}

body[data-system=premium] {
    color: #202632;
    background: #fbfaf7;
}

a {
    color: inherit;
}

img {
    max-width: 100%;
    display: block;
}

button,
input,
select,
textarea {
    font: inherit;
}

.container {
    width: min(calc(100% - var(--we-container-inline-space)),var(--we-container));
    margin-inline: auto;
}

.site-header {
    z-index: 30;
    backdrop-filter: blur(18px);
    border-bottom: 1px solid var(--we-border);
    background: #fffffff0;
    position: sticky;
    top: 0;
}

.header-inner {
    align-items: center;
    gap: 28px;
    min-height: 74px;
    display: flex;
}

.brand {
    white-space: nowrap;
    letter-spacing: -.015em;
    align-items: center;
    gap: 10px;
    font-weight: 850;
    text-decoration: none;
    display: flex;
}

.brand-mark {
    background: var(--we-accent);
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.site-header nav {
    align-items: center;
    gap: 25px;
    margin-left: auto;
    display: flex;
}

.site-header nav a {
    color: var(--we-muted);
    font-size: .86rem;
    font-weight: 650;
    text-decoration: none;
}

.site-header nav a[aria-current=page] {
    color: var(--we-text);
}

.header-actions {
    align-items: center;
    gap: 16px;
    display: flex;
}

.header-text-link {
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
}

.button {
    border: 1px solid var(--we-primary);
    background: var(--we-primary);
    min-height: 50px;
    color: var(--we-on-primary);
    border-radius: var(--we-radius);
    text-transform: var(--we-button-transform);
    letter-spacing: .01em;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    padding: 0 22px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .18s,box-shadow .18s,opacity .18s;
    display: inline-flex;
}

.button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 28px #0f172a1f;
}

.button--small {
    min-height: 40px;
    padding: 0 15px;
    font-size: .82rem;
}

.button--secondary {
    color: var(--we-primary);
    background: 0 0;
}

.section {
    padding-block: var(--we-section-y);
}

.section--surface {
    background: var(--we-surface);
}

.section-intro {
    max-width: 720px;
    margin-bottom: 42px;
}

.eyebrow {
    color: var(--we-primary);
    letter-spacing: .15em;
    text-transform: uppercase;
    margin: 0 0 12px;
    font-size: .72rem;
    font-weight: 850;
}

.section h2,
.hero h1 {
    font-family: var(--we-font-heading);
    font-weight: var(--we-heading-weight);
    letter-spacing: var(--we-letter-spacing);
    text-wrap: balance;
    margin: 0;
    line-height: .99;
}

.section h2 {
    max-width: 16ch;
    font-size: clamp(2.25rem,4vw,4rem);
}

.lead {
    color: var(--we-muted);
    max-width: 62ch;
    margin: 16px 0 0;
    font-size: 1.05rem;
}

.hero {
    min-height: var(--we-hero-min-height);
    background: linear-gradient(145deg,color-mix(in srgb,var(--we-secondary) 44%,#fff),#fff 62%);
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.hero:before {
    content: "";
    background: color-mix(in srgb,var(--we-accent) 14%,transparent);
    border-radius: 50%;
    width: 520px;
    height: 520px;
    position: absolute;
    inset: -180px auto auto 58%;
}

.hero-grid {
    grid-template-columns: minmax(0,1.02fr) minmax(360px,.98fr);
    align-items: center;
    gap: clamp(54px,7vw,110px);
    padding-block: 74px;
    display: grid;
    position: relative;
}

.hero-copy {
    max-width: 690px;
}

.hero h1 {
    max-width: 12.5ch;
    font-size: clamp(3.4rem,6vw,6.1rem);
}

.hero-lead {
    max-width: 590px;
    color: var(--we-muted);
    margin: 26px 0 28px;
    font-size: clamp(1.04rem,1.45vw,1.26rem);
}

.hero-actions {
    flex-wrap: wrap;
    gap: 11px;
    display: flex;
}

.hero-proof {
    color: var(--we-muted);
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 22px;
    font-size: .8rem;
    display: flex;
}

.hero-proof span {
    align-items: center;
    gap: 8px;
    display: flex;
}

.hero-proof span:before {
    content: "";
    background: var(--we-accent);
    border-radius: 50%;
    width: 6px;
    height: 6px;
}

.hero-visual {
    align-items: center;
    min-height: 420px;
    display: flex;
}

.hero-showcase {
    width: 100%;
    min-height: 410px;
    box-shadow: var(--we-shadow);
    background: var(--we-primary);
    color: var(--we-on-primary);
    border-radius: var(--we-radius-lg);
    position: relative;
    overflow: hidden;
}

.showcase-kicker {
    text-transform: uppercase;
    letter-spacing: .14em;
    opacity: .78;
    font-size: .7rem;
    font-weight: 850;
}

.showcase-title {
    font-family: var(--we-font-heading);
    font-weight: var(--we-heading-weight);
    max-width: 11ch;
    margin-top: 16px;
    font-size: clamp(1.8rem,3vw,3.2rem);
    line-height: 1.02;
}

.showcase-meta {
    opacity: .72;
    font-size: .9rem;
}

.hero-showcase--modern {
    background: linear-gradient(155deg,var(--we-primary),color-mix(in srgb,var(--we-primary) 76%,#fff));
    grid-template-columns: 1.2fr .8fr;
    align-content: end;
    gap: 16px;
    padding: 34px;
    display: grid;
}

.hero-showcase--modern:before {
    content: "";
    border: 1px solid #ffffff29;
    border-radius: 50%;
    width: 220px;
    height: 220px;
    position: absolute;
    top: -50px;
    right: -36px;
}

.modern-panel-main {
    border-radius: calc(var(--we-radius-lg) - 8px);
    background: #ffffff0d;
    border: 1px solid #ffffff29;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 280px;
    padding: 27px;
    display: flex;
}

.modern-panel-main strong {
    font-size: clamp(1.8rem,3vw,3rem);
    font-family: var(--we-font-heading);
    max-width: 9ch;
    line-height: 1.04;
}

.modern-panel-main>span {
    opacity: .68;
    margin-top: 12px;
}

.modern-service-stack {
    align-content: end;
    gap: 10px;
    display: grid;
}

.modern-service-stack div {
    border-radius: var(--we-radius);
    background: #ffffff0f;
    border: 1px solid #ffffff2e;
    padding: 18px;
    font-weight: 750;
}

.modern-service-stack span {
    color: var(--we-accent);
    margin-bottom: 5px;
    font-size: .68rem;
    display: block;
}

.hero-showcase--premium {
    background: linear-gradient(150deg,#a69c8e,var(--we-primary));
    flex-direction: column;
    justify-content: flex-end;
    padding: 38px;
    display: flex;
}

.premium-orbit {
    border: 1px solid #ffffff3d;
    border-radius: 50%;
    width: 330px;
    height: 330px;
    position: absolute;
    top: -80px;
    right: -85px;
}

.premium-orbit:after {
    content: "";
    border: 1px solid #ffffff26;
    border-radius: 50%;
    position: absolute;
    inset: 58px;
}

.premium-list {
    margin: 18px 0 26px;
    display: grid;
}

.premium-list div {
    border-top: 1px solid #ffffff3d;
    grid-template-columns: 44px 1fr;
    align-items: center;
    padding: 15px 0;
    display: grid;
}

.premium-list div:last-child {
    border-bottom: 1px solid #ffffff3d;
}

.premium-list span {
    color: color-mix(in srgb,var(--we-accent) 70%,#fff);
    font-size: .7rem;
}

.premium-list strong {
    font-family: var(--we-font-heading);
    font-size: 1.22rem;
    font-weight: 500;
}

.hero-showcase--portfolio {
    background: linear-gradient(135deg,#172033,var(--we-primary));
    flex-direction: column;
    justify-content: flex-end;
    padding: 34px;
    display: flex;
}

.showcase-grid {
    background-image: linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);
    background-size: 42px 42px;
    position: absolute;
    inset: 0;
    mask-image: linear-gradient(#000,#0000);
}

.hero-showcase--portfolio:after {
    content: "";
    border: 1px solid #ffffff38;
    border-radius: 50%;
    width: 270px;
    height: 270px;
    position: absolute;
    top: 42px;
    right: 35px;
}

.showcase-mini {
    border-left: 3px solid var(--we-accent);
    backdrop-filter: blur(6px);
    background: #ffffff14;
    width: 42%;
    padding: 16px;
    position: absolute;
    bottom: 28px;
    right: 28px;
}

.showcase-mini span {
    color: var(--we-accent);
    margin-bottom: 4px;
    font-size: .65rem;
    display: block;
}

.showcase-mini strong {
    font-size: .82rem;
    line-height: 1.2;
}

.trust {
    border-block: 1px solid var(--we-border);
    background: #fff;
}

.trust-grid {
    grid-template-columns: repeat(4,1fr);
    display: grid;
}

.trust-item {
    border-right: 1px solid var(--we-border);
    flex-direction: column;
    justify-content: center;
    min-height: 88px;
    padding: 18px 20px;
    display: flex;
}

.trust-item:last-child {
    border-right: 0;
}

.trust-item span {
    letter-spacing: .12em;
    color: var(--we-accent);
    font-size: .64rem;
    font-weight: 900;
}

.trust-item strong {
    margin-top: 3px;
    font-size: .92rem;
}

.card-grid {
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
    display: grid;
}
.service-card {
    border: 1px solid var(--we-border);
    border-radius: var(--we-radius);
    background: #fff;
    padding: 28px;
}

.service-card {
    flex-direction: column;
    min-height: 250px;
    display: flex;
    border-top: 3px solid var(--we-accent);
}

.service-card-top {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.number {
    color: var(--we-accent);
    letter-spacing: .08em;
    font-size: .72rem;
    font-weight: 900;
}

.service-mark {
    background: var(--we-border);
    width: 30px;
    height: 1px;
}
.service-card h3,
.process-step h3 {
    margin: 24px 0 9px;
    font-size: 1.2rem;
    line-height: 1.18;
}
.service-card p,
.process-step p {
    color: var(--we-muted);
    margin: 0;
}

.service-card .micro {
    margin-top: auto;
    padding-top: 18px;
    font-size: .76rem;
}

.about-grid,
.faq-grid,
.contact-grid {
    grid-template-columns: minmax(0,1fr) minmax(340px,.8fr);
    align-items: start;
    gap: clamp(48px,8vw,108px);
    display: grid;
}

.about-points {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 28px;
    display: flex;
}

.about-points span {
    border: 1px solid var(--we-border);
    border-radius: 999px;
    padding: 8px 12px;
    font-size: .78rem;
    font-weight: 700;
}

.about-panel {
    background: var(--we-primary);
    color: var(--we-on-primary);
    border-radius: var(--we-radius-lg);
    flex-direction: column;
    justify-content: flex-end;
    min-height: 220px;
    padding: 38px;
    display: flex;
}

.about-panel .eyebrow {
    color: var(--we-accent);
}

.about-panel strong {
    font-family: var(--we-font-heading);
    font-size: clamp(2rem,3vw,3.2rem);
    line-height: 1.03;
    display: block;
}

.about-panel p:last-child {
    opacity: .78;
    margin: 14px 0 0;
}











.process-list {
    grid-template-columns: repeat(4,1fr);
    gap: 18px;
    display: grid;
}

.process-step {
    border-top: 2px solid var(--we-primary);
    padding: 22px 0 0;
}

.process-step>span {
    color: var(--we-accent);
    font-size: .7rem;
    font-weight: 900;
}

.process-step h3 {
    margin-top: 20px;
}

.faq-list details {
    border-top: 1px solid var(--we-border);
    padding: 0;
}

.faq-list details:last-child {
    border-bottom: 1px solid var(--we-border);
}

.faq-list summary {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    font-size: 1rem;
    font-weight: 800;
    list-style: none;
    display: flex;
}

.faq-list summary::-webkit-details-marker {
    display: none;
}

.faq-list summary b {
    color: var(--we-accent);
    font-size: 1.2rem;
}

.faq-list p {
    color: var(--we-muted);
    margin: 0;
    padding: 0 42px 22px 0;
}

.cta {
    padding-top: 20px;
}

.cta-box {
    background: var(--we-primary);
    color: var(--we-on-primary);
    border-radius: var(--we-radius-lg);
    justify-content: space-between;
    align-items: center;
    gap: 34px;
    padding: clamp(36px,5vw,62px);
    display: flex;
    position: relative;
    overflow: hidden;
}

.cta-box:after {
    content: "";
    border: 1px solid color-mix(in srgb,var(--we-on-primary) 16%,transparent);
    border-radius: 50%;
    width: 220px;
    height: 220px;
    position: absolute;
    top: -90px;
    right: -80px;
}

.cta-box>div {
    z-index: 1;
    position: relative;
}

.cta-box .eyebrow {
    color: var(--we-accent);
}

.cta-box h2 {
    max-width: 12ch;
    font-size: clamp(2.3rem, 4vw, 4.2rem);
}
@media (max-width:459px) {
    .section .cta-box h2 {
        max-width: 100%;
        font-size: 2rem;
    }
}

.cta-box p {
    opacity: .78;
    max-width: 52ch;
}

.cta-actions {
    flex-wrap: wrap;
    gap: 10px;
    display: flex;
}

.contact-copy h2 {
    font-family: var(--we-font-heading);
    font-weight: var(--we-heading-weight);
    letter-spacing: var(--we-letter-spacing);
    max-width: 11ch;
    margin: 0;
    font-size: clamp(2.5rem,4vw,4rem);
    line-height: 1;
}

.contact-details {
    gap: 8px;
    margin-top: 30px;
    display: grid;
}

.contact-details a {
    text-decoration: none;
}

.contact-phone {
    font-family: var(--we-font-heading);
    font-size: 1.65rem;
    font-weight: var(--we-heading-weight);
}

.inquiry-form {
    background: var(--we-surface);
    border-radius: var(--we-radius-lg);
    border: 1px solid var(--we-border);
    grid-template-columns: repeat(2,1fr);
    gap: 14px;
    padding: 28px;
    display: grid;
    box-shadow: 0 16px 50px #0f172a0d;
}

.form-heading {
    border-bottom: 1px solid var(--we-border);
    grid-column: 1/-1;
    gap: 2px;
    margin-bottom: 8px;
    padding-bottom: 16px;
    display: grid;
}

.form-heading strong {
    font-size: 1.18rem;
}

.form-heading span {
    color: var(--we-muted);
    font-size: .8rem;
}

.inquiry-form label {
    gap: 7px;
    font-size: .78rem;
    font-weight: 800;
    display: grid;
}

.inquiry-form input,
.inquiry-form select,
.inquiry-form textarea {
    border: 1px solid var(--we-border);
    border-radius: var(--we-radius);
    width: 100%;
    color: var(--we-text);
    font: inherit;
    background: #fff;
    padding: 0 13px;
}

.inquiry-form input,
.inquiry-form select {
    height: 48px;
}

.inquiry-form textarea {
    resize: vertical;
    padding-block: 12px;
}

.inquiry-form input:focus,
.inquiry-form select:focus,
.inquiry-form textarea:focus {
    border-color: var(--we-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--we-primary) 12%,transparent);
}

.field-wide {
    grid-column: 1/-1;
}

.upload-placeholder {
    border: 1px dashed var(--we-border);
    border-radius: var(--we-radius);
    gap: 3px;
    padding: 14px;
    font-size: .8rem;
    display: grid;
}

.upload-placeholder span,
.form-note {
    color: var(--we-muted);
    font-size: .75rem;
}

.form-note {
    text-align: center;
    margin: 0;
}

.site-footer {
    border-top: 1px solid var(--we-border);
    padding: 48px 0 22px;
}

.footer-grid {
    grid-template-columns: 2fr 1fr 1fr;
    gap: 32px;
    display: grid;
}

.footer-grid>div {
    align-content: start;
    gap: 6px;
    display: grid;
}

.footer-brand {
    font-family: var(--we-font-heading);
    font-size: 1.08rem;
}

.footer-grid a {
    font-size: .9rem;
    text-decoration: none;
}

.footer-grid p {
    color: var(--we-muted);
    margin: 0;
    font-size: .9rem;
}

.footer-bottom {
    border-top: 1px solid var(--we-border);
    color: var(--we-muted);
    justify-content: space-between;
    margin-top: 38px;
    padding-top: 18px;
    font-size: .72rem;
    display: flex;
}

.muted {
    color: var(--we-muted);
}

body[data-system=premium] .site-header {
    background: #fbfaf7f2;
}

body[data-system=premium] .brand {
    font-family: var(--we-font-heading);
    font-weight: 600;
}

body[data-system=premium] .hero {
    background: #f1ece3;
}

body[data-system=premium] .hero:before {
    background: #8a6f551a;
    width: 600px;
    height: 600px;
    top: -280px;
}

body[data-system=premium] .hero h1 {
    max-width: 11ch;
    font-size: clamp(3.8rem,6vw,6.7rem);
    font-weight: 500;
}

body[data-system=premium] .button {
    letter-spacing: .02em;
}

body[data-system=premium] .service-card {
    background: 0 0;
    border-width: 0 0 1px;
    border-bottom-color: var(--we-accent);
    min-height: 220px;
    padding-inline: 0;
}

body[data-system=premium] .service-mark {
    display: none;
}

body[data-system=premium] .service-card h3 {
    font-family: var(--we-font-heading);
    font-size: 1.5rem;
    font-weight: 500;
}


body[data-system=premium] .cta-box {
    background: #2f3e46;
}

body[data-system=trade] .site-header {
    border-top: 4px solid var(--we-accent);
}

body[data-system=trade] .brand-mark {
    border-radius: 0;
}

body[data-system=trade] .hero {
    background: linear-gradient(120deg,#eef2f6 0,#fff 68%);
}

body[data-system=trade] .hero:before {
    background: color-mix(in srgb,var(--we-accent) 18%,transparent);
    border-radius: 0;
    width: 360px;
    height: 520px;
    top: -190px;
    left: auto;
    right: 12%;
    transform: rotate(12deg);
}

body[data-system=trade] .hero h1 {
    max-width: 11ch;
    font-size: clamp(3.1rem,5.2vw,5.5rem);
}

body[data-system=trade] .service-card {
    border-top: 4px solid var(--we-accent);
    border-radius: 0;
}
body[data-system=trade] .inquiry-form,
body[data-system=trade] .about-panel,
body[data-system=trade] .cta-box {
    border-radius: 0;
}

@media (width<=900px){
    .site-header nav,
    .header-text-link {
        display: none;
    }

    .header-actions {
        margin-left: auto;
    }

    .hero-grid,
    .about-grid,
    .faq-grid,
    .contact-grid {
        grid-template-columns: 1fr;
    }

    .hero-visual {
        min-height: auto;
    }

    .hero-showcase {
        min-height: 380px;
    }

    .hero-grid {
        padding-block: 58px;
    }

    .trust-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .trust-item:nth-child(2) {
        border-right: 0;
    }

    .card-grid,
    .process-list {
        grid-template-columns: repeat(2,1fr);
    }


    .cta-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .showcase-mini {
        width: 48%;
    }
}

@media (width<=620px){
    .container {
        width: min(calc(100% - var(--we-container-inline-space-mobile)),var(--we-container));
    }

    .header-inner {
        min-height: 64px;
    }

    .header-actions>.button {
        width: 42px;
        padding: 0;
        font-size: 0;
    }

    .header-actions>.button:after {
        content: "Tel";
        font-size: .72rem;
    }

    .hero {
        min-height: auto;
    }

    .hero-grid {
        grid-template-columns: 1fr;
        gap: 34px;
        padding-block: 46px;
    }

    .hero h1,
    body[data-system=premium] .hero h1,
    body[data-system=trade] .hero h1 {
        max-width: 12ch;
        font-size: clamp(2.75rem,13vw,4.5rem);
    }

    .hero-showcase {
        min-height: 320px;
    }

    .hero-showcase--modern {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .modern-panel-main {
        min-height: 180px;
    }

    .modern-service-stack {
        grid-template-columns: 1fr 1fr;
    }

    .premium-list div {
        grid-template-columns: 36px 1fr;
    }

    .showcase-mini {
        display: none;
    }

    .hero-proof {
        gap: 6px;
        display: grid;
    }
    .trust-grid,
    .card-grid,
    .process-list,
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .trust-item {
        border-right: 0;
        border-bottom: 1px solid var(--we-border);
    }

    .trust-item:last-child {
        border-bottom: 0;
    }

    .service-card {
        min-height: auto;
    }

    .inquiry-form {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .field-wide,
    .form-heading {
        grid-column: auto;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 6px;
    }

    .section {
        padding-block: var(--we-section-y-mobile);
    }

    .section h2 {
        font-size: clamp(2.3rem,11vw,3.35rem);
    }

    .cta-box {
        padding: 30px 24px;
    }

    .contact-copy h2 {
        font-size: clamp(2.6rem,11vw,3.5rem);
    }
}

.standalone-title {
    font-family: var(--we-font-heading);
    letter-spacing: var(--we-letter-spacing);
    margin: 0;
    font-size: clamp(3rem,7vw,6rem);
    line-height: 1;
}

.hero-showcase--photo {
    background: #172033;
    padding: 0;
}
.hero-photo {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
}
.hero-photo img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.photo-overlay {
    background: linear-gradient(#0a121e0f 36%,#0a121ec7);
    position: absolute;
    inset: 0;
}

.photo-caption {
    color: #fff;
    position: absolute;
    bottom: 32px;
    left: 34px;
    right: 34px;
}


.form-honeypot {
    width: 1px!important;
    height: 1px!important;
    position: absolute!important;
    left: -10000px!important;
    overflow: hidden!important;
}

.inquiry-form button[disabled] {
    opacity: .65;
    cursor: wait;
}

.form-status {
    border: 1px solid var(--we-border);
    border-radius: var(--we-radius);
    color: var(--we-text);
    text-align: left;
    background: #fff;
    grid-column: 1/-1;
    align-items: flex-start;
    gap: 12px;
    margin: 2px 0 0;
    padding: 14px 15px;
    transition: border-color .18s,background .18s,box-shadow .18s;
    display: flex;
}

.form-status:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--we-primary) 14%,transparent);
}

.form-status-icon {
    background: var(--we-surface);
    border: 1px solid var(--we-border);
    border-radius: 50%;
    flex: 0 0 24px;
    place-items: center;
    width: 24px;
    height: 24px;
    font-size: .82rem;
    font-weight: 900;
    display: grid;
}

.form-status-icon:before {
    content: "i";
}

.form-status-copy {
    gap: 2px;
    min-width: 0;
    display: grid;
}

.form-status-copy strong {
    font-size: .88rem;
    line-height: 1.25;
}

.form-status-copy>span {
    color: var(--we-muted);
    font-size: .78rem;
    line-height: 1.45;
}

.form-status[data-state=idle] {
    background: color-mix(in srgb,var(--we-surface) 72%,#fff);
}

.form-status[data-state=pending] {
    border-color: color-mix(in srgb,var(--we-primary) 35%,var(--we-border));
    background: color-mix(in srgb,var(--we-primary) 4%,#fff);
}

.form-status[data-state=pending] .form-status-icon:before {
    content: "…";
}

.form-status[data-state=success] {
    background: var(--we-success-bg);
    border-color: var(--we-success-border);
}

.form-status[data-state=success] .form-status-icon {
    color: #fff;
    background: var(--we-success-strong);
    border-color: var(--we-success-strong);
}

.form-status[data-state=success] .form-status-icon:before {
    content: "✓";
}

.form-status[data-state=success] .form-status-copy strong {
    color: var(--we-success-text);
}

.form-status[data-state=success] .form-status-copy>span {
    color: var(--we-success-muted);
}

.form-status[data-state=warning] {
    background: var(--we-warning-bg);
    border-color: var(--we-warning-border);
}

.form-status[data-state=warning] .form-status-icon {
    color: #fff;
    background: var(--we-warning-strong);
    border-color: var(--we-warning-strong);
}

.form-status[data-state=warning] .form-status-icon:before {
    content: "!";
}

.form-status[data-state=warning] .form-status-copy strong {
    color: var(--we-warning-text);
}

.form-status[data-state=error] {
    background: var(--we-error-bg);
    border-color: var(--we-error-border);
}

.form-status[data-state=error] .form-status-icon {
    color: #fff;
    background: var(--we-error-strong);
    border-color: var(--we-error-strong);
}

.form-status[data-state=error] .form-status-icon:before {
    content: "!";
}

.form-status[data-state=error] .form-status-copy strong {
    color: var(--we-error-text);
}

.form-status[data-state=error] .form-status-copy>span {
    color: var(--we-error-muted);
}

.inquiry-form button[aria-busy=true] {
    cursor: wait;
    opacity: .78;
    box-shadow: none;
    transform: none;
}

.turnstile-shell {
    border: 1px solid var(--we-border);
    border-radius: var(--we-radius);
    background: color-mix(in srgb,var(--we-surface) 68%,#fff);
    gap: 7px;
    padding: 12px 14px;
    display: grid;
    overflow: hidden;
}

.turnstile-label {
    font-size: .76rem;
    font-weight: 800;
}

.turnstile-shell>[data-turnstile-container] {
    max-width: 100%;
    min-height: 1px;
    overflow: hidden;
}

.turnstile-shell iframe {
    max-width: 100%;
}

.turnstile-noscript {
    color: var(--we-error-text);
    margin-top: 4px;
    font-size: .72rem;
    line-height: 1.45;
    display: block;
}

.turnstile-shell .cf-turnstile {
    width: 100%;
    min-height: 65px;
}

.turnstile-shell .cf-turnstile>div {
    max-width: 100%;
}

.inquiry-form {
    position: relative;
    overflow: hidden;
}

.form-fields {
    grid-column: 1/-1;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
    display: grid;
}

.form-fields > label {
    grid-template-columns: minmax(0, 1fr);
}

.form-fields[hidden],
.form-success[hidden] {
    display: none!important;
}

.form-heading {
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    display: flex;
}

.form-heading>div {
    gap: 2px;
    display: grid;
}

.field-label {
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    display: flex;
}

.field-label small {
    color: var(--we-muted);
    font-size: .66rem;
    font-weight: 600;
}

.form-group-heading {
    gap: 1px;
    margin-top: 2px;
    padding-top: 3px;
    display: grid;
}

.form-group-heading strong {
    font-size: .78rem;
}

.form-group-heading span,
.field-help {
    color: var(--we-muted);
    font-size: .71rem;
    font-weight: 500;
    line-height: 1.4;
}

.contact-method-error {
    margin-top: -8px;
}

.field-error {
    color: var(--we-error-text);
    font-size: .71rem;
    font-weight: 700;
    line-height: 1.35;
}

.field-error[hidden] {
    display: none;
}

.inquiry-form input[aria-invalid=true],
.inquiry-form select[aria-invalid=true],
.inquiry-form textarea[aria-invalid=true] {
    border-color: var(--we-error-focus);
    box-shadow: 0 0 0 3px var(--we-error-focus-ring);
}

.form-status[data-state=idle] {
    display: none;
}

.form-status {
    margin-top: 0;
}

.form-submit {
    width: 100%;
    margin-top: 1px;
}

.form-submit:focus-visible {
    outline-offset: 3px;
    outline: 3px solid #fff;
    box-shadow: 0 0 0 6px #1f2d42;
}

.form-privacy {
    text-align: center;
    color: var(--we-muted);
    margin: -2px 0 0;
    font-size: .69rem;
    line-height: 1.45;
}

.turnstile-shell {
    background: 0 0;
    border: 0;
    gap: 5px;
    padding: 0;
    overflow: visible;
}

.turnstile-label {
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
    width: 1px!important;
    height: 1px!important;
    margin: -1px!important;
    padding: 0!important;
    position: absolute!important;
    overflow: hidden!important;
}

.turnstile-shell .cf-turnstile {
    min-height: 0;
}

.form-success {
    text-align: center;
    flex-direction: column;
    grid-column: 1/-1;
    justify-content: center;
    align-items: center;
    min-height: 420px;
    padding: 36px 24px;
    display: flex;
}

.form-success:focus-visible {
    box-shadow: inset 0 0 0 3px color-mix(in srgb,var(--we-primary) 14%,transparent);
}

.form-success-icon {
    color: #fff;
    background: var(--we-success-strong);
    border-radius: 50%;
    place-items: center;
    width: 54px;
    height: 54px;
    margin-bottom: 18px;
    font-size: 1.5rem;
    font-weight: 900;
    display: grid;
}

.form-success>strong {
    font-family: var(--we-font-heading);
    font-size: clamp(1.65rem,3vw,2.25rem);
    line-height: 1.08;
}

.form-success>p {
    max-width: 44ch;
    color: var(--we-muted);
    margin: 12px 0 24px;
}

.form-success .button {
    min-width: 220px;
}

body[data-system=trade] .form-success-icon {
    border-radius: 0;
}

@media (width<=620px){
    .form-fields {
        grid-template-columns: 1fr;
    }

    .form-fields>.field-wide,
    .form-fields>.form-heading {
        grid-column: 1;
    }

    .form-heading {
        gap: 8px;
        display: grid;
    }

    .form-success {
        min-height: 360px;
        padding: 28px 10px;
    }

    .form-success .button {
        width: 100%;
        min-width: 0;
    }

    .form-privacy {
        text-align: left;
    }

    .turnstile-shell .cf-turnstile {
        max-width: 100%;
        overflow: hidden;
    }
}

.attachment-field {
    gap: 8px;
    display: grid;
}

.attachment-picker {
    border: 1px dashed color-mix(in srgb,var(--we-primary) 40%,var(--we-border));
    border-radius: var(--we-radius);
    cursor: pointer;
    background: #fff;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    min-height: 64px;
    padding: 13px 15px;
    transition: border-color .18s,box-shadow .18s,background .18s;
    display: flex;
    position: relative;
}

.attachment-picker:hover {
    border-color: var(--we-primary);
    background: color-mix(in srgb,var(--we-primary) 2%,#fff);
}

.attachment-picker:focus-within {
    border-color: var(--we-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--we-primary) 12%,transparent);
}

.attachment-picker:has(input[aria-invalid=true]) {
    border-color: var(--we-error-focus);
    box-shadow: 0 0 0 3px var(--we-error-focus-ring);
}

.attachment-picker input {
    cursor: pointer;
    opacity: 0!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute!important;
    inset: 0!important;
}

.attachment-picker-title {
    color: var(--we-primary);
    font-size: .8rem;
    font-weight: 850;
}

.attachment-picker-types {
    color: var(--we-muted);
    text-align: right;
    font-size: .68rem;
    font-weight: 600;
}

.attachment-list {
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
}

.attachment-list[hidden] {
    display: none;
}

.attachment-item {
    border: 1px solid var(--we-border);
    border-radius: var(--we-radius);
    background: color-mix(in srgb,var(--we-surface) 55%,#fff);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    display: flex;
}

.attachment-item-copy {
    min-width: 0;
    display: grid;
}

.attachment-item-copy strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    font-size: .74rem;
    overflow: hidden;
}

.attachment-item-copy span {
    color: var(--we-muted);
    font-size: .66rem;
}

.attachment-item[data-state=uploading] {
    border-color: color-mix(in srgb,var(--we-primary) 35%,var(--we-border));
}

.attachment-item[data-state=uploading] .attachment-item-copy span {
    color: var(--we-primary);
}

.attachment-item[data-state=error] {
    background: var(--we-error-bg);
    border-color: var(--we-error-border);
}

.attachment-item[data-state=error] .attachment-item-copy span {
    color: var(--we-error-text);
}

.attachment-remove {
    z-index: 1;
    color: var(--we-muted);
    cursor: pointer;
    background: 0 0;
    border: 0;
    flex: none;
    padding: 6px;
    font-size: .68rem;
    font-weight: 800;
    text-decoration: underline;
    position: relative;
}

.attachment-remove:hover {
    color: var(--we-error-text);
}

body[data-system=trade] .attachment-picker,
body[data-system=trade] .attachment-item {
    border-radius: 0;
}

@media (width<=620px){
    .attachment-picker {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .attachment-picker-types {
        text-align: left;
    }

    .attachment-item {
        align-items: center;
    }

    .attachment-remove {
        margin-top: 0;
    }
}

.inquiry-form,
.inquiry-form * {
    font-family: var(--we-font-body);
}

.inquiry-form {
    --we-muted: #465166;
    --we-placeholder: #556176;
    font-size: 1rem;
}

.inquiry-form .form-fields {
    gap: 17px;
}

.inquiry-form .form-heading {
    margin-bottom: 10px;
    padding-bottom: 19px;
}

.inquiry-form .form-heading strong {
    font-size: 1.42rem;
    line-height: 1.2;
}

.inquiry-form .form-heading>div>span {
    font-size: .96rem;
    line-height: 1.4;
}

.inquiry-form label {
    font-size: .94rem;
}

.inquiry-form .field-label {
    justify-content: flex-start;
    gap: 5px;
    font-size: .94rem;
    font-weight: 800;
}

.inquiry-form .field-optional,
.inquiry-form .field-required {
    color: inherit;
    font-size: 1em;
    font-weight: 400;
}

.inquiry-form .field-label--required {
    justify-content: flex-start;
    gap: 5px;
}

.inquiry-form .form-group-heading {
    gap: 3px;
}

.inquiry-form .form-group-heading strong {
    font-size: .94rem;
}

.inquiry-form .form-group-heading span,
.inquiry-form .field-help {
    font-size: .85rem;
    line-height: 1.45;
}

.inquiry-form .field-error {
    font-size: .85rem;
    line-height: 1.4;
}

.inquiry-form input,
.inquiry-form select,
.inquiry-form textarea {
    font-size: .94rem;
    font-weight: 400;
}

.inquiry-form input::placeholder,
.inquiry-form textarea::placeholder {
    opacity: 1;
    color: var(--we-placeholder);
    font-weight: 400;
}

.inquiry-form input,
.inquiry-form select {
    height: 55px;
}

.inquiry-form textarea {
    min-height: 150px;
    padding: 15px 14px;
}

.inquiry-form .form-status {
    gap: 14px;
    padding: 16px 17px;
}

.inquiry-form .form-status-copy strong {
    font-size: 1.06rem;
}

.inquiry-form .form-status-copy>span {
    font-size: .94rem;
}

.inquiry-form .form-submit {
    min-height: 56px;
    font-size: 1.2rem;
}

.inquiry-form .form-privacy {
    font-size: .83rem;
    line-height: 1.5;
}

.inquiry-form .turnstile-noscript {
    font-size: .86rem;
}

.inquiry-form .attachment-field>.field-label {
    font-size: 1.2rem;
}

.inquiry-form .attachment-picker {
    min-height: 76px;
    padding: 16px 17px;
}

.inquiry-form .attachment-picker-title {
    font-size: .96rem;
}

.inquiry-form .attachment-picker-types {
    font-size: .82rem;
}

.inquiry-form .attachment-item {
    padding: 12px 14px;
}

.inquiry-form .attachment-item-copy strong {
    font-size: .89rem;
}

.inquiry-form .attachment-item-copy span {
    font-size: .79rem;
}

.inquiry-form .attachment-remove {
    font-size: .82rem;
}

.inquiry-form .form-success {
    min-height: 420px;
    padding: 42px 26px;
}

.inquiry-form .form-success-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 22px;
    font-size: 1.8rem;
}

.inquiry-form .form-success>strong {
    font-size: clamp(1.98rem,3.6vw,2.7rem);
}

.inquiry-form .form-success>p {
    margin: 15px 0 0;
    font-size: 1.2rem;
    line-height: 1.5;
}

@media (width<=620px){
    .inquiry-form .form-fields {
        gap: 16px;
    }

    .inquiry-form .form-heading strong {
        font-size: 1.32rem;
    }

    .inquiry-form .form-success {
        min-height: 340px;
        padding: 34px 12px;
    }

    .inquiry-form .form-success>p {
        font-size: 1.08rem;
    }
}

.header-inner {
    position: relative;
}

.mobile-nav,
.header-phone-label {
    display: none;
}

.header-phone-number {
    display: inline;
}

.site-header .desktop-nav a[aria-current=page] {
    position: relative;
}

.site-header .desktop-nav a[aria-current=page]:after {
    content: "";
    background: var(--we-accent);
    height: 2px;
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
}

.section-more {
    justify-content: center;
    margin-top: 32px;
    display: flex;
}

.archive-intro {
    max-width: 760px;
    margin-bottom: 42px;
}

.projects--archive {
    padding-top: clamp(48px,6vw,76px);
}






body[data-system=trade] .hero-grid {
    gap: clamp(40px,5vw,72px);
    padding-block: clamp(48px,5vw,64px);
}

body[data-system=trade] .hero h1 {
    max-width: 12.25ch;
    font-size: clamp(3rem,4.65vw,4.85rem);
    line-height: .98;
}

body[data-system=trade] .hero-lead {
    margin: 20px 0 24px;
}

body[data-system=trade] .section-intro {
    margin-bottom: 34px;
}

body[data-system=trade] .section-intro .lead {
    margin-top: 12px;
}

body[data-system=trade] .service-card {
    min-height: 224px;
    padding: 25px;
}


body[data-system=trade] .archive-intro {
    margin-bottom: 34px;
}

body[data-system=trade] .projects--archive {
    padding-top: 56px;
}

@media (width<=900px){
    .site-header .mobile-nav {
        display: block;
        position: relative;
    }

    .site-header .mobile-nav summary {
        border: 1px solid var(--we-primary);
        min-height: 40px;
        color: var(--we-primary);
        text-transform: uppercase;
        cursor: pointer;
        background: #fff;
        justify-content: center;
        align-items: center;
        padding: 0 13px;
        font-size: .8rem;
        font-weight: 850;
        list-style: none;
        display: flex;
    }

    .site-header .mobile-nav summary::-webkit-details-marker {
        display: none;
    }

    .site-header .mobile-nav[open] summary {
        background: var(--we-primary);
        color: var(--we-on-primary);
    }

    .site-header .mobile-nav-panel {
        border: 1px solid var(--we-border);
        z-index: 50;
        background: #fff;
        width: min(310px,100vw - 28px);
        padding: 10px;
        display: none;
        position: absolute;
        top: calc(100% + 10px);
        right: 0;
        box-shadow: 0 20px 48px #0f172a2e;
    }

    .site-header .mobile-nav[open] .mobile-nav-panel {
        display: grid;
    }

    .site-header .mobile-nav-panel a {
        color: var(--we-text);
        border-bottom: 1px solid var(--we-border);
        padding: 13px 14px;
        font-size: .92rem;
        font-weight: 750;
        text-decoration: none;
        display: block;
    }

    .site-header .mobile-nav-panel a:last-child {
        border-bottom: 0;
    }

    .site-header .mobile-nav-panel a[aria-current=page] {
        color: var(--we-primary);
        background: var(--we-surface);
        box-shadow: inset 3px 0 0 var(--we-accent);
    }

    .site-header .mobile-nav-contact {
        color: var(--we-primary)!important;
    }

    .header-actions {
        gap: 9px;
    }

    .header-phone-number {
        display: none;
    }

    .header-phone-label {
        display: inline;
    }

    body[data-system=trade] .hero-grid {
        padding-block: 50px;
    }

    body[data-system=trade] .hero h1 {
        max-width: 12.5ch;
        font-size: clamp(2.85rem,7.4vw,4.25rem);
    }

    body[data-system=trade] .card-grid--odd>.service-card:last-child {
        grid-column: 1/-1;
    }

}

@media (width<=620px){
    .header-inner {
        gap: 10px;
    }

    .brand {
        flex: 1;
        min-width: 0;
        font-size: .9rem;
    }

    .brand>span:last-child {
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .header-actions {
        flex: none;
    }

    .header-phone {
        min-height: 40px;
        padding: 0 12px;
    }

    body[data-system=trade] .section {
        padding-block: 52px;
    }

    body[data-system=trade] .hero-grid {
        gap: 28px;
        padding-block: 38px;
    }

    body[data-system=trade] .hero h1 {
        max-width: 12.5ch;
        font-size: clamp(2.35rem,10.8vw,3.35rem);
    }

    body[data-system=trade] .hero-lead {
        margin: 16px 0 20px;
    }

    body[data-system=trade] .section-intro {
        margin-bottom: 28px;
    }

    body[data-system=trade] .service-card {
        padding: 22px;
    }


    body[data-system=trade] .card-grid--odd>.service-card:last-child {
        grid-column: auto;
    }

    body[data-system=trade] .projects--archive {
        padding-top: 44px;
    }

    .archive-intro {
        margin-bottom: 30px;
    }

    .section-more {
        margin-top: 24px;
    }
}

@media (width<=460px){
    .header-phone {
        width: 42px;
        padding: 0;
    }

    .header-phone-label {
        font-size: 0;
    }

    .header-phone-label:after {
        content: "☎";
        font-size: 1rem;
        line-height: 1;
    }

    .site-header .mobile-nav summary {
        padding-inline: 11px;
    }
}

@media (width<=620px){
    .header-actions>.header-phone {
        width: auto;
        padding: 0 12px;
        font-size: .82rem;
    }

    .header-actions>.header-phone:after {
        content: none;
    }
}

@media (width<=460px){
    .header-actions>.header-phone {
        width: 42px;
        padding: 0;
    }
}

.not-found-main {
    align-items: center;
    min-height: calc(100vh - 240px);
    display: grid;
}

.not-found-section {
    width: 100%;
}

.not-found-card {
    border: 1px solid var(--we-border);
    background: var(--we-surface);
    max-width: 760px;
    box-shadow: var(--we-shadow);
    padding: clamp(38px,7vw,76px);
}

.not-found-card h1 {
    font-family: var(--we-font-heading);
    font-size: clamp(2.65rem,6vw,5rem);
    font-weight: var(--we-heading-weight);
    letter-spacing: var(--we-letter-spacing);
    max-width: 12ch;
    margin: 0;
    line-height: 1;
}

.not-found-card>p:not(.eyebrow) {
    max-width: 54ch;
    color: var(--we-muted);
    margin: 22px 0 0;
    font-size: 1.05rem;
}

.not-found-actions {
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
    display: flex;
}

body[data-system=trade] .not-found-card {
    border-top: 4px solid var(--we-accent);
    border-radius: 0;
}

@media (width<=620px){
    .not-found-main {
        min-height: auto;
    }

    .not-found-card {
        padding: 32px 24px;
    }

    .not-found-actions {
        display: grid;
    }

    .not-found-actions .button {
        width: 100%;
    }
}

.page--compact>.hero {
    min-height: 620px;
}

.page--compact>.hero .hero-grid {
    padding-block: clamp(52px,4.8vw,66px);
}

.page--compact>.section {
    padding-block: clamp(58px,5vw,76px);
}

.page--compact>.services .section-intro {
    margin-bottom: 34px;
}

.page--compact>.cta {
    padding-block: clamp(44px,4.2vw,60px);
}

.page--compact>.contact {
    padding-block: clamp(60px,5.2vw,80px);
}

body[data-system=modern] .about-panel--light {
    background: linear-gradient(145deg,color-mix(in srgb,var(--we-secondary) 60%,#fff),#fff);
    color: var(--we-text);
    border: 1px solid var(--we-border);
    position: relative;
    overflow: hidden;
    box-shadow: 0 18px 48px #0f172a0f;
}

body[data-system=modern] .about-panel--light:before {
    content: "";
    background: var(--we-accent);
    width: 4px;
    position: absolute;
    inset: 0 auto 0 0;
}

body[data-system=modern] .about-panel--light .eyebrow {
    color: var(--we-accent);
}

body[data-system=modern] .about-panel--light strong {
    color: var(--we-primary);
}

body[data-system=modern] .about-panel--light p:last-child {
    color: var(--we-muted);
    opacity: 1;
}

@media (width<=900px){
    .page--compact>.hero {
        min-height: auto;
    }

    .page--compact>.section {
        padding-block: 60px;
    }

    .page--compact>.cta {
        padding-block: 50px;
    }

    .page--compact>.contact {
        padding-block: 62px;
    }
}

@media (width<=620px){
    .page--compact>.hero .hero-grid {
        gap: 30px;
        padding-block: 38px;
    }

    .page--compact>.section {
        padding-block: 52px;
    }

    .page--compact>.services .section-intro {
        margin-bottom: 28px;
    }

    .page--compact>.cta {
        padding-block: 44px;
    }

    .page--compact>.contact {
        padding-block: 54px;
    }

    body[data-system=modern] .hero:before {
        width: 300px;
        height: 300px;
        inset: -112px -126px auto auto;
    }

    body[data-system=modern] .about-panel--light {
        min-height: 190px;
        padding: 30px 26px;
    }
}

body[data-system=premium] {
    --we-muted: #56606c;
}

body[data-system=premium] .eyebrow {
    font-size: .76rem;
    line-height: 1.35;
}

body[data-system=premium] .hero-lead,
body[data-system=premium] .lead {
    line-height: 1.62;
}

body[data-system=premium] .service-card p,
body[data-system=premium] .process-step p {
    font-size: 1.02rem;
    line-height: 1.62;
}

body[data-system=premium] .service-card .micro {
    font-size: .82rem;
    line-height: 1.55;
}

body[data-system=premium] .process-step>span,
body[data-system=premium] .number {
    font-size: .75rem;
}
body[data-system=premium] .cta-box p {
    font-size: 1rem;
    line-height: 1.6;
}

body[data-system=premium] .faq-list p {
    font-size: 1rem;
    line-height: 1.65;
}

body[data-system=premium] .footer-grid p,
body[data-system=premium] .footer-grid a {
    font-size: .94rem;
    line-height: 1.55;
}

body[data-system=premium] .footer-bottom {
    font-size: .78rem;
}

@media (width<=900px){
    body[data-system=premium] .header-phone,
    body[data-system=premium] .mobile-nav summary {
        min-height: 44px;
    }

    body[data-system=premium] .mobile-nav-panel a {
        align-items: center;
        min-height: 48px;
        display: flex;
    }

    body[data-system=premium] .faq-list summary {
        min-height: 56px;
    }
}

@media (width<=620px){
    body[data-system=premium] .hero-lead,
    body[data-system=premium] .lead {
        font-size: 1rem;
        line-height: 1.58;
    }

    body[data-system=premium] .service-card p,
    body[data-system=premium] .process-step p {
        font-size: 1rem;
        line-height: 1.6;
    }

    body[data-system=premium] .service-card h3 {
        font-size: 1.35rem;
    }

    body[data-system=premium] .button--small {
        min-height: 44px;
    }

    body[data-system=premium] .hero-actions .button,
    body[data-system=premium] .cta-actions .button {
        min-height: 50px;
        padding-inline: 18px;
    }

    body[data-system=premium] .faq-list summary {
        padding: 17px 0;
        font-size: 1rem;
        line-height: 1.4;
    }

    body[data-system=premium] .faq-list p {
        padding-bottom: 20px;
        font-size: 1rem;
    }

    body[data-system=premium] .contact-details {
        font-size: .95rem;
    }

    body[data-system=premium] .footer-grid p,
    body[data-system=premium] .footer-grid a {
        font-size: .9rem;
    }

    body[data-system=premium] .footer-bottom {
        font-size: .76rem;
    }
}

@media (width<=460px){
    body[data-system=premium] .header-phone {
        width: 44px;
        min-height: 44px;
    }

    body[data-system=premium] .mobile-nav summary {
        min-height: 44px;
    }
}

.hero--title-long .hero-grid {
    grid-template-columns: minmax(0,1.12fr) minmax(340px,.88fr);
    gap: clamp(44px,5.5vw,82px);
}

.hero--title-very-long .hero-grid {
    grid-template-columns: minmax(0,1.22fr) minmax(320px,.78fr);
    gap: clamp(38px,4.8vw,72px);
}

.hero h1.hero-title--long {
    max-width: 14ch;
    font-size: clamp(3rem,5vw,5.2rem);
    line-height: 1;
}

.hero h1.hero-title--very-long {
    max-width: 16ch;
    font-size: clamp(2.65rem,4.25vw,4.5rem);
    line-height: 1.01;
}
.showcase-title,
.showcase-mini strong {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.showcase-title {
    -webkit-line-clamp: 4;
}
.showcase-mini strong {
    -webkit-line-clamp: 3;
}

.card-grid--single {
    grid-template-columns: minmax(0,2fr) minmax(220px,1fr);
}

.card-grid--single>.service-card {
    grid-column: 1;
}

@media (width<=900px){
    .hero--title-long .hero-grid,
    .hero--title-very-long .hero-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .hero h1.hero-title--long {
        max-width: 14ch;
        font-size: clamp(2.7rem,7.2vw,4.1rem);
    }

    .hero h1.hero-title--very-long {
        max-width: 16ch;
        font-size: clamp(2.45rem,6.4vw,3.65rem);
    }

    .card-grid--single {
        grid-template-columns: 1fr;
    }
}

@media (width<=620px){
    .hero--title-long .hero-grid,
    .hero--title-very-long .hero-grid {
        gap: 30px;
    }

    .hero h1.hero-title--long {
        max-width: 13.5ch;
        font-size: clamp(2.35rem,10.2vw,3.25rem);
    }

    .hero h1.hero-title--very-long {
        max-width: 15ch;
        font-size: clamp(2.08rem,8.9vw,2.9rem);
        line-height: 1.02;
    }
    .showcase-title {
        -webkit-line-clamp: 3;
    }
}

body[data-system=premium] .premium-list strong {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.18;
    display: -webkit-box;
    overflow: hidden;
}

body[data-system=premium] .premium-list div:last-of-type {
    border-bottom: 1px solid #ffffff3d;
}

body[data-system=premium] .premium-list-more {
    color: #ffffffd1;
    letter-spacing: .01em;
    margin: 12px 0 0;
    font-size: .78rem;
    font-weight: 750;
}

@media (width>=901px){
    body[data-system=premium] .hero--title-very-long .hero-grid {
        grid-template-columns: minmax(0,1.34fr) minmax(300px,.66fr);
        gap: clamp(34px,4vw,62px);
    }

    body[data-system=premium] .hero h1.hero-title--very-long {
        max-width: 18ch;
        font-size: clamp(2.35rem,3.55vw,3.9rem);
        line-height: .96;
    }

    body[data-system=premium] .card-grid--count-5,
    body[data-system=premium] .process-list--count-5 {
        grid-template-columns: repeat(6,minmax(0,1fr));
    }

    body[data-system=premium] .card-grid--count-5>:nth-child(-n+3),
    body[data-system=premium] .process-list--count-5>:nth-child(-n+3) {
        grid-column: span 2;
    }

    body[data-system=premium] .card-grid--count-5>:nth-child(4),
    body[data-system=premium] .process-list--count-5>:nth-child(4) {
        grid-column: 2/span 2;
    }

    body[data-system=premium] .card-grid--count-5>:nth-child(5),
    body[data-system=premium] .process-list--count-5>:nth-child(5) {
        grid-column: 4/span 2;
    }
}

@media (width>=621px) and (width<=900px){
    body[data-system=premium] .card-grid--count-5>:last-child,
    body[data-system=premium] .process-list--count-5>:last-child {
        grid-column: 1/-1;
    }
}

@media (width<=900px){
    body[data-system=premium] .hero h1.hero-title--very-long {
        max-width: 17ch;
        font-size: clamp(2.15rem,5.7vw,3.2rem);
        line-height: .97;
    }
}

@media (width<=620px){
    body[data-system=premium] .hero--title-very-long .hero-grid {
        gap: 24px;
        padding-block: 36px;
    }

    body[data-system=premium] .hero h1.hero-title--very-long {
        max-width: 16.5ch;
        font-size: clamp(1.82rem,7.5vw,2.35rem);
        line-height: .95;
    }

    body[data-system=premium] .hero-showcase--premium {
        padding: 30px 26px;
    }

    body[data-system=premium] .premium-list strong {
        font-size: 1.06rem;
    }

    body[data-system=premium] .card-grid--count-5>:last-child,
    body[data-system=premium] .process-list--count-5>:last-child {
        grid-column: auto;
    }
}

@media (width>=901px){
    body[data-system=trade] .card-grid--count-8 {
        grid-template-columns: repeat(12,minmax(0,1fr));
    }

    body[data-system=trade] .card-grid--count-8>:nth-child(-n+6) {
        grid-column: span 4;
    }

    body[data-system=trade] .card-grid--count-8>:nth-child(7) {
        grid-column: 2/span 5;
    }

    body[data-system=trade] .card-grid--count-8>:nth-child(8) {
        grid-column: 7/span 5;
    }

    body[data-system=trade] .process-list[data-layout=trade-eight] {
        grid-auto-flow: row;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr))!important;
    }

    body[data-system=trade] .process-list[data-layout=trade-eight]>.process-step {
        min-width: 0;
        grid-column: auto!important;
    }
}

@media (width>=621px) and (width<=900px){
    body[data-system=trade] .card-grid--count-8 {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    body[data-system=trade] .process-list[data-layout=trade-eight] {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr))!important;
    }

    body[data-system=trade] .card-grid--count-8>* {
        grid-column: auto!important;
    }
}

@media (width<=620px){
    body[data-system=trade] .card-grid--count-8 {
        grid-template-columns: 1fr;
    }

    body[data-system=trade] .process-list[data-layout=trade-eight] {
        display: grid;
        grid-template-columns: 1fr!important;
    }

    body[data-system=trade] .card-grid--count-8>* {
        grid-column: auto!important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .button,
    .form-status,
    .attachment-picker {
        transition: none;
    }
}


/* MODERN READABILITY */
body {
    font-size: 17px;
}

.eyebrow,
.hero-proof,
.showcase-kicker,
.modern-service-stack span,
.header-text-link,
.desktop-nav a,
.service-minimum-job-requirement,
.form-heading > div > span,
.field-label,
.field-optional,
.form-group-heading strong,
.form-group-heading span,
.attachment-help,
.turnstile-label,
.form-privacy,
.footer-bottom,
.footer-hours,
.footer-socials {
    font-size: .875rem;
}

.service-card p,
.process-step p,
.about-points,
.about-panel p,
.footer-grid p,
.footer-grid a {
    font-size: 1rem;
    line-height: 1.55;
}

/* MODERN COMPACT SPACING */
body[data-system="modern"] .page--compact > .section {
    padding-block: clamp(42px, 5vw, 58px);
}

body[data-system="modern"] .section-intro {
    margin-bottom: 28px;
}

body[data-system="modern"] .service-card {
    padding: 22px;
}

body[data-system="modern"] .about-panel--light {
    min-height: 0;
    padding: 24px;
}

body[data-system="modern"] .process-step {
    padding-top: 16px;
}

body[data-system="modern"] .process-step h3 {
    margin-top: 14px;
}

@media (max-width: 620px) {
    body[data-system="modern"] .page--compact > .section {
        padding-block: 42px;
    }

    body[data-system="modern"] .section-intro {
        margin-bottom: 24px;
    }

    body[data-system="modern"] .service-card {
        padding: 20px;
    }
}

/* MODERN ABOUT COMPANY */
body[data-system="modern"] .about-description {
    display: grid;
    gap: 12px;
    margin-top: -10px;
    margin-bottom: 24px;
    max-width: 68ch;
}

body[data-system="modern"] .about-description p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.65;
}

/* MODERN SERVICES UX */
body[data-system="modern"] .service-scope {
    display: grid;
    gap: 8px;
    margin-bottom: 24px;
    max-width: 78ch;
}

body[data-system="modern"] .service-scope p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.55;
}

body[data-system="modern"] .service-card--priority {
    border-width: 2px;
    border-color: var(--we-primary);
    position: relative;
}

body[data-system="modern"] .service-priority-label {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--we-primary);
    color: #fff;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.2;
}

body[data-system="modern"] .service-card--priority h3 {
    margin-top: 18px;
}

/* MODERN VIDEO PREVIEW */
body[data-system="modern"] .video-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

body[data-system="modern"] .video-preview {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    overflow: hidden;
    border: 0;
    box-shadow: inset 0 0 0 1px var(--we-border);
    border-radius: 14px;
    background: var(--we-surface);
    text-decoration: none;
}

body[data-system="modern"] .video-preview[data-website-engine-video-orientation="landscape"] {
    aspect-ratio: 16 / 9;
}

body[data-system="modern"] .video-preview[data-website-engine-video-orientation="portrait"] {
    width: min(100%, 220px);
    aspect-ratio: 9 / 16;
    margin-inline: auto;
}

body[data-system="modern"] .video-preview-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: var(--we-surface);
}

body[data-system="modern"] .video-preview-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    padding-left: 4px;
    background: #fff;
    color: var(--we-primary);
    font-size: 1.6rem;
    line-height: 1;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
    transform: translate(-50%, -50%);
    transition: transform .18s ease;
    pointer-events: none;
}

body[data-system="modern"] .video-preview:hover .video-preview-play,
body[data-system="modern"] .video-preview:focus-visible .video-preview-play {
    transform: translate(-50%, -50%) scale(1.06);
}

body[data-system="modern"] .video-preview:focus-visible {
    outline: 3px solid var(--we-primary);
    outline-offset: 3px;
}

@media (max-width: 620px) {
    body[data-system="modern"] .video-preview[data-website-engine-video-orientation="portrait"] {
        width: min(100%, 190px);
    }

    body[data-system="modern"] .video-preview-play {
        width: 56px;
        height: 56px;
        font-size: 1.4rem;
    }
}

/* WEBSITE ENGINE — 14D.5 ROUND 2 — HERO 2.148A */
body[data-system=modern] .round2-hero-showcase {
    display: flex;
    flex-direction: column;
    align-content: normal;
    justify-content: stretch;
    gap: 18px;
    padding: 30px;
}

body[data-system=modern] .round2-hero-showcase-title {
    margin: 0;
    color: var(--we-on-primary);
    font-family: Arial, Helvetica, sans-serif;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.3;
}

body[data-system=modern] .round2-hero-services {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    flex: 1 1 auto;
    gap: 12px;
    min-height: 0;
}

body[data-system=modern] .round2-hero-service-stack {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 12px;
    min-height: 0;
}

body[data-system=modern] .round2-hero-service {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    min-height: 0;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: var(--we-radius);
    background: rgba(255, 255, 255, .07);
    text-align: left;
}

body[data-system=modern] .round2-hero-service--primary {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .34);
}

body[data-system=modern] .round2-hero-service-number {
    display: block;
    margin: 0 0 10px;
    color: var(--we-accent);
    font-size: .82rem;
    font-weight: 900;
    line-height: 1;
}

body[data-system=modern] .round2-hero-service strong {
    display: block;
    max-width: 15ch;
    color: var(--we-on-primary);
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1.05rem, 1.7vw, 1.4rem);
    font-weight: 750;
    line-height: 1.2;
    text-align: left;
}

body[data-system=modern] .round2-hero-service--primary strong {
    font-size: clamp(1.35rem, 2.35vw, 2rem);
}

@media (max-width: 760px) {
    body[data-system=modern] .round2-hero-showcase {
        padding: 22px;
    }

    body[data-system=modern] .round2-hero-services {
        grid-template-columns: 1fr;
    }

    body[data-system=modern] .round2-hero-service--primary {
        min-height: 150px;
    }

    body[data-system=modern] .round2-hero-service-stack {
        grid-template-rows: none;
        grid-template-columns: 1fr;
    }

    body[data-system=modern] .round2-hero-service {
        min-height: 120px;
    }
}
/* END WEBSITE ENGINE — 14D.5 ROUND 2 — HERO 2.148A */

/* WEBSITE ENGINE — 14D.5 ROUND 2 — READABILITY 2.148B */
body[data-system=modern] {
    --we-text: #1a1a1a;
    --we-muted: #555555;
    --we-border: rgba(26, 26, 26, .24);
    color: var(--we-text);
    font-family: Arial, Helvetica, sans-serif;
}

body[data-system=modern] h1,
body[data-system=modern] h2,
body[data-system=modern] h3,
body[data-system=modern] h4,
body[data-system=modern] h5,
body[data-system=modern] h6,
body[data-system=modern] button,
body[data-system=modern] input,
body[data-system=modern] select,
body[data-system=modern] textarea {
    font-family: Arial, Helvetica, sans-serif;
}

body[data-system=modern] .site-header nav a,
body[data-system=modern] .header-text-link {
    font-size: .95rem;
}

body[data-system=modern] .hero-proof,
body[data-system=modern] .showcase-kicker,
body[data-system=modern] .round2-hero-showcase-title,
body[data-system=modern] .showcase-meta,
body[data-system=modern] .service-minimum-job-requirement,
body[data-system=modern] .trust-item span {
    font-size: .95rem;
}

body[data-system=modern] .trust-item strong {
    font-size: 1rem;
}

body[data-system=modern] .service-card p,
body[data-system=modern] .process-step p,
body[data-system=modern] .about-description p {
    color: var(--we-muted);
    font-size: 1rem;
    line-height: 1.55;
}

body[data-system=modern] .lead,
body[data-system=modern] .hero-lead,
body[data-system=modern] .hero-proof,
body[data-system=modern] .service-minimum-job-requirement {
    color: var(--we-muted);
}

body[data-system=modern] .service-card,
body[data-system=modern] .about-panel--light,
body[data-system=modern] .process-step {
    border-color: var(--we-border);
}

body[data-system=modern] .about-panel--light {
    border: 1px solid var(--we-border);
}

/* Existing sequence-number colors intentionally remain untouched. */
/* Contact-form fields and behavior are not modified by this Round 2 block. */
/* END WEBSITE ENGINE — 14D.5 ROUND 2 — READABILITY 2.148B */

/* WEBSITE ENGINE — 14D.5 ROUND 2 — SPACING 2.148C */
body[data-system=modern] .section {
    padding-block: clamp(40px, 4.2vw, 56px);
}

body[data-system=modern] .section-intro {
    margin-bottom: 28px;
}

body[data-system=modern] .service-card {
    min-height: 0;
    padding: 24px;
}

body[data-system=modern] .service-card h3 {
    margin: 18px 0 8px;
}

body[data-system=modern] .service-card .micro {
    margin-top: 16px;
    padding-top: 0;
}

@media (max-width: 620px) {
    body[data-system=modern] .section {
        padding-block: 34px;
    }

    body[data-system=modern] .section-intro {
        margin-bottom: 24px;
    }

    body[data-system=modern] .service-card {
        padding: 22px;
    }
}

/* Contact form geometry intentionally remains untouched. */
/* Hero Round 2 geometry intentionally remains untouched. */
/* END WEBSITE ENGINE — 14D.5 ROUND 2 — SPACING 2.148C */

/* WEBSITE ENGINE — 14D.5 ROUND 2 — ABOUT 2.149B */
body[data-system=modern] .round2-about {
    display: block;
}

body[data-system=modern] .round2-about-intro {
    max-width: 980px;
}

body[data-system=modern] .round2-about-intro h2 {
    max-width: 30ch;
}

body[data-system=modern] .round2-about-advantages {
    margin-top: 8px;
}

body[data-system=modern] .round2-about-advantages > h3 {
    margin: 0 0 22px;
    color: var(--we-text);
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    line-height: 1.25;
}

body[data-system=modern] .round2-about .about-points[data-website-engine-generated="company-proof"] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
}

body[data-system=modern] .round2-about .about-points[data-website-engine-generated="company-proof"] > span {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 18px;
    border: 1px solid var(--we-border);
    border-radius: var(--we-radius);
    background: #fff;
    color: var(--we-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
}

@media (max-width: 980px) {
    body[data-system=modern] .round2-about .about-points[data-website-engine-generated="company-proof"] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    body[data-system=modern] .round2-about .about-points[data-website-engine-generated="company-proof"] {
        grid-template-columns: 1fr;
    }

    body[data-system=modern] .round2-about .about-points[data-website-engine-generated="company-proof"] > span {
        padding: 16px;
    }
}

/* END WEBSITE ENGINE — 14D.5 ROUND 2 — ABOUT 2.149B */

/* WEBSITE ENGINE — 14D.5 ROUND 2 — SERVICES 2.150B */
body[data-system=modern] #uslugi .card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

body[data-system=modern] #uslugi .round2-service-card {
    position: relative;
}

body[data-system=modern] #uslugi .round2-service-card--important {
    border-top: 3px solid var(--we-accent);
    background: #f7f9f8;
}

body[data-system=modern] #uslugi .round2-service-card--primary {
    border-width: 2px;
    border-top-width: 5px;
    border-color: var(--we-accent);
    background: #eef3f1;
    box-shadow: 0 14px 30px rgba(26, 26, 26, .10);
}

body[data-system=modern] #uslugi .service-minimum-job-requirement {
    margin: 22px 0 0;
    color: var(--we-muted);
    font-size: 1rem;
    line-height: 1.5;
}

@media (max-width: 1020px) {
    body[data-system=modern] #uslugi .card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    body[data-system=modern] #uslugi .card-grid {
        grid-template-columns: 1fr;
    }
}

/* Existing .number color rules are intentionally untouched. */
/* Additional MAX service names are qualification-only visual examples. */
/* END WEBSITE ENGINE — 14D.5 ROUND 2 — SERVICES 2.150B */

/* WEBSITE ENGINE — 14D.5 ROUND 2 — PORTFOLIO 2.151B */
body[data-system=modern] #realizacje .round2-project-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

body[data-system=modern] #realizacje .round2-project-card {
    overflow: hidden;
    border: 1px solid var(--we-border);
    border-radius: var(--we-radius);
    background: #fff;
}

body[data-system=modern] #realizacje .round2-project-media {
    height: 270px;
    background: #eef2f1;
}

body[data-system=modern] #realizacje .round2-project-media--pair {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px;
}

body[data-system=modern] #realizacje .round2-project-shot {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    background: #eef2f1;
}

body[data-system=modern] #realizacje .round2-project-shot img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body[data-system=modern] #realizacje .round2-project-photo-label {
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 12px;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(26, 26, 26, .86);
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
    line-height: 1;
}

body[data-system=modern] #realizacje .round2-project-strip {
    padding: 8px 16px;
    background: #2f3e46;
    color: #fff;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.35;
}

body[data-system=modern] #realizacje .round2-project-body {
    padding: 20px;
}

body[data-system=modern] #realizacje .round2-project-qualification {
    margin: 0 0 8px;
    color: var(--we-muted);
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: .05em;
}

body[data-system=modern] #realizacje .round2-project-card h3 {
    margin: 0 0 8px;
    color: var(--we-text);
    font-size: 1.18rem;
    line-height: 1.3;
}

body[data-system=modern] #realizacje .round2-project-meta {
    margin: 0 0 14px;
    color: var(--we-muted);
    font-size: .95rem;
    line-height: 1.4;
}

body[data-system=modern] #realizacje .round2-project-scope {
    margin: 0;
    color: var(--we-muted);
    font-size: 1rem;
    line-height: 1.55;
}

body[data-system=modern] #realizacje .round2-project-scope strong {
    color: var(--we-text);
}

@media (max-width: 980px) {
    body[data-system=modern] #realizacje .round2-project-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    body[data-system=modern] #realizacje .round2-project-grid {
        grid-template-columns: 1fr;
    }

    body[data-system=modern] #realizacje .round2-project-media {
        height: 240px;
    }
}

/* Portrait and landscape qualification images use object-fit: contain to avoid destructive cropping. */
/* Click-to-enlarge remains intentionally open under Round 2 item 20. */
/* END WEBSITE ENGINE — 14D.5 ROUND 2 — PORTFOLIO 2.151B */

/* WEBSITE ENGINE — 14D.5 ROUND 2 — LOGO + MATERIALS 2.152C */
body[data-system=modern] .round2-brand-logo {
    display: block;
    flex: none;
    width: 88px;
}

body[data-system=modern] .round2-brand-logo img {
    display: block;
    width: 100%;
    height: auto;
}

body[data-system=modern] #materialy-firmy .round2-materials-intro {
    max-width: 820px;
}

body[data-system=modern] #materialy-firmy .round2-materials-intro h2 {
    max-width: 22ch;
}

body[data-system=modern] #materialy-firmy .round2-material-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

body[data-system=modern] #materialy-firmy .round2-material-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--we-border);
    border-radius: var(--we-radius);
    background: #fff;
}

body[data-system=modern] #materialy-firmy .round2-material-media {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 190px;
    padding: 10px;
    background: #eef2f1;
}

body[data-system=modern] #materialy-firmy .round2-material-media--document {
    background: #f3f4f2;
}

body[data-system=modern] #materialy-firmy .round2-material-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body[data-system=modern] #materialy-firmy .round2-material-body {
    padding: 17px;
}

body[data-system=modern] #materialy-firmy .round2-material-body h3 {
    margin: 0 0 8px;
    color: var(--we-text);
    font-size: 1.04rem;
    line-height: 1.3;
}

body[data-system=modern] #materialy-firmy .round2-material-body p {
    margin: 0;
    color: var(--we-muted);
    font-size: .94rem;
    line-height: 1.5;
}

@media (max-width: 980px) {
    body[data-system=modern] #materialy-firmy .round2-material-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    body[data-system=modern] .round2-brand-logo {
        width: 66px;
    }

    body[data-system=modern] #materialy-firmy .round2-material-grid {
        grid-template-columns: 1fr;
    }

    body[data-system=modern] #materialy-firmy .round2-material-media {
        height: 220px;
    }
}

/* Qualification-only imagery; real client files remain data-driven in production. */
/* Global click-to-enlarge remains open under Round 2 item 20. */
/* END WEBSITE ENGINE — 14D.5 ROUND 2 — LOGO + MATERIALS 2.152C */

/* WEBSITE ENGINE — 14D.5 ROUND 2 — TESTIMONIALS + SPLIT VIDEO 2.153B */
body[data-system=modern] #opinie blockquote,
body[data-system=modern] #opinie blockquote p {
    text-align: left;
}

body[data-system=modern] #wideo .round2-video-group + .round2-video-group {
    margin-top: 38px;
    padding-top: 38px;
    border-top: 1px solid var(--we-border);
}

body[data-system=modern] #wideo .round2-video-group .section-intro {
    margin-bottom: 24px;
}

body[data-system=modern] #wideo .round2-video-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

body[data-system=modern] #wideo .round2-video-grid .video-card {
    min-width: 0;
    min-height: 0;
}

body[data-system=modern] #wideo .round2-video-grid .video-card > h3 {
    margin-bottom: 0;
}

body[data-system=modern] #wideo .round2-video-grid .video-card > h3,
body[data-system=modern] #wideo .round2-video-grid .video-card > p {
    font-size: 1.2rem;
}

body[data-system=modern] #wideo .round2-video-grid .video-card > p {
    margin: 0;
    font-weight: 400;
}

@media (max-width: 700px) {
    body[data-system=modern] #wideo .round2-video-grid {
        grid-template-columns: 1fr;
    }

    body[data-system=modern] #wideo .round2-video-group + .round2-video-group {
        margin-top: 30px;
        padding-top: 30px;
    }
}

/* Round 2 visual qualification uses the existing landscape/portrait preview asset sets in both categories. */
/* Production remains list-driven; no hard card limit is introduced here. */
/* Global Wideo eyebrow removal remains deferred to checklist item 21. */
/* END WEBSITE ENGINE — 14D.5 ROUND 2 — TESTIMONIALS + SPLIT VIDEO 2.153B */

/* WEBSITE ENGINE — 14D.5 ROUND 2 — PROCESS 2.154B */
body[data-system=modern] #proces .round2-process-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

body[data-system=modern] #proces .round2-process-list .process-step {
    min-width: 0;
    min-height: 0;
}

body[data-system=modern] #proces .round2-process-list .process-step h3 {
    overflow-wrap: anywhere;
}

@media (max-width: 900px) {
    body[data-system=modern] #proces .round2-process-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    body[data-system=modern] #proces .round2-process-list {
        grid-template-columns: 1fr;
    }
}

/* Qualification only: 12 typical form stages exercise maximum process density. */
/* Production continues to render client-provided cooperationProcess in supplied order. */
/* Współpraca eyebrow remains until checklist item 21. */
/* END WEBSITE ENGINE — 14D.5 ROUND 2 — PROCESS 2.154B */

/* WEBSITE ENGINE — 14D.5 ROUND 2 — CONTACT + FOOTER 2.155C */
body[data-system=modern] .round2-business-hours {
    display: grid;
    gap: 10px;
}

body[data-system=modern] .round2-business-hours > strong {
    color: #1a1a1a;
    font-weight: 700;
}

body[data-system=modern] .round2-hours-list {
    display: grid;
    gap: 6px;
}

body[data-system=modern] .round2-hours-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: baseline;
}

body[data-system=modern] .round2-hours-row span:last-child {
    white-space: nowrap;
    color: #555555;
}

body[data-system=modern] .round2-footer-services {
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
    display: grid;
    gap: 6px;
}

body[data-system=modern] .round2-footer-services li {
    margin: 0;
    color: #555555;
}

body[data-system=modern] .round2-footer-socials {
    display: grid;
    gap: 6px;
    margin-top: 12px;
}

body[data-system=modern] .round2-footer-socials a {
    width: fit-content;
}

body[data-system=modern] .round2-contact-privacy-note {
    grid-column: 2 / 3;
    margin: 0;
    font-size: .95rem;
    line-height: 1.55;
    color: #555555;
}

body[data-system=modern] .round2-contact-privacy-note a {
    color: #1a1a1a;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 760px) {
    body[data-system=modern] .round2-contact-privacy-note {
        grid-column: 1 / -1;
    }
}

/* Qualification-only hours expand only the supported Monday-Friday range. */
/* Qualification social destinations remain example.test placeholders. */
/* Existing inquiry form remains byte-for-byte equivalent as extracted HTML. */
/* END WEBSITE ENGINE — 14D.5 ROUND 2 — CONTACT + FOOTER 2.155C */

/* WEBSITE ENGINE — 14D.5 ROUND 2 — IMAGE LIGHTBOX 2.157B */
body[data-system=modern] .round2-lightbox-trigger {
    appearance: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: 0;
    cursor: zoom-in;
}

body[data-system=modern] .round2-lightbox-trigger img {
    display: block;
    width: 100%;
}

body[data-system=modern] .round2-lightbox-trigger:focus-visible {
    outline: 3px solid #1a1a1a;
    outline-offset: 4px;
}

html.round2-lightbox-open {
    overflow: hidden;
    scrollbar-gutter: stable;
}

body[data-system=modern] .round2-image-lightbox {
    width: min(94vw, 1200px);
    max-width: none;
    max-height: 94vh;
    margin: auto;
    padding: 56px 20px 20px;
    border: 1px solid rgba(26, 26, 26, .32);
    border-radius: 16px;
    background: #ffffff;
    color: #1a1a1a;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .28);
}

body[data-system=modern] .round2-image-lightbox::backdrop {
    background: rgba(0, 0, 0, .76);
}

body[data-system=modern] .round2-image-lightbox-frame {
    display: grid;
    justify-items: center;
    gap: 12px;
}

body[data-system=modern] .round2-image-lightbox-image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: calc(94vh - 120px);
    object-fit: contain;
}

body[data-system=modern] .round2-image-lightbox-caption {
    margin: 0;
    color: #555555;
    font-size: 1rem;
    line-height: 1.45;
    text-align: center;
}

body[data-system=modern] .round2-image-lightbox-close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(26, 26, 26, .32);
    border-radius: 999px;
    background: #ffffff;
    color: #1a1a1a;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

body[data-system=modern] .round2-image-lightbox-close:focus-visible {
    outline: 3px solid #1a1a1a;
    outline-offset: 3px;
}

@media (max-width: 620px) {
    body[data-system=modern] .round2-image-lightbox {
        width: 96vw;
        max-height: 96vh;
        padding: 52px 12px 14px;
    }

    body[data-system=modern] .round2-image-lightbox-image {
        max-height: calc(96vh - 112px);
    }
}

/* Logo intentionally remains the home-navigation link. */
/* Video previews intentionally remain dedicated CLICK_TO_LOAD controls. */
/* One native dialog serves all 12 ordinary content images. */
/* END WEBSITE ENGINE — 14D.5 ROUND 2 — IMAGE LIGHTBOX 2.157B */

/* WEBSITE ENGINE — 14D.5 ROUND 3 — NAVIGATION R3-01 2.160C */

:root {
    --we-sticky-header-offset: 90px;
}

html {
    scroll-padding-top: var(--we-sticky-header-offset);
}



body[data-system=modern] .site-header nav a,
body[data-system=modern] .site-header .header-text-link {
    color: var(--we-text);
}

body[data-system=modern] .site-header a[aria-current="location"] {
    color: var(--we-text);
    text-decoration-line: underline;
    text-decoration-color: var(--we-text);
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 3 — NAVIGATION R3-01 2.160C */

/* WEBSITE ENGINE — 14D.5 ROUND 3 — HERO R3-02 2.160F */

body[data-system=modern] .round2-hero-showcase-title {
    text-align: center;
}

body[data-system=modern] .round2-hero-service {
    justify-content: center;
}

@media (min-width: 901px) {
    body[data-system=modern] .round2-hero-showcase {
        min-height: 328px;
    }
}

/* END WEBSITE ENGINE — 14D.5 ROUND 3 — HERO R3-02 2.160F */

/* WEBSITE ENGINE — 14D.5 ROUND 3 — SECTION HEADING LINE HEIGHT R3-03 2.160H */

body[data-system=modern] .section h2 {
    line-height: 1.12;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 3 — SECTION HEADING LINE HEIGHT R3-03 2.160H */

/* WEBSITE ENGINE — 14D.5 ROUND 3 — MATERIALS R3-08 2.160R */
/* Qualification layout: four landscape slots followed by four portrait/document slots. */
/* Source image metadata remains truthful; object-fit: contain prevents cropping. */
body[data-system=modern] #materialy-firmy .round2-material-media > .round2-lightbox-trigger {
    height: 100%;
}

@media (min-width: 981px) {
    body[data-system=modern] #materialy-firmy .round2-material-media {
        height: auto;
        aspect-ratio: 3 / 2;
    }

    body[data-system=modern] #materialy-firmy .round2-material-media--document {
        aspect-ratio: 3 / 4;
    }
}
/* END WEBSITE ENGINE — 14D.5 ROUND 3 — MATERIALS R3-08 2.160R */


/* WEBSITE ENGINE — 14D.5 ROUND 3 — SERVICES R3-09 2.160T */
/* Decorative service marks removed from HTML; retain sequence numbers. */
/* Kitchens keep --important plus the separately removable --primary highlight class. */
body[data-system=modern] #uslugi .round2-service-card h3 {
    margin-top: 12px;
}
/* END WEBSITE ENGINE — 14D.5 ROUND 3 — SERVICES R3-09 2.160T */

/* WEBSITE ENGINE — 14D.5 ROUND 3 — PORTFOLIO R3-10 2.160V */
/* Four explicit visual rows; qualification assets may be reused here only for geometry review. */
body[data-system=modern] #realizacje .round3-project-grid {
    display: block;
}

body[data-system=modern] #realizacje .round3-project-row {
    display: grid;
    gap: 18px;
    margin-top: 18px;
}

body[data-system=modern] #realizacje .round3-project-row:first-child {
    margin-top: 0;
}

body[data-system=modern] #realizacje .round3-project-row--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-system=modern] #realizacje .round3-project-row--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-system=modern] #realizacje .round3-project-card--landscape .round2-project-media {
    height: auto;
    aspect-ratio: 4 / 3;
}

body[data-system=modern] #realizacje .round3-project-card--portrait .round2-project-media {
    height: auto;
    aspect-ratio: 3 / 4;
}

body[data-system=modern] #realizacje .round2-project-shot > .round2-lightbox-trigger {
    height: 100%;
}

body[data-system=modern] #realizacje .section-intro h2 {
    max-width: none;
}

@media (min-width: 981px) {
    body[data-system=modern] #realizacje .section-intro h2 {
        white-space: nowrap;
    }
}

@media (max-width: 980px) {
    body[data-system=modern] #realizacje .round3-project-row--three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    body[data-system=modern] #realizacje .round3-project-row--two,
    body[data-system=modern] #realizacje .round3-project-row--three {
        grid-template-columns: 1fr;
    }

    body[data-system=modern] #realizacje .section-intro h2 {
        white-space: normal;
    }
}
/* END WEBSITE ENGINE — 14D.5 ROUND 3 — PORTFOLIO R3-10 2.160V */

/* WEBSITE ENGINE — 14D.5 ROUND 3 — TESTIMONIAL ALIGNMENT R3-11 2.160X */
/* Keep the existing left text alignment and remove the browser's default horizontal blockquote inset. */
body[data-system=modern] #opinie blockquote {
    margin-inline: 0;
}
/* END WEBSITE ENGINE — 14D.5 ROUND 3 — TESTIMONIAL ALIGNMENT R3-11 2.160X */

/* WEBSITE ENGINE — 14D.5 ROUND 3 — VIDEO GRID R3-12 2.160Z */
/* Desktop supports three list-driven video cards per row; current qualification data intentionally contains two cards per group. */
@media (min-width: 981px) {
    body[data-system=modern] #wideo .round2-video-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* END WEBSITE ENGINE — 14D.5 ROUND 3 — VIDEO GRID R3-12 2.160Z */

/* WEBSITE ENGINE — 14D.5 ROUND 3 — CONTACT R3-13 2.160AB */
/* Protected inquiry form HTML remains unchanged; wrapper owns visible card shell. */
body[data-system=modern] #zapytanie .round2-hours-row {
    grid-template-columns: max-content max-content;
    column-gap: 0.25em;
    justify-content: start;
}

body[data-system=modern] #zapytanie .round3-contact-form-card {
    min-width: 0;
    overflow: hidden;
    background: var(--we-surface);
    border: 1px solid var(--we-border);
    border-radius: var(--we-radius-lg);
    box-shadow: 0 16px 50px #0f172a0d;
}

body[data-system=modern] #zapytanie .round3-contact-form-card > .inquiry-form {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body[data-system=modern] #zapytanie .round3-contact-form-card .form-privacy {
    display: none;
}

body[data-system=modern] #zapytanie .round3-contact-privacy-note {
    margin: 0;
    padding: 0 28px 28px;
    font-size: .95rem;
    line-height: 1.55;
    color: #555555;
}

body[data-system=modern] #zapytanie .round3-contact-privacy-note a {
    color: #1a1a1a;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 620px) {
    body[data-system=modern] #zapytanie .round3-contact-privacy-note {
        padding: 0 22px 22px;
    }
}
/* END WEBSITE ENGINE — 14D.5 ROUND 3 — CONTACT R3-13 2.160AB */

/* WEBSITE ENGINE — 14D.5 ROUND 3 — FOOTER R3-14 2.160AD */
/* Footer stays concise: contact hours live in the contact section, not in the footer. */
body[data-system=modern] .site-footer .footer-address {
    color: #1a1a1a;
}

body[data-system=modern] .site-footer .round2-footer-services li {
    color: #1a1a1a;
}
/* END WEBSITE ENGINE — 14D.5 ROUND 3 — FOOTER R3-14 2.160AD */

/* WEBSITE ENGINE — 14D.5 ROUND 3 — SEQUENCE NUMBER TYPOGRAPHY R3-15 2.160AF */
/* Match both visible sequence-number series to the audited 1.05rem .lead reference size. */
body[data-system=modern] #uslugi .service-card .number,
body[data-system=modern] #proces .process-step > span {
    font-size: 1.05rem;
}
/* END WEBSITE ENGINE — 14D.5 ROUND 3 — SEQUENCE NUMBER TYPOGRAPHY R3-15 2.160AF */

/* WEBSITE ENGINE — 14D.5 ROUND 3 — TYPOGRAPHY FLOOR R3-16 2.160AH */
/* Audited visible-copy floor. Scoped to Modern; no global selector and no !important. */
body[data-system=modern] {
    --we-visible-text-floor: 1.05rem;
}

body[data-system=modern] .about-points,
body[data-system=modern] .about-points span,
body[data-system=modern] .attachment-picker-title,
body[data-system=modern] .attachment-picker-types,
body[data-system=modern] .brand,
body[data-system=modern] .button--small,
body[data-system=modern] .desktop-nav a,
body[data-system=modern] .eyebrow,
body[data-system=modern] .field-error,
body[data-system=modern] .field-help,
body[data-system=modern] .field-label,
body[data-system=modern] .field-label small,
body[data-system=modern] .field-optional,
body[data-system=modern] .footer-bottom,
body[data-system=modern] .footer-grid a,
body[data-system=modern] .footer-grid p,
body[data-system=modern] .form-group-heading span,
body[data-system=modern] .form-group-heading strong,
body[data-system=modern] .form-heading > div > span,
body[data-system=modern] .form-heading span,
body[data-system=modern] .form-status-copy strong,
body[data-system=modern] .form-status-copy>span,
body[data-system=modern] .form-status-icon,
body[data-system=modern] .header-actions>.button:after,
body[data-system=modern] .header-actions>.header-phone,
body[data-system=modern] .header-phone-label:after,
body[data-system=modern] .header-text-link,
body[data-system=modern] .hero-proof,
body[data-system=modern] .inquiry-form,
body[data-system=modern] .inquiry-form .attachment-picker-title,
body[data-system=modern] .inquiry-form .attachment-picker-types,
body[data-system=modern] .inquiry-form .field-error,
body[data-system=modern] .inquiry-form .field-help,
body[data-system=modern] .inquiry-form .field-label,
body[data-system=modern] .inquiry-form .form-group-heading span,
body[data-system=modern] .inquiry-form .form-group-heading strong,
body[data-system=modern] .inquiry-form .form-heading>div>span,
body[data-system=modern] .inquiry-form .form-status-copy>span,
body[data-system=modern] .inquiry-form .turnstile-noscript,
body[data-system=modern] .inquiry-form input,
body[data-system=modern] .inquiry-form label,
body[data-system=modern] .inquiry-form select,
body[data-system=modern] .inquiry-form textarea,
body[data-system=modern] .process-step p,
body[data-system=modern] .service-card p,
body[data-system=modern] .service-minimum-job-requirement,
body[data-system=modern] .site-header .mobile-nav summary,
body[data-system=modern] .site-header .mobile-nav-panel a,
body[data-system=modern] .site-header nav a,
body[data-system=modern] .turnstile-noscript,
body[data-system=modern] #materialy-firmy .round2-material-body h3,
body[data-system=modern] #materialy-firmy .round2-material-body p,
body[data-system=modern] #realizacje .round2-project-photo-label,
body[data-system=modern] #uslugi .service-minimum-job-requirement,
body[data-system=modern] #zapytanie .round3-contact-privacy-note,
body[data-system=modern] .round2-about .about-points[data-website-engine-generated="company-proof"] > span,
body[data-system=modern] .round2-hero-showcase-title,
body[data-system=modern] .round2-image-lightbox-caption {
    font-size: var(--we-visible-text-floor);
}

/* Preserve the responsive hero lead while raising only its minimum from 1.04rem to 1.05rem. */
body[data-system=modern] .hero-lead {
    font-size: clamp(1.575rem, 2.175vw, 1.89rem);
    font-weight: 700;
}
/* END WEBSITE ENGINE — 14D.5 ROUND 3 — TYPOGRAPHY FLOOR R3-16 2.160AH */

/* ROUND 4 R4-04 — MODERN HERO TO ABOUT RHYTHM */
@media (min-width: 621px) and (max-width: 900px) {
    body[data-system=modern] .page--compact > .hero .hero-grid {
        padding-bottom: clamp(42px, 5vw, 58px);
    }
}

@media (min-width: 901px) {
    body[data-system=modern] .page--compact > .hero {
        min-height: auto;
    }

    body[data-system=modern] .page--compact > .hero .hero-grid {
        padding-top: clamp(52px, 4.8vw, 66px);
        padding-bottom: clamp(42px, 5vw, 58px);
    }
}

/* ROUND 4 R4-07 — MATERIAL INTRO DESKTOP WIDTH */
@media (min-width: 1200px) {
    body[data-system=modern] #materialy-firmy .round2-materials-intro,
    body[data-system=modern] #materialy-firmy .round2-materials-intro .lead {
        max-width: none;
    }
}
/* END ROUND 4 R4-07 — MATERIAL INTRO DESKTOP WIDTH */

/* ROUND 4 R4-08 — GLOBAL PHOTO RATIO SYSTEM */
body[data-system=modern] [data-round4-photo-ratio] {
    height: auto;
}

body[data-system=modern] [data-round4-photo-ratio="4-3"] {
    aspect-ratio: 4 / 3;
}

body[data-system=modern] [data-round4-photo-ratio="3-4"] {
    aspect-ratio: 3 / 4;
}

body[data-system=modern] [data-round4-photo-ratio="a4-landscape"] {
    aspect-ratio: 1.41421356237 / 1;
}

body[data-system=modern] [data-round4-photo-ratio="a4-portrait"] {
    aspect-ratio: 1 / 1.41421356237;
}

body[data-system=modern] [data-round4-photo-ratio] img {
    object-fit: contain;
}

@media (min-width: 981px) {
    body[data-system=modern] #materialy-firmy .round2-material-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    /* R4-08C desktop geometry correction */
    body[data-system=modern] #materialy-firmy .round2-material-media[data-round4-photo-ratio="4-3"] {
        aspect-ratio: 4 / 3;
    }

    body[data-system=modern] #materialy-firmy .round2-material-media[data-round4-photo-ratio="3-4"] {
        aspect-ratio: 3 / 4;
    }

    body[data-system=modern] #materialy-firmy .round2-material-media[data-round4-photo-ratio="a4-landscape"] {
        aspect-ratio: 1.41421356237 / 1;
    }

    body[data-system=modern] #materialy-firmy .round2-material-media[data-round4-photo-ratio="a4-portrait"] {
        aspect-ratio: 1 / 1.41421356237;
    }

    body[data-system=modern] #realizacje .round3-project-row--two {
        grid-template-columns: repeat(2, calc((100% - 36px) / 3));
        justify-content: center;
    }
}
/* END ROUND 4 R4-08 — GLOBAL PHOTO RATIO SYSTEM */

/* ROUND 4 R4-09 — REMOVE REDUNDANT PHOTO FRAMES */

body[data-system=modern] #materialy-firmy .round2-material-media {
    padding: 0;
    background: transparent;
}

body[data-system=modern] #materialy-firmy .round2-material-media--document {
    background: transparent;
}

body[data-system=modern] #realizacje .round2-project-media,
body[data-system=modern] #realizacje .round2-project-shot {
    background: transparent;
}

body[data-system=modern] .round2-image-lightbox {
    width: fit-content;
    max-width: 94vw;
}

body[data-system=modern] .round2-image-lightbox-frame {
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
}

/* END ROUND 4 R4-09 — REMOVE REDUNDANT PHOTO FRAMES */

/* ROUND 4 R4-10 — SERVICES PRIMARY HIGHLIGHT + BADGE */

body[data-system=modern] #uslugi .service-priority-label {
    position: absolute;
    top: 18px;
    right: 20px;
    z-index: 1;
    white-space: nowrap;
    pointer-events: none;
}

@media (max-width: 620px) {
    body[data-system=modern] #uslugi .service-priority-label {
        top: 16px;
        right: 18px;
    }
}

/* END ROUND 4 R4-10 — SERVICES PRIMARY HIGHLIGHT + BADGE */


/* ROUND 4 R4-13 — PORTFOLIO CAPTIONS */
body[data-system=modern] #realizacje .round2-project-meta,
body[data-system=modern] #realizacje .round2-project-scope {
    color: var(--we-text);
}
/* END ROUND 4 R4-13 — PORTFOLIO CAPTIONS */

/* ROUND 4 R4-17 — COOPERATION HEADING DESKTOP WIDTH */
@media (min-width: 1024px) {
    body[data-system=modern] #proces .section-intro h2 {
        max-width: none;
    }
}
/* END ROUND 4 R4-17 — COOPERATION HEADING DESKTOP WIDTH */

/* ROUND 4 R4-21 — FOOTER RESPONSIVE STACK */
@media (max-width: 900px) {
    body[data-system=modern] .footer-grid {
        grid-template-columns: 1fr;
    }
}
/* END ROUND 4 R4-21 — FOOTER RESPONSIVE STACK */

/* ROUND 4 R4-22 — SHARED +20% MICROCOPY TYPOGRAPHY */
body[data-system=modern] {
    --round4-microcopy-plus20-size: 1.26rem;
}

html body[data-system=modern] .round4-microcopy-plus20 {
    font-size: var(--round4-microcopy-plus20-size);
}
/* END ROUND 4 R4-22 — SHARED +20% MICROCOPY TYPOGRAPHY */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — NATIVE ANCHOR GEOMETRY R5-01 */
/* Native fragment navigation stays intact.
   The section anchors compensate only their own visible top padding. */
body[data-system=modern] #o-firmie,
body[data-system=modern] #uslugi {
    scroll-margin-top: calc(0px - clamp(42px, 5vw, 58px));
}

@media (max-width: 620px) {
    body[data-system=modern] #o-firmie,
    body[data-system=modern] #uslugi {
        scroll-margin-top: -42px;
    }
}

/* #zapytanie-form deliberately has no additional scroll-margin.
   Global scroll-padding already equals sticky-header height + 20px. */
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — NATIVE ANCHOR GEOMETRY R5-01 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — HERO LEAD COLOR R5-02 */
body[data-system=modern] .hero-lead {
    color: var(--we-text);
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — HERO LEAD COLOR R5-02 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — MAIN SERVICE TEXT-ONLY LABEL R5-03 */
body[data-system=modern] #uslugi .service-priority-label {
    display: inline;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--we-text);
    font-size: 1.1232rem;
    line-height: 1.2;
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — MAIN SERVICE TEXT-ONLY LABEL R5-03 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — TESTIMONIAL TEXT POSITION R5-04 */
body[data-system=modern] #opinie blockquote > p.round4-microcopy-plus20 {
    position: relative;
    top: -14px;
    margin-bottom: -10px;
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — TESTIMONIAL TEXT POSITION R5-04 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — CLEAN VIDEO PLACEHOLDERS R5-05 */
body[data-system=modern] #wideo .video-preview {
    background: var(--we-primary);
}

body[data-system=modern] #wideo .video-preview-image {
    display: none;
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — CLEAN VIDEO PLACEHOLDERS R5-05 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — VIDEO CARD STRETCH FIX R5-05 */
body[data-system=modern] #wideo .round2-video-grid {
    align-items: start;
}

body[data-system=modern] #wideo .round2-video-grid > .video-card {
    align-self: start;
    height: auto;
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — VIDEO CARD STRETCH FIX R5-05 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — CONTACT DETAIL REFINEMENT R5-06 */
/* Three section transitions use the same explicit 24px visual gap:
   existing grid gap 8px + item margin-top 16px. */
body[data-system=modern] #zapytanie .contact-details {
    gap: 8px;
}

body[data-system=modern] #zapytanie .round4-company-data-heading,
body[data-system=modern] #zapytanie .round2-contact-hours > strong {
    font-size: var(--round4-microcopy-plus20-size);
    font-weight: 700;
}

body[data-system=modern] #zapytanie .round4-company-data-heading {
    margin-top: 16px;
}

body[data-system=modern] #zapytanie .round2-contact-hours {
    margin-top: 16px;
}

body[data-system=modern] #zapytanie .round2-hours-row span:last-child {
    color: inherit;
}

body[data-system=modern] #zapytanie .contact-appointment-note {
    margin: 16px 0 0;
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — CONTACT DETAIL REFINEMENT R5-06 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — TARGET FOOTER R5-07 */
body[data-system=modern] .site-footer .footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-system=modern] .site-footer .round5-footer-heading {
    font-weight: 700;
}

body[data-system=modern] .site-footer [data-round5-footer-column="services"] .round2-footer-services {
    margin-top: 0;
}

body[data-system=modern] .site-footer .round4-footer-company-name {
    color: var(--we-text);
    font-size: 1rem;
    line-height: 1.55;
    font-weight: 400;
}

body[data-system=modern] .site-footer [data-round5-footer-column="contact"] > a {
    color: var(--we-text);
}

body[data-system=modern] .site-footer .footer-bottom {
    justify-content: center;
    text-align: center;
}

@media (max-width: 900px) {
    body[data-system=modern] .site-footer .footer-grid {
        grid-template-columns: 1fr;
    }
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — TARGET FOOTER R5-07 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — FOOTER DETAIL COLOR R5-07.5 */
body[data-system=modern] .site-footer [data-round5-footer-column="company"] p {
    color: var(--we-text);
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — FOOTER DETAIL COLOR R5-07.5 */
/* WEBSITE ENGINE — 14D.5 ROUND 5 — FOOTER DESKTOP COLUMN OFFSETS R5-14.3 */
@media (min-width: 901px) {
    body[data-system=modern] .site-footer [data-round5-footer-column="company"] {
        padding-left: 20px;
    }

    body[data-system=modern] .site-footer [data-round5-footer-column="contact"] {
        padding-left: 40px;
    }
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — FOOTER DESKTOP COLUMN OFFSETS R5-14.3 */


/* WEBSITE ENGINE — 14D.5 ROUND 5 — MATERIALS EXACT GEOMETRY R5-08 */

body[data-system=modern] #materialy-firmy .round2-material-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-system=modern] #materialy-firmy .round2-material-card {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body[data-system=modern] #materialy-firmy .round2-material-media {
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body[data-system=modern] #materialy-firmy .round2-material-media--document {
    background: transparent;
}

body[data-system=modern] #materialy-firmy .round2-material-media[data-round4-photo-ratio="4-3"] {
    height: auto;
    aspect-ratio: 4 / 3;
}

body[data-system=modern] #materialy-firmy .round2-material-media[data-round4-photo-ratio="3-4"] {
    height: auto;
    aspect-ratio: 3 / 4;
}

body[data-system=modern] #materialy-firmy .round2-material-media[data-round4-photo-ratio="a4-landscape"] {
    height: auto;
    aspect-ratio: 297 / 210;
}

body[data-system=modern] #materialy-firmy .round2-material-media[data-round4-photo-ratio="a4-portrait"] {
    height: auto;
    aspect-ratio: 210 / 297;
}

body[data-system=modern] #materialy-firmy .round2-material-media > .round2-lightbox-trigger {
    height: 100%;
    border-radius: 0;
}

body[data-system=modern] #materialy-firmy .round2-material-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 980px) {
    body[data-system=modern] #materialy-firmy .round2-material-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    body[data-system=modern] #materialy-firmy .round2-material-grid {
        grid-template-columns: 1fr;
    }
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — MATERIALS EXACT GEOMETRY R5-08 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — MATERIALS TARGET VISUAL R5-08.5 */

body[data-system=modern] #materialy-firmy .round2-material-grid {
    column-gap: 16px;
    row-gap: 38px;
    align-items: start;
}

body[data-system=modern] #materialy-firmy .round2-material-card {
    align-self: start;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body[data-system=modern] #materialy-firmy .round2-material-media {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body[data-system=modern] #materialy-firmy .round2-material-media > .round2-lightbox-trigger {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    background: #666666;
    box-shadow: none;
    overflow: hidden;
}

body[data-system=modern] #materialy-firmy .round2-material-media img {
    display: none;
}

body[data-system=modern] #materialy-firmy .round2-material-body {
    padding: 10px 12px 0;
}

@media (min-width: 981px) {
    body[data-system=modern] #materialy-firmy .round2-material-card:nth-child(4),
    body[data-system=modern] #materialy-firmy .round2-material-card:nth-child(5),
    body[data-system=modern] #materialy-firmy .round2-material-card:nth-child(6) {
        width: 75%;
        justify-self: center;
    }

    body[data-system=modern] #materialy-firmy .round2-material-card:nth-child(10),
    body[data-system=modern] #materialy-firmy .round2-material-card:nth-child(11),
    body[data-system=modern] #materialy-firmy .round2-material-card:nth-child(12) {
        width: 70.707071%;
        justify-self: center;
    }
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — MATERIALS TARGET VISUAL R5-08.5 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — MATERIALS GAP + LIGHTBOX SIZE R5-08.7 */

@media (min-width: 981px) {
    body[data-system=modern] #materialy-firmy .round2-material-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        column-gap: 16px;
        row-gap: 38px;
    }

    body[data-system=modern] #materialy-firmy .round2-material-card {
        flex: 0 0 calc((100% - 32px) / 3);
        width: calc((100% - 32px) / 3);
        max-width: calc((100% - 32px) / 3);
    }

    body[data-system=modern] #materialy-firmy .round2-material-card:nth-child(4),
    body[data-system=modern] #materialy-firmy .round2-material-card:nth-child(5),
    body[data-system=modern] #materialy-firmy .round2-material-card:nth-child(6) {
        flex-basis: calc((((100% - 32px) / 3) * 3) / 4);
        width: calc((((100% - 32px) / 3) * 3) / 4);
        max-width: calc((((100% - 32px) / 3) * 3) / 4);
    }

    body[data-system=modern] #materialy-firmy .round2-material-card:nth-child(10),
    body[data-system=modern] #materialy-firmy .round2-material-card:nth-child(11),
    body[data-system=modern] #materialy-firmy .round2-material-card:nth-child(12) {
        flex-basis: calc(((100% - 32px) / 3) / 1.41421356);
        width: calc(((100% - 32px) / 3) / 1.41421356);
        max-width: calc(((100% - 32px) / 3) / 1.41421356);
    }
}

body[data-system=modern] .round2-image-lightbox {
    width: fit-content;
    max-width: 94vw;
}

body[data-system=modern] .round2-image-lightbox img {
    display: block;
    object-fit: contain;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — MATERIALS GAP + LIGHTBOX SIZE R5-08.7 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — MATERIAL PLACEHOLDER LIGHTBOX R5-08.7C3 */

body[data-system=modern] .round2-image-lightbox[data-round5-materials-placeholder="true"] {
    width: fit-content;
    max-width: 94vw;
    padding: 52px 12px 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

body[data-system=modern] .round2-image-lightbox[data-round5-materials-placeholder="true"] .round2-image-lightbox-frame {
    width: fit-content;
    max-width: 100%;
    gap: 0;
    margin-inline: auto;
}

body[data-system=modern] .round2-image-lightbox[data-round5-materials-placeholder="true"] .round2-image-lightbox-image {
    display: block;
    border: 0;
    border-radius: 0;
    background: #666666;
    box-shadow: none;
}

body[data-system=modern] .round2-image-lightbox[data-round5-materials-placeholder="true"] .round2-image-lightbox-caption {
    display: none;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — MATERIAL PLACEHOLDER LIGHTBOX R5-08.7C3 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — EXACT 900PX MATERIAL LIGHTBOX R5-08.10 */

@media (min-width: 981px) and (min-height: 920px) {
    body[data-system=modern] .round2-image-lightbox[data-round5-materials-placeholder="true"] {
        max-height: none;
        padding: 0;
        overflow: visible;
    }

    body[data-system=modern] .round2-image-lightbox[data-round5-materials-placeholder="true"] .round2-image-lightbox-close {
        top: -18px;
        right: -18px;
    }

    body[data-system=modern] .round2-image-lightbox[data-round5-materials-placeholder="true"][data-round4-photo-ratio="4-3"] .round2-image-lightbox-image {
        width: 900px !important;
        height: 675px !important;
        max-width: none !important;
        max-height: none !important;
        aspect-ratio: 4 / 3 !important;
    }

    body[data-system=modern] .round2-image-lightbox[data-round5-materials-placeholder="true"][data-round4-photo-ratio="3-4"] .round2-image-lightbox-image {
        width: 675px !important;
        height: 900px !important;
        max-width: none !important;
        max-height: none !important;
        aspect-ratio: 3 / 4 !important;
    }

    body[data-system=modern] .round2-image-lightbox[data-round5-materials-placeholder="true"][data-round4-photo-ratio="a4-landscape"] .round2-image-lightbox-image {
        width: 900px !important;
        height: 636.3636363636px !important;
        max-width: none !important;
        max-height: none !important;
        aspect-ratio: 297 / 210 !important;
    }

    body[data-system=modern] .round2-image-lightbox[data-round5-materials-placeholder="true"][data-round4-photo-ratio="a4-portrait"] .round2-image-lightbox-image {
        width: 636.3636363636px !important;
        height: 900px !important;
        max-width: none !important;
        max-height: none !important;
        aspect-ratio: 210 / 297 !important;
    }
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — EXACT 900PX MATERIAL LIGHTBOX R5-08.10 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — CENTER MATERIAL LIGHTBOX R5-08.12A */

@media (min-width: 981px) and (min-height: 920px) {
    body[data-system=modern] .round2-image-lightbox[data-round5-materials-placeholder="true"] {
        position: fixed;
        inset: auto;
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        margin: 0;
        transform: translate(-50%, -50%);
    }
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — CENTER MATERIAL LIGHTBOX R5-08.12A */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — PORTFOLIO VISUAL R5-09.2 */

body[data-system=modern] #realizacje .round2-project-card {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body[data-system=modern] #realizacje .round2-project-media,
body[data-system=modern] #realizacje .round2-project-shot {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body[data-system=modern] #realizacje .round2-project-shot > .round2-lightbox-trigger {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #666666;
    box-shadow: none;
    overflow: hidden;
}

body[data-system=modern] #realizacje .round2-project-shot img {
    display: none;
}

body[data-system=modern] #realizacje .round2-project-meta,
body[data-system=modern] #realizacje .round2-project-scope {
    font-size: 1rem;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — PORTFOLIO VISUAL R5-09.2 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — PORTFOLIO TARGET R5-09.4B */

/* Same font size as existing portfolio h3 = 1.18rem. */
body[data-system=modern] #realizacje .round2-project-meta,
body[data-system=modern] #realizacje .round2-project-scope {
    font-size: 1.18rem;
}

/* Desktop: same visual principle as Firma od środka. */
@media (min-width: 981px) {
    body[data-system=modern] #realizacje .round3-project-row {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
        gap: 18px;
    }

    body[data-system=modern] #realizacje .round3-project-card--landscape {
        flex: 0 0 calc((100% - 36px) / 3);
        width: calc((100% - 36px) / 3);
        max-width: calc((100% - 36px) / 3);
    }

    body[data-system=modern] #realizacje .round3-project-card--portrait {
        flex: 0 0 calc((((100% - 36px) / 3) * 3) / 4);
        width: calc((((100% - 36px) / 3) * 3) / 4);
        max-width: calc((((100% - 36px) / 3) * 3) / 4);
    }
}

/* Portfolio lightbox: same plain gray presentation as materials. */
body[data-system=modern] .round2-image-lightbox[data-round5-portfolio-placeholder="true"] {
    width: fit-content;
    max-width: 94vw;
    padding: 52px 12px 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

body[data-system=modern] .round2-image-lightbox[data-round5-portfolio-placeholder="true"] .round2-image-lightbox-frame {
    width: fit-content;
    max-width: 100%;
    gap: 0;
    margin-inline: auto;
}

body[data-system=modern] .round2-image-lightbox[data-round5-portfolio-placeholder="true"] .round2-image-lightbox-image {
    display: block;
    border: 0;
    border-radius: 0;
    background: #666666;
    box-shadow: none;
}

body[data-system=modern] .round2-image-lightbox[data-round5-portfolio-placeholder="true"] .round2-image-lightbox-caption {
    display: none;
}

@media (min-width: 981px) and (min-height: 920px) {
    body[data-system=modern] .round2-image-lightbox[data-round5-portfolio-placeholder="true"] {
        position: fixed;
        inset: auto;
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        margin: 0;
        padding: 0;
        max-height: none;
        transform: translate(-50%, -50%);
        overflow: visible;
    }

    body[data-system=modern] .round2-image-lightbox[data-round5-portfolio-placeholder="true"] .round2-image-lightbox-close {
        top: -18px;
        right: -18px;
    }

    body[data-system=modern] .round2-image-lightbox[data-round5-portfolio-placeholder="true"][data-round4-photo-ratio="4-3"] .round2-image-lightbox-image {
        width: 900px !important;
        height: 675px !important;
        max-width: none !important;
        max-height: none !important;
        aspect-ratio: 4 / 3 !important;
    }

    body[data-system=modern] .round2-image-lightbox[data-round5-portfolio-placeholder="true"][data-round4-photo-ratio="3-4"] .round2-image-lightbox-image {
        width: 675px !important;
        height: 900px !important;
        max-width: none !important;
        max-height: none !important;
        aspect-ratio: 3 / 4 !important;
    }
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — PORTFOLIO TARGET R5-09.4B */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — PORTFOLIO TEXT RHYTHM R5-09.7 */

body[data-system=modern] #realizacje .round2-project-body {
    padding: 20px 0 0;
}

body[data-system=modern] #realizacje .round2-project-card h3 {
    margin: 0 0 8px;
}

body[data-system=modern] #realizacje .round2-project-meta {
    margin: 0 0 8px;
}

body[data-system=modern] #realizacje .round2-project-scope {
    margin: 0;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — PORTFOLIO TEXT RHYTHM R5-09.7 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — PORTFOLIO ROW GAP + SCOPE COPY R5-09.9B */

body[data-system=modern] #realizacje .round2-project-scope {
    margin: 0;
}

body[data-system=modern] #realizacje .round3-project-row {
    margin-top: 56px;
}

body[data-system=modern] #realizacje .round3-project-row:first-child {
    margin-top: 0;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — PORTFOLIO ROW GAP + SCOPE COPY R5-09.9B */


/* WEBSITE ENGINE — 14D.5 ROUND 5 — CENTER MATERIAL LABELS R5-08.1B */

body[data-system=modern] #materialy-firmy .round2-material-body {
    text-align: center;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — CENTER MATERIAL LABELS R5-08.1B */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — TARGET TYPOGRAPHY R5-TYPO.1B */

/* Same size as ordinary service-card copy. */
body[data-system=modern] #uslugi .service-minimum-job-requirement {
    font-size: var(--we-visible-text-floor);
}

/* Same size as portfolio title: Nazwa lub rodzaj realizacji. */
body[data-system=modern] #materialy-firmy .round2-material-body h3 {
    font-size: 1.18rem;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — TARGET TYPOGRAPHY R5-TYPO.1B */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — SERVICE NOTE OPTICAL CORRECTION R5-TYPO.1G */

body[data-system=modern] #uslugi .service-minimum-job-requirement {
    font-size: 1.10rem;
    line-height: 1.55;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — SERVICE NOTE OPTICAL CORRECTION R5-TYPO.1G */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — PROJECT META EXACT CENTER R5-TYPO.2D */

body[data-system=modern] #realizacje .round2-project-card h3 {
    margin-bottom: 10.5px;
}

body[data-system=modern] #realizacje .round2-project-meta {
    margin-bottom: 5.5px;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — PROJECT META EXACT CENTER R5-TYPO.2D */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — PROJECT META SCREEN CALIBRATION R5-TYPO.2H */

body[data-system=modern] #realizacje .round2-project-card h3 {
    margin-bottom: 9px;
}

body[data-system=modern] #realizacje .round2-project-meta {
    margin-bottom: 7px;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — PROJECT META SCREEN CALIBRATION R5-TYPO.2H */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — PROJECT META 9.5PX 6.5PX R5-TYPO.2L */

body[data-system=modern] #realizacje .round2-project-card h3 {
    margin-bottom: 9.5px;
}

body[data-system=modern] #realizacje .round2-project-meta {
    margin-bottom: 6.5px;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — PROJECT META 9.5PX 6.5PX R5-TYPO.2L */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — PROJECT META 9.25PX 6.75PX R5-TYPO.2P */

body[data-system=modern] #realizacje .round2-project-card h3 {
    margin-bottom: 9.25px;
}

body[data-system=modern] #realizacje .round2-project-meta {
    margin-bottom: 6.75px;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — PROJECT META 9.25PX 6.75PX R5-TYPO.2P */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — PROJECT META 9.375PX 6.625PX R5-TYPO.2T */

body[data-system=modern] #realizacje .round2-project-card h3 {
    margin-bottom: 9.375px;
}

body[data-system=modern] #realizacje .round2-project-meta {
    margin-bottom: 6.625px;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — PROJECT META 9.375PX 6.625PX R5-TYPO.2T */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — SELECTED TEXT EMAIL COLOR R5-COLOR.1B */

body[data-system=modern] .hero-proof > .round4-microcopy-plus20,
body[data-system=modern] .round2-about-intro > .lead,
body[data-system=modern] .round2-materials-intro > .lead,
body[data-system=modern] .section-intro[data-pg-name="Usługi — wprowadzenie"] > .lead,
body[data-system=modern] #uslugi .service-minimum-job-requirement,
body[data-system=modern] .card-grid[data-pg-name="Opinie — karty"] .service-card blockquote p,
body[data-system=modern] .card-grid[data-pg-name="Opinie — karty"] .service-card > p,
body[data-system=modern] .card-grid[data-pg-name="Opinie — karty"] .service-card > p a,
body[data-system=modern] .round2-video-grid > .video-card > p,
body[data-system=modern] [data-pg-name="Zapytanie — opis"],
body[data-system=modern] .site-footer .footer-bottom,
body[data-system=modern] .form-heading > div > span,
body[data-system=modern] #contact-method-help > span,
body[data-system=modern] #attachments-help {
    color: var(--we-text);
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — SELECTED TEXT EMAIL COLOR R5-COLOR.1B */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — SERVICE DESCRIPTIONS EMAIL COLOR R5-COLOR.2B */

body[data-system=modern] #uslugi .round2-service-card > p {
    color: var(--we-text);
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — SERVICE DESCRIPTIONS EMAIL COLOR R5-COLOR.2B */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — REVIEW QUOTE ITALIC STYLE R5-REVIEWS.1I */

body[data-system=modern] .card-grid[data-pg-name="Opinie — karty"] .service-card blockquote p {
    font-style: italic;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — REVIEW QUOTE ITALIC STYLE R5-REVIEWS.1I */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — CONTACT EYEBROW SIZE R5-LAYOUT.1B */

body[data-system=modern] #zapytanie .contact-copy > .eyebrow {
    font-size: 2rem;
    line-height: 1.2;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — CONTACT EYEBROW SIZE R5-LAYOUT.1B */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — HERO PROOF GAP R5-LAYOUT.1F */

body[data-system=modern] .hero-proof {
    column-gap: 14px;
    row-gap: 6px;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — HERO PROOF GAP R5-LAYOUT.1F */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — COMPANY PROOF TEXT SIZE R5-LAYOUT.1J */

body[data-system=modern] .round2-about .about-points[data-website-engine-generated="company-proof"] > span {
    font-size: 1.2rem;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — COMPANY PROOF TEXT SIZE R5-LAYOUT.1J */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — REMOVE HERO SHOWCASE CIRCLE R5-11.4 */

body[data-system=modern] .hero-showcase--modern::before {
    display: none;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — REMOVE HERO SHOWCASE CIRCLE R5-11.4 */
/* WEBSITE ENGINE — 14D.5 ROUND 5 — TABLET HERO SERVICES DENSITY R5-14.9 */
@media (min-width: 761px) and (max-width: 900px) {
    body[data-system=modern] .round2-hero-showcase {
        min-height: 288px;
        padding: 24px;
        gap: 16px;
    }

    body[data-system=modern] .round2-hero-showcase-title {
        font-size: 1rem;
    }

    body[data-system=modern] .round2-hero-service {
        padding: 20px;
    }

    body[data-system=modern] .round2-hero-service strong {
        font-size: 1.2rem;
    }

    body[data-system=modern] .round2-hero-service--primary strong {
        font-size: 1.5rem;
    }
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — TABLET HERO SERVICES DENSITY R5-14.9 */
/* WEBSITE ENGINE — 14D.5 ROUND 5 — MOBILE HERO + PORTFOLIO RHYTHM R5-14.14 */
@media (max-width: 620px) {
    body[data-system=modern] .round2-hero-showcase {
        padding: 20px;
        gap: 14px;
    }

    body[data-system=modern] .round2-hero-showcase-title {
        font-size: 1rem;
    }

    body[data-system=modern] .round2-hero-service {
        min-height: 96px;
        padding: 18px;
    }

    body[data-system=modern] .round2-hero-service--primary {
        min-height: 112px;
    }

    body[data-system=modern] .round2-hero-service strong {
        font-size: 1.18rem;
    }

    body[data-system=modern] .round2-hero-service--primary strong {
        font-size: 1.45rem;
    }

    body[data-system=modern] #realizacje .round3-project-row--two,
    body[data-system=modern] #realizacje .round3-project-row--three {
        row-gap: 56px;
    }
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — MOBILE HERO + PORTFOLIO RHYTHM R5-14.14 */
/* WEBSITE ENGINE — 14D.5 ROUND 5 — PORTFOLIO 621-980 WRAP GAP R5-14.24 */
@media (min-width: 621px) and (max-width: 980px) {
    body[data-system=modern] #realizacje .round3-project-row--three {
        row-gap: 56px;
    }
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — PORTFOLIO 621-980 WRAP GAP R5-14.24 */
/* WEBSITE ENGINE — 14D.5 ROUND 5 — GLOBAL ABOUT HEADING LINE-HEIGHT 1.22 R5-14.38 */
body[data-system=modern] .round2-about-intro h2 {
    max-width: 100%;
    text-wrap: wrap;
    line-height: 1.22;
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — GLOBAL ABOUT HEADING LINE-HEIGHT 1.22 R5-14.38 */
/* WEBSITE ENGINE — 14D.5 ROUND 5 — SECTION INTRO CONTAINED WIDTH R5-14.51 */

/*
   Ordinary section intros must remain inside the normal page container.
   No viewport-edge expansion is allowed.
*/

body[data-system=modern] .section-intro {
    width: 100%;
    max-width: none;
}

body[data-system=modern] .section-intro h2 {
    width: 100%;
    max-width: none;
    text-wrap: wrap;
}

body[data-system=modern] .round2-about-intro {
    max-width: none;
}

body[data-system=modern] #materialy-firmy .round2-materials-intro {
    max-width: none;
}

body[data-system=modern] #materialy-firmy .round2-materials-intro h2 {
    max-width: none;
}

body[data-system=modern] #realizacje .section-intro h2 {
    white-space: normal;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — SECTION INTRO CONTAINED WIDTH R5-14.51 */
/* WEBSITE ENGINE — 14D.5 ROUND 5 — GLOBAL HERO PROOF FIRST-LINE BULLET R5-14.78 */
body[data-system=modern] .hero-proof > span {
    align-items: flex-start;
}

body[data-system=modern] .hero-proof > span::before {
    flex: 0 0 6px;
    margin-top: 0.62em;
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — GLOBAL HERO PROOF FIRST-LINE BULLET R5-14.78 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — FORM LABEL WEIGHT MATCH R5-11.13 */

body[data-system=modern] #zapytanie .inquiry-form .field-label {
    font-weight: 700;
    letter-spacing: normal;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — FORM LABEL WEIGHT MATCH R5-11.13 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — CONTACT DATA HEADING MATCH R5-11.17 */

body[data-system=modern] #zapytanie .inquiry-form .form-group-heading > strong {
    font-family: var(--we-font-body);
    font-size: var(--we-visible-text-floor);
    font-weight: 700;
    letter-spacing: normal;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — CONTACT DATA HEADING MATCH R5-11.17 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — FOOTER SCROLL TO TOP R5-11.26 */

body[data-system=modern] .site-footer .footer-bottom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    justify-content: initial;
    column-gap: 16px;
    text-align: center;
}

body[data-system=modern] .site-footer .footer-bottom > span {
    grid-column: 2;
    justify-self: center;
    align-self: center;
}

body[data-system=modern] .site-footer .round5-scroll-to-top {
    position: static;
    grid-column: 3;
    justify-self: end;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: var(--we-text);
    color: #ffffff;
    box-shadow: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

body[data-system=modern] .site-footer .round5-scroll-to-top:hover {
    transform: translateY(-2px);
}

body[data-system=modern] .site-footer .round5-scroll-to-top:focus-visible {
    outline: 3px solid var(--we-primary);
    outline-offset: 3px;
}

@media (max-width: 620px) {
    body[data-system=modern] .site-footer .footer-bottom {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        column-gap: 8px;
    }

    body[data-system=modern] .site-footer .round5-scroll-to-top {
        width: 38px;
        height: 38px;
        font-size: 1.2rem;
    }
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — FOOTER SCROLL TO TOP R5-11.26 */
/* WEBSITE ENGINE — 14D.5 ROUND 5 — PORTFOLIO KEYBOARD FOCUS R5-11.41 */

body[data-system=modern] #realizacje .round2-project-card:focus-within,
body[data-system=modern] #realizacje .round2-project-shot:focus-within {
    overflow: visible;
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — PORTFOLIO KEYBOARD FOCUS R5-11.41 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — TABLET LANDSCAPE TWO-COLUMN HERO R5-14.74 */
@media (min-width: 800px) and (max-width: 900px) and (orientation: landscape) {
    body[data-system=modern] .page--compact > .hero .hero-grid {
        grid-template-columns: minmax(0, 0.92fr) minmax(380px, 1.08fr);
        gap: clamp(20px, 3vw, 28px);
        align-items: center;
    }
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — TABLET LANDSCAPE TWO-COLUMN HERO R5-14.74 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — UNIFIED HERO RESPONSIVE DENSITY R5-14.84 */

/* Small desktop: preserve two-column composition, improve readability. */
@media (min-width: 901px) and (max-width: 1199px) {
    body[data-system=modern] .round2-hero-showcase-title {
        font-size: 1rem;
    }

    body[data-system=modern] .round2-hero-service strong {
        font-size: 1.2rem;
    }

    body[data-system=modern] .round2-hero-service--primary strong {
        font-size: 1.5rem;
    }
}

/* One-column showcase: use width efficiently and remove artificial empty height. */
@media (max-width: 760px) {
    body[data-system=modern] .round2-hero-showcase {
        min-height: 0;
        padding: 18px;
        gap: 12px;
    }

    body[data-system=modern] .round2-hero-showcase-title {
        font-size: 1rem;
    }

    body[data-system=modern] .round2-hero-services,
    body[data-system=modern] .round2-hero-service-stack {
        gap: 10px;
    }

    body[data-system=modern] .round2-hero-service {
        min-height: 72px;
        padding: 16px;
    }

    body[data-system=modern] .round2-hero-service--primary {
        min-height: 80px;
    }

    body[data-system=modern] .round2-hero-service strong {
        max-width: none;
        font-size: 1.2rem;
    }

    body[data-system=modern] .round2-hero-service--primary strong {
        font-size: 1.5rem;
    }
}

/* Phone: same typography, slightly tighter geometry only. */
@media (max-width: 620px) {
    body[data-system=modern] .round2-hero-showcase {
        padding: 16px;
        gap: 12px;
    }

    body[data-system=modern] .round2-hero-service {
        min-height: 68px;
        padding: 14px;
    }

    body[data-system=modern] .round2-hero-service--primary {
        min-height: 76px;
    }
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — UNIFIED HERO RESPONSIVE DENSITY R5-14.84 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — UNIFIED SECTION RHYTHM R5-14.96 */

body[data-system=modern] .page--compact {
    --round5-section-rhythm-y: clamp(30px, 3.15vw, 42px);
}

/* All top-level content sections use exactly the same vertical edge rhythm. */
body[data-system=modern] .page--compact > .section {
    padding-block: var(--round5-section-rhythm-y);
}

/*
 * Wideo contains two visually separate titled groups inside one HTML section.
 * Two equal halves reproduce the same boundary rhythm as two neighbouring
 * top-level sections: previous bottom edge + next top edge.
 */
body[data-system=modern] #wideo .round2-video-group + .round2-video-group {
    margin-top: var(--round5-section-rhythm-y);
    padding-top: var(--round5-section-rhythm-y);
}

/* 34px × 0.75 = 25.5px; use the stable whole-pixel value 26px. */
@media (max-width: 620px) {
    body[data-system=modern] .page--compact {
        --round5-section-rhythm-y: 26px;
    }
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — UNIFIED SECTION RHYTHM R5-14.96 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — TABLET HERO NO ARTIFICIAL WRAP R5-14.101 */

@media (min-width: 761px) and (max-width: 900px) {
    body[data-system=modern] .round2-hero-service strong {
        max-width: none;
    }
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — TABLET HERO NO ARTIFICIAL WRAP R5-14.101 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — INTRO IMAGE + HERO BOTTOM RHYTHM R5-14.108 */

/*
 * Firma od środka + Przykładowe realizacje:
 * 28px × 0.75 = 21px.
 */
body[data-system=modern] #materialy-firmy .round2-materials-intro,
body[data-system=modern] #realizacje .section-intro {
    margin-bottom: 21px;
}

/*
 * HERO -> first content section:
 * reduce only the HERO bottom edge.
 * The already-approved unified top-level section rhythm remains untouched.
 */
@media (max-width: 620px) {
    body[data-system=modern] .page--compact > .hero .hero-grid {
        padding-bottom: 29px;
    }

    /*
     * Previous effective mobile intro gap: 24px.
     * 24px × 0.75 = 18px.
     */
    body[data-system=modern] #materialy-firmy .round2-materials-intro,
    body[data-system=modern] #realizacje .section-intro {
        margin-bottom: 18px;
    }
}

@media (min-width: 621px) {
    body[data-system=modern] .page--compact > .hero .hero-grid {
        padding-bottom: clamp(32px, 3.75vw, 44px);
    }
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — INTRO IMAGE + HERO BOTTOM RHYTHM R5-14.108 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — TRUE HERO TO ABOUT TOTAL GAP R5-14.115 */

/*
 * R5-14.108 reduced the HERO bottom edge by about 25%.
 * Reduce only the TOP edge of the first content section by the same factor.
 *
 * Unified section top:
 *   clamp(30px, 3.15vw, 42px)
 *
 * 75%:
 *   clamp(22.5px, 2.3625vw, 31.5px)
 *
 * Bottom padding of #o-firmie remains on the normal shared section rhythm.
 */
@media (min-width: 621px) {
    body[data-system=modern] #o-firmie {
        padding-top: clamp(22.5px, 2.3625vw, 31.5px);
        scroll-margin-top: calc(0px - clamp(22.5px, 2.3625vw, 31.5px));
    }
}

/*
 * Mobile unified section top is 26px.
 * 26px × 0.75 = 19.5px.
 */
@media (max-width: 620px) {
    body[data-system=modern] #o-firmie {
        padding-top: 19.5px;
        scroll-margin-top: -19.5px;
    }
}

/* END WEBSITE ENGINE — 14D.5 ROUND 5 — TRUE HERO TO ABOUT TOTAL GAP R5-14.115 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — WCAG 1.4.3 ACCESSIBLE ACCENT TEXT R5-WCAG-09B */
/*
 * Keep --we-accent unchanged for decorative brand accents.
 * Small informative sequence text needs >= 4.5:1 contrast.
 */
body[data-system=modern] {
    --we-accent-text: #7a5a18;
}

body[data-system=modern] #uslugi .service-card .number,
body[data-system=modern] #proces .process-step > span {
    color: var(--we-accent-text);
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — WCAG 1.4.3 ACCESSIBLE ACCENT TEXT R5-WCAG-09B */
/* WEBSITE ENGINE — R5-WCAG-10H — SC 1.4.4 MOBILE TEXT RESIZE */
@media (max-width: 620px) {
    /*
     * Header:
     * never truncate the company name when text is enlarged.
     * At normal text size the row remains unchanged whenever it fits.
     */
    body[data-system=modern] .header-inner {
        flex-wrap: wrap;
    }

    body[data-system=modern] .brand {
        flex: 1 1 auto;
        min-width: min-content;
        white-space: normal;
    }

    body[data-system=modern] .brand > span:last-child {
        min-width: 0;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    /*
     * HERO:
     * a plain 1fr grid track has an automatic intrinsic minimum.
     * Under enlarged text this allowed the single mobile column to
     * grow wider than its container and the HERO then clipped it.
     */
    body[data-system=modern] .page--compact > .hero .hero-grid {
        grid-template-columns: minmax(0, 1fr);
        min-width: 0;
    }

    body[data-system=modern] .page--compact > .hero .hero-grid > *,
    body[data-system=modern] .page--compact > .hero .round2-hero-showcase,
    body[data-system=modern] .page--compact > .hero .round2-hero-services,
    body[data-system=modern] .page--compact > .hero .round2-hero-service-stack,
    body[data-system=modern] .page--compact > .hero .round2-hero-service {
        min-width: 0;
        max-width: 100%;
    }

    body[data-system=modern] .page--compact > .hero .round2-hero-services,
    body[data-system=modern] .page--compact > .hero .round2-hero-service-stack {
        grid-template-columns: minmax(0, 1fr);
    }

    body[data-system=modern] .page--compact > .hero h1,
    body[data-system=modern] .page--compact > .hero .hero-lead,
    body[data-system=modern] .page--compact > .hero .round4-microcopy-plus20,
    body[data-system=modern] .page--compact > .hero .round2-hero-showcase-title,
    body[data-system=modern] .page--compact > .hero .round2-hero-service strong {
        overflow-wrap: anywhere;
    }
}
/* END WEBSITE ENGINE — R5-WCAG-10H — SC 1.4.4 MOBILE TEXT RESIZE */
/* WEBSITE ENGINE — R5-WCAG-11E — SC 1.4.11 FORM CONTROL BOUNDARY CONTRAST */
body[data-system=modern] :where(
    .inquiry-form input:not([type="file"]):not([name="website"]),
    .inquiry-form select,
    .inquiry-form textarea
) {
    border-color: color-mix(in srgb,var(--we-primary) 40%,var(--we-border));
}
/* END WEBSITE ENGINE — R5-WCAG-11E — SC 1.4.11 FORM CONTROL BOUNDARY CONTRAST */
/* WEBSITE ENGINE — R5-WCAG-12D — SC 1.4.12 FORM LABEL WRAP */
body[data-system=modern] #zapytanie .inquiry-form .field-label {
    flex-wrap: wrap;
}
/* END WEBSITE ENGINE — R5-WCAG-12D — SC 1.4.12 FORM LABEL WRAP */
/* WEBSITE ENGINE — R5-WCAG-14L-F1 — SC 2.4.5 FOOTER PRIVACY LINK */
body[data-system=modern] .site-footer .round5-footer-privacy {
    grid-column: 1;
    justify-self: start;
    align-self: center;
    min-width: 0;
    max-width: 100%;
    color: inherit;
    text-align: left;
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}
/* END WEBSITE ENGINE — R5-WCAG-14L-F1 — SC 2.4.5 FOOTER PRIVACY LINK */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — USER VISUAL CORRECTIONS R5-16B.4 */
/* Wider contact form: approximately +5–10% on wide desktop,
   without content-specific line breaks in labels. */
@media (min-width: 1100px) {
    body[data-system=modern] #zapytanie .contact-grid {
        grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
        gap: clamp(40px, 6vw, 84px);
    }

    /* The current reviewed version already has 20px / 40px
       internal desktop offsets. These transforms implement the
       user's requested additional movement relative to that
       exact reviewed rendering without narrowing the columns. */
    body[data-system=modern] .site-footer [data-round5-footer-column="company"] {
        transform: translateX(23px);
    }

    body[data-system=modern] .site-footer [data-round5-footer-column="contact"] {
        transform: translateX(40px);
    }
}
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — USER VISUAL CORRECTIONS R5-16B.4 */

/* WEBSITE ENGINE — 14D.5 ROUND 5 — USLUGI ANCHOR VISUAL ALIGNMENT R5-16B.6 */
/* Usługi needs approximately 20px more visible space above
   its heading than the shared section-anchor baseline.
   O firmie remains unchanged. */
/* WEBSITE ENGINE - 14D.5 - DESKTOP ANCHOR ALIGNMENT R5-16B.92.4 */
/* Desktop: remove the extra 20px anchor offset for Usługi. */
/* Does not change section spacing or mobile/tablet behavior. */
@media (min-width: 901px) {
    body[data-system=modern] #uslugi {
        scroll-margin-top: calc(0px - var(--round5-section-rhythm-y));
    }
}
/* END WEBSITE ENGINE - 14D.5 - DESKTOP ANCHOR ALIGNMENT R5-16B.92.4 */
/* END WEBSITE ENGINE — 14D.5 ROUND 5 — USLUGI ANCHOR VISUAL ALIGNMENT R5-16B.6 */

/* WEBSITE ENGINE — 14D.5 — FURNITURE WARM VISUAL BASE R5-16B.11 */
/* Warm premium base for made-to-measure furniture.
   Core contrast-sensitive Website Engine tokens remain unchanged.
   Oak and olive tokens are prepared now and applied selectively later. */
body[data-system=modern] {
    --we-furniture-bg: #f7f5f1;
    --we-furniture-surface: #f1ede6;
    --we-furniture-oak: #a77b4f;
    --we-furniture-olive: #39433e;
    background-color: var(--we-furniture-bg);
}
/* END WEBSITE ENGINE — 14D.5 — FURNITURE WARM VISUAL BASE R5-16B.11 */

/* WEBSITE ENGINE — 14D.5 — FURNITURE OAK HERO PROOF ACCENT R5-16B.13 */
/* Decorative only: geometry and text colors remain unchanged. */
body[data-system=modern] .hero-proof > span::before {
    background-color: var(--we-furniture-oak);
}
/* END WEBSITE ENGINE — 14D.5 — FURNITURE OAK HERO PROOF ACCENT R5-16B.13 */

/* WEBSITE ENGINE — 14D.5 — COMPLETE FURNITURE VISUAL PACKAGE R5-16B.15 */

/*
   Made-to-measure furniture visual direction.
   No semantic HTML, form behaviour, dimensions or navigation are changed.
*/

/* A. HERO — subtle cabinetry/front geometry behind the visual side. */
body[data-system=modern] .hero-grid {
    position: relative;
    isolation: isolate;
}

body[data-system=modern] .hero-grid > * {
    position: relative;
    z-index: 1;
}

@media (min-width: 901px) {
    body[data-system=modern] .hero-grid::before {
        content: "";
        position: absolute;
        z-index: 0;
        top: clamp(22px, 3vw, 44px);
        right: 0;
        bottom: clamp(22px, 3vw, 44px);
        left: 52%;
        pointer-events: none;
        border-radius: 28px;
        background-color: rgba(241, 237, 230, 0.42);
        background-image:
            linear-gradient(to right, rgba(167, 123, 79, 0.12) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(57, 67, 62, 0.07) 1px, transparent 1px);
        background-size: 76px 100%, 100% 84px;
        box-shadow: inset 0 0 0 1px rgba(167, 123, 79, 0.10);
    }
}

/* B. HERO — olive premium showcase with a restrained oak inner edge. */
body[data-system=modern] .hero-showcase--modern {
    background: var(--we-furniture-olive);
    box-shadow:
        0 22px 54px rgba(57, 67, 62, 0.16),
        inset 0 0 0 1px rgba(167, 123, 79, 0.30);
}

/* C. ABOUT — repeat olive only on the existing dark information panel. */
body[data-system=modern] .about-panel {
    background: var(--we-furniture-olive);
}

/* D. MATERIALS + CONTACT — warm interior-like section bands. */
body[data-system=modern] #materialy-firmy,
body[data-system=modern] #zapytanie {
    background-color: var(--we-furniture-surface);
}

/* E. SERVICES — a 3px oak furniture-detail line without geometry changes. */
body[data-system=modern] #uslugi .service-card {
    background-image:
        linear-gradient(var(--we-furniture-oak), var(--we-furniture-oak));
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 3px;
}

/* F. FOOTER — preserve accepted layout, warm only the separator. */
body[data-system=modern] .site-footer {
    border-top-color: rgba(167, 123, 79, 0.55);
}

/* END WEBSITE ENGINE — 14D.5 — COMPLETE FURNITURE VISUAL PACKAGE R5-16B.15 */

/* WEBSITE ENGINE - 14D.5 - MODERN MAX MEBLE NA WYMIAR - VISUAL PACKAGE V1 */

/*
   PALETTE
   #EBE6DE - hero + footer
   #F7F5F1 - all sections between hero and footer
   #E3E4E6 - selected cards
   #3E4046 - primary dark furniture accent
*/

body[data-system=modern] {
    --we-furniture-frame: #ebe6de;
    --we-furniture-page: #f7f5f1;
    --we-furniture-card: #E3E4E6;
    --we-furniture-charcoal: #3e4046;
}

/* A. HERO + FOOTER FRAME */

body[data-system=modern] .page--compact > .hero {
    background: var(--we-furniture-frame);
    isolation: isolate;
}

body[data-system=modern] .site-footer {
    background: var(--we-furniture-frame);
    color: var(--we-text);
    border-top-color: rgba(62, 64, 70, 0.20);
}

/* B. ONE CALM BACKGROUND FOR EVERY MAIN SECTION */

body[data-system=modern] .page--compact > .section,
body[data-system=modern] #o-firmie,
body[data-system=modern] #materialy-firmy,
body[data-system=modern] #uslugi,
body[data-system=modern] #realizacje,
body[data-system=modern] #opinie,
body[data-system=modern] #wideo,
body[data-system=modern] #proces,
body[data-system=modern] #zapytanie {
    background-color: var(--we-furniture-page);
}

/* C. REMOVE PREVIOUS HERO CIRCLE / GEOMETRIC DECORATIONS */

body[data-system=modern] .page--compact > .hero::before,
body[data-system=modern] .hero-grid::before,
body[data-system=modern] .hero-showcase--modern::before {
    content: none;
    display: none;
}

/* D. SUBTLE WOOD-GRAIN MOTIF ON THE RIGHT SIDE OF HERO */

body[data-system=modern] .page--compact > .hero::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: -54px;
    right: -88px;
    width: 620px;
    height: 620px;
    pointer-events: none;
    opacity: 0.88;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 620'%3E%3Cg fill='none' stroke='%239B7758' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-width='3.2' d='M513 34c47-2 90 7 126 24 36 17 66 44 83 76 17 32 21 71 10 106-11 35-35 67-68 91-32 24-73 42-116 50-43 8-89 7-128-4-40-11-74-32-97-59-24-28-36-63-33-98 4-35 22-69 49-98 28-29 67-52 109-68 22-8 44-14 65-20z'/%3E%3Cpath stroke-width='2.6' d='M511 69c40-2 77 5 109 19 31 14 57 37 72 64 15 28 18 61 9 90-9 29-30 55-58 76-29 20-65 36-104 43-38 8-79 7-115-2-35-10-65-28-86-51-21-24-31-54-29-83 3-30 18-58 42-82 24-24 58-44 95-58 20-8 40-12 65-16z'/%3E%3Cpath stroke-width='3.9' d='M509 106c35-1 67 4 94 15 27 11 49 29 62 51 13 22 16 49 8 73-8 24-25 46-49 63-24 18-55 31-87 38-33 7-68 6-98-2-30-8-55-22-73-41-18-19-27-43-24-67 2-24 15-47 35-66 21-20 49-36 81-47 17-6 34-11 51-17z'/%3E%3Cpath stroke-width='2.8' d='M507 144c29-1 55 3 77 12 22 8 40 22 50 39 11 17 14 39 7 58-6 20-20 38-40 52-20 14-45 25-72 31-27 5-56 5-80-2-24-6-44-18-58-33-14-15-21-34-19-53 2-19 12-37 28-52 17-15 39-28 64-36 14-4 28-8 43-16z'/%3E%3Cpath stroke-width='4.1' d='M506 183c22-1 41 2 58 8 16 7 29 18 37 31 8 13 10 29 5 44-5 14-15 27-30 38-15 11-34 19-54 24-21 4-42 4-61-1-18-5-33-14-44-25-10-12-15-26-13-41 1-14 9-28 21-40 13-11 31-21 50-28 10-4 20-6 31-10z'/%3E%3Cpath stroke-width='2.5' d='M505 221c16-1 29 1 40 5 11 5 20 12 26 21 5 9 6 20 3 31-4 10-11 20-21 27-10 8-23 14-36 17-14 3-29 3-41-1-13-3-24-10-31-18-7-9-10-19-9-29 1-11 6-21 16-30 9-8 21-15 35-19 6-2 12-4 18-4z'/%3E%3Cpath stroke-width='3.7' d='M503 257c9 0 18 2 24 5 6 3 11 8 14 13 3 6 4 13 2 20-2 7-7 13-13 18-7 5-15 9-24 11-9 2-19 2-27 0-8-3-14-7-18-13-5-5-6-12-5-18 1-7 4-13 10-18 6-5 13-9 22-13 4-2 8-4 15-5z'/%3E%3Cpath stroke-width='2.9' d='M502 291c6 0 10 1 14 3 4 2 6 5 8 8 2 4 2 8 1 12-1 4-4 8-8 11-4 3-9 6-14 7-5 2-11 2-16 0-5-1-8-4-11-8-2-3-3-7-2-11 1-4 3-8 7-11 4-3 8-5 12-7 3-2 5-4 9-4z'/%3E%3C/g%3E%3C/svg%3E");
}

body[data-system=modern] .page--compact > .hero .hero-grid {
    position: relative;
    z-index: 1;
}

/* E. HERO RIGHT PANEL - CHARCOAL BASE WITH A RESTRAINED GRADIENT */

body[data-system=modern] .hero-showcase--modern {
    background:
        linear-gradient(
            145deg,
            #4a4c52 0%,
            #3e4046 52%,
            #35373c 100%
        );
    color: #ffffff;
    box-shadow:
        0 22px 54px rgba(62, 64, 70, 0.18),
        inset 0 0 0 1px rgba(255, 255, 255, 0.11);
}

/* F. ALL EXISTING DARK CTA BUTTONS USE ONE CHARCOAL */

body[data-system=modern] .button:not(.button--secondary),
body[data-system=modern] #zapytanie .inquiry-form button[type="submit"],
body[data-system=modern] .site-footer .round5-scroll-to-top {
    background: var(--we-furniture-charcoal);
    border-color: var(--we-furniture-charcoal);
    color: #ffffff;
}

body[data-system=modern] .button:not(.button--secondary):hover,
body[data-system=modern] #zapytanie .inquiry-form button[type="submit"]:hover,
body[data-system=modern] .site-footer .round5-scroll-to-top:hover {
    background: var(--we-furniture-charcoal);
    border-color: var(--we-furniture-charcoal);
}

/* G. TWO HERO BULLETS */

body[data-system=modern] .hero-proof > span::before {
    background: var(--we-furniture-charcoal);
}

/* H. ABOUT - EXISTING WHITE COMPANY-PROOF BOXES */

body[data-system=modern] .round2-about .about-points[data-website-engine-generated="company-proof"] > span,
body[data-system=modern] #o-firmie .about-panel--light {
    background:
        linear-gradient(
            145deg,
            #c2c2c8 0%,
            #E3E4E6 58%,
            #b4b4ba 100%
        );
    border-color: rgba(62, 64, 70, 0.20);
    color: var(--we-text);
}

/* I. SERVICES - B9B9BF CARDS + EXACTLY ONE TOP LINE */

body[data-system=modern] #uslugi .service-card {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.14) 0%,
            rgba(255, 255, 255, 0) 44%,
            rgba(62, 64, 70, 0.035) 100%
        ),
        var(--we-furniture-card);
    border-top: 2px solid var(--we-furniture-charcoal);
    color: var(--we-text);
}

/* Three most important services receive the stronger line. */

body[data-system=modern] #uslugi .service-card:nth-child(-n+3) {
    border-top-width: 6px;
}

/* J. VIDEO CARDS - B9B9BF; EXISTING TOP-ACCENT SHAPE STAYS */

body[data-system=modern] #wideo .video-card {
    background-color: var(--we-furniture-card);
    border-top-color: var(--we-furniture-charcoal);
    color: var(--we-text);
}

/* K. REVIEWS + VIDEO - PRESERVE CURRENT ACCENT GEOMETRY, CHANGE COLOR ONLY */

body[data-system=modern] #opinie .service-card,
body[data-system=modern] #wideo .video-card {
    border-top-color: var(--we-furniture-charcoal);
}

/* L. LIGHT FOOTER REQUIRES DARK TEXT */

body[data-system=modern] .site-footer,
body[data-system=modern] .site-footer p,
body[data-system=modern] .site-footer li,
body[data-system=modern] .site-footer strong,
body[data-system=modern] .site-footer a,
body[data-system=modern] .site-footer .footer-brand,
body[data-system=modern] .site-footer .footer-address,
body[data-system=modern] .site-footer .round2-footer-services li,
body[data-system=modern] .site-footer .round5-footer-heading {
    color: var(--we-text);
}

body[data-system=modern] .site-footer .footer-bottom {
    color: var(--we-muted);
    border-top-color: rgba(62, 64, 70, 0.20);
}

body[data-system=modern] .site-footer .round5-scroll-to-top {
    color: #ffffff;
}

/* M. MOBILE - KEEP WOOD GRAIN QUIET BEHIND STACKED HERO */

@media (max-width: 760px) {
    body[data-system=modern] .page--compact > .hero::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: -54px;
    right: -88px;
    width: 620px;
    height: 620px;
    pointer-events: none;
    opacity: 0.88;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 620'%3E%3Cg fill='none' stroke='%239B7758' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-width='3.2' d='M513 34c47-2 90 7 126 24 36 17 66 44 83 76 17 32 21 71 10 106-11 35-35 67-68 91-32 24-73 42-116 50-43 8-89 7-128-4-40-11-74-32-97-59-24-28-36-63-33-98 4-35 22-69 49-98 28-29 67-52 109-68 22-8 44-14 65-20z'/%3E%3Cpath stroke-width='2.6' d='M511 69c40-2 77 5 109 19 31 14 57 37 72 64 15 28 18 61 9 90-9 29-30 55-58 76-29 20-65 36-104 43-38 8-79 7-115-2-35-10-65-28-86-51-21-24-31-54-29-83 3-30 18-58 42-82 24-24 58-44 95-58 20-8 40-12 65-16z'/%3E%3Cpath stroke-width='3.9' d='M509 106c35-1 67 4 94 15 27 11 49 29 62 51 13 22 16 49 8 73-8 24-25 46-49 63-24 18-55 31-87 38-33 7-68 6-98-2-30-8-55-22-73-41-18-19-27-43-24-67 2-24 15-47 35-66 21-20 49-36 81-47 17-6 34-11 51-17z'/%3E%3Cpath stroke-width='2.8' d='M507 144c29-1 55 3 77 12 22 8 40 22 50 39 11 17 14 39 7 58-6 20-20 38-40 52-20 14-45 25-72 31-27 5-56 5-80-2-24-6-44-18-58-33-14-15-21-34-19-53 2-19 12-37 28-52 17-15 39-28 64-36 14-4 28-8 43-16z'/%3E%3Cpath stroke-width='4.1' d='M506 183c22-1 41 2 58 8 16 7 29 18 37 31 8 13 10 29 5 44-5 14-15 27-30 38-15 11-34 19-54 24-21 4-42 4-61-1-18-5-33-14-44-25-10-12-15-26-13-41 1-14 9-28 21-40 13-11 31-21 50-28 10-4 20-6 31-10z'/%3E%3Cpath stroke-width='2.5' d='M505 221c16-1 29 1 40 5 11 5 20 12 26 21 5 9 6 20 3 31-4 10-11 20-21 27-10 8-23 14-36 17-14 3-29 3-41-1-13-3-24-10-31-18-7-9-10-19-9-29 1-11 6-21 16-30 9-8 21-15 35-19 6-2 12-4 18-4z'/%3E%3Cpath stroke-width='3.7' d='M503 257c9 0 18 2 24 5 6 3 11 8 14 13 3 6 4 13 2 20-2 7-7 13-13 18-7 5-15 9-24 11-9 2-19 2-27 0-8-3-14-7-18-13-5-5-6-12-5-18 1-7 4-13 10-18 6-5 13-9 22-13 4-2 8-4 15-5z'/%3E%3Cpath stroke-width='2.9' d='M502 291c6 0 10 1 14 3 4 2 6 5 8 8 2 4 2 8 1 12-1 4-4 8-8 11-4 3-9 6-14 7-5 2-11 2-16 0-5-1-8-4-11-8-2-3-3-7-2-11 1-4 3-8 7-11 4-3 8-5 12-7 3-2 5-4 9-4z'/%3E%3C/g%3E%3C/svg%3E");
}
}

/* END WEBSITE ENGINE - 14D.5 - MODERN MAX MEBLE NA WYMIAR - VISUAL PACKAGE V1 */

/* WEBSITE ENGINE - 14D.5 - MODERN MAX MEBLE NA WYMIAR - VISUAL CORRECTIONS V2 */

/*
   V2 decisions:
   - natural brown, non-crossing wood grain
   - #E3E4E6 is the V2 light-card color
   - video cards return to #F7F5F1
   - about content moves down exactly 10px
   - company-proof cards receive 6px top accent
   - service cards 4-8 use 4px top accent
   - footer-bottom text matches contact-data color
   - description help matches contact-method help
   - contact eyebrow uses #3E4046
*/

/* A. NEW LIGHT CARD TOKEN */

body[data-system=modern] {
    --we-furniture-card: #E3E4E6;
    --we-furniture-wood: #7b5637;
}

/* B. NATURAL, NON-CROSSING WOOD GRAIN
      One repeating elliptical system only.
      Every grain line shares the same center, so lines cannot form a lattice. */

body[data-system=modern] .page--compact > .hero::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: -54px;
    right: -88px;
    width: 620px;
    height: 620px;
    pointer-events: none;
    opacity: 0.88;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 620'%3E%3Cg fill='none' stroke='%239B7758' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-width='3.2' d='M513 34c47-2 90 7 126 24 36 17 66 44 83 76 17 32 21 71 10 106-11 35-35 67-68 91-32 24-73 42-116 50-43 8-89 7-128-4-40-11-74-32-97-59-24-28-36-63-33-98 4-35 22-69 49-98 28-29 67-52 109-68 22-8 44-14 65-20z'/%3E%3Cpath stroke-width='2.6' d='M511 69c40-2 77 5 109 19 31 14 57 37 72 64 15 28 18 61 9 90-9 29-30 55-58 76-29 20-65 36-104 43-38 8-79 7-115-2-35-10-65-28-86-51-21-24-31-54-29-83 3-30 18-58 42-82 24-24 58-44 95-58 20-8 40-12 65-16z'/%3E%3Cpath stroke-width='3.9' d='M509 106c35-1 67 4 94 15 27 11 49 29 62 51 13 22 16 49 8 73-8 24-25 46-49 63-24 18-55 31-87 38-33 7-68 6-98-2-30-8-55-22-73-41-18-19-27-43-24-67 2-24 15-47 35-66 21-20 49-36 81-47 17-6 34-11 51-17z'/%3E%3Cpath stroke-width='2.8' d='M507 144c29-1 55 3 77 12 22 8 40 22 50 39 11 17 14 39 7 58-6 20-20 38-40 52-20 14-45 25-72 31-27 5-56 5-80-2-24-6-44-18-58-33-14-15-21-34-19-53 2-19 12-37 28-52 17-15 39-28 64-36 14-4 28-8 43-16z'/%3E%3Cpath stroke-width='4.1' d='M506 183c22-1 41 2 58 8 16 7 29 18 37 31 8 13 10 29 5 44-5 14-15 27-30 38-15 11-34 19-54 24-21 4-42 4-61-1-18-5-33-14-44-25-10-12-15-26-13-41 1-14 9-28 21-40 13-11 31-21 50-28 10-4 20-6 31-10z'/%3E%3Cpath stroke-width='2.5' d='M505 221c16-1 29 1 40 5 11 5 20 12 26 21 5 9 6 20 3 31-4 10-11 20-21 27-10 8-23 14-36 17-14 3-29 3-41-1-13-3-24-10-31-18-7-9-10-19-9-29 1-11 6-21 16-30 9-8 21-15 35-19 6-2 12-4 18-4z'/%3E%3Cpath stroke-width='3.7' d='M503 257c9 0 18 2 24 5 6 3 11 8 14 13 3 6 4 13 2 20-2 7-7 13-13 18-7 5-15 9-24 11-9 2-19 2-27 0-8-3-14-7-18-13-5-5-6-12-5-18 1-7 4-13 10-18 6-5 13-9 22-13 4-2 8-4 15-5z'/%3E%3Cpath stroke-width='2.9' d='M502 291c6 0 10 1 14 3 4 2 6 5 8 8 2 4 2 8 1 12-1 4-4 8-8 11-4 3-9 6-14 7-5 2-11 2-16 0-5-1-8-4-11-8-2-3-3-7-2-11 1-4 3-8 7-11 4-3 8-5 12-7 3-2 5-4 9-4z'/%3E%3C/g%3E%3C/svg%3E");
}

/* C. ABOUT CARDS - NEW #E3E4E6 FAMILY */

body[data-system=modern] .round2-about .about-points[data-website-engine-generated="company-proof"] > span,
body[data-system=modern] #o-firmie .about-panel--light {
    background:
        linear-gradient(
            145deg,
            #dde2eb 0%,
            #E3E4E6 58%,
            #cbd2df 100%
        );
    border-color: rgba(62, 64, 70, 0.20);
    color: var(--we-text);
}

/* D. ALL EIGHT COMPANY-PROOF BOXES GET THE SAME 6PX ACCENT
      AS THE THREE MOST IMPORTANT SERVICES. */

body[data-system=modern] .round2-about .about-points[data-website-engine-generated="company-proof"] > span {
    border-top: 6px solid var(--we-furniture-charcoal);
}

/* E. ABOUT CONTENT EXACTLY 10PX LOWER.
      Scroll-margin follows the same delta, preserving accepted anchor geometry. */

@media (min-width: 621px) {
    body[data-system=modern] #o-firmie {
        padding-top: calc(10px + clamp(22.5px, 2.3625vw, 31.5px));
        scroll-margin-top: calc(-10px - clamp(22.5px, 2.3625vw, 31.5px));
    }
}

@media (max-width: 620px) {
    body[data-system=modern] #o-firmie {
        padding-top: 29.5px;
        scroll-margin-top: -29.5px;
    }
}

/* F. SERVICES
      1-3 stay at 6px.
      4-8 become 4px, matching review-card accent thickness. */

body[data-system=modern] #uslugi .service-card:nth-child(-n+3) {
    border-top-width: 6px;
}

body[data-system=modern] #uslugi .service-card:nth-child(n+4) {
    border-top-width: 4px;
}

/* Make the review reference explicit without changing its shape. */

body[data-system=modern] #opinie .service-card {
    border-top-width: 4px;
    border-top-color: var(--we-furniture-charcoal);
}

/* G. VIDEO CARDS RETURN TO SECTION BACKGROUND */

body[data-system=modern] #wideo .video-card {
    background: var(--we-furniture-page);
    border-top-color: var(--we-furniture-charcoal);
    color: var(--we-text);
}

/* H. FOOTER BOTTOM:
      privacy + copyright use the same dark text family as contact data. */

body[data-system=modern] .site-footer .footer-bottom,
body[data-system=modern] .site-footer .footer-bottom > span,
body[data-system=modern] .site-footer .footer-bottom a {
    color: var(--we-text);
}

/* I. FORM HELP:
      description instruction exactly matches contact-method instruction color. */

body[data-system=modern] #description-help,
body[data-system=modern] #contact-method-help,
body[data-system=modern] #contact-method-help > span {
    color: var(--we-text);
}

/* J. CONTACT EYEBROW */

body[data-system=modern] #zapytanie .contact-copy > .eyebrow {
    color: var(--we-furniture-charcoal);
}

/* K. KEEP MOBILE WOOD GRAIN SUBTLE */

@media (max-width: 760px) {
    body[data-system=modern] .page--compact > .hero::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: -54px;
    right: -88px;
    width: 620px;
    height: 620px;
    pointer-events: none;
    opacity: 0.88;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 620'%3E%3Cg fill='none' stroke='%239B7758' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-width='3.2' d='M513 34c47-2 90 7 126 24 36 17 66 44 83 76 17 32 21 71 10 106-11 35-35 67-68 91-32 24-73 42-116 50-43 8-89 7-128-4-40-11-74-32-97-59-24-28-36-63-33-98 4-35 22-69 49-98 28-29 67-52 109-68 22-8 44-14 65-20z'/%3E%3Cpath stroke-width='2.6' d='M511 69c40-2 77 5 109 19 31 14 57 37 72 64 15 28 18 61 9 90-9 29-30 55-58 76-29 20-65 36-104 43-38 8-79 7-115-2-35-10-65-28-86-51-21-24-31-54-29-83 3-30 18-58 42-82 24-24 58-44 95-58 20-8 40-12 65-16z'/%3E%3Cpath stroke-width='3.9' d='M509 106c35-1 67 4 94 15 27 11 49 29 62 51 13 22 16 49 8 73-8 24-25 46-49 63-24 18-55 31-87 38-33 7-68 6-98-2-30-8-55-22-73-41-18-19-27-43-24-67 2-24 15-47 35-66 21-20 49-36 81-47 17-6 34-11 51-17z'/%3E%3Cpath stroke-width='2.8' d='M507 144c29-1 55 3 77 12 22 8 40 22 50 39 11 17 14 39 7 58-6 20-20 38-40 52-20 14-45 25-72 31-27 5-56 5-80-2-24-6-44-18-58-33-14-15-21-34-19-53 2-19 12-37 28-52 17-15 39-28 64-36 14-4 28-8 43-16z'/%3E%3Cpath stroke-width='4.1' d='M506 183c22-1 41 2 58 8 16 7 29 18 37 31 8 13 10 29 5 44-5 14-15 27-30 38-15 11-34 19-54 24-21 4-42 4-61-1-18-5-33-14-44-25-10-12-15-26-13-41 1-14 9-28 21-40 13-11 31-21 50-28 10-4 20-6 31-10z'/%3E%3Cpath stroke-width='2.5' d='M505 221c16-1 29 1 40 5 11 5 20 12 26 21 5 9 6 20 3 31-4 10-11 20-21 27-10 8-23 14-36 17-14 3-29 3-41-1-13-3-24-10-31-18-7-9-10-19-9-29 1-11 6-21 16-30 9-8 21-15 35-19 6-2 12-4 18-4z'/%3E%3Cpath stroke-width='3.7' d='M503 257c9 0 18 2 24 5 6 3 11 8 14 13 3 6 4 13 2 20-2 7-7 13-13 18-7 5-15 9-24 11-9 2-19 2-27 0-8-3-14-7-18-13-5-5-6-12-5-18 1-7 4-13 10-18 6-5 13-9 22-13 4-2 8-4 15-5z'/%3E%3Cpath stroke-width='2.9' d='M502 291c6 0 10 1 14 3 4 2 6 5 8 8 2 4 2 8 1 12-1 4-4 8-8 11-4 3-9 6-14 7-5 2-11 2-16 0-5-1-8-4-11-8-2-3-3-7-2-11 1-4 3-8 7-11 4-3 8-5 12-7 3-2 5-4 9-4z'/%3E%3C/g%3E%3C/svg%3E");
}
}

/* END WEBSITE ENGINE - 14D.5 - MODERN MAX MEBLE NA WYMIAR - VISUAL CORRECTIONS V2 */

/* WEBSITE ENGINE - 14D.5 - MODERN MAX MEBLE NA WYMIAR - VISUAL CORRECTIONS V3 */

/* V3 goals:
   - natural single brown wood grain in HERO
   - V3 light-card color is #E3E4E6
   - white arrow in the back-to-top control */

/* A. FINAL LIGHT CARD COLOR TOKEN */
body[data-system=modern] {
    --we-furniture-card: #E3E4E6;
}

/* B. HERO WOOD GRAIN
      Single warm-brown arc system only:
      no cross-hatching, no double-line lattice.
      Larger field + farther origin reduce the "cut" look. */
body[data-system=modern] .page--compact > .hero::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: -54px;
    right: -88px;
    width: 620px;
    height: 620px;
    pointer-events: none;
    opacity: 0.88;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 620'%3E%3Cg fill='none' stroke='%239B7758' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-width='3.2' d='M513 34c47-2 90 7 126 24 36 17 66 44 83 76 17 32 21 71 10 106-11 35-35 67-68 91-32 24-73 42-116 50-43 8-89 7-128-4-40-11-74-32-97-59-24-28-36-63-33-98 4-35 22-69 49-98 28-29 67-52 109-68 22-8 44-14 65-20z'/%3E%3Cpath stroke-width='2.6' d='M511 69c40-2 77 5 109 19 31 14 57 37 72 64 15 28 18 61 9 90-9 29-30 55-58 76-29 20-65 36-104 43-38 8-79 7-115-2-35-10-65-28-86-51-21-24-31-54-29-83 3-30 18-58 42-82 24-24 58-44 95-58 20-8 40-12 65-16z'/%3E%3Cpath stroke-width='3.9' d='M509 106c35-1 67 4 94 15 27 11 49 29 62 51 13 22 16 49 8 73-8 24-25 46-49 63-24 18-55 31-87 38-33 7-68 6-98-2-30-8-55-22-73-41-18-19-27-43-24-67 2-24 15-47 35-66 21-20 49-36 81-47 17-6 34-11 51-17z'/%3E%3Cpath stroke-width='2.8' d='M507 144c29-1 55 3 77 12 22 8 40 22 50 39 11 17 14 39 7 58-6 20-20 38-40 52-20 14-45 25-72 31-27 5-56 5-80-2-24-6-44-18-58-33-14-15-21-34-19-53 2-19 12-37 28-52 17-15 39-28 64-36 14-4 28-8 43-16z'/%3E%3Cpath stroke-width='4.1' d='M506 183c22-1 41 2 58 8 16 7 29 18 37 31 8 13 10 29 5 44-5 14-15 27-30 38-15 11-34 19-54 24-21 4-42 4-61-1-18-5-33-14-44-25-10-12-15-26-13-41 1-14 9-28 21-40 13-11 31-21 50-28 10-4 20-6 31-10z'/%3E%3Cpath stroke-width='2.5' d='M505 221c16-1 29 1 40 5 11 5 20 12 26 21 5 9 6 20 3 31-4 10-11 20-21 27-10 8-23 14-36 17-14 3-29 3-41-1-13-3-24-10-31-18-7-9-10-19-9-29 1-11 6-21 16-30 9-8 21-15 35-19 6-2 12-4 18-4z'/%3E%3Cpath stroke-width='3.7' d='M503 257c9 0 18 2 24 5 6 3 11 8 14 13 3 6 4 13 2 20-2 7-7 13-13 18-7 5-15 9-24 11-9 2-19 2-27 0-8-3-14-7-18-13-5-5-6-12-5-18 1-7 4-13 10-18 6-5 13-9 22-13 4-2 8-4 15-5z'/%3E%3Cpath stroke-width='2.9' d='M502 291c6 0 10 1 14 3 4 2 6 5 8 8 2 4 2 8 1 12-1 4-4 8-8 11-4 3-9 6-14 7-5 2-11 2-16 0-5-1-8-4-11-8-2-3-3-7-2-11 1-4 3-8 7-11 4-3 8-5 12-7 3-2 5-4 9-4z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Keep the grain subtle on smaller screens. */
@media (max-width: 760px) {
    body[data-system=modern] .page--compact > .hero::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: -54px;
    right: -88px;
    width: 620px;
    height: 620px;
    pointer-events: none;
    opacity: 0.88;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 620'%3E%3Cg fill='none' stroke='%239B7758' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-width='3.2' d='M513 34c47-2 90 7 126 24 36 17 66 44 83 76 17 32 21 71 10 106-11 35-35 67-68 91-32 24-73 42-116 50-43 8-89 7-128-4-40-11-74-32-97-59-24-28-36-63-33-98 4-35 22-69 49-98 28-29 67-52 109-68 22-8 44-14 65-20z'/%3E%3Cpath stroke-width='2.6' d='M511 69c40-2 77 5 109 19 31 14 57 37 72 64 15 28 18 61 9 90-9 29-30 55-58 76-29 20-65 36-104 43-38 8-79 7-115-2-35-10-65-28-86-51-21-24-31-54-29-83 3-30 18-58 42-82 24-24 58-44 95-58 20-8 40-12 65-16z'/%3E%3Cpath stroke-width='3.9' d='M509 106c35-1 67 4 94 15 27 11 49 29 62 51 13 22 16 49 8 73-8 24-25 46-49 63-24 18-55 31-87 38-33 7-68 6-98-2-30-8-55-22-73-41-18-19-27-43-24-67 2-24 15-47 35-66 21-20 49-36 81-47 17-6 34-11 51-17z'/%3E%3Cpath stroke-width='2.8' d='M507 144c29-1 55 3 77 12 22 8 40 22 50 39 11 17 14 39 7 58-6 20-20 38-40 52-20 14-45 25-72 31-27 5-56 5-80-2-24-6-44-18-58-33-14-15-21-34-19-53 2-19 12-37 28-52 17-15 39-28 64-36 14-4 28-8 43-16z'/%3E%3Cpath stroke-width='4.1' d='M506 183c22-1 41 2 58 8 16 7 29 18 37 31 8 13 10 29 5 44-5 14-15 27-30 38-15 11-34 19-54 24-21 4-42 4-61-1-18-5-33-14-44-25-10-12-15-26-13-41 1-14 9-28 21-40 13-11 31-21 50-28 10-4 20-6 31-10z'/%3E%3Cpath stroke-width='2.5' d='M505 221c16-1 29 1 40 5 11 5 20 12 26 21 5 9 6 20 3 31-4 10-11 20-21 27-10 8-23 14-36 17-14 3-29 3-41-1-13-3-24-10-31-18-7-9-10-19-9-29 1-11 6-21 16-30 9-8 21-15 35-19 6-2 12-4 18-4z'/%3E%3Cpath stroke-width='3.7' d='M503 257c9 0 18 2 24 5 6 3 11 8 14 13 3 6 4 13 2 20-2 7-7 13-13 18-7 5-15 9-24 11-9 2-19 2-27 0-8-3-14-7-18-13-5-5-6-12-5-18 1-7 4-13 10-18 6-5 13-9 22-13 4-2 8-4 15-5z'/%3E%3Cpath stroke-width='2.9' d='M502 291c6 0 10 1 14 3 4 2 6 5 8 8 2 4 2 8 1 12-1 4-4 8-8 11-4 3-9 6-14 7-5 2-11 2-16 0-5-1-8-4-11-8-2-3-3-7-2-11 1-4 3-8 7-11 4-3 8-5 12-7 3-2 5-4 9-4z'/%3E%3C/g%3E%3C/svg%3E");
}
}

/* C. WHITE BACK-TO-TOP ARROW
      Cover common icon implementations: text, pseudo, svg and strokes. */
body[data-system=modern] :where(
    .back-to-top,
    .scroll-to-top,
    .to-top,
    [data-back-to-top],
    [data-scroll-top]
) {
    color: #ffffff;
}

body[data-system=modern] :where(
    .back-to-top,
    .scroll-to-top,
    .to-top,
    [data-back-to-top],
    [data-scroll-top]
)::before {
    color: #ffffff;
}

body[data-system=modern] :where(
    .back-to-top,
    .scroll-to-top,
    .to-top,
    [data-back-to-top],
    [data-scroll-top]
) svg {
    color: #ffffff;
    fill: #ffffff;
    stroke: #ffffff;
}

body[data-system=modern] :where(
    .back-to-top,
    .scroll-to-top,
    .to-top,
    [data-back-to-top],
    [data-scroll-top]
) :is(path, line, polyline, polygon) {
    stroke: #ffffff;
    fill: #ffffff;
}

/* END WEBSITE ENGINE - 14D.5 - MODERN MAX MEBLE NA WYMIAR - VISUAL CORRECTIONS V3 */

/* WEBSITE ENGINE - 14D.5 - MODERN MAX MEBLE NA WYMIAR - VISUAL CORRECTIONS V4 */

/* V4 goals:
   - make HERO wood grain less idealized and less symmetric
   - force the footer scroll-to-top arrow to be visibly white
*/

/* A. HERO WOOD GRAIN
   Replace the previous evenly spaced radial pattern with one
   hand-drawn style SVG background:
   - irregular ring thickness
   - irregular spacing
   - no cross-hatching
   - one organic wood-cut style motif
*/
body[data-system=modern] .page--compact > .hero::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: -54px;
    right: -88px;
    width: 620px;
    height: 620px;
    pointer-events: none;
    opacity: 0.88;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 620'%3E%3Cg fill='none' stroke='%239B7758' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-width='3.2' d='M513 34c47-2 90 7 126 24 36 17 66 44 83 76 17 32 21 71 10 106-11 35-35 67-68 91-32 24-73 42-116 50-43 8-89 7-128-4-40-11-74-32-97-59-24-28-36-63-33-98 4-35 22-69 49-98 28-29 67-52 109-68 22-8 44-14 65-20z'/%3E%3Cpath stroke-width='2.6' d='M511 69c40-2 77 5 109 19 31 14 57 37 72 64 15 28 18 61 9 90-9 29-30 55-58 76-29 20-65 36-104 43-38 8-79 7-115-2-35-10-65-28-86-51-21-24-31-54-29-83 3-30 18-58 42-82 24-24 58-44 95-58 20-8 40-12 65-16z'/%3E%3Cpath stroke-width='3.9' d='M509 106c35-1 67 4 94 15 27 11 49 29 62 51 13 22 16 49 8 73-8 24-25 46-49 63-24 18-55 31-87 38-33 7-68 6-98-2-30-8-55-22-73-41-18-19-27-43-24-67 2-24 15-47 35-66 21-20 49-36 81-47 17-6 34-11 51-17z'/%3E%3Cpath stroke-width='2.8' d='M507 144c29-1 55 3 77 12 22 8 40 22 50 39 11 17 14 39 7 58-6 20-20 38-40 52-20 14-45 25-72 31-27 5-56 5-80-2-24-6-44-18-58-33-14-15-21-34-19-53 2-19 12-37 28-52 17-15 39-28 64-36 14-4 28-8 43-16z'/%3E%3Cpath stroke-width='4.1' d='M506 183c22-1 41 2 58 8 16 7 29 18 37 31 8 13 10 29 5 44-5 14-15 27-30 38-15 11-34 19-54 24-21 4-42 4-61-1-18-5-33-14-44-25-10-12-15-26-13-41 1-14 9-28 21-40 13-11 31-21 50-28 10-4 20-6 31-10z'/%3E%3Cpath stroke-width='2.5' d='M505 221c16-1 29 1 40 5 11 5 20 12 26 21 5 9 6 20 3 31-4 10-11 20-21 27-10 8-23 14-36 17-14 3-29 3-41-1-13-3-24-10-31-18-7-9-10-19-9-29 1-11 6-21 16-30 9-8 21-15 35-19 6-2 12-4 18-4z'/%3E%3Cpath stroke-width='3.7' d='M503 257c9 0 18 2 24 5 6 3 11 8 14 13 3 6 4 13 2 20-2 7-7 13-13 18-7 5-15 9-24 11-9 2-19 2-27 0-8-3-14-7-18-13-5-5-6-12-5-18 1-7 4-13 10-18 6-5 13-9 22-13 4-2 8-4 15-5z'/%3E%3Cpath stroke-width='2.9' d='M502 291c6 0 10 1 14 3 4 2 6 5 8 8 2 4 2 8 1 12-1 4-4 8-8 11-4 3-9 6-14 7-5 2-11 2-16 0-5-1-8-4-11-8-2-3-3-7-2-11 1-4 3-8 7-11 4-3 8-5 12-7 3-2 5-4 9-4z'/%3E%3C/g%3E%3C/svg%3E");
}

/* B. HARD FIX FOR WHITE ARROW
   The actual link text is hidden visually and replaced with a
   white pseudo-element arrow, so no other inherited color can win.
*/
body[data-system=modern] .site-footer .round5-scroll-to-top {
    position: relative;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-indent: -9999px;
    overflow: hidden;
}

body[data-system=modern] .site-footer .round5-scroll-to-top::before {
    content: "↑";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: 0;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 1.08rem;
    line-height: 1;
    font-weight: 700;
    text-shadow: none;
}
/* END WEBSITE ENGINE - 14D.5 - MODERN MAX MEBLE NA WYMIAR - VISUAL CORRECTIONS V4 */

/* WEBSITE ENGINE - 14D.5 - MODERN MAX MEBLE NA WYMIAR - HERO MANUAL IMAGE + CARD COLOR R5-16B.27 */

/* The decorative HERO wood grain is now managed manually in Pinegrow.
   Disable every historical CSS-generated HERO grain. */
body[data-system=modern] .page--compact > .hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
}

/* Final light-card tone. */
body[data-system=modern] {
    --we-furniture-card: #e3e4e6;
}

/* Use the requested exact flat color instead of the earlier gradients. */
body[data-system=modern] .round2-about .about-points[data-website-engine-generated="company-proof"] > span,
body[data-system=modern] #o-firmie .about-panel--light,
body[data-system=modern] #uslugi .service-card {
    background: #e3e4e6;
}

/* END WEBSITE ENGINE - 14D.5 - MODERN MAX MEBLE NA WYMIAR - HERO MANUAL IMAGE + CARD COLOR R5-16B.27 */

/* WEBSITE ENGINE - 14D.5 - HERO ABOUT VERTICAL RHYTHM R5-16B.28 */

@media (min-width: 621px) {
    body[data-system=modern] .page--compact > .hero .hero-grid {
        padding-bottom: calc(clamp(32px, 3.75vw, 44px) + 22px);
    }

    body[data-system=modern] #o-firmie {
        padding-top: calc(32px + clamp(22.5px, 2.3625vw, 31.5px));
        scroll-margin-top: calc(-32px - clamp(22.5px, 2.3625vw, 31.5px));
    }
}

/* END WEBSITE ENGINE - 14D.5 - HERO ABOUT VERTICAL RHYTHM R5-16B.28 */

/* WEBSITE ENGINE - 14D.5 - VIDEO TOP ACCENT ALIGNMENT R5-16B.29 */

/* Materials video + video testimonials:
   use exactly the same top-accent thickness as review cards. */
body[data-system=modern] #wideo .video-card {
    border-top-width: 4px;
}

/* END WEBSITE ENGINE - 14D.5 - VIDEO TOP ACCENT ALIGNMENT R5-16B.29 */

/* WEBSITE ENGINE - 14D.5 - FOOTER ARROW SIZE R5-16B.34 */

/* Slightly larger white arrow; circle dimensions remain unchanged. */
body[data-system=modern] .site-footer .round5-scroll-to-top::before {
    font-size: 1.20rem;
}

/* END WEBSITE ENGINE - 14D.5 - FOOTER ARROW SIZE R5-16B.34 */

/* WEBSITE ENGINE - 14D.5 - FOOTER ARROWHEAD R5-16B.35 */

/* Replace the font glyph with independently sized parts.
   Circle dimensions stay unchanged. */

body[data-system=modern] .site-footer .round5-scroll-to-top::before {
    content: "";
    position: absolute;
    inset: auto;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 11px;
    display: block;
    background: #ffffff;
    transform: translate(-50%, -28%);
    font-size: 0;
    line-height: 0;
    text-indent: 0;
    -webkit-text-fill-color: initial;
}

body[data-system=modern] .site-footer .round5-scroll-to-top::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 8px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    transform: translateX(-50%) rotate(45deg);
    box-sizing: border-box;
}

/* END WEBSITE ENGINE - 14D.5 - FOOTER ARROWHEAD R5-16B.35 */

/* WEBSITE ENGINE - 14D.5 - CONNECT FOOTER ARROWHEAD R5-16B.36 */

/* Move the shaft upward so it visually connects with the arrowhead,
   while keeping the same circle size. */
body[data-system=modern] .site-footer .round5-scroll-to-top::before {
    top: 15px;
    height: 11px;
    transform: translateX(-50%);
}

body[data-system=modern] .site-footer .round5-scroll-to-top::after {
    top: 8px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    transform: translateX(-50%) rotate(45deg);
}

/* END WEBSITE ENGINE - 14D.5 - CONNECT FOOTER ARROWHEAD R5-16B.36 */

/* WEBSITE ENGINE - 14D.5 - SINGLE PIECE FOOTER ARROW R5-16B.37 */

/* One solid connected arrow. Circle dimensions remain unchanged. */
body[data-system=modern] .site-footer .round5-scroll-to-top::before {
    content: "";
    position: absolute;
    inset: auto;
    left: 50%;
    top: 50%;
    width: 16.56px;
    height: 22.08px;
    display: block;
    background: #ffffff;
    transform: translate(-50%, -50%);
    clip-path: polygon(
        50% 0%,
        100% 38%,
        68% 38%,
        68% 100%,
        32% 100%,
        32% 38%,
        0% 38%
    );
    -webkit-clip-path: polygon(
        50% 0%,
        100% 38%,
        68% 38%,
        68% 100%,
        32% 100%,
        32% 38%,
        0% 38%
    );
    font-size: 0;
    line-height: 0;
    text-indent: 0;
    border: 0;
    -webkit-text-fill-color: initial;
}

body[data-system=modern] .site-footer .round5-scroll-to-top::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
}

/* END WEBSITE ENGINE - 14D.5 - SINGLE PIECE FOOTER ARROW R5-16B.37 */

/* WEBSITE ENGINE - 14D.5 - EXACT 84PX VIDEO RHYTHM R5-16B.40 */

/*
 * The second video group uses the same two 42px rhythm halves
 * as neighbouring top-level sections.
 *
 * The original 1px border added one extra layout pixel:
 * 42 + 1 + 42 = 85px.
 *
 * Draw the same separator as a non-layout inset line:
 * 42 + 42 = exactly 84px.
 */
body[data-system=modern] #wideo .round2-video-group + .round2-video-group {
    border-top: 0;
    box-shadow: inset 0 1px 0 var(--we-border);
}

/* END WEBSITE ENGINE - 14D.5 - EXACT 84PX VIDEO RHYTHM R5-16B.40 */
/* WEBSITE ENGINE - 14D.5 - DESKTOP PHYSICAL 1.9CM RHYTHM R5-16B.41 */

/*
 * Physical desktop ruler qualification:
 *
 * Firma od srodka -> Uslugi:
 * 2.10cm -> target 1.90cm
 * reduce previous section bottom rhythm by 9px.
 *
 * Uslugi -> Realizacje:
 * 1.95cm -> target 1.90cm
 * reduce previous section bottom rhythm by 2px.
 *
 * Realizacje -> Opinie:
 * 1.95cm -> target 1.90cm
 * reduce previous section bottom rhythm by 2px.
 *
 * Other already-approved 1.90cm transitions remain untouched.
 * Tablet/mobile rhythm is not changed by this desktop qualification.
 */
@media (min-width: 901px) {
    body[data-system=modern] #materialy-firmy {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 9px);
    }

    body[data-system=modern] #uslugi,
    body[data-system=modern] #realizacje {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 2px);
    }
}

/* END WEBSITE ENGINE - 14D.5 - DESKTOP PHYSICAL 1.9CM RHYTHM R5-16B.41 */
/* WEBSITE ENGINE - 14D.5 - MOBILE PHYSICAL 1.1CM RHYTHM R5-16B.42 */

/*
 * Mobile visual qualification at 390px.
 *
 * Firma od srodka -> Uslugi:
 * 1.25cm -> target 1.10cm
 *
 * Uslugi -> Realizacje:
 * 1.15cm -> target 1.10cm
 *
 * Realizacje -> Opinie:
 * 1.15cm -> target 1.10cm
 *
 * Proces -> Kontakt:
 * 1.25cm -> target 1.10cm
 *
 * Existing 1.10cm transitions remain unchanged.
 */
@media (max-width: 620px) {
    body[data-system=modern] #materialy-firmy,
    body[data-system=modern] #proces {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 7px);
    }

    body[data-system=modern] #uslugi,
    body[data-system=modern] #realizacje {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 2px);
    }
}

/* END WEBSITE ENGINE - 14D.5 - MOBILE PHYSICAL 1.1CM RHYTHM R5-16B.42 */
/* WEBSITE ENGINE - 14D.5 - TABLET FIRMA TO USLUGI RHYTHM R5-16B.43.2 */

/*
 * Tablet qualification:
 * Firma od srodka -> Uslugi
 * 68px -> 60px
 *
 * Correction: -8px from previous section bottom rhythm.
 */
@media (min-width: 621px) and (max-width: 900px) {
    body[data-system=modern] #materialy-firmy {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 8px);
    }
}

/* END WEBSITE ENGINE - 14D.5 - TABLET FIRMA TO USLUGI RHYTHM R5-16B.43.2 */
/* WEBSITE ENGINE - 14D.5 - TABLET PROCESS TO CONTACT VISUAL RHYTHM R5-16B.43.4 */

/*
 * Tablet 768px visual qualification.
 *
 * User-measured visible gap:
 * Process -> KONTAKT = 1.10cm
 * Target visual rhythm = 1.00cm
 *
 * Visual micro-correction: -6px.
 * Mobile and desktop remain untouched.
 */
@media (min-width: 621px) and (max-width: 900px) {
    body[data-system=modern] #proces {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 6px);
    }
}

/* END WEBSITE ENGINE - 14D.5 - TABLET PROCESS TO CONTACT VISUAL RHYTHM R5-16B.43.4 */
/* WEBSITE ENGINE - 14D.5 - TABLET PROCESS TO CONTACT VISUAL RHYTHM R5-16B.43.6 */

/*
 * Second tablet visual calibration at 768px.
 *
 * Previous -6px correction was technically applied,
 * but the physical screen measurement remained 1.10cm.
 *
 * Total correction from the original tablet rhythm:
 * 30px -> 18px.
 *
 * Mobile and desktop remain unchanged.
 */
@media (min-width: 621px) and (max-width: 900px) {
    body[data-system=modern] #proces {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 12px);
    }
}

/* END WEBSITE ENGINE - 14D.5 - TABLET PROCESS TO CONTACT VISUAL RHYTHM R5-16B.43.6 */
/* WEBSITE ENGINE - 14D.5 - MOBILE HERO TO ABOUT EDGE RHYTHM R5-16B.44 */

/*
 * Mobile 390px visual correction.
 *
 * User measurement:
 * - hero bottom visual gap under the dark services box = about 5mm
 * - gap above the large “W” in #o-firmie = about 7mm
 *
 * Goal:
 * - make both gaps visually equal at about 7mm
 *
 * Strategy:
 * - add about +10px under the HERO card area
 * - add the same +10px above #o-firmie
 * - preserve the accepted anchor behaviour by updating scroll-margin accordingly
 * - desktop and tablet remain untouched
 */
@media (max-width: 620px) {
    body[data-system=modern] .page--compact > .hero .hero-grid {
        padding-bottom: calc(var(--round5-section-rhythm-y) + 10px);
    }

    body[data-system=modern] #o-firmie {
        padding-top: calc(19.5px + 10px);
        scroll-margin-top: calc(-19.5px - 10px);
    }
}

/* END WEBSITE ENGINE - 14D.5 - MOBILE HERO TO ABOUT EDGE RHYTHM R5-16B.44 */
/* WEBSITE ENGINE - 14D.5 - MOBILE ABOUT TOP RESTORE R5-16B.44.1 */

/*
 * Correction of R5-16B.44:
 * keep the added HERO bottom space,
 * but restore the already-correct mobile #o-firmie top spacing.
 */
@media (max-width: 620px) {
    body[data-system=modern] #o-firmie {
        padding-top: 19.5px;
        scroll-margin-top: -19.5px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - MOBILE ABOUT TOP RESTORE R5-16B.44.1 */
/* WEBSITE ENGINE - 14D.5 - MOBILE HERO ABOUT PRECISE CALIBRATION R5-16B.44.3 */

/*
 * Physical 390px calibration based on the user's actual screen measurements.
 *
 * Current:
 * hero visual gap = 6.5mm
 * about visual gap = 5.5mm
 *
 * Target:
 * 7.0mm / 7.0mm
 *
 * Observed calibration:
 * 10px produced about 1.5mm of visible movement.
 *
 * Final mobile correction:
 * HERO total extra bottom = 13px
 * #o-firmie top = 29.5px
 */
@media (max-width: 620px) {
    body[data-system=modern] .page--compact > .hero .hero-grid {
        padding-bottom: calc(var(--round5-section-rhythm-y) + 13px);
    }

    body[data-system=modern] #o-firmie {
        padding-top: 29.5px;
        scroll-margin-top: -29.5px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - MOBILE HERO ABOUT PRECISE CALIBRATION R5-16B.44.3 */
/* WEBSITE ENGINE - 14D.5 - TABLET HERO ABOUT 8MM RHYTHM R5-16B.45 */

/*
 * Tablet 768px physical visual calibration.
 *
 * Current:
 * HERO -> color boundary = 8.0mm
 * color boundary -> visible W = 9.5mm
 *
 * Target:
 * 8.0mm / 8.0mm
 *
 * Reduce only #o-firmie top spacing by 9px.
 * HERO, mobile and desktop remain unchanged.
 *
 * Existing tablet value:
 * 32px + 22.5px = 54.5px
 *
 * New tablet value:
 * 54.5px - 9px = 45.5px
 */
@media (min-width: 621px) and (max-width: 900px) {
    body[data-system=modern] #o-firmie {
        padding-top: calc(
            32px +
            clamp(22.5px, 2.3625vw, 31.5px) -
            9px
        );

        scroll-margin-top: calc(
            -32px -
            clamp(22.5px, 2.3625vw, 31.5px) +
            9px
        );
    }
}

/* END WEBSITE ENGINE - 14D.5 - TABLET HERO ABOUT 8MM RHYTHM R5-16B.45 */
/* WEBSITE ENGINE - 14D.5 - DESKTOP SELECTIVE 1.8CM RHYTHM R5-16B.46 */

/*
 * Desktop 1920x1080 physical visual qualification.
 *
 * Keep at 1.9cm:
 * - O firmie -> Firma od srodka
 * - Opinie -> Materialy wideo
 * - Wideo -> Proces
 *
 * Reduce to 1.8cm:
 * - Firma od srodka -> Uslugi
 * - Uslugi -> Realizacje
 * - Realizacje -> Opinie
 * - Proces -> Formularz kontaktowy
 *
 * Mobile and tablet remain untouched.
 */
@media (min-width: 901px) {
    body[data-system=modern] #materialy-firmy {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 13.5px);
    }

    body[data-system=modern] #uslugi,
    body[data-system=modern] #realizacje {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 6.5px);
    }

    body[data-system=modern] #proces {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 4.5px);
    }
}

/* END WEBSITE ENGINE - 14D.5 - DESKTOP SELECTIVE 1.8CM RHYTHM R5-16B.46 */
/* WEBSITE ENGINE - 14D.5 - TABLET SELECTIVE 0.9CM RHYTHM R5-16B.47 */

/*
 * Tablet 768px physical visual qualification.
 *
 * Keep at 1.0cm:
 * - O firmie -> Firma od srodka
 * - Opinie -> Materialy wideo
 * - Wideo -> Proces
 *
 * Reduce to 0.9cm:
 * - Firma od srodka -> Uslugi
 * - Uslugi -> Realizacje
 * - Realizacje -> Opinie
 * - Proces -> Kontakt
 *
 * This package extends the already accepted tablet corrections.
 * Mobile and desktop remain unchanged.
 */
@media (min-width: 621px) and (max-width: 900px) {
    body[data-system=modern] #materialy-firmy {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 14px);
    }

    body[data-system=modern] #uslugi,
    body[data-system=modern] #realizacje {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 6px);
    }

    body[data-system=modern] #proces {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 18px);
    }
}

/* END WEBSITE ENGINE - 14D.5 - TABLET SELECTIVE 0.9CM RHYTHM R5-16B.47 */
/* WEBSITE ENGINE - 14D.5 - MOBILE SELECTIVE 1.0CM RHYTHM R5-16B.48 */

/*
 * Mobile 390px physical visual qualification.
 *
 * Keep at 1.1cm:
 * - O firmie -> Firma od srodka
 * - Opinie -> Materialy wideo
 * - Wideo -> Proces
 *
 * Reduce to 1.0cm:
 * - Firma od srodka -> Uslugi
 * - Uslugi -> Realizacje
 * - Realizacje -> Opinie
 * - Proces -> Kontakt
 *
 * Existing mobile corrections:
 * materialy-firmy = rhythm - 7px
 * uslugi          = rhythm - 2px
 * realizacje      = rhythm - 2px
 * proces          = rhythm - 7px
 *
 * Additional visual reduction = 5px.
 *
 * Final corrections:
 * materialy-firmy = rhythm - 12px
 * uslugi          = rhythm - 7px
 * realizacje      = rhythm - 7px
 * proces          = rhythm - 12px
 *
 * Tablet and desktop remain unchanged.
 */
@media (max-width: 620px) {
    body[data-system=modern] #materialy-firmy,
    body[data-system=modern] #proces {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 12px);
    }

    body[data-system=modern] #uslugi,
    body[data-system=modern] #realizacje {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 7px);
    }
}

/* END WEBSITE ENGINE - 14D.5 - MOBILE SELECTIVE 1.0CM RHYTHM R5-16B.48 */
/* WEBSITE ENGINE - 14D.5 - HERO BENEFITS SERVICES TITLE TARGETED FIX R5-16B.53.3 */

/*
 * "NAJWAŻNIEJSZE USŁUGI":
 * - all viewport widths
 * - Arial-family
 * - standard bold 700
 * - uppercase
 * - exactly +20% from final 1rem to 1.2rem
 * - slightly reduced tracking for easier reading
 */
body[data-system=modern] .round2-hero-showcase-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.25;
    text-transform: uppercase;
}

/*
 * Tablet HERO proof:
 * move the two visual benefit lines approximately 2mm down.
 *
 * At the qualified 768px viewport:
 * 10mm ~= 60px
 * 2mm  ~= 12px
 *
 * Using transform preserves the previously accepted HERO section geometry.
 */
@media (min-width: 621px) and (max-width: 900px) {
    body[data-system=modern] .hero-proof {
        transform: translateY(12px);
    }
}

/* END WEBSITE ENGINE - 14D.5 - HERO BENEFITS SERVICES TITLE TARGETED FIX R5-16B.53.3 */
/* WEBSITE ENGINE - 14D.5 - DESKTOP HERO ACTIONS 0.8MM UP R5-16B.54 */

/*
 * Desktop / high-resolution HERO action refinement.
 *
 * Move the "Wyślij zapytanie" + "Zadzwoń" button group
 * approximately 0.8mm upward.
 *
 * Qualified 1920px calibration:
 * ~0.8mm = 3.5px.
 *
 * Tablet and mobile remain unchanged.
 */
@media (min-width: 901px) {
    body[data-system=modern] .page--compact > .hero .hero-actions {
        position: relative;
        top: -3.5px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - DESKTOP HERO ACTIONS 0.8MM UP R5-16B.54 */
/* WEBSITE ENGINE - 14D.5 - MOBILE HERO ACTIONS 0.6MM UP R5-16B.55 */

/*
 * Mobile / small viewport HERO action refinement.
 *
 * Move the "Wyślij zapytanie" + "Zadzwoń" button group
 * approximately 0.6mm upward.
 *
 * Qualified 390px calibration:
 * ~0.6mm = 4px.
 *
 * Tablet and desktop remain unchanged.
 */
@media (max-width: 620px) {
    body[data-system=modern] .page--compact > .hero .hero-actions {
        position: relative;
        top: -4px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - MOBILE HERO ACTIONS 0.6MM UP R5-16B.55 */
/* WEBSITE ENGINE - 14D.5 - MOBILE TABLET USLUGI ANCHOR ALIGNMENT R5-16B.57.1 */

/*
 * Align native fragment-stop geometry for "Usługi"
 * with the already accepted "O firmie" visual stop.
 *
 * #uslugi uses the shared section top rhythm, therefore
 * its negative scroll margin cancels exactly that top padding.
 *
 * Qualified targets:
 * - 390px:  -26px
 * - 768px:  -30px
 *
 * Desktop >= 901px remains unchanged.
 */
@media (max-width: 900px) {
    body[data-system=modern] #uslugi {
        scroll-margin-top: calc(0px - var(--round5-section-rhythm-y));
    }
}

/* END WEBSITE ENGINE - 14D.5 - MOBILE TABLET USLUGI ANCHOR ALIGNMENT R5-16B.57.1 */
/* WEBSITE ENGINE - 14D.5 - TARGET CARD BORDER CLARITY R5-16B.59.1 */

/*
 * Slightly clearer card outlines for:
 * - O firmie
 * - Uslugi
 * - Przykladowe opinie
 * - Materialy wideo
 * - Opinie wideo
 *
 * Existing strong top accents remain untouched.
 * Border geometry and card dimensions remain unchanged.
 */

body[data-system=modern] {
    --we-r5-card-border-strong: rgba(62, 64, 70, 0.55);
}

/* O firmie — eight proof cards.
   Keep their existing 6px charcoal top accent. */
body[data-system=modern]
.round2-about
.about-points[data-website-engine-generated="company-proof"] > span {
    border-left-color: var(--we-r5-card-border-strong);
    border-right-color: var(--we-r5-card-border-strong);
    border-bottom-color: var(--we-r5-card-border-strong);
}

/* O firmie — light information panel has no qualified top accent,
   so its complete ordinary outline can be strengthened. */
body[data-system=modern] #o-firmie .about-panel--light {
    border-color: var(--we-r5-card-border-strong);
}

/* Uslugi — preserve the qualified 6px / 4px top accents. */
body[data-system=modern] #uslugi .service-card {
    border-left-color: var(--we-r5-card-border-strong);
    border-right-color: var(--we-r5-card-border-strong);
    border-bottom-color: var(--we-r5-card-border-strong);
}

/* Przykladowe opinie — preserve the qualified top accent. */
body[data-system=modern] #opinie .service-card {
    border-left-color: var(--we-r5-card-border-strong);
    border-right-color: var(--we-r5-card-border-strong);
    border-bottom-color: var(--we-r5-card-border-strong);
}

/* Both video groups:
   Materialy wideo + Opinie wideo.
   Preserve the existing 4px charcoal top accent. */
body[data-system=modern] #wideo .video-card {
    border-left-color: var(--we-r5-card-border-strong);
    border-right-color: var(--we-r5-card-border-strong);
    border-bottom-color: var(--we-r5-card-border-strong);
}

/* END WEBSITE ENGINE - 14D.5 - TARGET CARD BORDER CLARITY R5-16B.59.1 */
/* WEBSITE ENGINE - 14D.5 - CONTACT FORM BORDER CLARITY R5-16B.60 */

/*
 * Contact form:
 * use exactly the same accepted outline strength as the qualified cards.
 * Global rule — identical at desktop, tablet and mobile widths.
 * Field borders, geometry, background and spacing remain untouched.
 */
body[data-system=modern] #zapytanie .inquiry-form {
    border-color: var(--we-r5-card-border-strong);
}

/* END WEBSITE ENGINE - 14D.5 - CONTACT FORM BORDER CLARITY R5-16B.60 */
/* WEBSITE ENGINE - 14D.5 - TABLET HERO BOX + BULLETS MICRO-SHIFT R5-16B.64 */

/*
 * Tablet visual refinement for ~768px width.
 *
 * User request:
 * - move the dark HERO services box ~1.0mm upward
 * - move the bullet line
 *   "Indywidualna, darmowa wstępna wycena • Kontakt bez zobowiązań"
 *   ~0.5mm upward
 *
 * Approximation:
 * - 1.0mm ~= 8px
 * - 0.5mm ~= 4px
 *
 * Scope:
 * tablet only.
 * Desktop and mobile remain unchanged.
 */
@media (min-width: 621px) and (max-width: 900px) {
    body[data-system=modern] .page--compact > .hero .hero-grid > *:last-child {
        position: relative;
        top: -8px;
    }

    body[data-system=modern] .page--compact > .hero .hero-grid > *:first-child ul {
        position: relative;
        top: -4px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - TABLET HERO BOX + BULLETS MICRO-SHIFT R5-16B.64 */
/* WEBSITE ENGINE - 14D.5 - MOBILE HERO BOTTOM EXTENSION R5-16B.65 */

/*
 * Mobile HERO:
 * extend the section downward by approximately 1.5mm.
 *
 * Previously calibrated mobile physical scale:
 * 10px ~= 1.5mm.
 *
 * The added area uses the requested exact color #dedbd3.
 * Internal HERO geometry remains unchanged.
 */
@media (max-width: 620px) {
    body[data-system=modern] .page--compact > .hero {
        border-bottom: 10px solid var(--we-furniture-frame);
    }
}

/* END WEBSITE ENGINE - 14D.5 - MOBILE HERO BOTTOM EXTENSION R5-16B.65 */
/* WEBSITE ENGINE - 14D.5 - MOBILE HERO TRUE BOTTOM EXTENSION R5-16B.65.2 */

/*
 * Mobile correction:
 * remove the previously visible added stripe under HERO
 * and convert it into a true extension of the HERO section itself.
 *
 * Accepted earlier mobile state already used:
 *     padding-bottom: calc(var(--round5-section-rhythm-y) + 10px);
 *
 * New goal:
 * add real extra ~1.5mm (~6px) of the same HERO background.
 *
 * Final mobile target:
 *     padding-bottom: calc(var(--round5-section-rhythm-y) + 16px);
 *
 * The artificial stripe / pseudo-extension is force-disabled.
 */

@media (max-width: 620px) {
    body[data-system=modern] .page--compact > .hero {
        background-color: #dedbd3 !important;
    }

    body[data-system=modern] .page--compact > .hero::after,
    body[data-system=modern] .page--compact > .hero .hero-grid::after,
    body[data-system=modern] .page--compact > .hero .hero-inner::after {
        content: none !important;
        display: none !important;
        height: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body[data-system=modern] .page--compact > .hero .hero-grid {
        padding-bottom: calc(var(--round5-section-rhythm-y) + 16px) !important;
    }
}

/* END WEBSITE ENGINE - 14D.5 - MOBILE HERO TRUE BOTTOM EXTENSION R5-16B.65.2 */
/* WEBSITE ENGINE - 14D.5 - MOBILE HERO TRUE PLUS 1.5MM FINAL R5-16B.65.3 */

/*
 * Final correction for 390px mobile HERO.
 *
 * Previously accepted mobile HERO bottom:
 *     var(--round5-section-rhythm-y) + 13px
 *
 * User-requested additional physical height:
 *     approximately 1.5mm ~= 10px
 *
 * Final:
 *     13px + 10px = 23px
 *
 * IMPORTANT:
 * - no artificial bottom border
 * - no separate colored strip
 * - HERO keeps its own established furniture-frame background
 * - only the real HERO bottom padding grows
 */
@media (max-width: 620px) {

    body[data-system=modern] .page--compact > .hero {
        border-bottom: 0 !important;
        background: var(--we-furniture-frame) !important;
    }

    body[data-system=modern] .page--compact > .hero .hero-grid {
        padding-bottom: calc(var(--round5-section-rhythm-y) + 23px) !important;
    }
}

/* END WEBSITE ENGINE - 14D.5 - MOBILE HERO TRUE PLUS 1.5MM FINAL R5-16B.65.3 */
/* WEBSITE ENGINE - 14D.5 - DESKTOP 1440 ABOUT HEADING UP 2MM R5-16B.66 */

/*
 * Visual correction for the desktop range containing 1440px.
 *
 * Move only:
 * "Wykonujemy meble na wymiar w Mielcu i okolicach"
 *
 * Up by approximately 2mm ~= 8px.
 *
 * Layout flow remains unchanged.
 * 1920px, tablet and mobile remain untouched.
 */
@media (min-width: 1200px) and (max-width: 1599px) {
    body[data-system=modern] #o-firmie .round2-about-intro > h2 {
        position: relative;
        top: -8px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - DESKTOP 1440 ABOUT HEADING UP 2MM R5-16B.66 */
/* WEBSITE ENGINE - 14D.5 - DESKTOP 1440 ABOUT HEADING EFFECTIVE SHIFT R5-16B.66.2 */

/*
 * Correction after manual 1440px review:
 * previous 1200-1599px relative-top rule produced no visible movement
 * in the user's actual 1440 environment.
 *
 * Use an explicit visual transform in the desktop range above tablet.
 *
 * Target:
 * only #o-firmie main H2
 * approximately 2mm / 8px upward.
 *
 * 768px and mobile remain untouched.
 * 1920px remains untouched.
 */
@media (min-width: 901px) and (max-width: 1599px) {
    body[data-system=modern] #o-firmie .round2-about-intro > h2 {
        top: 0 !important;
        transform: translateY(-8px);
    }
}

/* END WEBSITE ENGINE - 14D.5 - DESKTOP 1440 ABOUT HEADING EFFECTIVE SHIFT R5-16B.66.2 */
/* WEBSITE ENGINE - 14D.5 - DESKTOP 1920 ABOUT HEADING FORCE UP 2MM R5-16B.66.4 */

/*
 * Manual correction after verification on the user's 1920px screen.
 *
 * Previous rule stopped at 1599px, therefore a true 1920px viewport
 * could not receive the requested visual movement.
 *
 * Apply the correction from desktop breakpoint through 1920px.
 * Move only the #o-firmie main heading approximately 2mm / 8px upward.
 *
 * Layout flow is preserved.
 * Tablet and mobile remain unchanged.
 */
@media (min-width: 901px) and (max-width: 1920px) {
    body[data-system=modern] #o-firmie .round2-about-intro > h2 {
        position: relative !important;
        top: -8px !important;
        transform: none !important;
    }
}

/* END WEBSITE ENGINE - 14D.5 - DESKTOP 1920 ABOUT HEADING FORCE UP 2MM R5-16B.66.4 */
/* WEBSITE ENGINE - 14D.5 - ALL DESKTOP WIDTHS ABOUT HEADING UP 2MM R5-16B.66.6 */

/*
 * Final desktop-wide rule.
 *
 * Apply the accepted ~2mm / 8px upward correction
 * to the #o-firmie main heading on every desktop width.
 *
 * Scope:
 * 901px and wider.
 *
 * Tablet <= 900px and mobile remain unchanged.
 */
@media (min-width: 901px) {
    body[data-system=modern] #o-firmie .round2-about-intro > h2 {
        position: relative !important;
        top: -8px !important;
        transform: none !important;
    }
}

/* END WEBSITE ENGINE - 14D.5 - ALL DESKTOP WIDTHS ABOUT HEADING UP 2MM R5-16B.66.6 */
/* WEBSITE ENGINE - 14D.5 - SMALL WIDTHS ABOUT LEAD DOWN 0.6MM R5-16B.67 */

/*
 * Small-width visual correction.
 *
 * Move only:
 * "Dla klientów indywidualnych i firm."
 *
 * approximately 0.6mm downward.
 *
 * Previous physical calibration:
 * 10px ~= 1.5mm
 * therefore 0.6mm ~= 4px.
 *
 * Scope:
 * 900px and below.
 *
 * Desktop 901px+ remains unchanged.
 * Layout flow remains unchanged.
 */
@media (max-width: 900px) {
    body[data-system=modern] #o-firmie .round2-about-intro > .lead {
        transform: translateY(4px);
    }
}

/* END WEBSITE ENGINE - 14D.5 - SMALL WIDTHS ABOUT LEAD DOWN 0.6MM R5-16B.67 */
/* WEBSITE ENGINE - 14D.5 - 621 PLUS ABOUT LEAD ADDITIONAL DOWN 0.5MM R5-16B.68 */

/*
 * Additional visual correction for:
 * "Dla klientów indywidualnych i firm."
 *
 * User-requested range:
 * 621px and wider.
 *
 * Physical calibration:
 * 0.5mm ~= 3.33px.
 *
 * Existing <=900px correction:
 * 4px ~= 0.6mm downward.
 *
 * Therefore:
 *
 * 0-620px:
 *     keep existing 4px
 *
 * 621-900px:
 *     4px + 3.33px = 7.33px
 *
 * 901px+:
 *     new 3.33px shift
 *
 * Layout flow remains unchanged.
 */

@media (min-width: 621px) and (max-width: 900px) {
    body[data-system=modern] #o-firmie .round2-about-intro > .lead {
        transform: translateY(7.33px) !important;
    }
}

@media (min-width: 901px) {
    body[data-system=modern] #o-firmie .round2-about-intro > .lead {
        transform: translateY(3.33px) !important;
    }
}

/* END WEBSITE ENGINE - 14D.5 - 621 PLUS ABOUT LEAD ADDITIONAL DOWN 0.5MM R5-16B.68 */
/* WEBSITE ENGINE - 14D.5 - MAX900 CONTACT INTRO DOWN 1MM R5-16B.69 */

/*
 * Mobile/tablet contact-intro visual correction.
 *
 * Move only:
 * - Kontakt
 * - Opisz swoją realizację
 * - descriptive paragraph directly below the heading
 *
 * Requested physical movement:
 * approximately 1mm downward.
 *
 * Existing project calibration:
 * 10px ~= 1.5mm
 * therefore 1mm ~= 6.67px.
 *
 * Scope:
 * 900px and below.
 *
 * Contact details and form remain in their existing positions.
 * Layout flow remains unchanged.
 */
@media (max-width: 900px) {

    body[data-system=modern] #zapytanie .contact-copy > .eyebrow,
    body[data-system=modern] #zapytanie .contact-copy > h2,
    body[data-system=modern] #zapytanie .contact-copy > .lead {
        position: relative;
        top: 6.67px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - MAX900 CONTACT INTRO DOWN 1MM R5-16B.69 */
/* WEBSITE ENGINE - 14D.5 - ALL WIDTHS SERVICES LEAD DOWN 1MM R5-16B.70 */

/*
 * All-width visual correction for:
 *
 * "Szczegóły i wycena są ustalane indywidualnie."
 *
 * Requested physical movement:
 * approximately 1mm downward.
 *
 * Existing project calibration:
 * 10px ~= 1.5mm
 * therefore 1mm ~= 6.67px.
 *
 * No breakpoint:
 * mobile, tablet and desktop receive exactly the same correction.
 *
 * Only the services-intro lead moves.
 * Layout flow remains unchanged.
 */
body[data-system=modern] #uslugi .section-intro[data-pg-name="Usługi — wprowadzenie"] > .lead {
    position: relative !important;
    top: 6.67px !important;
}

/* END WEBSITE ENGINE - 14D.5 - ALL WIDTHS SERVICES LEAD DOWN 1MM R5-16B.70 */
/* WEBSITE ENGINE - 14D.5 - ALL WIDTHS SERVICES LEAD UP 0.5MM CORRECTION R5-16B.70.2 */

/*
 * Manual optical correction after review.
 *
 * Previous position:
 *     +6.67px ~= 1mm downward
 *
 * Requested correction:
 *     approximately 0.5mm upward
 *
 * Final position relative to original:
 *     +3.33px ~= 0.5mm downward
 *
 * Applies to every viewport width.
 */
body[data-system=modern] #uslugi .section-intro[data-pg-name="Usługi — wprowadzenie"] > .lead {
    top: 3.33px !important;
}

/* END WEBSITE ENGINE - 14D.5 - ALL WIDTHS SERVICES LEAD UP 0.5MM CORRECTION R5-16B.70.2 */
/* WEBSITE ENGINE - 14D.5 - TABLET HERO SERVICE LABELS PLUS 15 PERCENT R5-16B.71 */

/*
 * Tablet-only visual enlargement for the three HERO service labels.
 *
 * Scope:
 * 621px to 900px inclusive.
 *
 * Requested change:
 * - increase:
 *   "Kuchnie na wymiar"
 *   "Zabudowy na wymiar"
 *   "Szafy i garderoby"
 *   by exactly 15%.
 *
 * Mobile and desktop remain unchanged.
 */
@media (min-width: 621px) and (max-width: 900px) {
    body[data-system=modern] .round2-hero-services .round2-hero-service > strong {
        font-size: 115%;
        line-height: 1.15;
    }
}

/* END WEBSITE ENGINE - 14D.5 - TABLET HERO SERVICE LABELS PLUS 15 PERCENT R5-16B.71 */
/* WEBSITE ENGINE - 14D.5 - EXACT TABLET HERO SERVICE LABELS PLUS 15 PERCENT R5-16B.71.1 */

/*
 * Exact repair of R5-16B.71.
 *
 * Original effective tablet sizes:
 *
 * normal service labels:
 *     1.2rem
 *
 * primary service label:
 *     1.5rem
 *
 * Exact +15%:
 *
 * 1.2rem × 1.15 = 1.38rem
 * 1.5rem × 1.15 = 1.725rem
 *
 * Scope:
 * 621px through 900px inclusive.
 *
 * Restore original line-height 1.2 because only font size
 * was requested to change.
 */
@media (min-width: 621px) and (max-width: 900px) {

    body[data-system=modern] .round2-hero-services .round2-hero-service > strong {
        font-size: 1.38rem !important;
        line-height: 1.2;
    }

    body[data-system=modern] .round2-hero-services .round2-hero-service--primary > strong {
        font-size: 1.725rem !important;
    }
}

/* END WEBSITE ENGINE - 14D.5 - EXACT TABLET HERO SERVICE LABELS PLUS 15 PERCENT R5-16B.71.1 */
/* WEBSITE ENGINE - 14D.5 - MATERIAL PORTFOLIO NEXT RECTANGLES UP 1.5MM R5-16B.73 */

/*
 * Requested physical correction:
 *
 * 1.5mm upward ~= 10px in the accepted project calibration.
 *
 * IMPORTANT:
 * - text positions do not move;
 * - only the vertical distance to the NEXT rectangle below is reduced;
 * - horizontal spacing remains unchanged.
 */

/*
 * FIRMA OD SRODKA / MATERIALS
 *
 * Existing grid gap:
 *     16px
 *
 * New vertical row gap:
 *     16px - 10px = 6px
 *
 * Only row-gap is overridden, therefore the horizontal column gap
 * remains unchanged.
 */
body[data-system=modern] #materialy-firmy .round2-material-grid {
    row-gap: 6px;
}

/*
 * PORTFOLIO / REALIZACJE
 *
 * Existing distance between the four explicit project rows:
 *     56px
 *
 * New distance:
 *     56px - 10px = 46px
 */
body[data-system=modern] #realizacje .round3-project-row + .round3-project-row {
    margin-top: 46px;
}

/*
 * On narrow layouts some cards wrap INSIDE an explicit project row.
 * Their existing vertical wrap gap is also 56px, so reduce that
 * to 46px as well. This makes the same 1.5mm correction effective
 * on mobile, tablet and desktop layouts.
 */
@media (max-width: 620px) {
    body[data-system=modern] #realizacje .round3-project-row--two,
    body[data-system=modern] #realizacje .round3-project-row--three {
        row-gap: 46px;
    }
}

@media (min-width: 621px) and (max-width: 980px) {
    body[data-system=modern] #realizacje .round3-project-row--three {
        row-gap: 46px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - MATERIAL PORTFOLIO NEXT RECTANGLES UP 1.5MM R5-16B.73 */
/* WEBSITE ENGINE - 14D.5 - MATERIAL RECTANGLES DOWN 0.5MM CORRECTION R5-16B.73.2 */

/*
 * Manual visual correction after 1920px review.
 *
 * Previous material row-gap:
 *     6px
 *
 * User evaluation:
 *     rectangles too close to labels.
 *
 * Move NEXT material rectangles approximately 0.5mm downward:
 *     0.5mm ~= 3.33px
 *
 * New material row-gap:
 *     6px + 3.33px = 9.33px
 *
 * Portfolio / realizacje rules are intentionally untouched.
 */
body[data-system=modern] #materialy-firmy .round2-material-grid {
    row-gap: 9.33px;
}

/* END WEBSITE ENGINE - 14D.5 - MATERIAL RECTANGLES DOWN 0.5MM CORRECTION R5-16B.73.2 */
/* WEBSITE ENGINE - 14D.5 - MATERIAL GAP 6.5MM R5-16B.73.4 */

/*
 * Physical ruler measurement:
 *
 * current visible distance = 4.5mm
 * requested distance       = 6.5mm
 * correction               = +2.0mm
 *
 * Existing accepted project calibration:
 * 1.5mm ~= 10px
 * 2.0mm ~= 13.33px
 *
 * Current material row-gap:
 * 9.33px
 *
 * New row-gap:
 * 9.33px + 13.33px = 22.66px
 *
 * Only MATERIALS are changed.
 * Portfolio / REALIZACJE stay untouched.
 */
body[data-system=modern] #materialy-firmy .round2-material-grid {
    row-gap: 22.66px;
}

/* END WEBSITE ENGINE - 14D.5 - MATERIAL GAP 6.5MM R5-16B.73.4 */
/* WEBSITE ENGINE - 14D.5 - ALL WIDTHS PROJECT COPY UP 1MM R5-16B.74 */

/*
 * Move the complete copy block belonging to each portfolio rectangle
 * approximately 1mm upward.
 *
 * Existing project calibration:
 * 1mm ~= 6.67px.
 *
 * This changes only the visual distance between the project rectangle
 * and its own copy:
 *
 * - Nazwa lub rodzaj realizacji
 * - Miejscowosc / rok
 * - Zakres: opis wykonanych prac.
 *
 * Internal text spacing is untouched.
 * Previously accepted 46px spacing between project rows is untouched.
 * Applies at every viewport width.
 */
body[data-system=modern] #realizacje .round2-project-body {
    position: relative;
    top: -3.34px;
}

/* END WEBSITE ENGINE - 14D.5 - ALL WIDTHS PROJECT COPY UP 1MM R5-16B.74 */
/* WEBSITE ENGINE - 14D.5 - PROJECT INTERNAL TEXT GAPS MINUS 0.5MM R5-16B.75 */

/*
 * Reduce BOTH internal portfolio-copy gaps by approximately 0.5mm.
 *
 * Accepted project calibration:
 * 0.5mm ~= 3.33px
 *
 * Title -> locality/year:
 * 9.375px - 3.33px = 6.045px
 *
 * Locality/year -> scope:
 * 6.625px - 3.33px = 3.295px
 *
 * Applies at every viewport width.
 * The complete copy block remains 6.67px closer to its rectangle
 * from R5-16B.74.
 * Project-row spacing remains unchanged.
 */
body[data-system=modern] #realizacje .round2-project-card h3 {
    margin-bottom: 6.045px;
}

body[data-system=modern] #realizacje .round2-project-meta {
    margin-bottom: 3.295px;
}

/* END WEBSITE ENGINE - 14D.5 - PROJECT INTERNAL TEXT GAPS MINUS 0.5MM R5-16B.75 */
/* WEBSITE ENGINE - 14D.5 - SCOPE TO NEXT RECTANGLE MINUS 2MM R5-16B.76 */

/*
 * User-requested physical correction:
 *
 * Reduce the distance from:
 *   "Zakres: opis wykonanych prac."
 *
 * to the NEXT project rectangle below by approximately 2mm.
 *
 * Accepted project calibration:
 *   2mm ~= 13.33px
 *
 * Current project-row distance:
 *   46px
 *
 * New distance:
 *   46px - 13.33px = 32.67px
 *
 * Internal text spacing from R5-16B.75 remains untouched.
 * Copy-to-own-rectangle position from R5-16B.74 remains untouched.
 * Applies at every viewport width.
 */

/* Distance between explicit project rows. */
body[data-system=modern] #realizacje .round3-project-row + .round3-project-row {
    margin-top: 32.67px;
}

/* Wrapped cards on mobile. */
@media (max-width: 620px) {
    body[data-system=modern] #realizacje .round3-project-row--two,
    body[data-system=modern] #realizacje .round3-project-row--three {
        row-gap: 32.67px;
    }
}

/* Wrapped three-card rows on tablet / smaller desktop. */
@media (min-width: 621px) and (max-width: 980px) {
    body[data-system=modern] #realizacje .round3-project-row--three {
        row-gap: 32.67px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - SCOPE TO NEXT RECTANGLE MINUS 2MM R5-16B.76 */
/* WEBSITE ENGINE - 14D.5 - SIX EXACT VISUAL SPACING CORRECTIONS R5-16B.77 */

/*
 * Physical calibration used in this refinement:
 *
 * 0.5mm ~= 3.33px
 * 1.5mm ~= 10px
 * 2.0mm ~= 13.33px
 * 3.0mm ~= 20px
 *
 * All corrections apply at every viewport width.
 */


/*
 * 1. PRZYKLADOWE REALIZACJE -> project rectangles
 *
 * Previous:
 * >=621px: 21px
 * <=620px: 18px
 *
 * Increase by 1.5mm ~= 10px.
 */
body[data-system=modern] #realizacje .section-intro {
    margin-bottom: 31px;
}


/*
 * 2. FIRMA OD SRODKA description -> material rectangles
 *
 * Previous:
 * >=621px: 21px
 * <=620px: 18px
 *
 * Increase by 2mm ~= 13.33px.
 */
body[data-system=modern] #materialy-firmy .round2-materials-intro {
    margin-bottom: 34.33px;
}


/*
 * 3. FIRMA OD SRODKA heading -> description
 *
 * Add 3mm ~= 20px above the description text.
 *
 * Padding is used deliberately:
 * it increases the heading-to-text distance in normal document flow
 * without undoing the separately requested description-to-grid gap.
 */
body[data-system=modern] #materialy-firmy .round2-materials-intro > .lead {
    padding-top: 20px;
}


/*
 * 4. MATERIALY WIDEO / OPINIE WIDEO -> video windows
 *
 * Previous specific intro gap: 24px.
 * Increase by 0.5mm ~= 3.33px.
 */
body[data-system=modern] #wideo .round2-video-group .section-intro {
    margin-bottom: 27.33px;
}


/*
 * 5. USLUGI heading -> explanatory lead
 *
 * Increase by 2mm ~= 13.33px.
 *
 * Existing R5-16B.70 / R5-16B.70.2 positional correction
 * remains intact. Padding adds only the new requested distance
 * in normal flow.
 */
body[data-system=modern] #uslugi .section-intro[data-pg-name="Usługi — wprowadzenie"] > .lead {
    padding-top: 13.33px;
}


/*
 * 6. OPISZ SWOJA REALIZACJE -> contact explanatory lead
 *
 * Increase by 3mm ~= 20px.
 *
 * Existing <=900px contact-intro shift remains intact.
 */
body[data-system=modern] #zapytanie .contact-copy > .lead {
    padding-top: 20px;
}


/*
 * Preserve the existing smaller mobile intro baseline while adding
 * exactly the same requested physical increments.
 */
@media (max-width: 620px) {
    body[data-system=modern] #realizacje .section-intro {
        margin-bottom: 28px;
    }

    body[data-system=modern] #materialy-firmy .round2-materials-intro {
        margin-bottom: 31.33px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - SIX EXACT VISUAL SPACING CORRECTIONS R5-16B.77 */
/* WEBSITE ENGINE - 14D.5 - FIVE EXACT SPACING CORRECTIONS R5-16B.78.1 */

/*
 * Physical calibration:
 *
 * 0.5mm ~= 3.33px
 * 1.0mm ~= 6.67px
 * 2.0mm ~= 13.33px
 *
 * Applies at every viewport width.
 */


/*
 * 1. FIRMA OD SRODKA -> description
 *
 * Current extra padding: 20px.
 * Reduce distance by 1mm:
 *
 * 20 - 6.67 = 13.33px
 */
body[data-system=modern] #materialy-firmy .round2-materials-intro > .lead {
    padding-top: 13.33px;
}


/*
 * 2. OPISZ SWOJA REALIZACJE -> description
 *
 * Current extra padding: 20px.
 * Reduce distance by 1mm:
 *
 * 20 - 6.67 = 13.33px
 */
body[data-system=modern] #zapytanie .contact-copy > .lead {
    padding-top: 13.33px;
}


/*
 * 3. PRZYKLADOWE REALIZACJE -> rectangles
 *
 * Current >=621px: 31px
 * Current <=620px: 28px
 *
 * Reduce by 0.5mm ~= 3.33px.
 */
body[data-system=modern] #realizacje .section-intro {
    margin-bottom: 27.67px;
}


/*
 * 4. Materials description -> rectangles
 *
 * Current >=621px: 34.33px
 * Current <=620px: 31.33px
 *
 * Reduce by 1mm ~= 6.67px.
 */
body[data-system=modern] #materialy-firmy .round2-materials-intro {
    margin-bottom: 27.66px;
}


/*
 * 5. DLACZEGO WARTO WYBRAC WLASNIE TE FIRME?
 *    -> company-proof boxes
 *
 * Existing original bottom margin:
 * 22px
 *
 * Increase by 2mm ~= 13.33px:
 *
 * 22 + 13.33 = 35.33px
 */
body[data-system=modern] #o-firmie .round2-about-advantages > h3 {
    margin-bottom: 35.33px;
}


/*
 * Preserve the existing mobile baseline differences.
 */
@media (max-width: 620px) {
    body[data-system=modern] #realizacje .section-intro {
        margin-bottom: 24.67px;
    }

    body[data-system=modern] #materialy-firmy .round2-materials-intro {
        margin-bottom: 24.66px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - FIVE EXACT SPACING CORRECTIONS R5-16B.78.1 */
/* WEBSITE ENGINE - 14D.5 - ABOUT GAP MINUS 1MM SERVICES GAP MINUS 0.5MM R5-16B.79 */

/*
 * Physical calibration:
 *
 * 1.0mm ~= 6.67px
 * 0.5mm ~= 3.33px
 *
 * Applies at every viewport width.
 */


/*
 * 1. "Dlaczego warto wybrac wlasnie te firme?"
 *    -> company-proof boxes
 *
 * Current:
 * 35.33px
 *
 * Reduce by 1mm:
 * 35.33px - 6.67px = 28.66px
 */
body[data-system=modern] #o-firmie .round2-about-advantages > h3 {
    margin-bottom: 28.66px;
}


/*
 * 2. USLUGI -> explanatory lead
 *
 * Current extra padding:
 * 13.33px
 *
 * Reduce by 0.5mm:
 * 13.33px - 3.33px = 10px
 *
 * Existing positional correction of the services lead remains untouched.
 */
body[data-system=modern] #uslugi .section-intro[data-pg-name="Usługi — wprowadzenie"] > .lead {
    padding-top: 10px;
}

/* END WEBSITE ENGINE - 14D.5 - ABOUT GAP MINUS 1MM SERVICES GAP MINUS 0.5MM R5-16B.79 */
/* WEBSITE ENGINE - 14D.5 - SERVICES LEAD TO CARDS MINUS 0.7MM R5-16B.80 */

/*
 * Reduce only the visual-flow distance from:
 *
 * "Szczegoly i wycena sa ustalane indywidualnie."
 *
 * to the service cards below.
 *
 * Physical calibration:
 * 0.7mm ~= 4.67px
 *
 * Existing base:
 * >=621px = 28px
 * <=620px = 24px
 *
 * New:
 * >=621px = 23.33px
 * <=620px = 19.33px
 *
 * The accepted heading-to-lead spacing remains untouched.
 */

body[data-system=modern] #uslugi .section-intro[data-pg-name="Usługi — wprowadzenie"] {
    margin-bottom: 23.33px;
}

@media (max-width: 620px) {
    body[data-system=modern] #uslugi .section-intro[data-pg-name="Usługi — wprowadzenie"] {
        margin-bottom: 19.33px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - SERVICES LEAD TO CARDS MINUS 0.7MM R5-16B.80 */
/* WEBSITE ENGINE - 14D.5 - SERVICES PHYSICAL GAP 6MM TO 7.5MM R5-16B.81 */

/*
 * Physical ruler is authoritative.
 *
 * Measured current visual gap: 6mm.
 * Required visual gap:         7.5mm.
 *
 * Required increase:           1.5mm ~= 10px.
 *
 * Current:
 * >=621px: 23.33px
 * <=620px: 19.33px
 *
 * New:
 * >=621px: 33.33px
 * <=620px: 29.33px
 *
 * Heading-to-lead spacing is not changed.
 */

body[data-system=modern] #uslugi .section-intro[data-pg-name="Usługi — wprowadzenie"] {
    margin-bottom: 33.33px;
}

@media (max-width: 620px) {
    body[data-system=modern] #uslugi .section-intro[data-pg-name="Usługi — wprowadzenie"] {
        margin-bottom: 29.33px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - SERVICES PHYSICAL GAP 6MM TO 7.5MM R5-16B.81 */
/* WEBSITE ENGINE - 14D.5 - SERVICES PHYSICAL GAP 8MM TO 7.5MM R5-16B.82 */

/*
 * Physical ruler is authoritative.
 *
 * Measured current visual gap: 8.0mm.
 * Required visual gap:         7.5mm.
 *
 * Required reduction:
 * 0.5mm ~= 3.33px.
 *
 * Current:
 * >=621px: 33.33px
 * <=620px: 29.33px
 *
 * New:
 * >=621px: 30px
 * <=620px: 26px
 *
 * Heading-to-lead spacing remains untouched.
 */

body[data-system=modern] #uslugi .section-intro[data-pg-name="Usługi — wprowadzenie"] {
    margin-bottom: 30px;
}

@media (max-width: 620px) {
    body[data-system=modern] #uslugi .section-intro[data-pg-name="Usługi — wprowadzenie"] {
        margin-bottom: 26px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - SERVICES PHYSICAL GAP 8MM TO 7.5MM R5-16B.82 */

/* WEBSITE ENGINE - 14D.5 - PORTFOLIO TO REVIEWS MINUS 1MM R5-16B.83.3 */
/* Reduce only the bottom edge of portfolio by approximately 1mm. */

@media (min-width: 901px) {
    body[data-system=modern] #realizacje {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 13.17px);
    }
}

@media (min-width: 621px) and (max-width: 900px) {
    body[data-system=modern] #realizacje {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 12.67px);
    }
}

@media (max-width: 620px) {
    body[data-system=modern] #realizacje {
        padding-bottom: calc(var(--round5-section-rhythm-y) - 13.67px);
    }
}

/* END WEBSITE ENGINE - 14D.5 - PORTFOLIO TO REVIEWS MINUS 1MM R5-16B.83.3 */

/* WEBSITE ENGINE - 14D.5 - FIVE TARGETED GAPS PLUS 1.5MM R5-16B.84.2 */
/* Local intro-to-content spacing only. Global section rhythm unchanged. */

body[data-system=modern] #realizacje .section-intro {
    margin-bottom: 37.67px;
}

body[data-system=modern] #opinie .section-intro {
    margin-bottom: 38px;
}

body[data-system=modern] #wideo .round2-video-group .section-intro {
    margin-bottom: 37.33px;
}

body[data-system=modern] #proces .section-intro {
    margin-bottom: 38px;
}

@media (max-width: 620px) {
    body[data-system=modern] #realizacje .section-intro {
        margin-bottom: 32.67px;
    }

    body[data-system=modern] #opinie .section-intro,
    body[data-system=modern] #proces .section-intro {
        margin-bottom: 34px;
    }
}

/* END WEBSITE ENGINE - 14D.5 - FIVE TARGETED GAPS PLUS 1.5MM R5-16B.84.2 */

/* WEBSITE ENGINE - 14D.5 - TWO LEAD GAPS MINUS 1MM R5-16B.85.2 */
/* Changes apply only at viewport widths up to 900px. */
@media (max-width: 900px) {
    body[data-system=modern] #materialy-firmy .round2-materials-intro > .lead {
        padding-top: 6.66px;
    }

    body[data-system=modern] #uslugi .section-intro[data-pg-name="Usługi — wprowadzenie"] > .lead {
        padding-top: 3.33px;
    }
}
/* END WEBSITE ENGINE - 14D.5 - TWO LEAD GAPS MINUS 1MM R5-16B.85.2 */


/* WEBSITE ENGINE - 14D.5 - MATERIAL LEAD NATURAL WIDTH R5-16B.86.2 */
/* Remove the inherited 62ch cap only for the company materials description. */
/* Wrapping stays natural and responsive; no nowrap or manual line breaks. */
body[data-system=modern] #materialy-firmy .round2-materials-intro > .lead {
    max-width: none;
    width: 100%;
}
/* END WEBSITE ENGINE - 14D.5 - MATERIAL LEAD NATURAL WIDTH R5-16B.86.2 */


/* WEBSITE ENGINE - 14D.5 - VIDEO DIVIDER BORDER MATCH R5-16B.87.2 */
/* Match the normal video-card outline without changing divider geometry. */
body[data-system=modern] #wideo .round2-video-group + .round2-video-group {
    box-shadow: inset 0 1px 0 var(--we-r5-card-border-strong);
}
/* END WEBSITE ENGINE - 14D.5 - VIDEO DIVIDER BORDER MATCH R5-16B.87.2 */


/* WEBSITE ENGINE - 14D.5 - VIDEO DIVIDER GRADIENT R5-16B.87.17 */
/* Draw only one horizontal 1px separator; keep layout geometry. */
body[data-system=modern] #wideo .round2-video-group + .round2-video-group {
    box-shadow: none;
    border-top: 0;
    background-image: linear-gradient(
        to right,
        var(--we-r5-card-border-strong),
        var(--we-r5-card-border-strong)
    );
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 1px;
}
/* END WEBSITE ENGINE - 14D.5 - VIDEO DIVIDER GRADIENT R5-16B.87.17 */


/* WEBSITE ENGINE - 14D.5 - CONTACT LEAD GAP MINUS 1MM MAX900 R5-16B.88.2 */
/* Only the contact description gap changes at widths up to 900px. */
/* Preserve the existing positional shift and other spacing. */
@media (max-width: 900px) {
    body[data-system=modern] #zapytanie .contact-copy > .lead {
        padding-top: 6.66px;
    }
}
/* END WEBSITE ENGINE - 14D.5 - CONTACT LEAD GAP MINUS 1MM MAX900 R5-16B.88.2 */


/* WEBSITE ENGINE - 14D.5 - TWO TEXTS SEMIBOLD R5-16B.89.2 */
/* Only the two requested paragraphs; all viewport widths. */
body[data-system=modern] #o-firmie .round2-about-intro > p.lead,
body[data-system=modern] #zapytanie .contact-copy > p.lead {
    font-weight: 600;
}
/* END WEBSITE ENGINE - 14D.5 - TWO TEXTS SEMIBOLD R5-16B.89.2 */


/* WEBSITE ENGINE - 14D.5 - REVIEWS DOWNSTREAM FLOW DOWN 0.5MM R5-16B.91.5 */
/* Add 0.5mm to normal flow before reviews; all following sections move equally. */
body[data-system=modern] #opinie {
    padding-top: calc(var(--round5-section-rhythm-y) + 3.33px);
}
/* END WEBSITE ENGINE - 14D.5 - REVIEWS DOWNSTREAM FLOW DOWN 0.5MM R5-16B.91.5 */


/* WEBSITE ENGINE - 14D.5 - ABOUT ANCHOR UP 1MM R5-16B.92.6 */
/* Shift only the About anchor stop upward by 6.67px. */
/* Section geometry, Services anchor and content remain unchanged. */
body[data-system=modern] #o-firmie {
    scroll-margin-top: calc(-17.33px - 1 * var(--round5-section-rhythm-y));
}
/* END WEBSITE ENGINE - 14D.5 - ABOUT ANCHOR UP 1MM R5-16B.92.6 */


/* WEBSITE ENGINE - 14D.5 - MOBILE REVIEWS GAP MINUS 0.5MM R5-16B.93.3 */
/* Only widths <=620px; heading stays, following content moves up. */
@media (max-width: 620px) {
    body[data-system=modern] #opinie .section-intro {
        margin-bottom: 30.67px;
    }
}
/* END WEBSITE ENGINE - 14D.5 - MOBILE REVIEWS GAP MINUS 0.5MM R5-16B.93.3 */


/* WEBSITE ENGINE - 14D.5 - MOBILE VIDEO GAP MINUS 0.8MM R5-16B.94.2 */
/* Only the first video heading; later groups retain their own gaps. */
/* Normal-flow reduction moves all later content upward by 5.33px. */
@media (max-width: 620px) {
    body[data-system=modern] #wideo .round2-video-group:first-child > .section-intro {
        margin-bottom: 32px;
    }
}
/* END WEBSITE ENGINE - 14D.5 - MOBILE VIDEO GAP MINUS 0.8MM R5-16B.94.2 */


/* WEBSITE ENGINE - 14D.5 - MOBILE VIDEO TESTIMONIAL GAP MINUS 0.8MM R5-16B.95.1 */
/* Only the second video group: Opinie wideo. */
/* Move its content and following sections up in normal flow by 5.33px. */
@media (max-width: 620px) {
    body[data-system=modern] #wideo .round2-video-group + .round2-video-group > .section-intro {
        margin-bottom: 32px;
    }
}
/* END WEBSITE ENGINE - 14D.5 - MOBILE VIDEO TESTIMONIAL GAP MINUS 0.8MM R5-16B.95.1 */


/* WEBSITE ENGINE - 14D.5 - MOBILE ANCHOR ALIGNMENT R5-16B.96.2 */
/* Mobile-only scroll target correction. No layout changes. */
/* About: heading 7px lower than previous scroll stop. */
/* Services: heading 5px higher than previous scroll stop. */
@media (max-width: 620px) {
    body[data-system=modern] #o-firmie {
        scroll-margin-top: -35.2px;
    }

    body[data-system=modern] #uslugi {
        scroll-margin-top: calc(-1.8px - var(--round5-section-rhythm-y));
    }
}
/* END WEBSITE ENGINE - 14D.5 - MOBILE ANCHOR ALIGNMENT R5-16B.96.2 */


/* WEBSITE ENGINE - 14D.5 - MOBILE SERVICES SECTION UP 0.5MM R5-16B.96.8 */
/* Only widths <=620px. Raise the Services heading and all content below it. */
/* No HTML changes. No desktop/tablet changes. */
@media (max-width: 620px) {
    body[data-system=modern] #uslugi > .container {
        position: relative;
        top: -2px;
    }
}
/* END WEBSITE ENGINE - 14D.5 - MOBILE SERVICES SECTION UP 0.5MM R5-16B.96.8 */


/* WEBSITE ENGINE - 14D.5 - MOBILE ABOUT CONTENT DOWN 0.3MM R5-16B.98.2 */
/* Target 29.5px: another 2px upward in normal document flow. */
/* Heading, lead, advantages and following sections move down together. */
/* Only widths <=620px. Existing internal spacing remains unchanged. */
@media (max-width: 620px) {
    body[data-system=modern] #o-firmie {
        padding-top: 29.5px !important;
    }
}
/* END WEBSITE ENGINE - 14D.5 - MOBILE ABOUT CONTENT DOWN 0.3MM R5-16B.98.2 */

    
/* WEBSITE ENGINE - 14D.5 - MOBILE PROCESS GAP UP 0.5MM R5-16B.100.9 */
/* Only viewport widths up to 620px. */
/* Previous process intro gap: 34px. */
/* New process intro gap: 30.67px. */
/* Heading stays in place; cards and later sections rise in normal flow. */
@media (max-width: 620px) {
    body[data-system=modern] #proces .section-intro {
        margin-bottom: 30.67px;
    }
}
/* END WEBSITE ENGINE - 14D.5 - MOBILE PROCESS GAP UP 0.5MM R5-16B.100.9 */

/* WEBSITE ENGINE - 14D.5 - FORM SUBTITLE GAP CLEAR INCREASE R5-16B.102.3 */
/* All viewport widths. */
/* Make the subtitle visibly lower than before. */
/* Original vertical gap: 2px. New vertical gap: 8px (R5-16B.102.5). */
body[data-system=modern] .inquiry-form .form-heading > div {
    row-gap: 8px;
}
/* END WEBSITE ENGINE - 14D.5 - FORM SUBTITLE GAP CLEAR INCREASE R5-16B.102.3 */

/* WEBSITE ENGINE - 14D.5 - HERO H1 LINE HEIGHT INCREASE R5-16B.103.3 */
/* All viewport widths. */
/* Increase line spacing only for the main hero H1. */
body[data-system=modern] h1[data-pg-name="Hero — nagłówek"] {
    line-height: 1.08 !important;
}
/* END WEBSITE ENGINE - 14D.5 - HERO H1 LINE HEIGHT INCREASE R5-16B.103.3 */

/* WEBSITE ENGINE - 14D.5 - HEADER PHONE NUMBER WEIGHT R5-16B.104.2 */
/* Change only the digits inside the header phone button. */
/* Preserve button dimensions, color, icon and responsive behavior. */
body[data-system=modern] .site-header .header-actions > a.header-phone > .header-phone-number {
    font-weight: 600;
}
/* END WEBSITE ENGINE - 14D.5 - HEADER PHONE NUMBER WEIGHT R5-16B.104.2 */

/* WEBSITE ENGINE - 14D.5 - HEADER LOGO WEIGHT MATCH PHONE R5-16B.104.6 */
/* Match the visible header logo text weight to the header phone number weight. */
/* Preserve layout, spacing, icon and responsive behavior. */
body[data-system=modern] .site-header .brand,
body[data-system=modern] .site-header .round2-brand-logo {
    font-weight: 600;
}
/* END WEBSITE ENGINE - 14D.5 - HEADER LOGO WEIGHT MATCH PHONE R5-16B.104.6 */

/* WEBSITE ENGINE - 14D.5 - FOOTER COLUMN SHIFT R5-16B.105.2 */
/*
 * Scope: Modern MAX footer, viewport >= 901px.
 * Services: unchanged.
 * Company: +3mm relative to current position.
 * Contact: +6mm relative to current position.
 *
 * Individual translate composes with existing transforms.
 * No grid, padding, width or mobile changes.
 */
@media (min-width: 901px) {
    body[data-system=modern] .site-footer .footer-grid > [data-round5-footer-column="company"] {
        translate: 5mm 0;
    }

    body[data-system=modern] .site-footer .footer-grid > [data-round5-footer-column="contact"] {
        translate: 10mm 0;
    }
}
/* END WEBSITE ENGINE - 14D.5 - FOOTER COLUMN SHIFT R5-16B.105.2 */

/* WEBSITE ENGINE - 14D.5 - EQUAL CARD WIDTHS R5-16B.106.2 */
/*
 * At >=1021px both sections use four equal 1fr columns.
 * Match their horizontal gaps to produce identical card widths.
 * Keep the About vertical row gap at its original 14px.
 * Preserve all existing tablet and mobile breakpoints.
 */
@media (min-width: 1021px) {
    body[data-system=modern] #o-firmie .round2-about .about-points[data-website-engine-generated="company-proof"] {
        column-gap: 16px;
    }
}
/* END WEBSITE ENGINE - 14D.5 - EQUAL CARD WIDTHS R5-16B.106.2 */

/* WEBSITE ENGINE - 14D.5 - MATERIALS EQUAL DESKTOP GRID R5-16B.107.3 */
/*
 * Scope: Firma od srodka, desktop >= 981px.
 * Three equal-width columns and four sequential rows.
 * Preserve every photo aspect ratio and object-fit: contain.
 * Keep existing row/column gaps, captions and lightbox behavior.
 * Override older flex widths without deleting historical CSS.
 */
@media (min-width: 981px) {
    body[data-system=modern] #materialy-firmy .round2-material-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-auto-flow: row;
        align-items: start;
    }

    body[data-system=modern] #materialy-firmy .round2-material-grid > article.round2-material-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        flex: initial;
        justify-self: stretch;
        align-self: start;
    }
}
/* END WEBSITE ENGINE - 14D.5 - MATERIALS EQUAL DESKTOP GRID R5-16B.107.3 */

/* WEBSITE ENGINE - 14D.5 - BALANCED MATERIALS GRID R5-16B.107.5 */
/*
 * Desktop >=981px.
 * Preserve the equal three-column grid from R5-16B.107.3.
 * Restore balanced visual sizes for portrait photo formats.
 * Preserve photo ratios, image containment and existing captions.
 * No changes to tablet, mobile, HTML, or the lightbox.
 */
@media (min-width: 981px) {

    /* Portrait photographs: cards 4-6. */
    body[data-system=modern] #materialy-firmy .round2-material-grid > article.round2-material-card:nth-child(n+4):nth-child(-n+6) {
        width: 75%;
        max-width: 75%;
        justify-self: center;
        align-self: start;
    }

    /* Portrait A4 documents: cards 10-12. */
    body[data-system=modern] #materialy-firmy .round2-material-grid > article.round2-material-card:nth-child(n+10):nth-child(-n+12) {
        width: 70.707071%;
        max-width: 70.707071%;
        justify-self: center;
        align-self: start;
    }
}
/* END WEBSITE ENGINE - 14D.5 - BALANCED MATERIALS GRID R5-16B.107.5 */

/* WEBSITE ENGINE - 14D.5 - EQUAL VISIBLE PHOTO GAPS R5-16B.107.7 */
/*
 * Modern MAX company materials, desktop >=981px.
 * Three materials per row for the current 12-card demo.
 * Every visible horizontal gap is 16px.
 * Rows are centered independently.
 * Preserve the established aspect ratios and captions.
 * No image cropping, HTML changes or mobile changes.
 */
@media (min-width: 981px) {

    body[data-system=modern] #materialy-firmy .round2-material-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        column-gap: 16px;
        row-gap: 38px;
    }

    /* Landscape photographs and landscape A4 documents. */
    body[data-system=modern] #materialy-firmy .round2-material-grid > article.round2-material-card {
        flex: 0 0 calc((100% - 32px) / 3);
        width: calc((100% - 32px) / 3);
        max-width: calc((100% - 32px) / 3);
        min-width: 0;
        box-sizing: border-box;
        align-self: flex-start;
    }

    /* Portrait photographs, positions 4 through 6. */
    body[data-system=modern] #materialy-firmy .round2-material-grid > article.round2-material-card:nth-child(n+4):nth-child(-n+6) {
        flex: 0 0 calc((100% - 32px) / 4);
        width: calc((100% - 32px) / 4);
        max-width: calc((100% - 32px) / 4);
    }

    /* Portrait A4 documents, positions 10 through 12. */
    body[data-system=modern] #materialy-firmy .round2-material-grid > article.round2-material-card:nth-child(n+10):nth-child(-n+12) {
        flex: 0 0 calc((100% - 32px) / 4.24264068712);
        width: calc((100% - 32px) / 4.24264068712);
        max-width: calc((100% - 32px) / 4.24264068712);
    }
}
/* END WEBSITE ENGINE - 14D.5 - EQUAL VISIBLE PHOTO GAPS R5-16B.107.7 */


/* WEBSITE ENGINE - R5-WCAG-16B.107.40 - SHORT VIEWPORT MENU SCROLL */
/*
 * Limit only the open mobile navigation on short viewports.
 * This covers large browser zoom without redesigning normal-height layouts.
 * Menu appearance, item sizes, colors and HTML remain unchanged.
 */
@media (max-width: 900px) and (max-height: 480px) {
    body[data-system=modern] .site-header .mobile-nav[open] .mobile-nav-panel {
        max-height: calc(100dvh - 90px);
        overflow-y: auto;
        overscroll-behavior-y: contain;
    }
}
/* END WEBSITE ENGINE - R5-WCAG-16B.107.40 - SHORT VIEWPORT MENU SCROLL */


/* WEBSITE ENGINE - R5-WCAG-16B.107.47 - UNIFORM MENU ROWS */
/*
 * Modern mobile navigation only.
 * Four equal-height rows with vertically centered, left-aligned labels.
 * Preserve colors, typography and existing short-viewport scrolling.
 */
@media (max-width: 900px) {

    body[data-system=modern] .site-header .mobile-nav[open] .mobile-nav-panel {
        gap: 0; /* R5-WCAG-16B.107.50 - REMOVE MOBILE NAV GAP */
        padding-block: 0; /* R5-WCAG-16B.107.54 - REMOVE OUTER VERTICAL PADDING */
        grid-auto-rows: 60px;
        align-content: start;
    }

    body[data-system=modern] .site-header .mobile-nav-panel > a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        height: 60px;
        min-height: 60px;
        box-sizing: border-box;
        padding: 0 14px;
        margin: 0;
        text-align: left;
        overflow-wrap: break-word;
    }

    body[data-system=modern] .site-header .mobile-nav-panel > a:last-child {
        border-bottom: 1px solid var(--we-border);
    }

    body[data-system=modern] .site-header .mobile-nav-panel > a.mobile-nav-contact {
        color: var(--we-text) !important;
    }

}
/* END WEBSITE ENGINE - R5-WCAG-16B.107.47 - UNIFORM MENU ROWS */

/* WEBSITE ENGINE - R5-WCAG-16B.107.52 - MOBILE MENU ROW VISUAL NORMALIZATION */
/*
 * Goal:
 * - equal visible row heights,
 * - vertical centering,
 * - preserve left alignment,
 * - remove the unnecessary bottom line under the last row.
 */
@media (max-width: 900px) {
    body[data-system=modern] .site-header nav {
        gap: 0 !important;
    }

    body[data-system=modern] .site-header nav > a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-height: 60px !important;
        height: 60px !important;
        padding: 0 16px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        line-height: 1.2 !important;
        color: var(--we-text) !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.14) !important;
    }

    body[data-system=modern] .site-header nav > a:last-child {
        border-bottom: 0 !important;
    }
}
/* END WEBSITE ENGINE - R5-WCAG-16B.107.52 - MOBILE MENU ROW VISUAL NORMALIZATION */


/* WEBSITE ENGINE - R5-WCAG-16B.107.56C - DARK ACTIVE MENU */
/*
 * Modern mobile menu only.
 * Dark charcoal indicator instead of active underline.
 * No change to menu dimensions, row alignment or scrolling.
 */
@media (max-width: 900px) {
    body[data-system=modern] .site-header .mobile-nav[open] .mobile-nav-panel > a[aria-current="location"],
    body[data-system=modern] .site-header .mobile-nav[open] .mobile-nav-panel > a[aria-current="page"] {
        text-decoration: none !important;
        background: var(--we-surface);
        box-shadow: inset 3px 0 0 #1A1A1A !important;
    }
}
/* END WEBSITE ENGINE - R5-WCAG-16B.107.56C - DARK ACTIVE MENU */

/* WEBSITE ENGINE - 14D.5 - MOBILE MENU VISUAL BALANCE R5-16B.107.58 */
/*
 * Goal:
 * 1) visually lower menu texts a bit,
 * 2) make separators stronger,
 * 3) keep horizontal alignment exactly as before.
 */
body[data-system=modern] .site-header .mobile-nav-panel > a {
    padding-top: 4px !important;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(23, 32, 51, .22) !important;
    line-height: 1.15;
}

body[data-system=modern] .site-header .mobile-nav-panel > a:last-child {
    border-bottom: 0;
}
/* END WEBSITE ENGINE - 14D.5 - MOBILE MENU VISUAL BALANCE R5-16B.107.58 */


/* WEBSITE ENGINE - R5-WCAG-16B.107.66 - SKIP TO CONTENT */
/*
 * Keyboard-only shortcut to main content.
 * Visible on focus, outside header and navigation stacking contexts.
 * Does not change the normal page layout or existing menu styles.
 */
body[data-system=modern] > .we-skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 10000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    max-width: calc(100vw - 24px);
    min-height: 44px;
    padding: 10px 16px;
    border: 2px solid #fff;
    border-radius: 8px;
    background: #1A1A1A;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
    transform: translateY(-160%);
}

body[data-system=modern] > .we-skip-link:focus {
    transform: translateY(0);
    outline: 3px solid #1A1A1A;
    outline-offset: 2px;
}
/* END WEBSITE ENGINE - R5-WCAG-16B.107.66 - SKIP TO CONTENT */


/* WEBSITE ENGINE - R5-WCAG-16B.107.84 - CONTACT FIELD TOP ALIGNMENT */
/*
 * Keep phone and e-mail controls aligned at the top of their shared row.
 * Validation messages may increase the height of one field's grid item.
 * No fixed heights, offsets or reserved error-message space are needed.
 */
body[data-system=modern] #zapytanie .inquiry-form .form-fields > .form-group-heading + label,
body[data-system=modern] #zapytanie .inquiry-form .form-fields > .form-group-heading + label + label {
    align-self: start;
    align-content: start;
}
/* END WEBSITE ENGINE - R5-WCAG-16B.107.84 - CONTACT FIELD TOP ALIGNMENT */


/* WEBSITE ENGINE - R5-WCAG-16B.107.115 - FULL MOBILE FILENAMES */
/*
 * Display complete filenames on screens up to 620px.
 * Allow long names to wrap while preserving remove-button alignment.
 * Do not modify filename presentation on larger screens.
 */
@media (max-width: 620px) {
    body[data-system=modern] #zapytanie .inquiry-form .attachment-item-copy strong {
        white-space: normal;
        overflow-wrap: anywhere;
        text-overflow: clip;
        overflow: visible;
    }
}
/* END WEBSITE ENGINE - R5-WCAG-16B.107.115 - FULL MOBILE FILENAMES */


/* WEBSITE ENGINE - R5-WCAG-16B.107.124 - WARNING TEXT WRAP */
/*
 * Keep long filenames inside form warning messages.
 * Preserve the complete filename and the existing message styling.
 */
body[data-system=modern] #zapytanie .inquiry-form .form-status[data-state=warning] .form-status-copy > span {
    overflow-wrap: anywhere;
}
/* END WEBSITE ENGINE - R5-WCAG-16B.107.124 - WARNING TEXT WRAP */

/* WEBSITE ENGINE - R5-WCAG-16B.107.171 - INSET KEYBOARD FOCUS */
/*
 * Keep keyboard focus inside menu rows on short viewports.
 * Prevent clipping at scroll container top and bottom.
 * Do not change row height, spacing, colors or navigation.
 */
@media (max-width: 900px) and (max-height: 480px) {
    body[data-system=modern] .site-header .mobile-nav[open] .mobile-nav-panel > a:focus-visible {
        outline: 2px solid #1a1a1a;
        outline-offset: -3px;
    }
}
/* END WEBSITE ENGINE - R5-WCAG-16B.107.171 - INSET KEYBOARD FOCUS */

/* WEBSITE ENGINE - R5-WCAG-16B.107.178 - ATTACHMENT KEYBOARD FOCUS */
/*
 * Strong visible focus for the transparent attachment file input.
 * Normal picker appearance and dimensions remain unchanged.
 * Applies to Modern at every viewport size.
 */
/* R5-WCAG-16B.107.182 - SINGLE VISIBLE KEYBOARD FOCUS RING */
body[data-system=modern] .inquiry-form .attachment-picker:has(input:focus-visible):not(:has(input[aria-invalid='true'])) {
    border-color: transparent;
    box-shadow: none;
    outline: 2px solid #1a1a1a;
    outline-offset: 2px;
}
/* END WEBSITE ENGINE - R5-WCAG-16B.107.178 - ATTACHMENT KEYBOARD FOCUS */


/* WE-R5-WCAG-FINAL-02 - full attachment filenames */
body[data-system=modern] #zapytanie .inquiry-form .attachment-item-copy strong {
    white-space: normal;
    text-overflow: clip;
    overflow-wrap: anywhere;
    word-break: normal;
}
/* END WE-R5-WCAG-FINAL-02 */


/* R5-WCAG-REAL-85 COMPACT SUCCESS STATE */
body[data-system="modern"] .inquiry-form .form-success:not([hidden]) {
    min-height: 0;
    padding: 20px 10px 14px;
    justify-content: flex-start;
}

body[data-system="modern"] .inquiry-form .form-success-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
}

body[data-system="modern"] .inquiry-form .form-success > strong {
    font-size: clamp(1.5rem, 2.5vw, 1.85rem);
    line-height: 1.12;
}

body[data-system="modern"] .inquiry-form .form-success > p {
    max-width: 32ch;
    margin: 10px 0 0;
}

/* R5-WCAG-REAL-87 CENTER SUCCESS PRIVACY */
body[data-system="modern"] .inquiry-form:has(.form-success:not([hidden])) + p {
    text-align: center;
}