.db-projects{padding:100px 24px;background:#080909;color:#f7f5ee;scroll-margin-top:100px}.db-projects--page{padding-top:160px}.db-projects__shell{max-width:1240px;margin:auto}.db-projects__eyebrow{font:12px/1.6 sans-serif;letter-spacing:3px;color:#e9bc39;margin-bottom:24px}.db-projects__intro h1,.db-projects__intro h2{font-size:clamp(38px,5vw,72px);line-height:1.35;letter-spacing:-2px;margin:0;font-weight:800}.db-projects__intro h1 span,.db-projects__intro h2 span{display:block;color:#f3b80f}.db-projects__description{color:#aaa99f;max-width:600px;font-size:17px;line-height:1.9;margin:24px 0}.db-projects__stats{display:flex;gap:52px;margin:36px 0 48px}.db-projects__stats div{display:grid;gap:5px}.db-projects__stats strong{font:500 38px/1.2 sans-serif;color:#fff}.db-projects__stats span{font-size:13px;color:#aaa99f}.db-projects__toolbar{border-top:1px solid #ffffff20;padding-top:28px;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.db-projects__filters{display:flex;gap:8px;flex-wrap:wrap}.db-projects__filters button{font:inherit;font-size:14px;border:1px solid #ffffff25;background:#111312;border-radius:100px;padding:12px 17px;color:#c4c4bc;cursor:pointer;display:flex;gap:10px;align-items:center}.db-projects__filters button span{font:11px sans-serif;opacity:.7}.db-projects__filters button[aria-pressed=true]{background:#f3b80f;border-color:#f3b80f;color:#151510}.db-projects__toolbar input{font:inherit;font-size:14px;background:#111312;border:1px solid #ffffff25;border-radius:12px;color:#fff;padding:14px 18px;width:300px;max-width:100%;outline-offset:4px}.db-projects__count{font-size:12px;color:#898c84;margin:22px 0}.db-projects__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.db-project{display:block;border:1px solid #ffffff1c;border-radius:18px;overflow:hidden;background:#111312;text-decoration:none;color:#f7f5ee;transition:transform .25s,border-color .25s}.db-project:hover{transform:translateY(-5px);border-color:#f3b80f88}.db-project:focus-visible,.db-projects button:focus-visible{outline:3px solid #f3b80f;outline-offset:5px}.db-project__visual{height:216px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 25% 70%,#65512255,transparent 65%),linear-gradient(135deg,#22271f,#131b18)}.db-project[data-category=store] .db-project__visual{background:radial-gradient(ellipse at 25% 70%,#684e6d66,transparent 65%),linear-gradient(135deg,#302635,#19191d)}.db-project[data-category=shopify] .db-project__visual{background:radial-gradient(ellipse at 25% 70%,#4b754b66,transparent 65%),linear-gradient(135deg,#263d30,#121d19)}.db-project__browser{direction:ltr;display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #ffffff0d;color:#ffffff50}.db-project__browser span{font:8px sans-serif;letter-spacing:3px}.db-project__browser small{font:10px sans-serif;letter-spacing:.4px}.db-project__monogram{position:absolute;left:24px;top:59px;font:600 76px/1.3 sans-serif;letter-spacing:-5px;color:#ffffffd9}.db-project__badge{position:absolute;bottom:18px;right:18px;color:#e0dfd1;font-size:11px;border:1px solid #ffffff28;padding:5px 10px;border-radius:5px;background:#0002}.db-project__info{padding:23px;position:relative;direction:ltr}.db-project__info h3{font:600 21px/1.4 sans-serif;letter-spacing:-.5px;padding-right:24px;margin:0 0 8px}.db-project__info p{font:12px/1.5 sans-serif;color:#888f85;margin:0}.db-project__arrow{position:absolute;right:22px;top:24px;font-size:21px;color:#f3b80f}.db-project__visit{display:block;direction:rtl;font-size:12px;margin-top:22px;padding-top:16px;border-top:1px solid #ffffff10;color:#d8d9cc}.db-projects__empty{padding:50px;text-align:center;color:#ccc}@media(max-width:950px){.db-projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.db-projects{padding:70px 18px}.db-projects--page{padding-top:125px}.db-projects__intro h1,.db-projects__intro h2{letter-spacing:-1px}.db-projects__stats{gap:28px}.db-projects__stats strong{font-size:30px}.db-projects__stats span{font-size:11px}.db-projects__grid{grid-template-columns:1fr;gap:18px}.db-projects__toolbar input{width:100%}.db-projects__filters button{padding:10px 12px;font-size:12px}.db-project__visual{height:200px}}@media(prefers-reduced-motion:reduce){.db-project{transition:none}}