.yl-hero{padding-top:calc(var(--navbar-height) + var(--space-16));padding-bottom:var(--space-20);padding-inline:var(--container-padding);background:var(--gk-surface-paper);position:relative;overflow:hidden}.yl-hero:before{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:1400px;height:900px;background:radial-gradient(ellipse 700px 500px at 50% 50%,var(--gk-tint-orange6) 0%,transparent 70%);pointer-events:none;z-index:0}.yl-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--gk-line-hairline) 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);color:var(--gk-text-primary);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(--gk-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 var(--gk-dur-slow) var(--gk-ease-enter)}.yl-featured:hover{transform:translateY(-3px)}.yl-featured:focus-visible{outline:2px solid var(--gk-action-primary);outline-offset:-2px}.yl-featured__thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--gk-surface-ink)}.yl-featured__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--gk-dur-long) var(--gk-ease-enter)}.yl-featured:hover .yl-featured__image{transform:scale(1.04)}.yl-featured__gradient{position:absolute;inset:0;background:linear-gradient(to top,var(--gk-surface-ink) 0%,transparent 65%);z-index:1;transition:opacity var(--gk-dur-slow) var(--gk-ease-settle)}.yl-featured:hover .yl-featured__gradient{background:linear-gradient(to top,var(--gk-surface-ink) 0%,transparent 78%)}.yl-featured__play{position:absolute;inset:0;display:grid;place-items:center;z-index:3}.yl-featured__play-btn{width:56px;height:56px;border-radius:var(--radius-full);background:var(--gk-surface-ink-elevated);color:var(--gk-text-on-ink);display:grid;place-items:center;border:2px solid var(--gk-line-on-ink);transition:transform var(--gk-dur-slow) var(--gk-ease-enter),background var(--gk-dur-enter) var(--gk-ease-settle),border-color var(--gk-dur-enter) var(--gk-ease-settle)}.yl-featured__play-btn svg{flex-shrink:0}.yl-featured:hover .yl-featured__play-btn{transform:scale(1.1);background:var(--gk-action-primary);border-color:var(--gk-text-orange-ink)}.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:4px 8px;background:var(--gk-action-primary);color:var(--gk-text-on-orange);font-size:12px;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:var(--gk-text-on-ink);line-height:1.3;text-wrap:balance;margin:0;text-shadow:0 2px 12px var(--gk-line-hairline)}.yl-featured__watch{display:inline-flex;align-self:flex-start;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gk-text-on-ink);margin-top:var(--space-1);transition:color var(--gk-dur-base) var(--gk-ease-settle)}.yl-featured:hover .yl-featured__watch{color:var(--gk-text-orange-ink)}.yl-featured__watch svg{transition:transform var(--gk-dur-base) var(--gk-ease-settle)}.yl-featured:hover .yl-featured__watch svg{transform:translate(3px)}.yl-featured__duration{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--gk-surface-paper-muted);color:var(--gk-text-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;letter-spacing:.03em;padding:4px 8px;border-radius:var(--gk-radius-xs);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(--gk-line-hairline);background:transparent;color:var(--gk-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(--gk-text-orange-ink);border-color:var(--gk-text-orange-ink)}.yl-filters__pill--active{background:var(--gk-action-primary);border-color:var(--gk-text-orange-ink);color:var(--gk-text-on-orange)}.yl-filters__pill--active:hover{background:var(--gk-action-primary-hover);border-color:var(--gk-text-orange-ink);color:var(--gk-text-on-orange)}.yl-filters__pill:focus-visible{outline:2px solid var(--gk-action-primary);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(--gk-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(--gk-text-tertiary);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:48px;height:48px}.yl-featured__play-btn svg{flex-shrink:0}.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}}[data-theme=dark] .yl-filters__pill{border-color:var(--gk-line-hairline-solid)}