*{box-sizing:border-box}
html{background:#050505;color:#fff;font-family:Inter,Arial,sans-serif}
body.dgk-full-portfolio-page{margin:0;min-height:100vh;background:#050505;color:#fff}
a{color:inherit}
.dgk-full-portfolio-header,.dgk-full-portfolio-footer{width:calc(100% - 48px);margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;min-height:72px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.dgk-full-portfolio-header span,.dgk-full-portfolio-footer span{height:1px;background:rgba(255,255,255,.13)}
.dgk-full-portfolio-header a,.dgk-full-portfolio-footer a{text-decoration:none}
.dgk-full-portfolio-header a:last-child,.dgk-full-portfolio-footer a:last-child{color:#c7c0bd}
.dgk-full-portfolio-main{padding:18px 24px 40px}
.dgk-full-portfolio-shell{position:relative;isolation:isolate;width:100%;margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:0;background:#07080b;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.dgk-full-portfolio-bg,.dgk-full-portfolio-overlay{position:absolute;inset:0;pointer-events:none}
.dgk-full-portfolio-bg{z-index:-2;background-image:var(--dgk-full-bg);background-size:cover;background-position:center;opacity:.2;filter:saturate(.75) contrast(1.05);transform:scale(1.02)}
.dgk-full-portfolio-overlay{z-index:-1;background:radial-gradient(circle at 12% 9%,rgba(255,51,51,.18),transparent 33%),linear-gradient(180deg,rgba(4,5,8,.38),rgba(4,5,8,.78) 65%,rgba(4,5,8,.92))}
.dgk-full-portfolio-content{padding:28px}
.dgk-full-portfolio-title{margin:0 0 22px}
.dgk-full-portfolio-title h1{margin:0 0 8px;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.045em}
.dgk-full-portfolio-title p{margin:0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.5}
.dgk-full-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dgk-full-portfolio-card{position:relative;display:flex;min-width:0;min-height:108px;padding:18px 18px 16px;flex-direction:column;justify-content:center;text-decoration:none;background:rgba(17,19,26,.83);border:1px solid rgba(255,255,255,.08);border-radius:0;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.dgk-full-portfolio-card::before{content:'>';position:absolute;top:15px;left:12px;color:#ff3333;font-size:12px;font-weight:900;opacity:.8}
.dgk-full-portfolio-card:hover{background:rgba(42,8,12,.9);border-color:rgba(255,51,51,.38);transform:translateY(-1px)}
.dgk-full-portfolio-card-meta{display:flex;align-items:center;gap:9px;margin:0 0 8px;padding-left:15px;color:rgba(255,255,255,.55);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.dgk-full-portfolio-no{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:20px;padding:0 6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#ff3333;background:rgba(255,255,255,.035)}
.dgk-full-portfolio-card-meta em{overflow:hidden;text-overflow:ellipsis;font-style:normal}
.dgk-full-portfolio-card-meta strong{padding:3px 6px;border-radius:999px;background:rgba(255,51,51,.18);color:#ff5460;font-size:8px;letter-spacing:.1em}
.dgk-full-portfolio-card-title{display:block;margin-bottom:5px;font-size:18px;font-weight:900;line-height:1.08;letter-spacing:-.025em}
.dgk-full-portfolio-card-subtitle{display:block;overflow:hidden;color:rgba(255,255,255,.76);font-size:11px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.dgk-full-portfolio-empty{padding:40px;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7)}
@media(max-width:1050px){.dgk-full-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dgk-full-portfolio-header,.dgk-full-portfolio-footer{width:calc(100% - 28px);grid-template-columns:auto 1fr;min-height:58px}.dgk-full-portfolio-header a:last-child,.dgk-full-portfolio-footer a:last-child{display:none}.dgk-full-portfolio-main{padding:8px 10px 26px}.dgk-full-portfolio-shell{border-radius:0}.dgk-full-portfolio-content{padding:18px}.dgk-full-portfolio-grid{grid-template-columns:1fr;gap:7px}.dgk-full-portfolio-card{min-height:102px}.dgk-full-portfolio-title{margin-bottom:17px}.dgk-full-portfolio-card-title{font-size:19px}}
