#ab-portfolio-2026{--ab-ink:#202d40;--ab-muted:#627083;--ab-orange:#ed9600;--ab-border:#edf0f3;--ab-soft:#f7f9fb;background:#fff;color:var(--ab-ink);font-family:inherit;overflow:hidden}#ab-portfolio-2026 *{box-sizing:border-box}#ab-portfolio-2026 .ab-portfolio__wrap{width:min(1440px,calc(100% - 64px));margin:0 auto}#ab-portfolio-2026 a{text-decoration:none}#ab-portfolio-2026 .ab-portfolio__hero{padding:53px 0 48px;background:linear-gradient(135deg,#fff 63%,#fff9f0 100%);border-bottom:1px solid var(--ab-border)}#ab-portfolio-2026 .ab-portfolio__breadcrumb{display:flex;gap:10px;align-items:center;font-size:13px;color:#8090a0;margin-bottom:62px}#ab-portfolio-2026 .ab-portfolio__breadcrumb a{color:#697685}#ab-portfolio-2026 .ab-portfolio__hero-layout{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}#ab-portfolio-2026 .ab-portfolio__eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800;color:var(--ab-orange)}#ab-portfolio-2026 h1{font-size:clamp(38px,5vw,76px);line-height:1.08;letter-spacing:-.055em;font-weight:800;max-width:850px;margin:16px 0 24px;color:var(--ab-ink)}#ab-portfolio-2026 h1 em{font-style:normal;color:var(--ab-orange)}#ab-portfolio-2026 .ab-portfolio__hero-layout p{font-size:18px;line-height:1.7;max-width:680px;margin:0;color:var(--ab-muted)}#ab-portfolio-2026 .ab-portfolio__hero-mark{display:flex;flex-direction:column;min-width:175px;align-items:flex-end;padding-bottom:10px}#ab-portfolio-2026 .ab-portfolio__hero-mark span{font-size:90px;font-weight:800;line-height:1;color:#f1d7ae;letter-spacing:-.08em}#ab-portfolio-2026 .ab-portfolio__hero-mark small{text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:11px;color:#ac8c5a}#ab-portfolio-2026 .ab-portfolio__jump{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:51px}#ab-portfolio-2026 .ab-portfolio__jump span{font-size:12px;color:var(--ab-muted);margin-right:10px;font-weight:700}#ab-portfolio-2026 .ab-portfolio__jump a{border:1px solid #e8e8e8;background:#fff;border-radius:30px;font-size:13px;color:var(--ab-ink);padding:10px 18px;font-weight:700;transition:border-color .2s,color .2s}#ab-portfolio-2026 .ab-portfolio__jump a:hover{border-color:var(--ab-orange);color:#c97a00}#ab-portfolio-2026 .ab-portfolio__projects{padding:18px 0 32px}#ab-portfolio-2026 .ab-portfolio__case{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(48px,6vw,110px);align-items:center;padding:105px 0;border-bottom:1px solid var(--ab-border);scroll-margin-top:110px}#ab-portfolio-2026 .ab-portfolio__case:last-child{border:0}#ab-portfolio-2026 .ab-portfolio__case--reverse .ab-portfolio__copy{grid-column:2;grid-row:1}#ab-portfolio-2026 .ab-portfolio__case--reverse .ab-portfolio__visual{grid-column:1;grid-row:1}#ab-portfolio-2026 .ab-portfolio__case-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}#ab-portfolio-2026 .ab-portfolio__index{font-weight:800;font-size:12px;letter-spacing:.1em;color:#adbac6}#ab-portfolio-2026 .ab-portfolio__tag{font-size:12px;line-height:1.4;font-weight:700;color:#aa710e;background:#fff7e8;border:1px solid #ffe8bc;padding:8px 12px;border-radius:20px}#ab-portfolio-2026 .ab-portfolio__logo{height:72px;display:flex;align-items:center;margin-bottom:25px}#ab-portfolio-2026 .ab-portfolio__logo img{max-width:220px;max-height:70px;width:auto;height:auto;object-fit:contain;object-position:left center}#ab-portfolio-2026 h2{font-size:clamp(27px,3vw,44px);line-height:1.19;letter-spacing:-.035em;font-weight:800;margin:0 0 20px;color:var(--ab-ink)}#ab-portfolio-2026 .ab-portfolio__lead{font-size:16px;line-height:1.8;color:var(--ab-muted);max-width:670px;margin:0 0 33px}#ab-portfolio-2026 h3{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--ab-ink);margin:0 0 17px}#ab-portfolio-2026 .ab-portfolio__features{padding:0;margin:0 0 33px;list-style:none}#ab-portfolio-2026 .ab-portfolio__features li{position:relative;padding:0 0 0 27px;margin:0 0 12px;font-size:14px;line-height:1.65;color:#425062}#ab-portfolio-2026 .ab-portfolio__features li::before{content:'✓';position:absolute;left:0;top:1px;color:var(--ab-orange);font-size:14px;font-weight:900}#ab-portfolio-2026 .ab-portfolio__cta{display:inline-flex;gap:20px;align-items:center;justify-content:space-between;padding:15px 20px 15px 23px;background:var(--ab-orange);color:#fff!important;font-weight:800;font-size:14px;line-height:1.25;border-radius:9px;box-shadow:0 8px 20px rgba(237,150,0,.15);transition:background .2s,transform .2s}#ab-portfolio-2026 .ab-portfolio__cta:hover{background:#ce7d00;transform:translateY(-2px)}#ab-portfolio-2026 .ab-portfolio__cta span{font-size:20px;font-weight:400}#ab-portfolio-2026 .ab-portfolio__visual{min-width:0}#ab-portfolio-2026 .ab-portfolio__visual-inner{background:radial-gradient(circle at 20% 10%,#fff 0%,#f4f6f8 65%,#eef2f5 100%);border-radius:24px;min-height:610px;padding:38px;box-shadow:inset 0 0 0 1px #e9edef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:relative}#ab-portfolio-2026 .ab-portfolio__screen{width:min(100%,480px);padding:0;margin:0;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 20px 48px rgba(26,45,60,.13),0 2px 8px rgba(26,45,60,.08);border:1px solid #ebeff3}#ab-portfolio-2026 .ab-portfolio__screen img{display:block;width:100%;height:auto;max-height:650px;object-fit:cover;object-position:top}#ab-portfolio-2026 .ab-portfolio__screen--secondary{width:76%;align-self:flex-end}#ab-portfolio-2026 .ab-portfolio__screen--secondary img{max-height:220px;object-fit:cover;object-position:top}#ab-portfolio-2026 .ab-portfolio__visual-caption{display:block;margin-top:17px;font-size:12px;font-weight:800;color:#6c7a8b}#ab-portfolio-2026 .ab-portfolio__visual-caption span{font-weight:400;color:#98a2ae}#ab-portfolio-2026 #ab-case-ramiz .ab-portfolio__screen:first-child img{max-height:360px;object-fit:contain}#ab-portfolio-2026 #ab-case-ramiz .ab-portfolio__visual-inner{gap:12px}#ab-portfolio-2026 #ab-case-ramiz .ab-portfolio__screen--secondary{width:70%}@media(max-width:1000px){#ab-portfolio-2026 .ab-portfolio__wrap{width:min(100% - 40px,1440px)}#ab-portfolio-2026 .ab-portfolio__case{gap:36px;padding:74px 0}#ab-portfolio-2026 .ab-portfolio__visual-inner{min-height:450px;padding:24px}#ab-portfolio-2026 .ab-portfolio__screen img{max-height:500px}#ab-portfolio-2026 .ab-portfolio__hero-mark{display:none}}@media(max-width:720px){#ab-portfolio-2026 .ab-portfolio__wrap{width:calc(100% - 36px)}#ab-portfolio-2026 .ab-portfolio__hero{padding:28px 0 38px}#ab-portfolio-2026 .ab-portfolio__breadcrumb{margin-bottom:45px}#ab-portfolio-2026 h1{font-size:43px}#ab-portfolio-2026 .ab-portfolio__hero-layout p{font-size:16px}#ab-portfolio-2026 .ab-portfolio__jump{margin-top:32px}#ab-portfolio-2026 .ab-portfolio__jump span{width:100%}#ab-portfolio-2026 .ab-portfolio__case,#ab-portfolio-2026 .ab-portfolio__case--reverse{display:flex;flex-direction:column;gap:32px;padding:62px 0}#ab-portfolio-2026 .ab-portfolio__copy,#ab-portfolio-2026 .ab-portfolio__visual{width:100%}#ab-portfolio-2026 .ab-portfolio__logo{margin-bottom:16px}#ab-portfolio-2026 h2{font-size:30px}#ab-portfolio-2026 .ab-portfolio__visual-inner{min-height:0;padding:22px}#ab-portfolio-2026 .ab-portfolio__screen{max-width:430px}#ab-portfolio-2026 .ab-portfolio__screen img{max-height:560px}#ab-portfolio-2026 .ab-portfolio__features li{font-size:14px}#ab-portfolio-2026 .ab-portfolio__cta{width:100%}}@media(prefers-reduced-motion:reduce){#ab-portfolio-2026 *{scroll-behavior:auto!important;transition:none!important}}

/* Portfolio 2026 v1.1 — artwork as part of layout, no cards or gray framing */
#ab-portfolio-2026 .ab-portfolio__case{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(38px,5.4vw,88px);padding:85px 0;}
#ab-portfolio-2026 .ab-portfolio__visual{min-width:0;width:100%;}
#ab-portfolio-2026 .ab-portfolio__visual-inner{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:20px;position:relative;min-height:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;}
#ab-portfolio-2026 .ab-portfolio__screen{display:block;width:100%;max-width:none;padding:0;margin:0;background:none;border:0;border-radius:0;overflow:visible;box-shadow:none;}
#ab-portfolio-2026 .ab-portfolio__screen img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center top;border-radius:5px;filter:drop-shadow(0 11px 15px rgba(28,40,54,.105));}
#ab-portfolio-2026 .ab-portfolio__visual-caption{display:none!important;}
#ab-portfolio-2026 #ab-case-witek .ab-portfolio__screen,#ab-portfolio-2026 #ab-case-berotex .ab-portfolio__screen{max-width:520px;margin-inline:auto;}
#ab-portfolio-2026 #ab-case-witek .ab-portfolio__screen img,#ab-portfolio-2026 #ab-case-berotex .ab-portfolio__screen img{max-height:790px;width:auto;max-width:100%;margin-inline:auto;}
#ab-portfolio-2026 #ab-case-ramiz .ab-portfolio__visual-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;}
#ab-portfolio-2026 #ab-case-ramiz .ab-portfolio__screen:first-child{grid-column:1/-1;width:100%;max-width:100%;}
#ab-portfolio-2026 #ab-case-ramiz .ab-portfolio__screen:first-child img{width:100%;max-height:none;object-fit:contain;}
#ab-portfolio-2026 #ab-case-ramiz .ab-portfolio__screen--secondary{width:100%;max-width:100%;align-self:auto;}
#ab-portfolio-2026 #ab-case-ramiz .ab-portfolio__screen--secondary img{max-height:none;width:100%;height:auto;object-fit:contain;}
#ab-portfolio-2026 .ab-portfolio__features li{font-size:15px;line-height:1.7;}
#ab-portfolio-2026 .ab-portfolio__lead{font-size:17px;}
@media(max-width:1000px){#ab-portfolio-2026 .ab-portfolio__case{gap:30px;padding:65px 0;}#ab-portfolio-2026 #ab-case-witek .ab-portfolio__screen img,#ab-portfolio-2026 #ab-case-berotex .ab-portfolio__screen img{max-height:620px;}}
@media(max-width:720px){#ab-portfolio-2026 .ab-portfolio__case,#ab-portfolio-2026 .ab-portfolio__case--reverse{padding:56px 0;gap:30px;}#ab-portfolio-2026 .ab-portfolio__visual-inner{padding:0;gap:14px;}#ab-portfolio-2026 #ab-case-witek .ab-portfolio__screen img,#ab-portfolio-2026 #ab-case-berotex .ab-portfolio__screen img{max-height:none;width:100%;}#ab-portfolio-2026 #ab-case-ramiz .ab-portfolio__visual-inner{gap:12px;}#ab-portfolio-2026 .ab-portfolio__lead{font-size:16px;}}

/* Portfolio v1.2: text domains in place of logos. */
#ab-portfolio-2026 .ab-portfolio__client-name{font-size:clamp(23px,2.25vw,31px);font-weight:850;letter-spacing:-.035em;color:#202d40;line-height:1.2;margin:0 0 25px;padding:0 0 13px;display:inline-block;border-bottom:3px solid #ed9600}