.db-projects-v2{padding-top:90px}.db-projects-v2.db-projects--page{padding-top:145px}.db-projects-v2 .db-projects__shell{max-width:1220px}.db-projects-v2 .db-projects__intro h1,.db-projects-v2 .db-projects__intro h2{font-size:clamp(34px,4.8vw,62px);line-height:1.45;letter-spacing:-1.5px}.db-projects-v2 .db-projects__description{max-width:650px;margin:20px 0 36px}.db-projects-v2 .db-projects__eyebrow{letter-spacing:1px;font-family:inherit;font-size:12px}.db-projects-v2 .db-projects__toolbar{gap:18px}.db-projects-v2 .db-projects__filters button{font-size:13px;padding:11px 16px;gap:9px}.db-projects-v2 .db-projects__toolbar input{width:255px}.db-projects__hint{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9a9e94;font-size:12px;margin:22px 0 0}.db-projects__hint p{margin:0;line-height:1.9}.db-projects__hint>span{flex-shrink:0;color:#e0c16b}.db-projects__category{padding-top:65px;scroll-margin-top:110px}.db-projects__category+.db-projects__category{margin-top:48px;border-top:1px solid #ffffff1c}.db-projects__category-header{display:flex;align-items:center;gap:22px;margin-bottom:32px}.db-projects__category-number{font:300 64px/1 sans-serif;color:#ffffff18;letter-spacing:-3px}.db-projects__category-header h2{font:700 clamp(24px,3vw,36px)/1.6 inherit;margin:0;color:#f5f4eb}.db-projects__category-header p{color:#999e94;margin:5px 0 0;line-height:1.8;font-size:13px}.db-projects__category-header .db-projects__category-en{font:10px/1.5 sans-serif;letter-spacing:2px;color:#f3b80f;margin-bottom:7px}.db-projects__category-count{margin-right:auto;font-size:12px;padding:8px 14px;border:1px solid #ffffff20;border-radius:100px;color:#aeb2a6;white-space:nowrap}.db-projects__preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px}.db-projects-v2 .website-preview-card{visibility:visible!important;opacity:1!important;transform:none!important;min-width:0;overflow:visible}.db-projects-v2 .website-preview-card__frame{border:1px solid #ffffff25;border-radius:16px;overflow:hidden;background:#e9e8e1}.db-projects-v2 .website-preview-card__browserbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#181c18;padding:13px 16px;direction:ltr;color:#9aa193;font:11px/1.4 sans-serif}.db-projects-v2 .website-preview-card__dots{display:flex;gap:5px}.db-projects-v2 .website-preview-card__dots i{width:6px;height:6px;border-radius:50%;background:#5b6154}.db-projects-v2 .website-preview-card__address{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-projects-v2 .website-preview-card__viewport{position:relative;height:360px;overflow:hidden;isolation:isolate}.db-projects-v2 .website-preview-card__picture{display:block;width:100%}.db-projects-v2 .website-preview-card__picture img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:initial!important;object-position:top!important;opacity:1!important;visibility:visible!important;will-change:transform}.db-projects-v2 .website-preview-card__shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(transparent 86%,#0003)}.db-projects-v2 .website-preview-card__progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#0002;pointer-events:none}.db-projects-v2 .website-preview-card__progress i{display:block;width:calc(var(--preview-progress,0)*100%);height:100%;background:var(--project-accent,#f3b80f)}.db-projects-v2 .website-preview-card__control{display:flex;align-items:center;gap:7px;border:1px solid #ffffff20;background:#111811e8;color:#e4e9db;font:inherit;font-size:11px;padding:9px 14px;border-radius:50px;margin:-22px auto 0;position:relative;z-index:2;cursor:pointer}.db-projects-v2 .website-preview-card__control svg{width:13px;height:13px}.db-projects-v2 .website-preview-card__meta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 3px 0}.db-projects-v2 .website-preview-card__copy p{font-size:11px;color:#aaa;margin:0 0 6px;display:flex;align-items:center;gap:7px}.db-projects-v2 .website-preview-card__copy p span{width:5px;height:5px;border-radius:50%;background:var(--project-accent,#f3b80f)}.db-projects-v2 .website-preview-card__copy h3{font:600 23px/1.4 sans-serif;letter-spacing:-.4px;margin:0;direction:ltr;color:#f3f3eb}.db-projects-v2 .website-preview-card__visit{display:flex;align-items:center;gap:12px;color:#f3b80f;text-decoration:none;font-size:12px;white-space:nowrap}.db-projects-v2 .website-preview-card__visit i{width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:50%}.db-projects-v2 .website-preview-card__visit svg{width:14px;height:14px}.db-projects-v2 .website-preview-card__copy h3 a{color:inherit;text-decoration:none}.db-projects-v2 button:focus-visible,.db-projects-v2 a:focus-visible{outline:2px solid #f3b80f;outline-offset:5px}.db-projects__unavailable-image{height:402px;background:linear-gradient(135deg,#17221c,#101610);border:1px solid #ffffff20;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:30px;text-align:center}.db-projects__unavailable-image>span{font:48px sans-serif;color:#f3b80f}.db-projects__unavailable-image h3{font:500 26px/1.4 sans-serif;margin:0}.db-projects__unavailable-image p{font-size:12px;color:#9a9e94;margin:0}@media(min-width:1450px){.db-projects-v2 .website-preview-card__viewport{height:400px}}@media(max-width:800px){.db-projects__preview-grid{grid-template-columns:1fr;gap:40px}.db-projects-v2 .website-preview-card__viewport{height:380px}.db-projects-v2 .db-projects__toolbar input{width:100%}.db-projects__category-count{font-size:11px;padding:7px 10px}.db-projects__category-header{gap:15px}.db-projects__category-number{font-size:46px}.db-projects__category-header h2{font-size:25px}}@media(max-width:480px){.db-projects-v2.db-projects--page{padding-top:115px}.db-projects-v2 .db-projects__intro h1,.db-projects-v2 .db-projects__intro h2{font-size:34px;letter-spacing:-1px}.db-projects-v2 .db-projects__description{font-size:14px}.db-projects-v2 .db-projects__filters{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.db-projects-v2 .db-projects__filters button{font-size:12px;justify-content:space-between;padding:11px 13px}.db-projects__hint{align-items:flex-start;font-size:10px}.db-projects__category{padding-top:40px}.db-projects__category-header{flex-wrap:wrap}.db-projects__category-count{margin-right:0}.db-projects__category-header>div{flex:1;min-width:200px}.db-projects-v2 .website-preview-card__viewport{height:290px}.db-projects-v2 .website-preview-card__copy h3{font-size:20px}.db-projects-v2 .website-preview-card__meta{gap:8px}.db-projects-v2 .website-preview-card__visit{font-size:11px;gap:6px}.db-projects-v2 .website-preview-card__visit i{width:27px;height:27px}.db-projects__unavailable-image{height:332px}}
