/* Layout of the "Search for the idea" stage (js/anim-search.js). */

.k-search .k-head { position: absolute; left: 140px; top: 70px; }
.k-search .k-head .k-headline { margin-top: 12px; }
.k-project {
  position: absolute; width: 380px; height: 130px; padding: 22px 24px; border: 1px solid var(--line); border-radius: 14px;
  background: var(--k-panel); box-shadow: 0 18px 40px #0008;
}
.k-project .k-pname { margin-top: 14px; font-size: 28px; font-weight: 600; }
.k-project .k-pfmt { position: absolute; right: 24px; top: 28px; font-size: 15px; color: var(--text-dim); }
.k-chip {
  position: absolute; width: 380px; height: 72px; display: flex; align-items: center; gap: 14px; padding-right: 14px;
  border: 1.5px solid var(--line); border-radius: 9px; background: var(--k-panel); box-shadow: 0 12px 30px #0008; overflow: hidden;
}
.k-chip.sel { border-color: var(--accent); background: var(--accent-wash); }
.k-chip .k-roll { position: relative; width: 128px; height: 100%; flex: none; background: var(--k-grid); }
.k-chip .k-cname { font-size: 18px; font-weight: 600; white-space: nowrap; }
.k-chip .k-cmeta { margin-top: 5px; display: flex; align-items: center; gap: 7px; font-size: 14px; color: var(--text-dim); white-space: nowrap; }
.k-colhead { position: absolute; top: 268px; width: 380px; font-family: var(--mono); font-size: 18px; font-weight: 500; letter-spacing: .2em; color: var(--accent); }
.k-final { position: absolute; left: 0; right: 0; top: 360px; text-align: center; }
.k-final .k-headline { font-size: 150px; }
.k-veil {
  position: absolute; inset: 0; backdrop-filter: blur(5px);
  background: radial-gradient(ellipse 70% 45% at 50% 46%, #121417fa 0, #121417e6 55%, #121417b3 100%);
}

.k-search { margin-bottom: 100px; }