.ddv-latest-project{padding:80px 0;background:#f4f6fa;color:#10131f;scroll-margin-top:100px}
.ddv-latest-project__layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:56px}
.ddv-latest-project .sec-title{margin-bottom:22px}.ddv-latest-project .sec-title h2{font-size:clamp(30px,3vw,44px);line-height:1.15;margin-top:12px}
.ddv-latest-project__copy>p{font-size:16px;line-height:1.7;color:#46546a;margin-bottom:24px}
.ddv-latest-project__list{padding:0;margin:0 0 28px;list-style:none}.ddv-latest-project__list li{display:flex;align-items:baseline;gap:12px;font-size:14px;line-height:1.6;margin:10px 0;color:#35435a}.ddv-latest-project__list i{color:#a76700}
.ddv-latest-project .btn-title i{margin-left:12px}
.ddv-latest-project__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.ddv-latest-project__portfolio{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#10131f;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.ddv-latest-project__portfolio:hover{color:#875000}
.ddv-latest-project__portfolio:focus-visible{outline:3px solid #a76700;outline-offset:4px}
.ddv-compare{min-width:0}.ddv-compare__frame{border:1px solid #dce2e9;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 20px 50px #10131f0d}
.ddv-compare__browser{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 16px;background:#10131f;color:#cbd2df;font-size:11px;line-height:1.5}.ddv-compare__browser>span:first-child{color:#ffaa17;letter-spacing:3px}
.ddv-compare__images{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eee;cursor:ew-resize;touch-action:pan-y;user-select:none}
.ddv-compare__scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#ffaa17 #e4e8ee;cursor:auto;touch-action:pan-y}
.ddv-compare__scroll img{display:block;width:100%;height:auto;max-width:100%}
.ddv-compare__scroll.ddv-compare__before{clip-path:inset(0 calc(100% - var(--split)) 0 0);pointer-events:none;scrollbar-width:none}
.ddv-compare__scroll:focus-visible{outline:3px solid #ffaa17;outline-offset:-3px}
.ddv-compare__tag{position:absolute;top:12px;padding:5px 10px;background:#10131fee;color:white;border-radius:5px;font-size:11px;font-weight:700;pointer-events:none}.ddv-compare__tag--before{left:12px}.ddv-compare__tag--after{right:12px;background:#ffaa17;color:#10131f}
.ddv-compare__divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#ffaa17;pointer-events:none}.ddv-compare__divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffaa17;color:#10131f;font-size:24px;box-shadow:0 2px 10px #0003}
.ddv-compare__controls{display:flex;align-items:center;gap:16px;margin-top:16px}.ddv-compare__controls button{background:transparent;padding:8px 0;min-height:44px;font-size:13px;font-weight:700;color:#10131f;cursor:pointer}.ddv-compare__controls input{width:100%;min-width:0;height:44px;accent-color:#e99a00;cursor:ew-resize;margin:0}
.ddv-compare__controls :focus-visible{outline:3px solid #a76700;outline-offset:3px;border-radius:4px}
.ddv-compare__hint{font-size:12px!important;line-height:1.6!important;color:#536176!important;margin:0!important}.ddv-compare__hint span{display:block}.ddv-compare__hint a{color:#875000;text-decoration:underline;text-underline-offset:3px}
@media(max-width:991px){.ddv-latest-project__layout{grid-template-columns:1fr;gap:28px}.ddv-latest-project{padding:48px 0}.ddv-latest-project__copy{max-width:640px}.ddv-latest-project .sec-title h2 br{display:none}}
@media(max-width:550px){.ddv-latest-project{padding:36px 0}.ddv-latest-project__layout{gap:24px}.ddv-latest-project .sec-title{margin-bottom:16px}.ddv-latest-project__copy>p{font-size:14px;margin-bottom:16px}.ddv-latest-project__list{margin-bottom:20px}.ddv-latest-project__list li{font-size:13px;margin:8px 0}.ddv-compare__controls{margin-top:8px}.ddv-compare__tag{top:8px}.ddv-compare__hint{font-size:11px!important}}