/* DIGITVAR V16.1: real website previews, no crops, seamless section transitions */
.dv-hero-art {height:450px}
.dv-screen {height:auto!important;aspect-ratio: 1.58;overflow:hidden;background:#f5f0e7;}
.dv-screen-top{height:30px!important;background:#0b2445!important;color:white!important;padding:0 12px!important}
.dv-screen-top span{color:#9dddff!important;font-size:8px!important;}
.dv-screen-shot {position:absolute;top:30px;left:0;display:block;width:100%;height:calc(100% - 30px);object-fit:contain;object-position:top center;background:#f2f2ed;transition:none}
.dv-screen:hover .dv-screen-shot{transform:none}
.dv-screen-shop{left:1%;top:160px;width:33%;height:auto!important;transform:rotateY(-10deg) rotateZ(-3deg)}
.dv-screen-shop:hover{transform:rotateY(-3deg) rotateZ(0) translateY(-9px)}
.dv-screen-food{left:24.5%;top:55px;width:47%;height:auto!important;transform:rotateY(-8deg) rotateZ(2deg)}
.dv-screen-food:hover{transform:rotateY(-2deg) rotateZ(0) translateY(-9px)}
.dv-screen-arch{left:67%;top:186px;width:32%;height:auto!important;transform:rotateY(-9deg) rotateZ(-2deg)}
.dv-screen-arch:hover{transform:rotateY(-2deg) rotateZ(0) translateY(-9px)}
.dv-art-hint{bottom:4px;left:25%;color:#91c5f7}
.dv-tech-pills{top:409px}
/* Portfolio screenshots have their own natural framing — no object-fit:cover, text overlay or cropping. */
.dv-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.dv-project-tile{min-width:0;overflow:hidden;border-radius:15px;border:1px solid rgba(122,180,245,.24);background:linear-gradient(165deg,#102b4b,#07162e);box-shadow:0 10px 28px #0002;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.dv-project-tile:hover{border-color:#54caff;box-shadow:0 18px 35px #0006;transform:translateY(-4px)}
.dv-project-tile[hidden]{display:none!important}
.dv-project-link{display:block}
.dv-project-browser{height:30px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#0c2849;border-bottom:1px solid #264b72}
.dv-project-browser i{width:6px;height:6px;border-radius:50%}
.dv-project-browser span{margin-left:auto;color:#afcce9;font-size:9px;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dv-project-preview{width:100%;aspect-ratio:16 / 10;background:#f0eee8;overflow:hidden;display:flex;align-items:center;justify-content:center}
.dv-project-preview img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;position:static;transform:none!important}
.dv-project-info{display:flex;align-items:center;gap:11px;padding:12px 13px 13px;background:#0b2040;min-height:76px}
.dv-project-info .dv-card-pill{position:static;flex:none;background:#1d456b;border:1px solid #2d5c8d;color:#b3e5ff;border-radius:6px;padding:5px 7px;font-size:9px}
.dv-project-info-text{min-width:0;flex:1}.dv-project-info-text strong{display:block;font-size:13px;line-height:1.3}.dv-project-info-text small{display:block;font-size:10px;color:#a4bcd6;margin-top:4px}
.dv-project-arrow{display:grid;place-items:center;width:28px;height:28px;border:1px solid #567a9b;border-radius:50%;color:#a3e9ff;flex:none}
.dv-open-preview{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;background:#071a33;border:0;border-top:1px solid #214469;color:#83d9ff;padding:10px 12px;font-size:11px;font-weight:790;transition:background .2s}
.dv-open-preview:hover{background:#124274;color:#fff}
/* Remove the giant curved blue band separating the process strip and the following content. */
.dv-process-strip{background:linear-gradient(180deg,#06152d 0%,#081d37 52%,#07182f 100%);border-top:1px solid rgba(89,170,245,.22);border-bottom:0}
.dv-process-strip::after{display:none!important;content:none!important}
.dv-process-strip::before{content:"";position:absolute;left:15%;right:15%;top:0;height:1px;background:linear-gradient(90deg,transparent,#44adff8c,transparent)}
.dv-process-inner{min-height:0;padding-block:45px}
.dv-services{background:linear-gradient(180deg,#07182f,#061429 28%,#041025)}
.dv-content-section.dv-services{padding-top:60px}
/* Full, scrollable, real screenshot: users can review the entire long page. */
.dv-preview-dialog{position:fixed;max-width:min(1160px,96vw);width:min(1160px,96vw);max-height:92vh;height:92vh;padding:0;border:1px solid #449be1;border-radius:18px;background:#06152d;color:#fff;box-shadow:0 30px 110px #000d;overflow:hidden}
.dv-preview-dialog::backdrop{background:rgba(2,8,21,.88);backdrop-filter:blur(10px)}
.dv-preview-head{height:62px;padding:0 19px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #2c5884;background:#0b2547}
.dv-preview-head strong{font-size:16px;font-weight:850;flex:1}
.dv-preview-head a{font-size:12px;font-weight:760;color:#87e3ff;text-decoration:underline;text-underline-offset:4px}
.dv-preview-head button{border:1px solid #5e84a6;border-radius:8px;background:#16365b;color:#fff;width:36px;height:36px;font-size:18px}
.dv-preview-scroll{height:calc(92vh - 62px);overflow:auto;overscroll-behavior:contain;background:#091527;padding:16px;text-align:center}
.dv-preview-scroll img{display:block;width:min(100%,960px);height:auto;max-width:960px;margin:0 auto;box-shadow:0 12px 40px #0008;border:1px solid #40546f}
@media (max-width:1270px){.dv-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dv-process-inner{padding-block:38px}.dv-code-float{right:0}}
@media (max-width:1020px){.dv-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dv-hero-art{height:460px}.dv-screen-food{left:24%}.dv-process-inner{padding-block:38px}}
@media (max-width:720px){
 .dv-hero-art{display:flex;height:auto;min-height:0;width:calc(100% + 17px);max-width:none;gap:13px;padding:10px 17px 20px 0;margin-top:23px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:0;perspective:none;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#50b8ff #092544}
 .dv-screen,.dv-screen-shop,.dv-screen-food,.dv-screen-arch{position:relative;left:auto;top:auto;flex:0 0 81%;width:81%;height:auto!important;aspect-ratio:1.56;transform:none!important;scroll-snap-align:start;box-shadow:0 10px 28px #0008}
 .dv-screen:hover{transform:translateY(-3px)!important}
 .dv-screen-top{height:29px!important}.dv-screen-shot{top:29px;height:calc(100% - 29px)}
 .dv-code-float,.dv-tech-pills,.dv-art-hint{display:none}
 .dv-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .dv-project-browser{height:23px;padding:0 7px}.dv-project-browser span{font-size:7px}
 .dv-project-preview{aspect-ratio:1.6}.dv-project-info{display:block;padding:9px;min-height:89px}
 .dv-project-info .dv-card-pill{display:inline-block;margin-bottom:6px;font-size:8px}
 .dv-project-info-text strong{font-size:12px}.dv-project-info-text small{font-size:9px}
 .dv-project-arrow{display:none}.dv-open-preview{font-size:10px;padding:10px 4px}
 .dv-process-inner{padding-block:41px}.dv-content-section.dv-services{padding-top:48px}
 .dv-preview-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
 .dv-preview-head{height:60px;padding:0 12px;gap:9px}.dv-preview-head strong{font-size:12px}.dv-preview-head a{font-size:10px}.dv-preview-head button{flex:none}
 .dv-preview-scroll{height:calc(100dvh - 60px);padding:6px}
}
@media(max-width:410px){.dv-project-grid{gap:9px}.dv-project-info-text strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dv-project-tile,.dv-screen{transition:none!important}}
/* Cards remain fully visible: three separate previews, no covering one another. */
@media(min-width:1021px){
 .dv-screen-shop{left:0%;top:184px;width:29%;transform:rotateY(-7deg) rotateZ(-2deg)}
 .dv-screen-food{left:29.7%;top:102px;width:40.5%;transform:rotateY(-5deg) rotateZ(1deg)}
 .dv-screen-arch{left:71%;top:206px;width:29%;transform:rotateY(-6deg) rotateZ(-1deg)}
 .dv-code-float{top:9px;right:0}
}
@media(min-width:721px) and (max-width:1020px){
 .dv-screen-shop{left:0%;top:160px;width:29%;transform:rotateY(-7deg) rotateZ(-2deg)}
 .dv-screen-food{left:29.7%;top:73px;width:40.5%;transform:rotateY(-5deg) rotateZ(1deg)}
 .dv-screen-arch{left:71%;top:190px;width:29%;transform:rotateY(-6deg) rotateZ(-1deg)}
 .dv-code-float{top:0;right:0}
}