:root{--sh1:0 1px 2px rgba(16,41,28,.06),0 8px 24px -12px rgba(16,41,28,.18);--sh2:0 2px 4px rgba(16,41,28,.08),0 24px 48px -20px rgba(16,41,28,.32);--r:14px}
[data-theme=dark]{--sh1:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6);--sh2:0 2px 4px rgba(0,0,0,.5),0 24px 48px -20px rgba(0,0,0,.8)}
html{scroll-behavior:smooth}
body{background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--gold-o);color:#10291c}

#hd{background:none}
#hd::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--cream) 78%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px)}
@media(max-width:1180px){#nav{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}
#hd.sc{box-shadow:0 10px 30px -22px rgba(16,41,28,.5)}
#menu a{position:relative;border-radius:999px;transition:color .2s,background .2s}
#menu a:hover{background:color-mix(in srgb,var(--paper) 80%,transparent)}
#menu a[aria-current]{text-decoration:none;background:var(--paper)}
#menu a[aria-current]::after{content:"";position:absolute;left:50%;bottom:4px;width:16px;height:2px;margin-left:-8px;background:var(--gold);border-radius:2px}
.brand img{transition:transform .5s var(--ease)}.brand:hover img{transform:rotate(-6deg) scale(1.06)}
.ib{border-radius:50%;transition:background .2s,transform .2s}.ib:active{transform:scale(.92)}
.bn{background:color-mix(in srgb,var(--cream) 85%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}

#yk-app{position:relative;isolation:isolate}
#yk-app::before{content:"";position:absolute;inset:0 0 auto 0;height:min(620px,80vh);z-index:-1;pointer-events:none;
 background:radial-gradient(60% 70% at 85% 0%,color-mix(in srgb,var(--gold) 26%,transparent),transparent 70%),radial-gradient(50% 60% at 0% 10%,color-mix(in srgb,var(--forest) 16%,transparent),transparent 70%);
 -webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.yk-ph{position:relative;padding-bottom:clamp(8px,2vw,20px)}
.yk-ph::before{width:64px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--gold-o))}
.yk-ph h1{font-weight:500;font-size:clamp(2.8rem,9vw,6.4rem);background:linear-gradient(180deg,var(--text) 40%,color-mix(in srgb,var(--text) 55%,var(--forest)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.08em}
.yk-eyebrow{display:inline-flex;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--paper) 70%,transparent);font-size:11.5px}
.yk-eyebrow::before{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 25%,transparent)}
.yk-lead{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}

.yk-tools{padding:14px;border:1px solid var(--line);border-radius:calc(var(--r) + 6px);background:color-mix(in srgb,var(--paper) 60%,transparent);box-shadow:var(--sh1)}
.yk-in,.yk-sel{border-radius:10px;background:var(--cream);transition:border-color .2s,box-shadow .2s}
.yk-in:focus,.yk-sel:focus{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 28%,transparent)}
.yk-chips{gap:8px}
.yk-chip{padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--cream);transition:all .2s var(--ease)}
.yk-chip:hover{transform:translateY(-1px);border-color:var(--gold)}
.yk-chip[aria-pressed=true]{background:var(--btn);border-color:var(--btn);color:var(--btn-t)}

#yk-app{counter-reset:sec}
.yk-sec{border-top:0;position:relative;padding-top:0;counter-increment:sec}
.yk-sec::before{content:"";display:block;height:1px;margin-bottom:26px;background:linear-gradient(90deg,var(--gold),var(--line) 30%,transparent)}
.yk-sec h2{display:flex;align-items:baseline;gap:14px}
.yk-sec h2::before{content:"0" counter(sec);font:600 .8rem var(--ui);letter-spacing:.18em;color:var(--gold-t);transform:translateY(-.35em)}
.yk-grid{gap:20px;margin-top:28px}

.yk-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:color-mix(in srgb,var(--paper) 55%,var(--cream));box-shadow:var(--sh1);overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
.yk-card::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-o));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.yk-card:hover{transform:translateY(-6px);box-shadow:var(--sh2);border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}
.yk-card:hover::after{transform:scaleX(1)}
.yk-card:hover .yk-cname{text-decoration:none;color:var(--forest)}
.yk-card.yk-ft{padding:clamp(24px,4vw,40px);border:1px solid color-mix(in srgb,var(--gold) 60%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 14%,var(--paper)),var(--paper) 60%);align-items:center;gap:clamp(18px,3vw,32px)}
.yk-card.yk-ft::after{transform:scaleX(1)}
.yk-ft .yk-cname{font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.02em}
.yk-ft .yk-cbio{-webkit-line-clamp:3;font-size:1rem;max-width:60ch}
.yk-av{border-radius:50%;box-shadow:0 0 0 3px var(--cream),0 0 0 5px var(--gold-o),var(--sh1);transition:transform .6s var(--ease)}
.yk-card:hover .yk-av{transform:scale(1.07) rotate(-2deg)}
.yk-ft .yk-av{width:clamp(96px,16vw,148px);height:clamp(96px,16vw,148px)}
.yk-ini{background:linear-gradient(145deg,var(--forest),var(--green));color:#f6f2e9}
.yk-crole{display:inline-block;align-self:flex-start;margin-top:2px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--gold) 16%,transparent);font-size:.8rem;letter-spacing:.01em}
.yk-flag::before{border-radius:50%}

.yk-cover{border-radius:calc(var(--r) + 8px);box-shadow:var(--sh2)}
.yk-phead .yk-av{box-shadow:var(--sh2)}
.yk-roles li{border-radius:999px;background:color-mix(in srgb,var(--gold) 12%,transparent)}
.yk-psec{padding:26px 28px;border:1px solid var(--line);border-radius:var(--r);background:color-mix(in srgb,var(--paper) 55%,var(--cream));box-shadow:var(--sh1)}
.yk-hg{border-left-width:3px;border-radius:2px}
.yk-btn{border-radius:999px;padding:12px 28px;box-shadow:var(--sh1);transition:transform .3s var(--ease),box-shadow .3s,background .2s}
.yk-btn:hover{opacity:1;transform:translateY(-2px);box-shadow:var(--sh2)}
.yk-btn.yk-o:hover{background:var(--paper)}
.yk-box{border-radius:var(--r);background:color-mix(in srgb,var(--paper) 50%,transparent)}
.yk-skl i{border-radius:var(--r);height:112px}

.yk-rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0ms)}
.yk-rv.in{opacity:1;transform:none}
.yk-ph>*{animation:yk-up .9s var(--ease) both}.yk-ph>*:nth-child(2){animation-delay:.08s}.yk-ph>*:nth-child(3){animation-delay:.16s}.yk-ph>*:nth-child(4){animation-delay:.24s}
@keyframes yk-up{from{opacity:0;transform:translateY(24px)}}
.yk-prog{position:fixed;top:0;left:0;height:3px;width:100%;z-index:60;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--gold),var(--gold-o))}

footer{background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--paper) 70%,var(--cream)));border-top:1px solid var(--line)}
.wmk{background:linear-gradient(180deg,var(--wm),transparent 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.9}
.fn a,.fc a{transition:transform .25s var(--ease),color .2s}.fn a:hover,.fc a:hover{transform:translateX(4px);text-decoration:none}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.yk-rv{opacity:1;transform:none;transition:none}.yk-ph>*{animation:none}.yk-card,.yk-card::after,.yk-av{transition:none}}
@media(max-width:620px){.yk-card.yk-ft{flex-direction:column;align-items:flex-start}.yk-psec{padding:20px}}
@media print{.yk-prog{display:none}.yk-rv{opacity:1;transform:none}}

.yk-pgrid{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.yk-pgrid{grid-template-columns:repeat(3,1fr);gap:22px}}
@media(min-width:1100px){.yk-pgrid{grid-template-columns:repeat(4,1fr)}}
.yk-pgrid>li{min-width:0}
.yk-pc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;height:100%;padding:10px 10px 18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper) 55%,var(--cream));box-shadow:var(--sh1);text-decoration:none;color:inherit;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
.yk-pc:hover{transform:translateY(-6px);box-shadow:var(--sh2);border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}
.yk-pph{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:12px;background:var(--line);margin-bottom:12px}
.yk-pini{display:grid;place-items:center;font:500 2.6rem var(--hd);color:#f6f2e9;background:linear-gradient(145deg,var(--forest),#10291c)}
.yk-pn{font:500 1.15rem/1.25 var(--hd)}
.yk-pr{color:var(--gold-t);font-weight:600;font-size:.88rem}
.yk-pc-ft{background:linear-gradient(180deg,#1d4a33,#10291c);border-color:#2c6e4a;color:#f1ece0}
.yk-pc-ft .yk-pr{color:var(--gold-o)}
.yk-tree{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;align-items:center}
.yk-trow{position:relative;width:100%;padding-top:34px}
.yk-trow:first-child{padding-top:0}
.yk-trow:not(:first-child)::before{content:"";position:absolute;top:0;left:50%;width:2px;height:34px;margin-left:-1px;background:linear-gradient(var(--gold),var(--gold-o));border-radius:2px}
.yk-trow:not(:first-child)::after{content:"";position:absolute;top:30px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--gold)}
.yk-tr-in{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.yk-tr-in>li{flex:0 1 calc(50% - 7px);max-width:240px;min-width:0}
.yk-trow:first-child .yk-tr-in>li{flex-basis:70%;max-width:300px}
@media(min-width:760px){.yk-tr-in{gap:20px}.yk-tr-in>li{flex-basis:clamp(180px,22vw,240px)}.yk-trow:first-child .yk-tr-in>li{flex-basis:300px}}
ul.yk-grid.yk-lst{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px 16px}
.yk-lst .yk-card{padding:12px 16px;align-items:center}
.yk-lst .yk-av{width:48px;height:48px}
.yk-lst .yk-cbio{display:none}

@media(min-width:760px){.yk-pgrid{grid-template-columns:repeat(var(--cols,3),1fr)}}
@media(min-width:1100px){.yk-pgrid{grid-template-columns:repeat(var(--cols,4),1fr)}}
.yk-vx{list-style:none;margin:28px 0 0;padding:0}
.yk-vx>li{min-width:0}
.yk-pyr .yk-trow{padding-top:22px}.yk-pyr .yk-trow::before,.yk-pyr .yk-trow::after{display:none}.yk-pyr .yk-trow:first-child{padding-top:0}
.yk-mz>li:first-child{grid-column:1/-1}
@media(min-width:760px){.yk-mz>li:first-child{grid-column:span 2;grid-row:span 2}}
.yk-rg{display:grid;gap:26px 14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.yk-rg{grid-template-columns:repeat(var(--cols,4),1fr)}}
.yk-rc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;text-decoration:none;color:inherit}
.yk-rc .yk-av{width:120px;height:120px}
.yk-rc-ft .yk-av{width:150px;height:150px}
.yk-rc .yk-pn{margin-top:10px}
.yk-cg{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.yk-cg{grid-template-columns:repeat(var(--cols,3),1fr);gap:20px}}
.yk-cvc{position:relative;display:flex;align-items:flex-end;aspect-ratio:3/4;border-radius:18px;overflow:hidden;color:#f6f2e9;text-decoration:none;background:linear-gradient(145deg,var(--forest),#10291c);box-shadow:var(--sh1);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.yk-cvc:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.yk-cvi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease)}
.yk-cvc:hover .yk-cvi{transform:scale(1.06)}
.yk-cvt{position:relative;display:flex;flex-direction:column;gap:2px;width:100%;padding:48px 16px 16px;background:linear-gradient(transparent,rgba(8,20,13,.9))}
.yk-cvc .yk-pr{color:var(--gold-o)}
.yk-cvc-ft{outline:2px solid var(--gold-o);outline-offset:-2px}
.yk-stage{display:grid;gap:22px;margin-top:28px}
.yk-stg{display:grid;border-radius:22px;overflow:hidden;text-decoration:none;color:#f1ece0;background:linear-gradient(135deg,#1d4a33,#10291c);box-shadow:var(--sh2)}
@media(min-width:760px){.yk-stg{grid-template-columns:minmax(260px,40%) 1fr}}
.yk-stgi{display:block;width:100%;height:100%;min-height:260px;max-height:460px;object-fit:cover;object-position:top}
.yk-stgb{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:clamp(22px,4vw,44px)}
.yk-stgn{font:400 clamp(2rem,5vw,3.4rem)/1.05 var(--hd);letter-spacing:-.02em}
.yk-stg .yk-flag{color:var(--gold-o)}.yk-stg .yk-cbio{color:#b8c6bc;-webkit-line-clamp:4}
.yk-stage>.yk-pgrid{margin-top:0}
.yk-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;-webkit-overflow-scrolling:touch}
.yk-rail>li{flex:0 0 min(62%,190px);scroll-snap-align:start}
@media(min-width:760px){.yk-rail>li{flex-basis:210px}}
.yk-tl{position:relative;display:grid;gap:18px;padding-left:28px}
.yk-tl::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--gold),var(--line))}
.yk-tl>li{position:relative}
.yk-tl>li::before{content:"";position:absolute;left:-27px;top:30px;width:12px;height:12px;border-radius:50%;background:var(--cream);border:3px solid var(--gold);z-index:1}
@media(min-width:900px){.yk-tl{padding-left:0;max-width:900px;margin-inline:auto;grid-template-columns:1fr 1fr;column-gap:56px}.yk-tl::before{left:50%;margin-left:-1px}.yk-tl>li::before{left:auto;right:-35px}.yk-tl>li:nth-child(even){margin-top:46px}.yk-tl>li:nth-child(even)::before{right:auto;left:-35px}}
.yk-tbl{border-top:2px solid var(--text)}
.yk-tb-r{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .2s,padding .3s var(--ease)}
.yk-tb-r:hover{background:color-mix(in srgb,var(--gold) 10%,transparent);padding-inline:14px}
.yk-tb-n{font:500 1.15rem var(--hd)}
.yk-tb-g{color:var(--gold-t);font-weight:600;font-size:.9rem;text-align:right}
.yk-ed{border-top:0}
.yk-ed .yk-tb-r{padding:18px 0;flex-wrap:wrap}
.yk-ed .yk-tb-n{font:400 clamp(1.8rem,5vw,3.2rem)/1.05 var(--hd);letter-spacing:-.02em}
ul.yk-grid.yk-hz{grid-template-columns:1fr}
@media(min-width:760px){ul.yk-grid.yk-hz{grid-template-columns:repeat(2,1fr)}}
.yk-hz .yk-av{border-radius:14px;width:96px;height:120px;box-shadow:none}
.yk-hz .yk-cbio{-webkit-line-clamp:3}

@media(max-width:720px){
  .yk-pad{padding-top:12px}

  .yk-crumb ol{margin-bottom:10px;font-size:12px;line-height:1.4}
  .yk-crumb li:nth-child(n+4):last-child{flex:1 0 100%}
  .yk-crumb li:nth-child(n+4):last-child::before{display:none}
  .yk-crumb li:nth-child(n+4):last-child [aria-current]{font-size:13px}

  .yk-ph{padding-bottom:0}
  .yk-ph::before,.yk-ph .yk-eyebrow{display:none}
  .yk-ph h1{font-size:clamp(1.9rem,8.4vw,2.5rem);line-height:1.08;letter-spacing:-.02em}
  .yk-ph .yk-meta{margin-top:8px;gap:2px 12px;font-size:.84rem}
  .yk-ph .yk-meta strong{font-size:1rem}
  .yk-ph .yk-badge{font-size:10.5px;letter-spacing:.1em}
  .yk-ph .yk-lead{margin-top:8px;font-size:.92rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  .yk-tools{--gx:calc(clamp(40px,8vw,80px) / 2);grid-template-columns:minmax(0,1fr);gap:8px;margin-top:14px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
  .yk-tools .yk-row{gap:8px}
  .yk-in,.yk-sel{min-height:42px;padding:8px 12px}
  .yk-tools .yk-in{flex:1 1 0;min-width:0}
  .yk-tools .yk-row>.yk-sel{flex:0 0 140px;min-width:0}
  .yk-tools .yk-row>#yk-dn{flex:1 1 100%}
  .yk-chips{flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-inline:calc(var(--gx) * -1);padding:2px var(--gx) 4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .yk-chips::-webkit-scrollbar{display:none}
  .yk-chip{flex:none;white-space:nowrap;min-height:38px;padding:0 14px;font-size:14px;scroll-snap-align:start}

  .yk-sec{margin-top:28px}
  .yk-ph + .yk-sec,#yk-results > .yk-sec:first-child{margin-top:16px}
  .yk-sec::before{margin-bottom:12px}
  .yk-sec h2{font-size:1.45rem}
  .yk-sdesc{margin-top:4px;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .yk-grid{margin-top:14px;gap:10px}
  .yk-pgrid,.yk-vx,.yk-tree,.yk-stage{margin-top:14px}
  .yk-pgrid{gap:12px}

  .yk-card{padding:14px;gap:14px}
  .yk-card .yk-cbio{-webkit-line-clamp:1}
  .yk-card.yk-ft{flex-direction:row;align-items:center;padding:16px;gap:16px}
  .yk-ft .yk-av{width:84px;height:84px}
  .yk-ft .yk-cname{font-size:1.35rem}
  .yk-card.yk-ft .yk-cbio{-webkit-line-clamp:2}
  .yk-pc{padding:8px 8px 14px}
  .yk-pph{margin-bottom:8px}
  .yk-pn{font-size:1.05rem}

  .yk-stgi{height:230px;min-height:0}
  .yk-stgb{padding:18px}
  .yk-stgn{font-size:1.9rem}

}

@media(max-width:720px) and (max-height:700px){
  .yk-ph .yk-lead,.yk-sdesc{display:none}
  .yk-ph .yk-meta > span:not(.yk-badge){display:none}
}

.yk-ldr{position:relative;width:168px;margin:clamp(36px,9vh,90px) auto 0;display:flex;justify-content:center;align-items:flex-end;gap:12px;padding-bottom:20px;opacity:0;animation:yk-ldin .35s .3s forwards}
.yk-ldr i{position:relative;display:block;width:4.4em;height:5.8em;font-size:10px;border-radius:1.1em;overflow:hidden;background:linear-gradient(145deg,var(--forest),#10291c);box-shadow:0 8px 18px -8px rgba(16,41,28,.55);animation:yk-kadro 1.6s ease-in-out infinite both}
.yk-ldr i::before{content:"";position:absolute;left:50%;top:1.2em;width:1.7em;height:1.7em;margin-left:-.85em;border-radius:50%;background:#f6f2e9}
.yk-ldr i::after{content:"";position:absolute;left:50%;bottom:-.2em;width:3.4em;height:2.6em;margin-left:-1.7em;border-radius:50% 50% 0 0/70% 70% 0 0;background:#f6f2e9}
.yk-ldr i:nth-child(2){font-size:12px;outline:2px solid var(--gold);outline-offset:2px;animation-delay:.2s}
.yk-ldr i:nth-child(3){animation-delay:.4s}
.yk-ldr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent) no-repeat -80px 0/80px 100%,var(--line);animation:yk-sweep 1.6s ease-in-out infinite}
@keyframes yk-ldin{to{opacity:1}}
@keyframes yk-kadro{0%,100%{transform:translateY(10px) scale(.88);opacity:.3}30%,62%{transform:translateY(0) scale(1);opacity:1}}
@keyframes yk-sweep{from{background-position:-80px 0,0 0}to{background-position:170px 0,0 0}}
@media(prefers-reduced-motion:reduce){.yk-ldr i{animation:none;opacity:1;transform:none}.yk-ldr::after{animation:none}}

.yk-nofx .yk-ph>*{animation:none}
.yk-nofx .yk-rv{opacity:1;transform:none;transition:none}

.yk-crumb li{min-width:0;max-width:100%}
.yk-crumb [aria-current]{overflow-wrap:anywhere}
