/* Static-site additions: conditional blocks, mobile navigation, small-screen polish */
.dp-if{display:contents}
.dp-if[hidden],[data-cats][hidden]{display:none !important}
html{scroll-behavior:smooth}
body{margin:0}
img{max-width:100%}

/* Mobile menu button and in-menu CTA (hidden on desktop) */
.dp-nav-cta{display:none !important}
.dp-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;padding:0;pointer-events:auto}
.dp-menu-btn .dp-ico-close{display:none}
html.dp-menu-open .dp-menu-btn .dp-ico-menu{display:none}
html.dp-menu-open .dp-menu-btn .dp-ico-close{display:block}
html.dp-scrolled .dp-menu-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#F4F6FA}

@media (max-width:1040px){
  .dp-header > .dp-wrap{flex-wrap:nowrap !important;gap:10px !important;position:relative}
  .dp-header > .dp-wrap > a:first-child{margin-right:auto}
  .dp-menu-btn{display:inline-flex}
  /* the nav becomes a drop-down sheet under the bar */
  .dp-header #dp-primary-nav{display:none !important;position:absolute;left:0;right:0;top:calc(100% + 10px);flex-direction:column;flex-wrap:nowrap !important;align-items:stretch !important;gap:2px !important;padding:12px !important;border-radius:24px !important;background:#0B0E15 !important;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px -20px rgba(10,20,60,.35);max-height:calc(100vh - 120px);overflow-y:auto;pointer-events:auto}
  html.dp-menu-open .dp-header #dp-primary-nav{display:flex !important}
  html .dp .dp-header #dp-primary-nav a.dp-nav-link{display:flex !important;box-sizing:border-box;width:100%;padding:14px 16px !important;font-size:17px !important;color:#E6EAF2 !important;opacity:1 !important;border-radius:14px !important;background:transparent !important;box-shadow:none !important}
  html .dp .dp-header #dp-primary-nav a.dp-nav-link.is-active{background:rgba(255,255,255,.08) !important}
  .dp-header .dp-dd-item{color:#C9D2E3 !important}
  .dp-header .dp-dd-item strong{font-weight:500}
  .dp-header .dp-dd-item:hover{background:rgba(255,255,255,.06) !important}
  .dp-header #dp-primary-nav .dp-nav-cta{display:inline-flex !important;margin:10px 4px 4px;min-height:52px;background:#FFFFFF !important;color:#05060A !important;justify-content:center}
  .dp-header #dp-primary-nav .dp-nav-link svg{display:none}
  .dp-header .dp-dd{display:block}
  .dp-header .dp-dd-panel{position:static !important;display:grid !important;opacity:1 !important;visibility:visible !important;transform:none !important;width:auto !important;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)) !important;box-shadow:none !important;border:0 !important;padding:0 0 8px 12px !important;background:transparent !important;margin:0 !important}
  .dp-header .dp-dd-panel::before{display:none}
  .dp-header .dp-dd-item{padding:10px 14px !important}
  .dp-header .dp-dd-item small{display:none}
}
@media (max-width:560px){
  .dp-header{padding:10px 10px 0 !important}
  .dp-header > .dp-wrap{padding-left:14px !important;padding-right:10px !important}
  .dp-header .dp-btn{padding:0 14px !important;font-size:14px !important;min-height:40px !important}
  .dp-header > .dp-wrap > a:first-child img{height:26px !important}
}
@media (max-width:480px){
  .dp-header > .dp-wrap > div:last-child > a.dp-btn{display:none}
}
/* Portfolio grid: a lone card never stretches across the whole page */
@media (min-width:760px){.dp-casegrid li{max-width:calc(50% - 12px)}}