/* Website & YouTube (the page reuses the walk-in screen's cards, tiles and charts) */
.wy .wy__area{fill:rgba(184,119,28,.12);stroke:none}
.wy__sample{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:99px;background:#F1ECE0;color:#8A7B63;font-size:11px;font-weight:600}
.wy__bars{display:grid;gap:9px;margin-top:12px}
.wy__bar{display:grid;grid-template-columns:minmax(80px,160px) minmax(0,1fr) 58px 44px;gap:10px;align-items:center;font-size:13px;cursor:default}
.wy__bn{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wy__bt{height:12px;border-radius:99px;background:#F4EEE2;overflow:hidden}
.wy__bt i{display:block;height:100%;border-radius:99px;opacity:.92}
.wy__bar b{text-align:right;font-variant-numeric:tabular-nums}
.wy__bar u{text-decoration:none;text-align:right;font-size:12px;color:var(--ink-3)}
.wy__pg{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wy__chan{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.wy__ch1{display:flex;align-items:center;gap:14px;min-width:0}
.wy__ch1 img,.wy__ch1 i{width:54px;height:54px;border-radius:50%;background:#F1E4C8;object-fit:cover;flex:none}
.wy__ch1 h3{margin:0}
.wy__chs{display:flex;gap:26px;flex-wrap:wrap}
.wy__chs div{display:grid}
.wy__chs b{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.wy__chs span{font-size:12px;color:var(--ink-3)}
.wy__vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:12px}
.wy__vid{display:grid;gap:3px;text-decoration:none;color:inherit;align-content:start}
.wy__th{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#F1E4C8;display:grid;place-items:center;color:#B8771C;font-size:22px}
.wy__th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wy__vid b{font-size:13px;font-weight:600;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wy__vid em{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.wy__vid:hover .wy__th{filter:brightness(.96)}
@media (max-width:640px){.wy__bar{grid-template-columns:minmax(70px,110px) minmax(0,1fr) 52px}.wy__bar u{display:none}}
@media (prefers-reduced-motion: no-preference){
  .wy__bt i{transform-origin:0 50%;animation:growX .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.15s + var(--i,0) * 60ms)}
  .wy__vid{animation:pageIn .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * 40ms)}
}

/* the Overview's website and YouTube widgets */
.wd__vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}
.wd__vid{display:grid;gap:3px;min-width:0;cursor:pointer}
.wd__vid img,.wd__vid span{display:grid;place-items:center;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#F1E4C8;color:#B8771C}
.wd__vid b{font-size:11px;font-weight:600;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wkw__chart .wd__wkbars{flex:1 1 auto;width:100%;margin:0}
/* in the tall card the bars take the room the card leaves (up to 74px, never more), so a short card squeezes them instead of letting them climb over the text above */
.wkw--l .wkw__chart{position:relative;display:block;flex:1 1 60px;min-height:36px;max-height:74px;overflow:hidden}
.wkw--l .wkw__chart .wd__wkbars{position:absolute;left:0;right:0;bottom:0;height:100%;width:auto}
.wkw--l>.wkw__l{display:grid;gap:4px}
.wd__vid em{font-style:normal;font-size:10.5px;color:var(--ink-3)}

.wk__h2{margin:14px 2px 0;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.wk__plain p{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--ink-2)}.wk__plain p b{color:var(--ink)}.wk__plain h3{margin-bottom:2px}
.wk__hr{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;align-items:end;height:150px}
.wk__hc{display:grid;grid-template-rows:1fr auto;gap:5px;height:100%;min-width:0}
.wk__hc .wk__wbar{display:flex;align-items:flex-end;height:100%}.wk__hc .wk__wbar i{display:block;width:100%;min-height:2px;background:#F0D6A1;border-radius:3px 3px 0 0;transition:height .5s cubic-bezier(.16,1,.3,1)}
.wk__hc.is-best .wk__wbar i{background:#B8771C}
.wk__hc span{font-size:10px;color:var(--ink-3);text-align:center;height:12px;white-space:nowrap;overflow:visible}
@media (max-width:640px){.wk__hc span{font-size:9px}}

.wk__i{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-3px}
.wk__tile span .wk__i{margin-right:6px;color:#B8771C}.wk__tile--hero span .wk__i{color:rgba(58,38,8,.7)}
.wk__ico{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#F7E3B6,#EBC27A);color:#7A4A10;margin-right:10px;vertical-align:middle}
.wk__ico .wk__i{width:17px;height:17px;stroke-width:1.8;vertical-align:0}
.wk__ico--s{width:24px;height:24px;border-radius:8px;margin-right:8px}.wk__ico--s .wk__i{width:14px;height:14px}
.wk__h2{display:flex;align-items:center;margin:20px 2px 2px;font-size:18px}
.wk__card h3{display:flex;align-items:center}
.wk__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin-top:10px}
.wk__fact{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#FBF6EA;border:1px solid #F0E5CE}
.wk__fact i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#B8771C;box-shadow:0 1px 3px rgba(60,42,12,.12)}
.wk__fact i .wk__i{width:17px;height:17px}
.wk__fact p{margin:0;font-size:13.5px;line-height:1.5}
.wy__bn .wk__ri{width:14px;height:14px;margin-right:6px;color:var(--ink-3);vertical-align:-2px}
@media (prefers-reduced-motion:no-preference){.wk--in .wk__fact{animation:ringIn .5s cubic-bezier(.34,1.3,.5,1) both;animation-delay:calc(var(--i,0) * 40ms)}}
@media (max-width:640px){.wy .wk__ranges{max-width:100%;overflow-x:auto;scrollbar-width:none}.wy .wk__ranges::-webkit-scrollbar{display:none}.wy .wk__ranges button{white-space:nowrap;flex:none}}

.wy__vid{font:inherit;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:inherit}
.wk__more{margin:12px 0 0;text-align:center}
body.wyv-open{overflow:hidden}
.wyv{position:fixed;inset:0;z-index:90;background:rgba(36,20,5,.55);backdrop-filter:blur(3px);display:grid;place-items:start center;overflow-y:auto;padding:28px 16px}
.wyv__panel{width:min(1040px,100%);background:var(--page,#F6F0E4);border-radius:22px;padding:20px 22px 26px;box-shadow:0 30px 80px rgba(36,20,5,.35);display:grid;gap:14px;animation:wyvIn .28s cubic-bezier(.16,1,.3,1) both}
@keyframes wyvIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.wyv__hd{display:flex;gap:16px;align-items:flex-start}
.wyv__pic{flex:none;width:200px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#F1E4C8;display:grid;place-items:center;color:#B8771C}
.wyv__pic img{width:100%;height:100%;object-fit:cover;display:block}
.wyv__tt{min-width:0;flex:1;display:grid;gap:6px;justify-items:start}
.wyv__tt h2{margin:0;font-size:19px;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}.wyv__tt p{margin:0;font-size:12.5px;color:var(--ink-3)}
.wyv__x{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--edge);background:#fff;font-size:22px;line-height:1;color:#6B5B41;cursor:pointer;transition:background .15s}.wyv__x:hover{background:#F1EBE1}
.wyv__rg{width:max-content;max-width:100%;overflow-x:auto}
.wyv__bars{display:flex;align-items:flex-end;gap:2px;height:160px;margin-top:6px}
.wyv__bars i{flex:1;min-width:2px;background:linear-gradient(180deg,#E4AE52,#B8771C);border-radius:3px 3px 0 0;transform-origin:bottom;animation:wkGrow .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * 8ms)}
.wyv__bars i:hover{filter:brightness(.9)}
.wyv__ax{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3);margin-top:4px}
.wyv__ret{display:block;width:100%;height:150px}
.wyv .wk__bodywrap.is-swapping{opacity:.5}
@media (max-width:700px){.wyv{padding:10px}.wyv__panel{padding:14px;border-radius:18px}.wyv__hd{flex-wrap:wrap}.wyv__pic{width:100%}.wyv__x{position:absolute;top:18px;right:18px}.wyv__panel{position:relative}}
@media (prefers-reduced-motion:reduce){.wyv__panel,.wyv__bars i{animation:none}}