/* Contact: one screen, a terminal "command list" of the ways to reach us */
.c-screen { height: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(28px, 6vw, 96px); align-items: center; }
.c-intro .eyebrow { margin-bottom: 18px; }
.c-h1 { font-size: clamp(2rem, 4.6vw, 4.2rem); line-height: 1.04; font-weight: 400; margin: 0 0 22px; color: var(--g); animation: greenTextGlowHeading 2s linear infinite; }
.c-h1 .cur { display: inline-block; width: .55em; height: .9em; background: var(--g); margin-left: .12em; vertical-align: -.06em; animation: blink 1.1s steps(1) infinite; box-shadow: 0 0 6px 1px var(--g); }
@keyframes blink { 50% { opacity: 0; } }
.c-intro p { font: 400 1.05rem/1.65 'Retro Gaming', monospace; color: #c9f5c9; max-width: 480px; margin: 0 0 24px; }
.c-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; align-items: center; font-size: 13px; }
.c-meta .socials { margin: 0; }
.c-note { font: 400 .9rem/1.5 'Retro Gaming', monospace; color: #9fd99f; width: 100%; margin: 6px 0 0; }

.cmds { list-style: none; margin: 0; padding: 0; border: 2px solid var(--g); box-shadow: 0 0 6px 1.5px var(--g); background: rgba(0, 40, 0, .55); }
.cmds-bar { display: flex; justify-content: space-between; align-items: center; padding: 6px 14px; border-bottom: 2px solid var(--g); font-size: 14px; letter-spacing: 1px; }
.cmds-bar span:last-child { opacity: .7; }
.cmd { width: 100%; display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 4px 14px; padding: clamp(14px, 2.4vh, 22px) 18px; color: var(--g); background: transparent; border: 0; border-bottom: 1px solid rgba(0, 255, 0, .25); text-align: left; cursor: pointer; font: inherit; font-family: 'Retro Gaming', monospace; transition: background-color .2s, color .2s; }
li:last-child > .cmd { border-bottom: 0; }
.cmd .n { font-size: 12px; opacity: .7; }
.cmd .l { font-size: clamp(1rem, 1.6vw, 1.3rem); line-height: 1.2; }
.cmd .v { grid-column: 2; font: 400 .9rem/1.4 'Retro Gaming', monospace; color: #b9eeb9; word-break: break-all; }
.cmd .a { grid-row: 1 / span 2; grid-column: 3; font-size: 1.2rem; transition: transform .2s; }
.cmd:hover, .cmd:focus-visible { background: var(--g); color: #001a00; outline: none; }
.cmd:hover .v, .cmd:focus-visible .v { color: #002a00; }
.cmd:hover .a, .cmd:focus-visible .a { transform: translateX(5px); }
.cmd:focus-visible { box-shadow: inset 0 0 0 3px #001a00, inset 0 0 0 5px var(--g); }
.cmd.primary .l::before { content: '> '; }

@media (max-width: 900px) {
  .c-screen { grid-template-columns: 1fr; align-content: start; gap: 26px; height: auto; }
  .c-intro p { margin-bottom: 14px; }
}
