/* Complete development cases, using the actual website and platform screens. */
.dev-portfolio{--dev-line:#c5bcad;--dev-muted:#6c6255;--dev-ink:#1b1b15}.dev-portfolio .svc-section-heading{margin-bottom:64px}.dev-portfolio .dev-work-group{font-size:clamp(28px,3.1vw,42px);margin:0 0 32px;padding-bottom:25px;border-bottom:1px solid var(--dev-line);max-width:960px}.dev-portfolio #sistemas{margin-top:80px}.dev-case-list{display:grid;gap:0}.dev-case{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(34px,5vw,76px);align-items:center;padding:52px 0 68px;border-bottom:1px solid var(--dev-line);color:var(--dev-ink)}.dev-case:first-child{padding-top:14px}.dev-case:last-child{border-bottom:0;padding-bottom:0}.dev-visual{position:relative;min-width:0;padding:20px 34px 42px 0;direction:ltr}.dev-screen-desktop{display:block;position:relative;overflow:hidden;background:#e5e1d8;border:1px solid #8c8d7f;border-radius:7px;box-shadow:0 15px 38px #514a3c17;transition:box-shadow .25s}.dev-screen-desktop:hover{box-shadow:0 18px 45px #514a3c30}.dev-browser{height:28px;display:flex;gap:4px;align-items:center;padding:0 10px;background:#dad9ce;border-bottom:1px solid #b9b9aa}.dev-browser>i{display:block;flex:0 0 5px;width:5px;height:5px;background:#858879;border-radius:50%}.dev-browser>span{margin-inline-start:10px;font-size:8px;color:#626357;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-screen-desktop>img{width:100%;height:auto;aspect-ratio:16/11;object-fit:cover;object-position:top}.dev-screen-phone{display:block;position:absolute;right:0;bottom:50px;width:28%;overflow:hidden;background:#21251d;border:6px solid #21251d;border-radius:20px;box-shadow:0 16px 35px #3b39252b;transform:rotate(3deg)}.dev-screen-phone>img{width:100%;height:auto;aspect-ratio:9/17.5;object-fit:cover;object-position:top}.dev-visual figcaption{position:absolute;bottom:0;left:0;font-size:8px;line-height:1.8;letter-spacing:.05em;color:#807765}.dev-visual-single{padding-inline-end:0}.dev-visual-single .dev-screen-desktop>img{aspect-ratio:16/11}.dev-case-copy{min-width:0}.dev-case-kicker{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:9px;color:#987b55;letter-spacing:.09em;line-height:1.8;text-transform:uppercase}.dev-case-kicker>span:first-child{color:#8c8b7c}.dev-case h4{font:600 clamp(32px,3.35vw,49px)/1.07 Syne,'Noto Sans Arabic',Arial,sans-serif;letter-spacing:-.055em;margin:17px 0 0;overflow-wrap:break-word}.dev-description{font-size:12px;line-height:1.9;margin-top:22px;color:var(--dev-muted);max-width:540px}.dev-features{display:grid;grid-template-columns:1fr;gap:0;list-style:none;margin:23px 0 0;padding:0;max-width:540px;border-top:1px solid #ccc2b3}.dev-features>li{position:relative;padding:10px 0 10px 17px;border-bottom:1px solid #d5ccbe;font-size:10px;line-height:1.8;color:#554e40}.dev-features>li:before{content:'';position:absolute;top:17px;left:0;width:4px;height:4px;border-radius:50%;background:#ba6c3b}.dev-visit{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:46px;margin-top:23px;padding:9px 18px;border:1px solid #7c705b;border-radius:99px;font-size:10px;font-weight:700;line-height:1.7;color:#322b20;transition:background .2s,color .2s}.dev-visit:hover{background:#272c20;color:#f3eee4}.dev-visit>span{font-size:20px;font-weight:400;line-height:1}.dev-related{margin-top:23px}.dev-related>p{font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#85745b;margin:0 0 10px}.dev-related>div{display:flex;flex-wrap:wrap;gap:8px}.dev-related a{display:inline-flex;align-items:center;min-height:37px;border:1px solid #c9bfaf;padding:7px 12px;font-size:9px;line-height:1.6;color:#60513d;border-radius:3px;transition:background .2s}.dev-related a:hover{background:#ded5c5}.dev-related bdi{overflow-wrap:anywhere}html[dir=rtl] .dev-case h4{font-family:'Noto Sans Arabic',Arial,sans-serif;font-size:clamp(30px,3.1vw,44px);letter-spacing:0;line-height:1.45}html[dir=rtl] .dev-case-kicker,html[dir=rtl] .dev-related>p{letter-spacing:0}html[dir=rtl] .dev-features>li{padding:10px 17px 10px 0}html[dir=rtl] .dev-features>li:before{left:auto;right:0}html[dir=rtl] .dev-visual{padding:20px 0 42px 34px}html[dir=rtl] .dev-screen-phone{right:auto;left:0;transform:rotate(-3deg)}html[dir=rtl] .dev-visual figcaption{left:auto;right:0}html[dir=rtl] .dev-visual-single{padding-inline-end:0;padding-left:0}
@media(min-width:1001px){.dev-case:nth-child(even){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.dev-case:nth-child(even) .dev-visual{order:2}.dev-case:nth-child(even) .dev-case-copy{order:1}}
@media(max-width:1000px){.dev-case{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;padding:42px 0 52px}.dev-case h4{font-size:34px}.dev-description{font-size:11px;line-height:1.9}.dev-features>li{font-size:9px}.dev-visual{padding-inline-end:23px}.dev-screen-phone{border-width:5px;border-radius:15px}.dev-case-kicker{font-size:8px;gap:6px 12px}.dev-screen-desktop>img{aspect-ratio:16/13}.dev-browser>span{font-size:7px}.dev-related a{font-size:8px;padding:7px 9px}html[dir=rtl] .dev-case h4{font-size:32px}html[dir=rtl] .dev-visual{padding-left:23px;padding-right:0}}
@media(max-width:700px){.dev-portfolio .svc-section-heading{margin-bottom:43px}.dev-portfolio .dev-work-group{font-size:29px;margin-bottom:27px;padding-bottom:22px}.dev-portfolio #sistemas{margin-top:58px}.dev-case{grid-template-columns:minmax(0,1fr);gap:23px;padding:40px 0 47px}.dev-case:first-child{padding-top:0}.dev-visual{padding-top:9px;padding-bottom:32px;padding-inline-end:26px;max-width:580px;width:100%;margin-inline:auto}.dev-screen-desktop>img,.dev-visual-single .dev-screen-desktop>img{aspect-ratio:16/10.6}.dev-browser{height:25px}.dev-browser>span{font-size:8px}.dev-screen-phone{bottom:39px;width:25%;border-width:5px;border-radius:17px}.dev-visual figcaption{font-size:7px}.dev-case h4{font-size:36px;max-width:520px;margin-top:14px}.dev-case-kicker{font-size:8px}.dev-description{font-size:12px;line-height:1.9;margin-top:19px;max-width:none}.dev-features{margin-top:21px;max-width:none}.dev-features>li{font-size:10px;padding-block:11px}.dev-features>li:before{top:18px}.dev-visit{font-size:10px;min-height:47px;margin-top:23px}.dev-related{margin-top:23px}.dev-related>p{font-size:8px}.dev-related a{font-size:9px;min-height:40px;padding:8px 12px}.dev-related>div{gap:7px}html[dir=rtl] .dev-case h4{font-size:33px;line-height:1.45}html[dir=rtl] .dev-visual{padding-left:26px;padding-right:0}html[dir=rtl] .dev-features>li{padding-block:11px}html[dir=rtl] .dev-visual-single{padding-left:0}}
@media(max-width:360px){.dev-portfolio .dev-work-group{font-size:27px}.dev-case h4{font-size:32px}.dev-description{font-size:11px}.dev-features>li{font-size:9px}.dev-screen-phone{border-width:4px;border-radius:13px}.dev-visit{font-size:9px}.dev-related a{font-size:8px;padding-inline:10px}.dev-case-kicker{letter-spacing:.04em}html[dir=rtl] .dev-case h4{font-size:30px}}
@media(prefers-reduced-motion:reduce){.dev-screen-desktop,.dev-visit,.dev-related a{transition:none}}