/* QuLab portfolio. Existing brand retained. Unslop craft method: Damir Sokolovsky (@heydamir), CC BY 4.0. */
#cases.ql-portfolio{--ql-ink:#111216;--ql-muted:#666971;--ql-blue:#3452ff;--ql-surface:#f7f8fc;max-width:1280px;margin:0 auto;padding:112px 32px 120px;color:var(--ql-ink);font-family:Manrope,sans-serif;scroll-margin-top:100px}
.ql-portfolio *{box-sizing:border-box}.ql-portfolio a{color:inherit;text-decoration:none}.ql-portfolio button{font:inherit;cursor:pointer}.ql-portfolio h2,.ql-portfolio h3,.ql-portfolio h4,.ql-portfolio p{margin:0}.ql-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.ql-intro h2{font-family:Unbounded,sans-serif;font-size:clamp(30px,3.4vw,44px);font-weight:550;letter-spacing:-1.6px;line-height:1.18;max-width:740px}.ql-intro p{font-size:16px;line-height:1.6;max-width:260px;color:var(--ql-muted)}.ql-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 24px;align-items:start}.ql-feature{min-width:0}.ql-feature:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:40px;align-items:center}.ql-cover-link{display:block;min-width:0;overflow:hidden;border-radius:24px;background:#e9ebef}.ql-cover{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;outline:1px solid #0000000d;outline-offset:-1px}.ql-feature-copy{padding:20px 0 0}.ql-feature:first-child .ql-feature-copy{padding:0}.ql-kind{display:block;font-size:13px;color:var(--ql-muted);margin-bottom:10px;line-height:1.5}.ql-feature h3{font-family:Unbounded,sans-serif;font-size:28px;font-weight:550;letter-spacing:-.8px;line-height:1.2}.ql-feature:first-child h3{font-size:40px;letter-spacing:-1.4px}.ql-feature-copy p{font-size:16px;line-height:1.65;max-width:460px;margin:14px 0 20px;color:#4e5159}.ql-feature:not(:first-child) .ql-feature-copy p{max-width:540px;margin:10px 0 16px}.ql-project-link{display:inline-flex;gap:20px;align-items:center;min-height:44px;font-size:14px;font-weight:600}.ql-project-link svg{width:18px;height:18px}.ql-feature:not(:first-child) .ql-feature-copy{position:relative;padding-right:52px}.ql-feature:not(:first-child) .ql-project-link{position:absolute;right:0;top:20px;width:44px;height:44px;justify-content:center;border-radius:50%;background:white}.ql-feature:not(:first-child) .ql-project-link .ql-link-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ql-gallery{margin-top:96px}.ql-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.ql-gallery h3{font-family:Unbounded,sans-serif;font-size:28px;font-weight:550;letter-spacing:-.8px}.ql-filters{display:flex;gap:8px;align-items:center;max-width:100%;overflow:auto;padding:4px}.ql-filter{border:0;border-radius:24px;padding:11px 18px;white-space:nowrap;min-height:44px;color:#62656d;background:transparent;font-size:13px;transition:color 150ms,background-color 150ms}.ql-filter[aria-pressed=true]{background:#111216;color:white}.ql-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px}.ql-card{display:block;min-width:0}.ql-card[hidden]{display:none!important}.ql-card-body{display:grid;grid-template-columns:1fr 44px;gap:12px;align-items:center;padding:16px 2px 0}.ql-card h4{font-family:Unbounded,sans-serif;font-size:21px;line-height:1.25;letter-spacing:-.6px;font-weight:550}.ql-card p{font-size:14px;color:var(--ql-muted);line-height:1.6;margin-top:6px}.ql-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:white;color:var(--ql-ink);transition:color 150ms,background-color 150ms}.ql-arrow svg{width:20px;height:20px}.ql-portfolio a:focus-visible,.ql-portfolio button:focus-visible{outline:3px solid var(--ql-blue);outline-offset:5px}.ql-result-count{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ql-gallery-note{font-size:12px;line-height:1.7;color:var(--ql-muted);margin-top:28px!important;max-width:720px}.ql-screens-link{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;color:#62656d;padding:12px 0;min-height:44px;font-size:13px;text-align:left}.ql-screens-link svg{height:16px;width:16px}.ql-originals{margin-top:16px!important;padding:20px;background:white;border-radius:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ql-originals[hidden]{display:none!important}.ql-originals figure{margin:0;min-width:0}.ql-originals img{display:block;max-height:200px;width:100%;object-fit:contain;object-position:top;background:#f1f2f5;border-radius:8px}.ql-originals figcaption{margin-top:8px;font-size:12px;line-height:1.6;color:var(--ql-muted)}
@media(hover:hover){.ql-portfolio a:hover .ql-arrow,.ql-feature:not(:first-child) .ql-project-link:hover{background:var(--ql-blue);color:white}.ql-project-link:hover{color:var(--ql-blue)}.ql-filter:hover{background:#e5e7ef}.ql-filter[aria-pressed=true]:hover{background:#2d2f37}.ql-screens-link:hover{color:var(--ql-blue)}}
@media(prefers-reduced-motion:no-preference){.ql-filter{transition:color 150ms,background-color 150ms,transform 150ms ease-out}.ql-filter:not(:disabled):active{transform:scale(.96)}}
@media(max-width:1000px){#cases.ql-portfolio{padding:88px 32px 96px}.ql-intro{align-items:start;flex-direction:column;gap:20px}.ql-intro p{max-width:560px}.ql-feature:first-child{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}.ql-feature:first-child h3{font-size:32px}.ql-feature-copy p{font-size:14px}.ql-gallery-head{align-items:flex-start;flex-direction:column;gap:16px}.ql-gallery{margin-top:72px}.ql-card h4{font-size:19px}.ql-originals{grid-template-columns:1fr 1fr}}
@media(max-width:640px){#cases.ql-portfolio{padding:64px 20px 72px;scroll-margin-top:88px}.ql-intro{gap:16px;margin-bottom:28px}.ql-intro h2{font-size:30px;letter-spacing:-1px;max-width:360px}.ql-intro p{font-size:15px;line-height:1.6}.ql-feature-grid{display:block}.ql-feature,.ql-feature:first-child{display:block;margin-top:32px}.ql-feature:first-child{margin-top:0}.ql-cover-link{border-radius:16px}.ql-feature:first-child .ql-feature-copy,.ql-feature-copy{padding:16px 0 0}.ql-feature h3,.ql-feature:first-child h3{font-size:24px;letter-spacing:-.7px}.ql-kind{font-size:12px;margin-bottom:8px}.ql-feature-copy p,.ql-feature:not(:first-child) .ql-feature-copy p{font-size:14px;line-height:1.6;margin:10px 0 12px}.ql-feature:not(:first-child) .ql-project-link{top:16px}.ql-feature:first-child .ql-project-link{font-size:13px;gap:12px;min-height:40px}.ql-gallery{margin-top:64px}.ql-gallery h3{font-size:25px}.ql-gallery-head{gap:16px;margin-bottom:24px}.ql-filters{width:calc(100% + 4px);gap:4px;padding:4px 0;scrollbar-width:thin}.ql-filter{font-size:12px;padding:10px 14px}.ql-gallery-grid{grid-template-columns:1fr;gap:28px}.ql-card-body{padding:14px 0 0}.ql-card h4{font-size:20px}.ql-card p{font-size:13px;margin-top:5px}.ql-gallery-note{font-size:11px;margin-top:24px!important}.ql-originals{padding:16px;gap:16px}.ql-originals img{max-height:160px}}