/* Portfolio presentation, 2026-09-12. */
body.testin-portfolio { background:#fff; color:#18243d; }
body.testin-portfolio main,body.testin-portfolio #primary { margin:0; }
body.testin-portfolio :is(.container,.max-width) { box-sizing:border-box; width:100%; max-width:1280px; margin-inline:auto; padding-inline:40px; }
body.testin-portfolio header.navigation { display:block; background:#fff; }
body.testin-portfolio .top-bar { background:#f2f4fc; }
body.testin-portfolio .top-bar-inner { min-height:36px; align-items:center; }
body.testin-portfolio .navigation_social span,body.testin-portfolio .navigation_contact-list a { font-size:12px; }
body.testin-portfolio .navigation_contact-list li { padding:7px 0 7px 24px; }
body.testin-portfolio .navigation_social span { margin-bottom:0; }
body.testin-portfolio .navigation_social-list img { width:17px; height:17px; }
body.testin-portfolio .top-header { min-height:88px; margin-inline:auto; align-items:center; flex-wrap:nowrap; gap:26px; order:0; }
body.testin-portfolio .top-header_left { flex:1; min-width:0; align-items:center; flex-direction:row; gap:36px; }
body.testin-portfolio .top-header_right { flex:0 0 auto; }
body.testin-portfolio .navigation_logo { flex:0 0 auto; width:auto; padding:0; }
body.testin-portfolio .navigation_logo img { width:126px; height:auto; }
body.testin-portfolio .upper-logo_txt { margin-top:4px; padding:0; font-size:8px; letter-spacing:.14em; line-height:1.4; }
body.testin-portfolio .audit-menu { gap:22px; }
body.testin-portfolio .audit-menu>li>a { font-size:14px; letter-spacing:0; }
body.testin-portfolio .audit-nav-cta { padding:12px 21px; font-size:13px; letter-spacing:0; line-height:1.4; }
body.testin-portfolio .audit-eyebrow { font-size:11px; line-height:1.6; letter-spacing:.13em; color:#3656a5; }
body.testin-portfolio .audit-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
body.testin-portfolio .btn { font-size:13px; padding:14px 22px; text-transform:none; letter-spacing:0; line-height:1.5; text-align:center; }
body.testin-portfolio a:focus-visible { outline:3px solid #4b6dd9; outline-offset:5px; }
body.testin-portfolio :is(.portfolio-hero,.portfolio-legacy-hero) { padding:50px 0 56px; background:#f3f5fa; }
body.testin-portfolio :is(.portfolio-hero__grid,.portfolio-legacy-hero__grid) { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:center; gap:48px; }
body.testin-portfolio .portfolio-back { display:inline-block; margin:0 0 30px; color:#58667f; font-size:12px; text-decoration:none; }
body.testin-portfolio .portfolio-back::before { content:'←'; margin-right:10px; }
body.testin-portfolio :is(.portfolio-hero,.portfolio-legacy-hero) h1 { margin:0; font-size:clamp(38px,4.7vw,64px); line-height:1.08; font-weight:600; letter-spacing:-.045em; overflow-wrap:normal; color:#18243d; }
body.testin-portfolio :is(.portfolio-hero__lead,.portfolio-legacy-hero__lead) { margin:22px 0 0; font-size:20px; line-height:1.65; color:#4d5e7c; }
body.testin-portfolio .portfolio-hero__image { margin:0; overflow:hidden; border-radius:18px; box-shadow:0 18px 38px rgba(21,35,66,.07); }
body.testin-portfolio .portfolio-hero__image img { display:block; width:100%; height:auto; aspect-ratio:8/5; object-fit:cover; }
body.testin-portfolio .portfolio-case-heading { margin:0 0 20px; font-size:30px; font-weight:600; letter-spacing:-.025em; color:#18243d; }
body.testin-portfolio .portfolio-case-body { padding:58px 0 72px; }
body.testin-portfolio .portfolio-case-intro>p { max-width:910px; margin:0 0 34px; font-size:19px; line-height:1.85; color:#4d5e7c; }
body.testin-portfolio .audit-case-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin:0 0 48px; padding:0; }
body.testin-portfolio .audit-case-facts .audit-card { padding:22px 0 0; border:0; border-top:1px solid #cdd6e7; border-radius:0; background:none; box-shadow:none; }
body.testin-portfolio .audit-case-facts dt { margin:0 0 14px; font-size:11px; line-height:1.5; }
body.testin-portfolio .audit-case-facts dd { margin:0; gap:8px; }
body.testin-portfolio .audit-case-facts dd strong { font-size:20px; font-weight:600; }
body.testin-portfolio .audit-case-facts dd span { font-size:14px; line-height:1.8; }
body.testin-portfolio .portfolio-browser-shot { max-width:1080px; margin:0 auto 56px; overflow:hidden; border:1px solid #dce2ed; border-radius:12px; background:#f3f5fa; }
body.testin-portfolio .portfolio-browser-shot img { display:block; width:100%; height:auto; }
body.testin-portfolio .portfolio-browser-shot figcaption { padding:13px 20px; font-size:12px; line-height:1.6; color:#56637b; text-align:left; }
body.testin-portfolio .portfolio-case-prose { max-width:860px; margin-inline:auto; font-size:16px; line-height:1.85; color:#4d5e7c; }
body.testin-portfolio .portfolio-case-prose h3 { margin:36px 0 14px; color:#18243d; font-size:28px; font-weight:600; line-height:1.3; letter-spacing:-.025em; }
body.testin-portfolio .portfolio-case-prose h3:first-child { margin-top:0; }
body.testin-portfolio .portfolio-case-prose p { margin:0 0 18px; }
body.testin-portfolio .portfolio-case-prose ul { list-style:disc; padding-left:22px; margin:0 0 28px; }
body.testin-portfolio .portfolio-case-prose li { margin-bottom:9px; color:inherit; }
body.testin-portfolio .portfolio-case-prose .wp-block-image { margin:34px 0; }
body.testin-portfolio .portfolio-case-prose .wp-block-image img { display:block; width:auto; max-width:100%; height:auto; max-height:500px; object-fit:contain; border-radius:12px; margin-inline:auto; }
body.testin-portfolio .portfolio-case-prose figcaption { font-size:12px; margin-top:10px; line-height:1.7; }
body.testin-portfolio .portfolio-case-prose .audit-callout { margin:34px 0 0; padding:24px; border-radius:12px; }
body.testin-portfolio .portfolio-contact-cta { padding:54px 0; background:#172748; color:white; }
body.testin-portfolio .portfolio-contact-cta>.container { display:flex; align-items:center; justify-content:space-between; gap:44px; }
body.testin-portfolio .portfolio-contact-cta h2 { max-width:700px; margin:0 0 14px; font-size:38px; line-height:1.22; letter-spacing:-.035em; font-weight:600; color:#fff; }
body.testin-portfolio .portfolio-contact-cta p { font-size:15px; color:#d0dbf2; }
body.testin-portfolio .portfolio-contact-cta .audit-eyebrow { font-size:11px; color:#b6caff; }
body.testin-portfolio .portfolio-contact-cta .btn { flex-shrink:0; background:#fff; color:#243f76; }
body.testin-portfolio .portfolio-legacy-hero__description { margin-top:14px; font-size:15px; line-height:1.85; color:#53617b; }
body.testin-portfolio .portfolio-legacy-hero__visuals { position:relative; display:flex; align-items:center; justify-content:center; margin:0; padding:18px 22px; min-width:0; }
body.testin-portfolio .portfolio-legacy-hero__desktop { display:block; width:91%; max-height:470px; height:auto; object-fit:contain; }
body.testin-portfolio .portfolio-legacy-hero__mobile { width:23%; height:auto; max-height:310px; object-fit:contain; align-self:flex-end; margin:80px 0 0 -18%; filter:drop-shadow(0 12px 12px #17274825); }
body.testin-portfolio .portfolio-legacy-hero--text-only .portfolio-legacy-hero__grid { grid-template-columns:1fr; max-width:1060px; }
body.testin-portfolio .portfolio-legacy-body .audit-case-study-content { padding:50px 0; }
body.testin-portfolio .portfolio-legacy-body .audit-prose { max-width:1060px; }
body.testin-portfolio .audit-service-hero { padding:52px 0 48px; background:#f3f5fa; }
body.testin-portfolio .audit-service-hero__grid { grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr); gap:60px; }
body.testin-portfolio .audit-service-hero h1 { max-width:830px; font-size:clamp(38px,4vw,56px); font-weight:600; line-height:1.1; letter-spacing:-.04em; }
body.testin-portfolio .audit-service-hero__lead { font-size:16px; line-height:1.8; max-width:730px; }
body.testin-portfolio .audit-service-highlights { padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
body.testin-portfolio .audit-service-highlights li { padding:15px 0; font-size:14px; border-color:#d1d9e8; }
body.testin-portfolio .audit-section { padding:64px 0; }
body.testin-portfolio .audit-section-heading { max-width:780px; margin-bottom:32px; }
body.testin-portfolio :is(.audit-section-heading h2,.block-header h2,.audit-contact-copy h2) { font-size:clamp(28px,3vw,40px); line-height:1.2; letter-spacing:-.035em; font-weight:600; }
body.testin-portfolio .audit-section-heading>p:last-child { font-size:15px; line-height:1.8; }
body.testin-portfolio .audit-case-grid--four { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
body.testin-portfolio .audit-case-card { overflow:hidden; border:1px solid #e0e5ef; border-radius:16px; background:#fff; box-shadow:none; }
body.testin-portfolio .audit-case-card>a { display:flex; flex-direction:column; height:100%; }
body.testin-portfolio .audit-case-card__image { aspect-ratio:8/5; padding:0; }
body.testin-portfolio .audit-case-card__image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s; }
body.testin-portfolio .audit-case-card a:hover .audit-case-card__image img { transform:scale(1.025); }
body.testin-portfolio .audit-case-card__body { display:flex; align-items:flex-start; flex:1; flex-direction:column; padding:25px 28px 28px; }
body.testin-portfolio .audit-case-card__body>p { font-size:10px; margin-bottom:10px; letter-spacing:.1em; }
body.testin-portfolio .audit-case-card h3 { margin:0 0 16px; font-size:27px; font-weight:600; letter-spacing:-.025em; }
body.testin-portfolio .audit-case-card ul { gap:6px; margin:0 0 22px; }
body.testin-portfolio .audit-case-card li { padding:6px 9px; font-size:10px; }
body.testin-portfolio .audit-case-card__body>span { margin-top:auto; font-size:13px; }
body.testin-portfolio .naszerealizacje-wrap { padding:60px 0; margin:0; background:#f7f8fc; }
body.testin-portfolio .naszerealizacje-wrap .block-header { box-sizing:border-box; width:100%; max-width:1280px; padding:0 40px; margin:0 auto 30px; text-align:left; }
body.testin-portfolio .block-header p { max-width:770px; margin:15px 0 0; font-size:15px; line-height:1.8; }
body.testin-portfolio .naszerealizacje-inner { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body.testin-portfolio .naszerealizacje-single { min-width:0; text-align:left; }
body.testin-portfolio .naszerealizacje-single figure { display:block; box-sizing:border-box; width:100%; margin:0; overflow:hidden; border:1px solid #dce2ed; border-radius:12px; background:#fff; }
body.testin-portfolio .naszerealizacje-single .hover-img::before,body.testin-portfolio .naszerealizacje-single .hover-img::after { display:none; }
body.testin-portfolio .naszerealizacje-single picture { display:block; aspect-ratio:4/3; }
body.testin-portfolio .naszerealizacje-single img { display:block; width:100%; height:100%; max-height:none; object-fit:cover; opacity:1; filter:none; transform:none; }
body.testin-portfolio .naszerealizacje-single .hover-img figcaption { position:static; display:block; opacity:1; height:auto; padding:20px; transform:none; background:#fff; color:#18243d; text-align:left; letter-spacing:0; }
body.testin-portfolio .naszerealizacje-single .realizacja-owner { margin:0 0 8px; text-transform:none; font-size:20px; font-weight:600; letter-spacing:-.02em; }
body.testin-portfolio .naszerealizacje-single figcaption span { color:#53617b; font-size:13px; line-height:1.6; }
body.testin-portfolio .naszerealizacje-single hr { display:none; }
body.testin-portfolio .naszerealizacje-wrap.logotypy { background:#fff; }
body.testin-portfolio .logotypy .naszerealizacje-inner { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
body.testin-portfolio .naszerealizacje-single.logotyp picture { aspect-ratio:1.45; }
body.testin-portfolio .naszerealizacje-single.logotyp img { object-fit:contain; padding:14px; box-sizing:border-box; cursor:pointer; }
body.testin-portfolio .audit-contact-section { padding-block:64px; }
body.testin-portfolio .audit-contact-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:48px; }
body.testin-portfolio .audit-contact-form { padding:28px; border-radius:16px; }
body.testin-portfolio .audit-contact-copy p { font-size:15px; line-height:1.85; }
body.testin-portfolio .testin-form-field label { font-size:12px; }
body.testin-portfolio .testin-form-field input:not([type=checkbox]),body.testin-portfolio .testin-form-field select,body.testin-portfolio .testin-form-field textarea { min-width:0; padding:12px; font-size:16px; }
body.testin-portfolio .testin-form-field small,body.testin-portfolio .testin-form-field--consent label { font-size:11px; }
body.testin-portfolio .testin-lead-form button[type=submit] { width:100%; font-size:13px; padding:14px 20px; text-transform:none; }
body.testin-portfolio :is(#case-details,#kontakt,#wybrane-case-studies) { scroll-margin-top:24px; }
@media(max-width:1180px) {
 body.testin-portfolio .top-header_right { display:none; }
 body.testin-portfolio .audit-mobile-nav summary { box-sizing:border-box; width:44px; height:44px; align-content:center; }
 body.testin-portfolio #menu-mobile.audit-mobile-menu { box-sizing:border-box; left:28px; right:28px; top:calc(100% - 4px); width:auto; max-height:calc(100dvh - 130px); padding:14px; }
 body.testin-portfolio .audit-mobile-menu a { font-size:14px; letter-spacing:0; }
 body.testin-portfolio :is(.portfolio-hero__grid,.portfolio-legacy-hero__grid) { gap:30px; }
}
@media(max-width:900px) {
 body.testin-portfolio :is(.container,.max-width) { padding-inline:28px; }
 body.testin-portfolio :is(.portfolio-hero__grid,.portfolio-legacy-hero__grid,.audit-service-hero__grid,.audit-contact-grid) { grid-template-columns:1fr; gap:32px; }
 body.testin-portfolio .portfolio-hero__copy { max-width:650px; }
 body.testin-portfolio :is(.portfolio-hero,.portfolio-legacy-hero) h1 { font-size:50px; }
 body.testin-portfolio .portfolio-back { margin-bottom:24px; }
 body.testin-portfolio .portfolio-hero__image { max-width:760px; }
 body.testin-portfolio .audit-case-facts { gap:22px; }
 body.testin-portfolio .audit-service-highlights { grid-template-columns:1fr 1fr; gap:0 28px; }
 body.testin-portfolio .naszerealizacje-inner { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body.testin-portfolio .naszerealizacje-wrap .block-header { padding-inline:28px; }
 body.testin-portfolio .logotypy .naszerealizacje-inner { grid-template-columns:repeat(3,minmax(0,1fr)); }
 body.testin-portfolio .portfolio-contact-cta>.container { flex-direction:column; align-items:flex-start; gap:20px; }
}
@media(max-width:700px) {
 body.testin-portfolio :is(.container,.max-width) { padding-inline:22px; }
 body.testin-portfolio .top-header { min-height:80px; }
 body.testin-portfolio .navigation_logo img { width:118px; }
 body.testin-portfolio :is(.portfolio-hero,.portfolio-legacy-hero,.audit-service-hero) { padding:30px 0 36px; }
 body.testin-portfolio :is(.portfolio-hero,.portfolio-legacy-hero) h1 { font-size:clamp(36px,10vw,48px); }
 body.testin-portfolio :is(.portfolio-hero__lead,.portfolio-legacy-hero__lead) { margin-top:17px; font-size:17px; line-height:1.7; }
 body.testin-portfolio .portfolio-back { margin-bottom:24px; font-size:11px; }
 body.testin-portfolio .btn { padding:13px 16px; font-size:12px; }
 body.testin-portfolio .audit-actions { margin-top:22px; gap:10px; }
 body.testin-portfolio .portfolio-hero__image { border-radius:12px; }
 body.testin-portfolio .portfolio-case-body { padding:34px 0 44px; }
 body.testin-portfolio .portfolio-case-intro>p { font-size:16px; line-height:1.85; margin-bottom:28px; }
 body.testin-portfolio .audit-case-facts { grid-template-columns:1fr; gap:20px; margin-bottom:32px; }
 body.testin-portfolio .audit-case-facts .audit-card { padding-top:18px; }
 body.testin-portfolio .audit-case-facts dt { margin-bottom:10px; }
 body.testin-portfolio .audit-case-facts dd strong { font-size:19px; }
 body.testin-portfolio .portfolio-browser-shot { margin-bottom:34px; border-radius:8px; }
 body.testin-portfolio .portfolio-browser-shot figcaption { padding:10px 14px; font-size:10px; }
 body.testin-portfolio .portfolio-case-prose { font-size:14px; line-height:1.85; }
 body.testin-portfolio .portfolio-case-prose h3 { font-size:25px; margin-top:30px; }
 body.testin-portfolio .portfolio-contact-cta { padding:38px 0; }
 body.testin-portfolio .portfolio-contact-cta h2 { font-size:29px; }
 body.testin-portfolio .portfolio-contact-cta p { font-size:14px; }
 body.testin-portfolio .portfolio-legacy-hero__visuals { padding:0; }
 body.testin-portfolio .portfolio-legacy-hero__mobile { max-height:220px; margin-top:45px; }
 body.testin-portfolio .audit-service-hero h1 { font-size:37px; }
 body.testin-portfolio .audit-service-hero__lead { font-size:14px; }
 body.testin-portfolio .audit-service-highlights { gap:0 18px; }
 body.testin-portfolio .audit-service-highlights li { font-size:12px; padding:12px 0; }
 body.testin-portfolio :is(.audit-section,.naszerealizacje-wrap,.audit-contact-section) { padding-block:42px; }
 body.testin-portfolio :is(.audit-section-heading h2,.block-header h2,.audit-contact-copy h2) { font-size:29px; }
 body.testin-portfolio .audit-section-heading>p:last-child,body.testin-portfolio .block-header p { font-size:14px; }
 body.testin-portfolio .audit-case-grid--four,body.testin-portfolio .naszerealizacje-inner { grid-template-columns:1fr; gap:22px; }
 body.testin-portfolio .audit-case-card__body { padding:22px; }
 body.testin-portfolio .audit-case-card h3 { font-size:25px; }
 body.testin-portfolio .naszerealizacje-wrap .block-header { padding-inline:22px; }
 body.testin-portfolio .logotypy .naszerealizacje-inner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 body.testin-portfolio .audit-contact-form { padding:22px; }
 body.testin-portfolio #menu-mobile.audit-mobile-menu { left:16px; right:16px; max-height:calc(100dvh - 104px); }
}
@media(max-width:370px) {
 body.testin-portfolio :is(.container,.max-width) { padding-inline:18px; }
 body.testin-portfolio .audit-service-hero h1 { font-size:32px; }
 body.testin-portfolio .audit-actions .btn { width:100%; box-sizing:border-box; }
}
@media(prefers-reduced-motion:reduce) { body.testin-portfolio * { scroll-behavior:auto!important; transition:none!important; } }

body.testin-portfolio .portfolio-case-prose .audit-related-cta { padding:28px; border-radius:14px; margin:34px 0 0; }
body.testin-portfolio .portfolio-case-prose .audit-related-cta h2 { margin:0 0 16px; font-size:30px; line-height:1.25; font-weight:600; letter-spacing:-.025em; color:#18243d; }
@media(max-width:700px) { body.testin-portfolio .portfolio-case-prose .audit-related-cta { padding:22px; } body.testin-portfolio .portfolio-case-prose .audit-related-cta h2 { font-size:25px; } }

@media(max-width:700px) { body.testin-portfolio .audit-service-highlights { display:none; } body.testin-portfolio .audit-featured-work .audit-section-heading>p:last-child { display:none; } }