.search-view {
  --search-accent:#d7190b;
  min-height:100svh;
  overflow-x:clip;
  background:
    linear-gradient(rgba(255,255,255,.009) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.009) 1px,transparent 1px),
    radial-gradient(circle at 72% 16%,rgba(215,25,11,.09),transparent 28rem),
    var(--color-bg);
  background-size:5rem 5rem,5rem 5rem,auto,auto;
  animation:search-arrive 380ms var(--ease-out) both;
}
.search-view[hidden] { display:none; }
.search-header,.search-page,.search-footer { width:min(calc(100% - clamp(2rem,8vw,8rem)),var(--content-max));margin-inline:auto; }
.search-header { display:flex;align-items:center;justify-content:space-between;min-height:7rem;border-bottom:1px solid var(--color-border); }
.search-header .home-nav__link { border:0;background:transparent; }
.search-hero { position:relative;min-height:min(47rem,calc(100svh - 7rem));padding:clamp(3.5rem,8vh,7rem) 0 clamp(5rem,11vh,8rem);overflow:hidden;border-bottom:1px solid var(--color-border); }
.search-back { padding:.65rem 0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-muted);cursor:pointer;font-size:var(--font-xs);letter-spacing:.13em;text-transform:uppercase; }
.search-back:hover,.search-back:focus-visible { color:var(--color-white);border-color:var(--search-accent); }
.search-eyebrow { margin-top:clamp(3rem,8vh,6rem);color:var(--search-accent);font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase; }
.search-hero h2 { position:relative;z-index:2;margin-top:var(--space-3);color:var(--color-white);font-size:clamp(4rem,10vw,10rem);font-weight:500;letter-spacing:-.07em;line-height:.82; }
.search-form { position:relative;z-index:2;width:min(100%,64rem);margin-top:clamp(3.5rem,8vh,6rem); }
.search-form label { display:block;margin-bottom:var(--space-3);color:var(--color-muted);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase; }
.search-form__field { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:.4rem 0;border-bottom:1px solid #444;transition:border-color var(--duration-fast),box-shadow var(--duration-fast); }
.search-form__field:focus-within { border-color:var(--search-accent);box-shadow:0 16px 30px -24px var(--search-accent); }
.search-form__field > span { color:var(--search-accent);font-size:1.5rem; }
.search-form input { min-width:0;padding:.9rem 0;border:0;outline:0;background:transparent;color:var(--color-white);font-size:clamp(1.7rem,4vw,3.3rem);font-weight:450;letter-spacing:-.035em; }
.search-form input::placeholder { color:#3c3c3c; }
.search-form input::-webkit-search-cancel-button { appearance:none; }
.search-form__field button { width:2.7rem;height:2.7rem;background:transparent;color:#555;cursor:pointer;font-size:1.5rem;transition:color var(--duration-fast); }
.search-form__field button:hover,.search-form__field button:focus-visible { color:var(--color-white); }
.search-summary { position:relative;z-index:2;min-height:1.2rem;margin-top:var(--space-4);color:#666;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase; }
.search-hero__lines { position:absolute;top:12%;right:-4%;width:min(42vw,38rem);aspect-ratio:1;border:1px solid rgba(215,25,11,.17);border-radius:50%; }
.search-hero__lines span { position:absolute;inset:18%;border:1px solid rgba(255,255,255,.04);border-radius:50%; }.search-hero__lines span:nth-child(2){inset:36%;border-color:rgba(215,25,11,.18)}.search-hero__lines span:nth-child(3){inset:49%;background:var(--search-accent);box-shadow:0 0 24px var(--search-accent)}

.search-results { min-height:36rem;padding:clamp(6rem,10vw,9rem) 0; }
.search-empty { display:grid;min-height:20rem;place-content:center;text-align:center; }
.search-empty[hidden],.search-no-results[hidden] { display:none; }
.search-empty p { color:var(--color-white);font-size:clamp(2rem,4vw,4rem);font-weight:480;letter-spacing:-.045em;line-height:1.05; }
.search-empty span { margin-top:var(--space-4);color:#555;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase; }
.search-groups { display:grid;gap:clamp(6rem,10vw,9rem); }
.search-groups[hidden] { display:none; }
.search-group[hidden] { display:none; }
.search-group__heading { display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border); }
.search-group__heading h3 { color:var(--color-white);font-size:clamp(2rem,4vw,4rem);font-weight:500;letter-spacing:-.05em; }
.search-group__heading span { color:var(--search-accent);font-size:.62rem;font-weight:700;letter-spacing:.15em; }
.search-question-results,.search-mechanism-results { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4); }
.search-result { position:relative;min-width:0;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--color-border);background:linear-gradient(145deg,rgba(215,25,11,.025),transparent 55%),var(--color-surface); }
.search-result__type { color:var(--search-accent);font-size:.56rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase; }
.search-result h4 { margin-top:var(--space-4);color:var(--color-white);font-size:clamp(1.5rem,2.7vw,2.5rem);font-weight:520;letter-spacing:-.04em;line-height:1; }
.search-result__question { min-height:3.5rem;margin-top:var(--space-3);color:var(--color-muted);font-size:var(--font-sm);line-height:1.65; }
.search-result__reason { margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--color-border);color:#666;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase; }
.search-result__reason strong { color:var(--color-text);font-weight:600; }
.search-result__action { margin-top:var(--space-5);padding:.75rem 0;border-bottom:1px solid var(--search-accent);background:transparent;color:var(--color-white);cursor:pointer;font-size:.62rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase; }
.search-contexts { display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--space-4); }
.search-contexts > span { width:100%;color:#555;font-size:.54rem;letter-spacing:.12em;text-transform:uppercase; }
.search-contexts button { padding:.55rem .7rem;border:1px solid var(--color-border);background:transparent;color:var(--color-muted);cursor:pointer;font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase; }
.search-contexts button:hover,.search-contexts button:focus-visible { border-color:var(--search-accent);color:var(--color-white); }

.search-movie-results { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.2vw,2rem); }
.search-movie-result { min-width:0; }
.search-movie-result__poster { position:relative;display:flex;align-items:flex-end;aspect-ratio:2/3;padding:1.2rem;overflow:hidden;border:1px solid var(--color-border);background:var(--poster-bg,linear-gradient(145deg,#35100d,#080403));box-shadow:0 18px 40px rgba(0,0,0,.25); }
.search-movie-result__poster::before { position:absolute;inset:8%;content:"";z-index:1;border:1px solid rgba(255,255,255,.08); }
.search-movie-result__poster.has-cinema-image::after { position:absolute;inset:0;z-index:3;content:"";background:linear-gradient(to top,rgba(0,0,0,.66),transparent 50%); }
.search-movie-result__poster .cinema-image { z-index:2; }
.search-movie-result__poster strong { position:relative;z-index:4;max-width:8ch;color:var(--color-white);font-size:clamp(1.2rem,2.4vw,2rem);font-weight:500;letter-spacing:-.045em;line-height:.95; }
.search-movie-result h4 { margin-top:var(--space-3);overflow:hidden;color:var(--color-white);font-size:var(--font-base);font-weight:550;text-overflow:ellipsis;white-space:nowrap; }
.search-movie-result__meta { margin-top:.35rem;color:var(--color-muted);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase; }
.search-movie-result .search-result__reason { margin-top:var(--space-3); }
.search-movie-result .search-contexts { margin-top:var(--space-3); }
.search-footer { display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0 var(--space-7);border-top:1px solid var(--color-border);color:#555;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase; }
.search-footer button { background:transparent;color:#777;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit; }
.search-no-results { display:grid;min-height:20rem;place-content:center;text-align:center; }.search-no-results strong { color:var(--color-white);font-size:clamp(2rem,4vw,4rem);font-weight:480;letter-spacing:-.05em; }.search-no-results span { margin-top:var(--space-3);color:#555;line-height:1.6; }

@keyframes search-arrive { from { opacity:0;transform:translateY(10px); } to { opacity:1;transform:none; } }
@media (max-width:1024px) { .search-movie-results { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:768px) { .search-header { min-height:5.5rem; }.search-hero { min-height:auto; }.search-hero__lines { right:-35%;width:90vw; }.search-question-results,.search-mechanism-results { grid-template-columns:1fr; }.search-movie-results { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:430px) { .search-hero h2 { font-size:clamp(3.5rem,18vw,5rem); }.search-form input { font-size:1.6rem; }.search-movie-results { grid-template-columns:1fr;gap:1.5rem; }.search-movie-result { display:grid;grid-template-columns:5.5rem minmax(0,1fr);column-gap:1rem;align-items:start;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border); }.search-movie-result__poster { grid-row:1 / span 4;width:5.5rem;padding:.55rem; }.search-movie-result__poster strong { font-size:.8rem; }.search-movie-result h4 { grid-column:2;margin-top:0; }.search-movie-result__meta,.search-movie-result .search-result__reason,.search-movie-result .search-contexts { grid-column:2; }.search-result { padding:1.4rem; }.search-footer { flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { .search-view { animation:none; }.search-form__field,.cinema-image { transition:none; } }
