:root{--ink:#181817;--muted:#696966;--paper:#f7f4ef;--white:#fff;--line:#dedad4;--gold:#b39d82;--dark:#171717}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #a9875e;outline-offset:4px}button:focus-visible{outline:3px solid #a9875e;outline-offset:4px}::selection{background:#d8c8b5;color:#171717}.shell{width:min(1360px,calc(100% - 88px));margin-inline:auto}.section-pad{padding-block:124px}.skip-link{position:absolute;left:20px;top:-100px;background:#fff;padding:14px;z-index:100}.skip-link:focus{top:20px}.site-top{background:var(--paper);border-bottom:1px solid var(--line)}.site-top__inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-size:16px;letter-spacing:.28em;font-weight:700}.logo__dot{color:#a58e75}.top-nav{display:flex;gap:32px;font-size:12px;font-weight:600}.top-nav a,.top-back,.footer a{transition:opacity .2s}.top-nav a:hover,.top-back:hover,.footer a:hover{opacity:.55}.top-back{font-size:12px;font-weight:600}.top-back span{margin-left:10px}.eyebrow{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.24em;font-weight:700}.eyebrow__line{width:28px;height:1px;background:var(--gold);display:inline-block}.hero{overflow:hidden;padding-top:84px;background:radial-gradient(ellipse at 79% 26%,#fff 0%,#f5f0e9 60%,#eee9e2 110%)}.hero__grid{display:grid;grid-template-columns:minmax(330px,.83fr) minmax(0,1.3fr);align-items:center;gap:54px;min-height:630px}.hero__overline{margin-top:54px;margin-bottom:15px;font-size:11px;letter-spacing:.23em;color:#6a655e}.hero h1,.display-title,.next-section h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.047em;line-height:1.1}.hero h1{font-size:clamp(64px,6.7vw,112px);margin:0 0 27px}.hero h1 em,.display-title em,.next-section em{font-weight:400;color:#a58e75}.hero__description{max-width:440px;font-size:15px;line-height:1.9;color:#514e4a}.hero__description strong{font-weight:600;color:var(--ink)}.hero__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:38px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:17px 25px;font-size:12px;letter-spacing:.035em;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn--dark{background:var(--ink);color:#fff}.btn--dark:hover{background:#49433e}.text-link{border-bottom:1px solid #aaa39a;font-size:12px;font-weight:600;padding-bottom:6px}.text-link span{margin-left:12px}.hero__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.hero__tags span{border:1px solid #dcd4ca;color:#73695f;padding:8px 11px;font-size:10px;letter-spacing:.04em}.hero__visual{position:relative}.hero__visual-frame{box-shadow:0 38px 75px rgba(64,48,35,.13);background:#eae1d8;overflow:hidden}.hero__visual-frame img{width:100%;object-fit:cover}.visual-caption{font-size:10px;letter-spacing:.23em;color:#897f72;text-align:right;margin-top:15px}.visual-caption span{margin-inline:10px}.hero__bottom{border-top:1px solid #d6cec3;margin-top:72px;min-height:72px;display:flex;align-items:center;justify-content:space-between;color:#8b8278;font-size:10px;font-weight:700;letter-spacing:.18em}.intro{background:#fff}.intro__layout{display:grid;grid-template-columns:.8fr 1fr;gap:15%}.display-title{font-size:clamp(54px,6vw,92px);margin:25px 0 0}.intro__content{padding-top:35px;max-width:595px;font-size:15px;color:#77716b;line-height:1.9}.intro__content p{margin:0 0 21px}.lead{font-size:clamp(20px,2vw,28px);line-height:1.5;color:#262421;font-weight:500}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:78px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.summary-strip>div{padding:30px 24px;display:flex;flex-direction:column;gap:11px;border-right:1px solid var(--line)}.summary-strip>div:first-child{padding-left:0}.summary-strip>div:last-child{border:0}.summary-strip span{font-family:Georgia,serif;color:#b49b83;font-size:23px}.summary-strip strong{font-size:14px;font-weight:600}.summary-strip small{font-size:12px;color:#81796f;line-height:1.5}.feature--dark{background:#191919;color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:68px}.section-head .display-title{margin-top:25px}.section-head>p{max-width:345px;font-size:14px;line-height:1.9;color:#afada9}.eyebrow--light{color:#d4d0ca}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #42413f;border-left:1px solid #42413f}.service{padding:42px 30px 55px;border-right:1px solid #42413f;border-bottom:1px solid #42413f;min-height:260px}.service__number{font-family:Georgia,serif;font-size:17px;color:#b59f84}.service h3{font-size:20px;font-weight:600;margin:35px 0 18px}.service p{font-size:13px;line-height:1.85;color:#aaa8a5;max-width:330px;margin:0}.spotlight{background:#ede8e0}.spotlight__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.spotlight__photo{background:white;padding:22px;box-shadow:0 18px 45px #544a3a1b}.spotlight__photo img{width:100%;aspect-ratio:1.32;object-fit:contain}.spotlight__copy .display-title{font-size:clamp(48px,5vw,79px)}.spotlight__copy>p:not(.eyebrow){max-width:540px;color:#706b64;font-size:15px;line-height:1.85}.check-list{list-style:none;padding:0;margin:24px 0 0}.check-list li{padding:13px 0 13px 28px;position:relative;border-bottom:1px solid #d6d0c7;font-size:13px}.check-list li:before{content:'✓';color:#a58e75;position:absolute;left:0}.gallery{background:#fff}.section-head--light>p{color:#726d66}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 30px}.project-shot{margin:0}.project-shot>a{display:block;position:relative;overflow:hidden;background:#f3f1ee;border:1px solid #eae6e1;aspect-ratio:1.45}.project-shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}.project-shot>a:hover img{transform:scale(1.03)}.project-shot__zoom{position:absolute;right:16px;bottom:16px;width:38px;height:38px;display:grid;place-items:center;background:#fff;border-radius:50%;font-size:18px}.project-shot figcaption{display:flex;flex-direction:column;gap:8px;padding-top:19px}.project-shot figcaption strong{font-size:16px;font-weight:600}.project-shot figcaption span{font-size:12px;color:#77716c;line-height:1.7}.results{background:#1b1b1b;color:#fff}.results__layout{display:grid;grid-template-columns:1fr 1fr;gap:11%}.results .lead{color:#fff}.results__layout>div:last-child>p:not(.lead){line-height:1.85;color:#b5b2ae;font-size:14px}.results__note{border-left:2px solid #a58e75;padding-left:15px;margin-top:28px}.btn--outline{border:1px solid #aaa7a2;color:#fff;margin-top:24px}.btn--outline:hover{background:#fff;color:#171717}.next-section{padding-block:85px;background:#eae3d9}.next-section__inner{display:flex;align-items:end;justify-content:space-between;gap:40px}.next-section h2{font-size:clamp(55px,6vw,90px);margin:18px 0 0}.footer{background:#141414;color:#a49e96}.footer__inner{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;letter-spacing:.06em}@media(max-width:1100px){.shell{width:min(100% - 48px,1360px)}.hero__grid{gap:30px}.hero h1{font-size:clamp(53px,6vw,90px)}.hero__description{font-size:14px}.section-pad{padding-block:90px}.service{padding-inline:22px}}@media(max-width:760px){.shell{width:calc(100% - 36px)}.site-top__inner{min-height:68px}.top-nav{display:none}.logo{font-size:13px}.top-back{font-size:11px}.hero{padding-top:42px}.hero__grid,.intro__layout,.spotlight__grid,.results__layout{grid-template-columns:1fr;gap:34px}.hero__grid{min-height:0}.hero__overline{margin-top:38px}.hero h1{font-size:clamp(57px,12vw,78px)}.hero__visual{margin-inline:-18px}.visual-caption{padding-right:18px}.hero__bottom{margin-top:45px;min-height:58px}.hero__bottom span:last-child{display:none}.section-pad{padding-block:70px}.display-title{font-size:clamp(53px,11vw,72px)}.intro__content{padding-top:0}.summary-strip{grid-template-columns:1fr 1fr;margin-top:40px}.summary-strip>div{border-bottom:1px solid var(--line);padding:22px 14px}.summary-strip>div:first-child{padding-left:14px}.summary-strip>div:nth-child(even){border-right:0}.summary-strip>div:nth-last-child(-n+2){border-bottom:0}.section-head{flex-direction:column;align-items:start;gap:20px;margin-bottom:35px}.section-head>p{max-width:100%}.services-grid{grid-template-columns:1fr 1fr}.service{min-height:0;padding:27px 20px 35px}.service h3{font-size:17px;margin-top:26px}.gallery-grid{gap:35px 15px}.next-section__inner{align-items:start;flex-direction:column}.next-section h2{font-size:55px}.footer__inner{flex-direction:column;align-items:start;justify-content:center;padding-block:17px}}@media(max-width:520px){.services-grid,.gallery-grid{grid-template-columns:1fr}.hero__buttons{gap:22px}.hero__tags{margin-top:26px}.spotlight__photo{padding:10px}.summary-strip small{font-size:11px}.service{padding:27px}.project-shot>a{aspect-ratio:1.5}.next-section h2{font-size:49px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* ==========================================
   CASE STUDY — AGNIESZKA WĄSOWICZ
   Indywidualne wdrożenie + PageSpeed Insights
   ========================================== */

.aw-case .performance-section {
    background: #f7f4f1;
    color: #191817;
    position: relative;
    overflow: hidden;
}

.aw-case .performance-section__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: clamp(40px, 6vw, 100px);
    align-items: center;
}

/* Teksty */

.aw-case .performance-section__copy {
    min-width: 0;
}

.aw-case .performance-section__copy .display-title {
    font-size: clamp(36px, 4vw, 64px);
    line-height: 1.12;
    letter-spacing: -0.035em;
    margin: 24px 0 30px;
}

.aw-case .performance-section__copy .display-title em {
    font-weight: 400;
}

.aw-case .performance-section__copy .lead {
    font-size: clamp(17px, 1.35vw, 20px);
    line-height: 1.65;
    color: #292724;
    margin-bottom: 22px;
}

.aw-case .performance-section__copy > p:not(.eyebrow):not(.lead) {
    font-size: 15px;
    line-height: 1.85;
    color: #615b56;
    margin-bottom: 18px;
}

.aw-case .performance-section__copy strong {
    color: #24211f;
    font-weight: 600;
}

/* Układ wyników */

.aw-case .performance-section__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(8px, 1.2vw, 20px);
    align-items: start;
    min-width: 0;
}

.aw-case .metric-card {
    text-align: center;
    min-width: 0;
}

.aw-case .metric-card__circle {
    width: 100%;
    max-width: 126px;
    aspect-ratio: 1;
    margin: 0 auto 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 7px solid #42ad45;
    border-radius: 50%;

    background: rgba(255,255,255,0.55);
    color: #173a1c;

    font-family: Georgia, serif;
    font-size: clamp(24px, 2.2vw, 36px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.04em;
}

.aw-case .metric-card__circle span {
    font-family: Arial, sans-serif;
    font-size: 0.42em;
    font-weight: 400;
    letter-spacing: 0;
    margin-left: 2px;
}

.aw-case .metric-card h3 {
    font-family: Georgia, serif;
    font-size: clamp(13px, 1.15vw, 18px);
    font-weight: 400;
    line-height: 1.4;
    color: #221e1b;
    margin: 0;
}

/* Podpis pod wynikami */

.aw-case .performance-section__note {
    grid-column: 1 / -1;
    text-align: center;
    color: #514b46;
    font-size: 13px;
    line-height: 1.8;
    margin: 22px 0 0;
    padding-top: 20px;
    border-top: 1px solid #d9d1ca;
}

.aw-case .performance-section__note small {
    font-size: 12px;
    color: #817a74;
}

/* Tablet */

@media (max-width: 1100px) {
    .aw-case .performance-section__grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .aw-case .performance-section__metrics {
        max-width: 760px;
        width: 100%;
        margin-inline: auto;
        gap: 18px;
    }

    .aw-case .metric-card__circle {
        max-width: 120px;
    }
}

/* Telefon */

@media (max-width: 600px) {
    .aw-case .performance-section__grid {
        gap: 35px;
    }

    .aw-case .performance-section__copy .display-title {
        font-size: clamp(32px, 9vw, 45px);
        margin: 18px 0 24px;
    }

    .aw-case .performance-section__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 34px;
    }

    .aw-case .metric-card__circle {
        max-width: 120px;
        border-width: 6px;
        font-size: 32px;
        margin-bottom: 12px;
    }

    .aw-case .metric-card h3 {
        font-size: 16px;
    }

    .aw-case .performance-section__note {
        margin-top: 4px;
        padding-top: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .aw-case .performance-section *,
    .aw-case .performance-section *::before,
    .aw-case .performance-section *::after {
        animation: none !important;
        transition: none !important;
    }
}