/* EDK portfolio — shared styles. Edit global look here. */
body{margin:0;background:#141414;font-family:'IBM Plex Mono',ui-monospace,monospace;--acc:#e0a04a}
a{color:inherit}
.nl:hover{color:var(--acc)!important}

/* landing project cards */
.pj:hover .pj-num{color:var(--acc)}
.pj-frame{transition:border-color .25s}
.pj:hover .pj-frame{border-color:var(--acc)}
.pj-ov{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .28s ease;background:rgba(10,11,12,.5);box-shadow:inset 0 0 0 1.5px var(--acc)}
.pj:hover .pj-ov{opacity:1}
.pj-ov .br{position:absolute;width:18px;height:18px;border:1.5px solid var(--acc);transition:transform .28s ease}
.pj-ov .tl{top:10px;left:10px;border-right:0;border-bottom:0;transform:translate(4px,4px)}
.pj-ov .tr{top:10px;right:10px;border-left:0;border-bottom:0;transform:translate(-4px,4px)}
.pj-ov .bl{bottom:10px;left:10px;border-right:0;border-top:0;transform:translate(4px,-4px)}
.pj-ov .brr{bottom:10px;right:10px;border-left:0;border-top:0;transform:translate(-4px,-4px)}
.pj:hover .pj-ov .br{transform:translate(0,0)}
.pj-ov .tag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;letter-spacing:.2em;color:#fff}
.pj:hover .pj-go{opacity:1;transform:translateX(0)}

/* project-page next link */
.nx:hover .nx-title{color:var(--acc)}
.nx:hover .nx-arrow{transform:translateX(6px)}

/* resources rows */
.rrow:hover{background:rgba(255,255,255,.035)}
.rrow:hover .rr-bar{transform:scaleY(1)!important}
.rrow:hover .rr-arrow{opacity:1!important;transform:translateX(0)!important}
.rrow:hover .rr-name{color:var(--acc)!important;text-decoration-color:var(--acc)!important}

/* mobile */
@media(max-width:760px){
  body{overflow-x:hidden}
  .page{padding:10px!important}
  .contact-pill{display:none!important}
  .topnav{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  .topnav-right{flex-wrap:wrap!important;gap:8px 14px!important}
  .mpad{padding-left:16px!important;padding-right:16px!important}
  #about,#work{padding-left:16px!important;padding-right:16px!important}
  .hero-row{gap:14px!important}
  .hero-name{font-size:44px!important}
  .hero-meta{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}
  .coords{text-align:left!important}
  .proj-grid{grid-template-columns:1fr!important}
  .d-title{font-size:40px!important}
  .spec-bar{grid-template-columns:1fr 1fr!important}
  .overview-grid{grid-template-columns:1fr!important;gap:12px!important}
  .feat-grid{grid-template-columns:1fr!important}
  .res-title{font-size:40px!important}
  .rrow{grid-template-columns:1fr!important;gap:6px!important;padding-left:16px!important;padding-right:16px!important}
  .rr-arrow{display:none!important}
  .footer-row{flex-wrap:wrap!important;gap:10px 16px!important;justify-content:flex-start!important}
  .wordmark{font-size:60px!important}
}