.vl-hero{background:var(--color-primary);color:#fff;padding:clamp(2.5rem,6vw,4.5rem) var(--gutter) clamp(2rem,5vw,3.5rem);position:relative;overflow:hidden}.vl-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 80% at 90% 50%,rgba(184,138,46,.18) 0%,transparent 65%),radial-gradient(ellipse 40% 60% at 10% 80%,rgba(0,0,0,.25) 0%,transparent 60%);pointer-events:none}.vl-hero__inner{max-width:var(--content-max);margin:0 auto;position:relative;display:flex;flex-direction:column;gap:var(--space-5)}.vl-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold)}.vl-hero h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.25rem);font-weight:800;color:#fff;line-height:1.1;max-width:18ch}.vl-hero__desc{font-size:var(--text-base);color:#ffffffc7;max-width:52ch;line-height:1.6}.vl-hero__search{display:flex;align-items:center;gap:var(--space-3);background:#fff;border:1.5px solid #FFFFFF;border-radius:var(--radius-full);padding:var(--space-3) var(--space-5);max-width:520px;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 12px #0000002e}.vl-hero__search:focus-within{border-color:var(--color-gold);box-shadow:0 0 0 4px #b88a2e4d}.vl-hero__search svg{flex-shrink:0;color:#1f0e0a8c}.vl-hero__search-input{flex:1;background:transparent;border:none;outline:none;font-size:var(--text-base);font-family:inherit;color:var(--color-text);min-width:0}.vl-hero__search-input::placeholder{color:#1f0e0a6b}.vl-hero__search-clear{display:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#1f0e0a1f;border:none;cursor:pointer;color:#1f0e0ab3;flex-shrink:0;font-size:14px;line-height:1;transition:background .15s}.vl-hero__search-clear.is-visible{display:flex}.vl-hero__search-clear:hover{background:#1f0e0a38}.vl-hero__stats{display:flex;gap:var(--space-6);flex-wrap:wrap}.vl-hero__stat{display:flex;flex-direction:column;gap:2px}.vl-hero__stat strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:#fff}.vl-hero__stat span{font-size:var(--text-xs);color:#fff9;letter-spacing:.04em;text-transform:uppercase}.vl-filters{background:var(--color-surface);border-bottom:1px solid var(--color-divider);position:sticky;top:56px;z-index:50;box-shadow:0 2px 8px #0000000d}.vl-filters__inner{max-width:var(--content-max);margin:0 auto;padding:var(--space-3) var(--gutter);display:flex;align-items:center;gap:var(--space-4)}.vl-filters__pills-wrap{flex:1;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.vl-filters__pills-wrap::-webkit-scrollbar{display:none}.vl-filters__pills{display:flex;gap:var(--space-2);list-style:none;padding:2px 0;white-space:nowrap}.vl-filter-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 14px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:transparent;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:all .15s ease;font-family:var(--font-body);line-height:1}.vl-filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.vl-filter-pill.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.vl-filter-pill .pill-dot{display:none}.vl-filters__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.vl-sort{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.vl-sort select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:5px var(--space-3) 5px var(--space-2);font-size:var(--text-sm);font-family:inherit;color:var(--color-text);cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236A6862' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s}.vl-sort select:focus{border-color:var(--color-primary)}.vl-results-area{max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--gutter) var(--space-16)}.vl-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.vl-results-count{font-size:var(--text-sm);color:var(--color-text-muted)}.vl-results-count strong{color:var(--color-text);font-weight:700}.vl-active-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.vl-active-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 12px;background:var(--color-primary-light);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--color-primary)}.vl-active-tag button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:11px;line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s}.vl-active-tag button:hover{background:var(--color-primary-hover)}.vl-clear-all{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.vl-clear-all:hover{color:var(--color-primary)}.vl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:960px){.vl-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.vl-grid{grid-template-columns:1fr;gap:var(--space-4)}}.vl-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-divider);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .25s ease;display:flex;flex-direction:column}.vl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.vl-card.is-hidden{display:none}.vl-card__thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#1a1210;flex-shrink:0}.vl-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,opacity .3s}.vl-card:hover .vl-card__thumb img{transform:scale(1.04)}.vl-card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000038;transition:background .2s}.vl-card:hover .vl-card__play{background:#00000061}.vl-card__play-btn{width:52px;height:52px;border-radius:50%;background:#ffffffeb;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s;flex-shrink:0}.vl-card:hover .vl-card__play-btn{transform:scale(1.1);background:#fff}.vl-card__play-btn svg{display:block;margin-left:3px;color:var(--color-primary)}.vl-card__duration{position:absolute;bottom:var(--space-2);right:var(--space-2);background:#000000b8;color:#fff;font-size:.75rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-sm);letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vl-card__type-badge{position:absolute;top:var(--space-2);left:var(--space-2);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--radius-full);color:#fff}.vl-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.vl-card__brand-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.vl-card__brand{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--radius-full);display:inline-block}.vl-card__goal{font-size:.72rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.03em}.vl-card__title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-heading);line-height:1.3;margin:0}.vl-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.55;margin:0;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vl-card__footer{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-divider);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.vl-card__level{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--color-text-faint);letter-spacing:.03em}.vl-card__watch{font-size:.78rem;font-weight:700;color:var(--color-primary);display:inline-flex;align-items:center;gap:4px;letter-spacing:.01em}.brand--tap,.brand--khaos,.brand--speedchain,.brand--pitchingpad,.brand--general,.type--protocol,.type--education,.type--demo{background:var(--color-primary);color:#fff}.vl-empty{grid-column:1 / -1;text-align:center;padding:var(--space-16) var(--space-4);display:none}.vl-empty.is-visible{display:block}.vl-empty svg{margin:0 auto var(--space-4);color:var(--color-divider)}.vl-empty h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.vl-empty p{color:var(--color-text-muted);font-size:var(--text-sm);max-width:40ch;margin:0 auto var(--space-4)}.vl-empty button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;cursor:pointer;border:none;font-family:inherit;transition:background .15s}.vl-empty button:hover{background:var(--color-primary-hover)}.vl-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;pointer-events:none;transition:opacity .25s ease}.vl-modal-overlay.is-open{opacity:1;pointer-events:auto}.vl-modal{background:var(--color-text);border-radius:var(--radius-xl);overflow:hidden;width:100%;max-width:880px;box-shadow:0 32px 80px #0009;transform:scale(.96) translateY(12px);transition:transform .28s cubic-bezier(.16,1,.3,1);position:relative}.vl-modal-overlay.is-open .vl-modal{transform:scale(1) translateY(0)}.vl-modal__video-wrap{aspect-ratio:16 / 9;width:100%;background:#000;position:relative}.vl-modal__video-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.vl-modal__info{padding:var(--space-5) var(--space-6);background:var(--color-surface);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.vl-modal__meta{flex:1;min-width:0}.vl-modal__meta-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.vl-modal__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--color-heading);line-height:1.2;margin:0}.vl-modal__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin-top:var(--space-2);max-width:100%}.vl-modal__actions{display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.vl-modal__yt-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:red;color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700;text-decoration:none;transition:opacity .15s;white-space:nowrap}.vl-modal__yt-btn:hover{opacity:.88;text-decoration:none}.vl-modal__close{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;border-radius:50%;background:#0000008c;border:none;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .15s;line-height:1}.vl-modal__close:hover{background:#000c}.vl-featured-label{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.vl-featured-label:after{content:"";flex:1;height:1px;background:var(--color-divider)}@media(max-width:640px){.vl-filters__right{display:none}.vl-filters__inner{padding:var(--space-2) var(--gutter)}.vl-modal__info{flex-direction:column}.vl-modal__actions{flex-direction:row}.vl-hero__stats{gap:var(--space-4)}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/oates-video-library.css.map */