.drp-custom-project,
.drp-legacy-project,
.drp-project-archive { overflow: hidden; }

.drp-project-breadcrumb {
  position: relative;
  z-index: 5;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 16px 0;
  color: #65748a;
  font-family: Poppins, Inter, Arial, sans-serif;
  font-size: 12px;
}
.drp-project-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin: 0; padding: 0; list-style: none; }
.drp-project-breadcrumb li { display: inline-flex; gap: 7px; align-items: center; margin: 0; }
.drp-project-breadcrumb li:not(:last-child)::after { color: #a5b0bf; content: "/"; }
.drp-project-breadcrumb a { color: #246fc9; font-weight: 650; text-decoration: none; }
.drp-project-breadcrumb a:hover { color: #1264d9; text-decoration: underline; }
.drp-project-breadcrumb a:focus-visible { border-radius: 4px; outline: 2px solid #3186ff; outline-offset: 3px; }
.drp-project-breadcrumb [aria-current="page"] > span { color: #4b596d; }

.drp-legacy-project,
.drp-project-archive {
  --drp-blue: #3186ff;
  --drp-blue-dark: #1264d9;
  --drp-green: #3cbc5d;
  --drp-ink: #122039;
  --drp-text: #536178;
  --drp-soft: #f4f8fd;
  --drp-line: #dfe8f2;
  color: var(--drp-ink);
  background: #fff;
  font-family: Poppins, Inter, Arial, sans-serif;
}

.drp-legacy-project *, .drp-project-archive * { box-sizing: border-box; }
.drp-public-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.drp-public-section { padding: clamp(66px, 8vw, 112px) 0; }
.drp-public-soft { background: var(--drp-soft); }
.drp-public-kicker { margin: 0 0 15px; color: var(--drp-blue-dark); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.drp-public-title { max-width: 920px; margin: 0 auto 24px; font-size: clamp(39px, 6vw, 76px); line-height: 1.02; letter-spacing: -.05em; text-align: center; }
.drp-public-lead { max-width: 790px; margin: 0 auto; color: var(--drp-text); font-size: clamp(17px, 2vw, 21px); line-height: 1.75; text-align: center; }
.drp-public-meta { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 30px; }
.drp-public-meta span { padding: 9px 13px; border: 1px solid var(--drp-line); border-radius: 999px; background: #fff; color: #43526a; font-size: 12px; }
.drp-public-cover { margin-top: 48px; overflow: hidden; border: 1px solid var(--drp-line); border-radius: clamp(16px, 2.5vw, 28px); background: #fff; box-shadow: 0 24px 70px rgba(22,65,120,.13); }
.drp-public-cover img { display: block; width: 100%; height: auto; }
.drp-public-content { max-width: 880px; margin-inline: auto; }
.drp-public-content + .drp-public-content { margin-top: 46px; }
.drp-public-content h2 { margin: 0 0 16px; font-size: clamp(29px, 4vw, 48px); line-height: 1.12; letter-spacing: -.035em; }
.drp-public-content p { color: var(--drp-text); font-size: 17px; line-height: 1.8; }
.drp-public-gallery { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }
.drp-public-gallery figure { margin: 0; }
.drp-public-gallery button { display: block; width: 100%; padding: 0; overflow: hidden; border: 0; border-radius: 20px; background: #e9f0f8; cursor: zoom-in; box-shadow: 0 14px 40px rgba(22,65,120,.09); }
.drp-public-gallery img { display: block; width: 100%; height: auto; transition: transform .45s ease; }
.drp-public-gallery button:hover img { transform: scale(1.015); }
.drp-public-gallery figcaption { padding: 10px 2px 0; color: var(--drp-text); font-size: 12px; }
.drp-public-cta { padding: clamp(42px, 7vw, 78px); border-radius: 34px; background: radial-gradient(circle at 90% 0, rgba(49,134,255,.45), transparent 35%), linear-gradient(135deg,#0c1830,#17375f); color: #fff; text-align: center; }
.drp-public-cta h2 { max-width: 760px; margin: 0 auto 17px; color: #fff; font-size: clamp(30px,4vw,50px); }
.drp-public-cta p { max-width: 640px; margin: 0 auto 28px; color: rgba(255,255,255,.73); font-size: 17px; line-height: 1.7; }
.drp-public-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 0 26px; border-radius: 999px; background: #fff; color: #142846; font-weight: 800; text-decoration: none; }

[data-drp-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
[data-drp-reveal].is-visible { opacity: 1; transform: none; }

.drp-public-lightbox { position: fixed; inset: 0; z-index: 999999; display: none; place-items: center; padding: 30px; background: rgba(4,12,24,.94); backdrop-filter: blur(10px); }
.drp-public-lightbox.is-open { display: grid; }
.drp-public-lightbox img { display: block; max-width: 96vw; max-height: 88vh; border-radius: 14px; object-fit: contain; }
.drp-public-lightbox button { position: fixed; top: 18px; right: 18px; width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; font-size: 28px; cursor: pointer; }

.drp-archive-hero { padding: clamp(72px,10vw,130px) 0 65px; background: radial-gradient(circle at 88% 10%, rgba(49,134,255,.15), transparent 32%), linear-gradient(180deg,#f7fbff,#fff); text-align: center; }
.drp-archive-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.drp-project-card { overflow: hidden; border: 1px solid var(--drp-line); border-radius: 22px; background: #fff; box-shadow: 0 14px 45px rgba(22,65,120,.08); }
.drp-project-card__media { display: block; overflow: hidden; background: #edf3fa; }
.drp-project-card__media img { display: block; width: 100%; height: auto; transition: transform .45s ease; }
.drp-project-card:hover .drp-project-card__media img { transform: scale(1.02); }
.drp-project-card__body { padding: 24px; }
.drp-project-card__meta { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 13px; color: var(--drp-blue-dark); font-size: 11px; font-weight: 750; text-transform: uppercase; }
.drp-project-card h2 { margin: 0 0 11px; font-size: 22px; line-height: 1.25; }
.drp-project-card h2 a { color: inherit; text-decoration: none; }
.drp-project-card p { margin: 0; color: var(--drp-text); line-height: 1.65; }
.drp-archive-empty { padding: 45px; border: 1px dashed var(--drp-line); border-radius: 20px; color: var(--drp-text); text-align: center; }

@media (max-width: 900px) { .drp-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px) {
  .drp-project-breadcrumb { width: min(100% - 28px,1180px); padding: 13px 0; font-size: 11px; }
  .drp-public-shell { width: min(100% - 28px,1180px); }
  .drp-public-gallery, .drp-archive-grid { grid-template-columns: 1fr; }
  .drp-public-cta { text-align: left; }
  .drp-public-cta h2, .drp-public-cta p { margin-inline: 0; }
  .drp-public-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  [data-drp-reveal] { opacity: 1; transform: none; transition: none; }
  .drp-public-gallery img, .drp-project-card__media img { transition: none; }
}