.he-search-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:none;border:0;padding:0;cursor:pointer;width:20px;height:20px;flex-shrink:0}
.he-search-trigger img{width:20px;height:20px;display:block;filter:invert(1);transition:filter .15s ease,transform .15s ease}
.he-search-trigger:hover img{filter:invert(74%) sepia(64%) saturate(1000%) hue-rotate(2deg) brightness(1.1);transform:scale(1.1)}
.he-search-trigger--mobile{width:auto;height:auto;color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:.05em;font-size:1rem;padding:14px 4px;border-bottom:1px solid #222;justify-content:flex-start}
.he-search-trigger--mobile img{filter:invert(1)}
.he-search-trigger--mobile span{color:#fff}

.he-search-overlay{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;background:rgba(4,4,4,.97);backdrop-filter:blur(2px)}
.he-search-overlay[hidden]{display:none}
.he-search-overlay__scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 4px)}
.he-search-overlay__grid{position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(252,238,10,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(252,238,10,.12) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at center,#000 0%,transparent 72%)}
.he-search-overlay__close{position:absolute;top:20px;right:24px;background:0 0;border:0;color:var(--yellow);font-size:2.5rem;line-height:1;cursor:pointer;text-shadow:0 0 10px rgba(252,238,10,.6);transition:transform .15s ease}
.he-search-overlay__close:hover{transform:rotate(90deg)}
.he-search-overlay__inner{position:relative;width:min(760px,90vw);display:flex;flex-direction:column;align-items:stretch;gap:1.5rem}
.he-search-overlay__eyebrow{display:flex;align-items:center;gap:.6rem;color:var(--yellow);text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;font-weight:700}
.he-search-overlay__dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 8px var(--yellow);animation:he-search-pulse 1.4s ease-in-out infinite}
@keyframes he-search-pulse{0%,100%{opacity:1}50%{opacity:.25}}

.he-search-form{position:relative;display:flex;align-items:center;gap:1rem;background:rgba(252,238,10,.06);padding:1.1rem 1.5rem;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);box-shadow:0 0 40px rgba(252,238,10,.08)}
.he-search-form:focus-within{box-shadow:0 0 60px rgba(252,238,10,.22)}
.he-search-form--inline{max-width:640px;margin:0 auto}
.he-search-form__prompt{color:var(--yellow);font-family:blender_probold,monospace;font-size:1.5rem;font-weight:700;flex:0 0 auto}
.he-search-form__input{flex:1 1 auto;background:0 0;border:0;outline:0 none;color:#fff;font-family:blender_probold,monospace;font-size:clamp(1.1rem,3vw,1.6rem);letter-spacing:.02em;caret-color:var(--yellow)}
.he-search-form__input::placeholder{color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.05em}
.he-search-form__submit{flex:0 0 auto;background:var(--yellow);color:#000;border:0;padding:.6rem 1.1rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;font-size:.8rem;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:background .15s ease,transform .15s ease}
.he-search-form__submit:hover{background:#fff;transform:translateY(-2px)}
.he-search-overlay__hint{text-align:center;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}

@media (max-width:575.9px){
  .he-search-form{flex-wrap:wrap;padding:1rem}
  .he-search-form__submit{width:100%;text-align:center}
  .he-search-overlay__close{top:14px;right:16px;font-size:2rem}
}
@media (prefers-reduced-motion:reduce){.he-search-overlay__dot{animation:none}}

.search-noresults{padding:3rem 0;text-align:center}
.search-noresults__text{color:rgba(255,255,255,.75);font-size:1.15rem;margin:0 0 1.5rem}
.search-noresults__text strong{color:var(--yellow)}
