html.search-is-open{overflow:hidden}
.search-dialog{width:min(1080px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 64px);padding:0;border:1px solid #ffffff35;border-radius:5px;color:#202020;background:#fafaf8;box-shadow:0 32px 120px #0006;overflow:auto;overscroll-behavior:contain}
.search-dialog::backdrop{background:#121212a8;backdrop-filter:blur(12px);animation:search-backdrop-in .35s both}
.search-shell{display:grid;grid-template-columns:29% minmax(0,1fr);min-height:640px}
.search-photo{position:relative;overflow:hidden;background:#171717;color:white;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:36px 27px}
.search-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% center;filter:brightness(.65);z-index:-2}
.search-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0007,transparent 38%,#0009);z-index:-1}
.search-photo>span{font-size:36px;letter-spacing:-.065em;font-weight:500;line-height:1.1}
.search-photo>small{font-size:10px;letter-spacing:.15em;color:#eee}
.search-workspace{padding:36px 40px 23px;min-width:0;display:flex;flex-direction:column}
.search-dialog-heading{margin:0 0 27px;gap:16px;align-items:center}
.search-dialog .search-dialog-heading h2{font-size:48px;font-weight:500;letter-spacing:-.055em}
.search-dialog .search-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #d5d5d1;border-radius:50%;color:#242424;background:transparent;transition:background .2s,color .2s}
.search-close svg{transition:transform .25s}
.search-dialog .search-close:hover{background:#202020;color:white;border-color:#202020}
.search-close:hover svg{transform:rotate(90deg)}
.search-live-form{margin:0}
.search-dialog .search-field{border-bottom:1px solid #a5a5a0;transition:border-color .2s;gap:10px;align-items:center}
.search-dialog .search-field:focus-within{border-bottom:2px solid #202020;margin-bottom:-1px}
.search-dialog .search-field input{font:400 clamp(24px,2.5vw,32px)/1.35 var(--font);letter-spacing:-.035em;padding:12px 0 18px;min-height:65px;appearance:none;outline:none;background:transparent}
.search-field input::placeholder{color:#8b8b86;opacity:1}
.search-field input::-webkit-search-cancel-button{filter:grayscale(1);cursor:pointer}
.search-dialog .search-field button{width:44px;height:48px;color:#202020;display:grid;place-items:center}
.search-dialog .search-field button:hover svg{transform:translate(2px,-2px)}
.search-topics{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 31px}
.search-topics button{background:transparent;border:1px solid #d6d6d1;color:#5b5b56;border-radius:30px;min-height:35px;padding:6px 13px;font-size:12px;line-height:1.4;transition:background .2s,color .2s,border-color .2s}
.search-topics button:hover,.search-topics button[aria-pressed=true]{background:#202020;border-color:#202020;color:#fff}
.search-results-heading{display:flex;align-items:center;justify-content:space-between;min-height:24px;margin-bottom:5px}
.search-status{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#66665f;font-weight:500}
.search-busy{width:13px;height:13px;border:1px solid #ccc;border-top-color:#202020;border-radius:50%;animation:search-spin .7s linear infinite}
.search-results{min-height:270px}
.search-result{display:flex;align-items:center;gap:17px;padding:18px 0;border-top:1px solid #e1e1dc;min-height:106px}
.search-result img{width:67px;height:67px;object-fit:cover;border-radius:2px;flex:none;filter:grayscale(1);transition:filter .25s}
.search-result-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.search-result-copy small{font-size:10px;color:#686860;line-height:1.4}
.search-result-copy>span{font-size:21px;line-height:1.2;letter-spacing:-.025em;text-wrap:pretty}
.search-result>.arrow-icon{width:20px;height:20px;color:#86867f;transition:transform .25s,color .25s}
.search-result:hover>.arrow-icon{transform:translate(3px,-3px);color:#202020}
.search-result:hover .search-result-copy>span{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.search-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:20px;border-top:1px solid #deded8;font-size:11px;color:#72726b}
.search-bottom kbd{font:inherit;border:1px solid #deded8;border-radius:3px;padding:3px 5px;margin-right:3px}
.search-all{font-size:12px;color:#383833;display:flex;align-items:center;gap:18px;min-height:40px}
.search-all:hover{text-decoration:underline;text-underline-offset:4px}
.search-empty{padding:34px 0;color:#74746c;font:20px/1.5 var(--font)}
.search-dialog[open]{animation:search-open .4s cubic-bezier(.22,.75,.2,1) both}
.search-dialog.is-closing{animation:search-close .18s ease-in both}
.search-dialog.is-closing::backdrop{animation:search-backdrop-out .18s both}
.search-dialog [hidden]{display:none!important}
@keyframes search-open{from{opacity:0;transform:translateY(25px) scale(.985)}to{opacity:1;transform:none}}
@keyframes search-close{to{opacity:0;transform:translateY(12px) scale(.99)}}
@keyframes search-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes search-backdrop-out{to{opacity:0}}
@keyframes search-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.search-dialog{width:calc(100vw - 40px);max-height:calc(100dvh - 40px)}.search-shell{grid-template-columns:24% minmax(0,1fr)}.search-workspace{padding:29px 28px 20px}.search-photo{padding:32px 20px}.search-photo>span{font-size:28px}.search-photo>small{font-size:8px;letter-spacing:.07em}}
@media(max-width:650px){.search-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0}.search-shell{display:block;min-height:0}.search-photo{display:none}.search-workspace{padding:25px 23px 16px}.search-dialog .search-dialog-heading h2{font-size:38px}.search-dialog-heading{margin-bottom:23px}.search-dialog .search-field input{font-size:25px;padding-bottom:15px}.search-topics{margin:18px 0 27px;gap:7px}.search-topics button{font-size:11px;min-height:44px;padding-inline:11px}.search-result{gap:12px;padding:17px 0;min-height:99px}.search-result img{width:52px;height:60px}.search-result-copy>span{font-size:18px}.search-result-copy small{font-size:9px}.search-result>.arrow-icon{width:16px}.search-results{min-height:0}.search-bottom{padding-top:9px}.search-bottom>span{display:none}.search-all{margin-left:auto}.search-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){.search-dialog[open],.search-dialog.is-closing,.search-dialog::backdrop,.search-dialog.is-closing::backdrop,.search-busy{animation:none}.search-close svg,.search-result>.arrow-icon,.search-result img,.search-topics button{transition:none}}