/* Personal project gallery additions */
.project-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.project-card--lime, .project-card--ink { grid-column: span 3; }
.project-card--paper { grid-column: span 6; min-height: 365px; }
.project-card--mini { grid-column: span 2; min-height: 420px; }
.project-title h3 span { font-style: italic; color: var(--lav); }
.project-card--lime .project-title h3 span { color: var(--coral); }
.project-card--coral { background: var(--coral); }
.project-card--blue { background: var(--lav); color: var(--paper); }
.project-card--news { background: #ece7d9; }
.project-card--mini .project-title h3 { font-size: 39px; letter-spacing: -2.5px; }
.project-card--mini .project-title p { max-width: 230px; }
.project-card--mini .project-top { font-size: 10px; }
.topic-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 17px; }
.topic-tags i { border: 1px solid currentColor; border-radius: 20px; font: 10px "DM Mono", monospace; font-style: normal; letter-spacing: .3px; padding: 5px 7px; text-transform: uppercase; }
.project-card--ink .topic-tags, .project-card--blue .topic-tags { color: #ebe7dc; }
.project-card--paper .project-title { bottom: 42px; left: 8%; }
.project-card--paper .project-title h3 { font-size: 52px; }
.project-card--paper .project-title p { max-width: 390px; }
.mini-visual { height: 32%; pointer-events: none; position: absolute; right: 10%; top: 18%; width: 43%; }
.mini-visual--eye { border: 2px solid var(--ink); border-radius: 55% 45% 54% 46% / 45% 55% 45% 55%; transform: rotate(-18deg); }
.mini-visual--eye::after { background: var(--ink); border-radius: 50%; content: ""; inset: 27%; position: absolute; }
.mini-visual--eye i { background: var(--paper); border-radius: 50%; height: 9px; position: absolute; right: 30%; top: 32%; width: 9px; z-index: 1; }
.mini-visual--eye i:nth-child(2) { background: var(--lav); left: -10%; right: auto; top: 60%; }
.mini-visual--eye b { color: var(--paper); font-size: 25px; position: absolute; right: -20%; top: -20%; }
.mini-visual--wave { align-items: center; display: flex; gap: 6px; justify-content: center; }
.mini-visual--wave i { animation: wave 1.1s ease-in-out infinite alternate; background: var(--paper); border-radius: 30px; width: 6px; }
.mini-visual--wave i:nth-child(1), .mini-visual--wave i:nth-child(7) { height: 22%; }
.mini-visual--wave i:nth-child(2), .mini-visual--wave i:nth-child(6) { animation-delay: .2s; height: 46%; }
.mini-visual--wave i:nth-child(3), .mini-visual--wave i:nth-child(5) { animation-delay: .4s; height: 76%; }
.mini-visual--wave i:nth-child(4) { animation-delay: .6s; background: var(--acid); height: 100%; }
@keyframes wave { to { transform: scaleY(.45); } }
.mini-visual--news { align-content: space-between; border: 1px solid var(--ink); display: grid; font: 500 10px "DM Mono"; padding: 15px; transform: rotate(7deg); }
.mini-visual--news b { font: 700 17px/1 "DM Sans"; letter-spacing: -1px; }
.mini-visual--news i { color: var(--coral); font: 30px Georgia; font-style: normal; justify-self: end; }
.building-strip { align-items: center; border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); display: flex; font: 11px "DM Mono", monospace; gap: 13px; letter-spacing: .4px; margin-top: 46px; padding: 20px 0; text-transform: uppercase; }
.building-strip strong { font: 600 16px "Playfair Display", Georgia; letter-spacing: -.2px; text-transform: none; }
.building-strip i { color: var(--coral); font-style: normal; }
.building-strip a { border-bottom: 1px solid var(--ink); color: var(--ink); font-weight: 500; margin-left: auto; padding-bottom: 3px; text-decoration: none; }
.building-strip a:hover { border-color: var(--coral); color: var(--coral); }
.about-body--second { font-size: 15px; max-width: 470px; }
.about-links { align-items: center; display: flex; gap: 10px; }
.about-links > span { color: var(--muted); font: 11px "DM Mono", monospace; text-transform: uppercase; }
@media (max-width: 760px) {
  .project-grid { display: block; }
  .project-card--paper .project-title h3 { font-size: 43px; }
  .project-card--mini .project-title h3 { font-size: 39px; }
  .mini-visual { right: 8%; top: 14%; width: 42%; }
  .building-strip { align-items: flex-start; flex-wrap: wrap; }
  .building-strip a { margin: 5px 0 0; width: max-content; }
  .about-links { align-items: flex-start; flex-direction: column; gap: 7px; }
}