.yl-hero{padding-top:calc(var(--navbar-height) + var(--space-16));padding-bottom:var(--space-20);padding-inline:var(--container-padding);background:var(--color-light-bg);position:relative;overflow:hidden}.yl-hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:1400px;height:900px;background:radial-gradient(ellipse 700px 500px at 50% 50%,rgba(255,141,39,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.yl-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgb(0 0 0 / .03) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}.yl-hero__inner{position:relative;z-index:2;max-width:var(--container-max);margin-inline:auto}.yl-hero__text{text-align:center;max-width:700px;margin-inline:auto;margin-bottom:var(--space-12)}.yl-hero__headline{font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--font-bold);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);background:linear-gradient(135deg,var(--color-light-text-primary) 0%,var(--color-light-text-primary) 50%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.15em;margin-bottom:var(--space-4);text-wrap:balance}.yl-hero__subheadline{font-size:clamp(1.125rem,1.5vw,1.35rem);font-weight:var(--font-normal);color:var(--color-light-text-secondary);line-height:var(--leading-body);max-width:560px;margin-inline:auto;text-wrap:balance}.yl-hero__inner{display:flex;flex-direction:column;align-items:center}.yl-channel-wrap{margin-bottom:var(--space-10)}.yl-featured{display:block;text-decoration:none;color:inherit;max-width:960px;margin-inline:auto;border-radius:var(--radius-xl, 16px);overflow:hidden;position:relative;transition:transform .45s cubic-bezier(.22,1,.36,1)}.yl-featured:hover{transform:translateY(-3px)}.yl-featured:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.yl-featured__thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#111}.yl-featured__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.yl-featured:hover .yl-featured__image{transform:scale(1.04)}.yl-featured__gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.45) 30%,rgba(0,0,0,.08) 55%,transparent 75%);z-index:1;transition:opacity .4s ease}.yl-featured:hover .yl-featured__gradient{background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.12) 55%,transparent 75%)}.yl-featured__play{position:absolute;inset:0;display:grid;place-items:center;z-index:3}.yl-featured__play-btn{width:64px;height:64px;border-radius:var(--radius-full);background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;display:grid;place-items:center;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000004d;transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease,box-shadow .3s ease}.yl-featured__play-btn svg{margin-left:2px}.yl-featured:hover .yl-featured__play-btn{transform:scale(1.1);background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 8px 40px #ff8d2780,0 0 0 6px #ff8d2726}.yl-featured__bottom{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6) var(--space-8);z-index:4;display:flex;flex-direction:column;gap:var(--space-2)}.yl-featured__badge{display:inline-flex;align-self:flex-start;padding:3px 10px;background:var(--color-accent);color:#fff;font-size:.65rem;font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full)}.yl-featured__title{font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:var(--font-bold);color:#fff;line-height:1.3;text-wrap:balance;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.3)}.yl-featured__watch{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fffc;margin-top:var(--space-1);transition:color .25s ease}.yl-featured:hover .yl-featured__watch{color:var(--color-accent)}.yl-featured__watch svg{transition:transform .25s ease}.yl-featured:hover .yl-featured__watch svg{transform:translate(3px)}.yl-featured__duration{position:absolute;top:var(--space-3);right:var(--space-3);background:#000000b3;backdrop-filter:blur(4px);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;letter-spacing:.03em;padding:3px 8px;border-radius:5px;line-height:1.4;z-index:5}.yl-filters{padding:var(--space-8) var(--container-padding) var(--space-4);max-width:var(--container-max);margin-inline:auto}.yl-filters__pills{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.yl-filters__pill{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:1.5px solid var(--color-light-border);background:transparent;color:var(--color-light-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;line-height:1}.yl-filters__pill:hover{color:var(--color-accent);border-color:var(--color-accent)}.yl-filters__pill--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.yl-filters__pill--active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.yl-filters__pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.yl-grid-section{padding:var(--space-8) var(--container-padding) var(--section-padding-y);max-width:var(--container-max);margin-inline:auto}.yl-grid-section__headline{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--color-light-text-primary);margin-bottom:var(--space-8);letter-spacing:var(--tracking-heading)}.yl-empty{text-align:center;padding:var(--space-20) var(--container-padding);color:var(--color-light-text-muted);font-size:var(--text-lg);display:none}.yl-empty--visible{display:block}.video-card--hidden{display:none}@media(max-width:767px){.yl-hero{padding-top:calc(var(--navbar-height) + var(--space-12));padding-bottom:var(--space-12)}.yl-hero__text{margin-bottom:var(--space-8)}.yl-hero__headline{font-size:var(--text-h2)}.yl-featured__bottom{padding:var(--space-4) var(--space-5)}.yl-featured__play-btn{width:52px;height:52px}.yl-featured__play-btn svg{width:18px;height:18px}.yl-filters{padding-block:var(--space-6) var(--space-2)}.yl-filters__pills{gap:var(--space-2);justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none}.yl-filters__pills::-webkit-scrollbar{display:none}.yl-filters__pill{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.yl-grid-section{padding:var(--space-6) var(--container-padding) var(--space-12)}.yl-grid-section__headline{font-size:var(--text-h4);margin-bottom:var(--space-6)}.yl-empty{padding:var(--space-12) var(--container-padding);font-size:var(--text-base)}}@media(prefers-reduced-motion:reduce){.yl-featured,.yl-featured__image,.yl-featured__gradient,.yl-featured__play-btn,.yl-featured__watch,.yl-featured__watch svg{transition:none}.yl-featured:hover,.yl-featured:hover .yl-featured__image,.yl-featured:hover .yl-featured__play-btn{transform:none}}