/* AKT Search — live suggestions + results page. Brand: green #487848 / #35593A / #8FB58F, ink #1E2422,
   near-black #1C1F1E, cream #F7F5F1, sand #EAE4DA; Cormorant Garamond (display) + Jost (body). */
:root{
  --aks-green:#487848; --aks-green-d:#35593A; --aks-green-l:#8FB58F; --aks-tint:#DDE7DC;
  --aks-ink:#1E2422; --aks-ink-s:#5A6360; --aks-dark:#1C1F1E; --aks-cream:#F7F5F1; --aks-sand:#EAE4DA;
  --aks-hair:#D5CDBF; --aks-d:'Cormorant Garamond',Georgia,'Times New Roman',serif; --aks-b:'Jost',system-ui,-apple-system,sans-serif;
}

/* ---------------------------------------------------------------- live suggestions panel */
.aks-panel{position:fixed; z-index:100000; width:min(560px,calc(100vw - 24px)); max-height:min(76vh,640px); overflow:auto;
  background:var(--aks-cream); color:var(--aks-ink); border:1px solid var(--aks-hair); border-radius:14px;
  box-shadow:0 24px 60px -18px rgba(20,24,22,.45), 0 2px 8px rgba(20,24,22,.08); font-family:var(--aks-b);
  opacity:0; transform:translateY(-6px); pointer-events:none; transition:opacity .16s ease, transform .16s ease}
.aks-panel.is-open{opacity:1; transform:none; pointer-events:auto}
.aks-head{display:flex; justify-content:space-between; align-items:center; padding:14px 18px 8px;
  font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--aks-ink-s)}
.aks-head b{color:var(--aks-green-d); font-weight:600}
.aks-list{list-style:none; margin:0; padding:0 8px}
.aks-item{display:grid; grid-template-columns:72px minmax(0,1fr); gap:14px; align-items:center; padding:9px 10px;
  border-radius:10px; color:inherit; text-decoration:none; transition:background .15s}
.aks-item:hover,.aks-item.is-active{background:#fff; box-shadow:inset 0 0 0 1px var(--aks-hair)}
.aks-thumb{width:72px; height:54px; border-radius:7px; overflow:hidden; background:var(--aks-dark); display:grid; place-items:center}
.aks-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.aks-thumb b{font-family:var(--aks-d); font-size:26px; font-weight:500; color:rgba(255,255,255,.55)}
.aks-meta{display:flex; gap:8px; align-items:center; font-size:10px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--aks-green)}
.aks-meta i{font-style:normal; color:var(--aks-ink-s); letter-spacing:.08em}
.aks-t{display:block; font-family:var(--aks-d); font-size:19px; line-height:1.15; font-weight:500; margin:2px 0 2px; color:var(--aks-ink)}
.aks-s{display:block; font-size:12.5px; line-height:1.45; color:var(--aks-ink-s); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.aks-panel mark,.akt-sr mark{background:none; color:inherit; font-weight:600; box-shadow:inset 0 -.42em 0 rgba(143,181,143,.45)}
.aks-foot{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:6px; padding:12px 18px 14px; border-top:1px solid var(--aks-hair)}
.aks-all{font-size:12px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--aks-green-d); text-decoration:none}
.aks-all:hover{color:var(--aks-green)}
.aks-keys{font-size:11px; color:var(--aks-ink-s)}
.aks-keys kbd{font-family:var(--aks-b); font-size:10px; border:1px solid var(--aks-hair); border-radius:4px; padding:1px 5px; background:#fff}
.aks-empty,.aks-busy{padding:6px 18px 16px; font-size:14px; color:var(--aks-ink-s)}
.aks-empty strong{font-family:var(--aks-d); font-size:20px; font-weight:500; color:var(--aks-ink); display:block; margin-bottom:4px}
.aks-pop{display:flex; flex-wrap:wrap; gap:7px; padding:4px 18px 18px}
.aks-pop a{font-size:12.5px; padding:7px 13px; border-radius:999px; border:1px solid var(--aks-hair); background:#fff; color:var(--aks-ink); text-decoration:none; transition:border-color .15s, color .15s}
.aks-pop a:hover,.aks-pop a.is-active{border-color:var(--aks-green); color:var(--aks-green-d)}
.aks-busy::before{content:''; display:inline-block; width:12px; height:12px; margin-right:8px; vertical-align:-1px; border-radius:50%;
  border:2px solid var(--aks-tint); border-top-color:var(--aks-green); animation:aks-spin .7s linear infinite}
@keyframes aks-spin{to{transform:rotate(360deg)}}
@media (max-width:600px){ .aks-panel{border-radius:12px} .aks-item{grid-template-columns:56px minmax(0,1fr)} .aks-thumb{width:56px; height:44px} .aks-keys{display:none} }

/* ---------------------------------------------------------------- results page */
.akt-sr{background:var(--aks-cream); color:var(--aks-ink); font-family:var(--aks-b)}
.akt-sr-wrap{max-width:1040px; margin:0 auto; padding:0 clamp(18px,3vw,40px)}
.akt-sr-hero{position:relative; isolation:isolate; overflow:hidden; background:var(--aks-dark); color:#fff; padding:clamp(120px,15vw,190px) 0 clamp(48px,6vw,78px)}
.akt-sr-hero::before{content:''; position:absolute; inset:0; z-index:-2; background-image:var(--akt-sr-bg,none); background-size:cover; background-position:center;
  transform:scale(1.04); filter:saturate(.9)}
.akt-sr-hero::after{content:''; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg, rgba(18,20,19,.72) 0%, rgba(18,20,19,.55) 45%, rgba(18,20,19,.9) 100%)}
.akt-sr-kick{margin:0 0 14px; font-size:11px; font-weight:500; letter-spacing:.26em; text-transform:uppercase; color:var(--aks-green-l)}
.akt-sr-kick::before{content:''; display:inline-block; width:26px; height:1px; margin-right:12px; vertical-align:middle; background:currentColor}
.akt-sr-h{margin:0 0 28px; font-family:var(--aks-d); font-weight:400; font-size:clamp(38px,5.6vw,66px); line-height:1.02; color:#fff; letter-spacing:-.005em}
.akt-sr-h em{font-style:italic; color:var(--aks-green-l)}
.akt-sr-form{display:flex; align-items:center; gap:12px; max-width:720px; border-bottom:1px solid rgba(255,255,255,.35); transition:border-color .2s}
.akt-sr-form:focus-within{border-color:var(--aks-green-l)}
.akt-sr-form input{flex:1; min-width:0; border:0 !important; background:transparent !important; box-shadow:none !important; outline:0; color:#fff !important;
  font-family:var(--aks-d); font-size:clamp(22px,2.6vw,30px); padding:10px 0 !important}
.akt-sr-form input::placeholder{color:rgba(255,255,255,.45)}
.akt-sr-form input::-webkit-search-cancel-button{filter:invert(1)}
.akt-sr-form button{border:0 !important; background:none !important; color:var(--aks-green-l) !important; cursor:pointer; padding:10px 0 !important;
  font-family:var(--aks-b); font-size:11.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase}
.akt-sr-form button:hover,.akt-sr-form button:focus{color:#fff !important; background:none !important}
.akt-sr-count{margin:14px 0 0; font-size:13px; color:rgba(255,255,255,.72)}

.akt-sr-body{padding:clamp(34px,5vw,64px) 0 clamp(64px,8vw,110px)}
.akt-sr-chips{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 clamp(24px,3vw,36px)}
.akt-sr-chip{display:inline-flex; align-items:center; gap:8px; padding:9px 16px !important; border-radius:999px; border:1px solid var(--aks-hair) !important;
  background:#fff !important; color:var(--aks-ink) !important; cursor:pointer; text-decoration:none; font-family:var(--aks-b); font-size:12px; font-weight:500;
  letter-spacing:.08em; transition:background .15s, border-color .15s, color .15s}
.akt-sr-chip span{font-size:11px; color:var(--aks-ink-s)}
.akt-sr-chip:hover,.akt-sr-chip:focus-visible{border-color:var(--aks-green) !important; color:var(--aks-green-d) !important}
.akt-sr-chip.is-on{background:var(--aks-dark) !important; border-color:var(--aks-dark) !important; color:#fff !important}
.akt-sr-chip.is-on span{color:var(--aks-green-l)}

.akt-sr-list{list-style:none; margin:0; padding:0; border-top:1px solid var(--aks-hair)}
.akt-sr-li{border-bottom:1px solid var(--aks-hair)}
.akt-sr-li[hidden]{display:none}
.akt-sr-item{display:grid; grid-template-columns:clamp(120px,22vw,220px) minmax(0,1fr) 32px; gap:clamp(16px,3vw,34px); align-items:center;
  padding:clamp(18px,2.4vw,26px) 0; color:inherit; text-decoration:none}
.akt-sr-img{position:relative; display:block; aspect-ratio:3/2; border-radius:10px; overflow:hidden; background:var(--aks-dark)}
.akt-sr-img img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.akt-sr-img.is-drawn{display:grid; place-items:center; background:radial-gradient(120% 90% at 30% 20%, #2A332E, #151917 70%)}
.akt-sr-img.is-drawn b{font-family:var(--aks-d); font-weight:500; font-size:clamp(44px,5vw,64px); color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.4)}
.akt-sr-item:hover .akt-sr-img img{transform:scale(1.05)}
.akt-sr-meta{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:6px}
.akt-sr-type{font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--aks-green)}
.akt-sr-dur{font-size:10.5px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--aks-ink-s); padding:3px 9px; border-radius:999px; background:var(--aks-sand)}
.akt-sr-title{display:block; font-family:var(--aks-d); font-weight:500; font-size:clamp(22px,2.4vw,30px); line-height:1.1; color:var(--aks-ink); transition:color .2s}
.akt-sr-item:hover .akt-sr-title{color:var(--aks-green-d)}
.akt-sr-snip{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-top:8px; font-size:14.5px; line-height:1.65; color:var(--aks-ink-s)}
.akt-sr-url{display:block; margin-top:8px; font-size:11.5px; color:#8A918E; letter-spacing:.02em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.akt-sr-go{justify-self:end; width:32px; height:32px; border-radius:50%; border:1px solid var(--aks-hair); display:grid; place-items:center; color:var(--aks-ink-s);
  transition:background .2s, color .2s, border-color .2s, transform .2s}
.akt-sr-item:hover .akt-sr-go{background:var(--aks-green); border-color:var(--aks-green); color:#fff; transform:translateX(3px)}

.akt-sr-none{max-width:640px}
.akt-sr-none h2{margin:0 0 12px; font-family:var(--aks-d); font-weight:400; font-size:clamp(28px,3.4vw,40px); line-height:1.1; color:var(--aks-ink)}
.akt-sr-none h2 em{color:var(--aks-green-d)}
.akt-sr-none p{margin:0 0 22px; font-size:15.5px; line-height:1.7; color:var(--aks-ink-s)}
.akt-sr-pop{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 30px}
.akt-sr-pop-l{margin-right:6px; font-size:10.5px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--aks-ink-s)}
.akt-sr-btn{display:inline-flex; gap:10px; align-items:center; padding:14px 24px; border-radius:999px; background:var(--aks-green); color:#fff !important; text-decoration:none;
  font-size:12px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; transition:background .2s}
.akt-sr-btn:hover{background:var(--aks-green-d)}

@media (max-width:640px){
  .akt-sr-item{grid-template-columns:96px minmax(0,1fr); gap:14px; align-items:start}
  .akt-sr-go{display:none}
  .akt-sr-title{font-size:21px}
  .akt-sr-snip{-webkit-line-clamp:2; font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){ .aks-panel,.akt-sr-img img,.akt-sr-go{transition:none} .aks-busy::before{animation:none} }