.videos-page{min-height:100vh;padding:58px 0 90px;background:radial-gradient(circle at 85% 8%,rgb(197 138 50 / 12%),transparent 28rem),#10120f}.videos-shell{max-width:1180px}.videos-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}.videos-head h1{margin:5px 0 8px;color:#f1ede2;font-size:clamp(3rem,7vw,5.8rem);line-height:.9;letter-spacing:-.06em}.videos-head p:not(.eyebrow){max-width:620px;margin:0;color:#979b90}.video-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.video-card{overflow:hidden;border:1px solid #343a31;border-radius:18px;background:#181b16;box-shadow:0 18px 46px rgb(0 0 0 / 20%);transition:transform .22s,border-color .22s}.video-card:hover{border-color:#806438;transform:translateY(-3px)}.video-frame{position:relative;aspect-ratio:16/9;background:#080907}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-card__body{padding:19px}.video-card h2{margin:0 0 13px;color:#eee9dd;font:600 1.35rem/1.25 Georgia,serif}.video-card__meta{display:flex;justify-content:space-between;gap:12px;color:#92978c;font-size:.76rem}.video-card__meta a{color:#dcad58;font-weight:800}.video-card__meta time{flex:0 0 auto}.video-beer{margin-top:16px;padding-top:13px;border-top:1px solid #343a31}.video-beer summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e1b764;font-size:.8rem;font-weight:850;cursor:pointer;list-style:none}.video-beer summary::-webkit-details-marker{display:none}.video-beer summary small{color:#83887d}.video-beer form{display:flex;gap:8px;margin-top:11px}.video-beer input{min-width:0;flex:1;padding:9px 10px;border:1px solid #40473b;border-radius:8px;background:#10130f;color:#eee9dd}.video-empty{grid-column:1/-1;padding:70px 25px;border:1px dashed #3e443a;border-radius:18px;color:#92978c;text-align:center}.video-empty>span{font-size:2.5rem}.video-empty h2{color:#eee9dd}.video-modal{position:fixed;z-index:90;inset:0;display:none;padding:18px;place-items:center;background:rgb(0 0 0 / 82%)}.video-modal.open{display:grid}.video-modal>section{position:relative;width:min(100%,540px);padding:32px;border:1px solid #454c40;border-radius:18px;background:#191c17;box-shadow:0 28px 80px rgb(0 0 0 / 55%)}.video-modal h2{margin:5px 0 20px;color:#eee9dd;font-size:1.8rem}.video-modal form{display:grid;gap:15px}.video-modal__close{position:absolute;top:13px;right:13px;display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid #454c40;border-radius:50%;background:transparent;color:#eee9dd;font-size:1.3rem;cursor:pointer}.video-anonymous{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #343a31;border-radius:10px}.video-anonymous span{display:grid;color:#eee9dd}.video-anonymous small{margin-top:3px;color:#92978c}@media(max-width:760px){.videos-page{padding-top:38px}.videos-head{align-items:flex-start;flex-direction:column}.video-library{grid-template-columns:1fr}.video-modal>section{padding:27px 20px}}@media(max-width:480px){.video-beer form{flex-direction:column}.video-card__meta{align-items:flex-start;flex-direction:column}}
.video-frame{display:block;width:100%;padding:0;overflow:hidden;border:0;color:inherit;cursor:pointer;text-align:initial}.video-frame>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.video-frame::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgb(0 0 0 / 70%));content:""}.video-frame:hover>img,.video-frame:focus-visible>img{filter:brightness(.72);transform:scale(1.035)}.video-play{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:68px;height:68px;place-items:center;border:1px solid rgb(255 255 255 / 42%);border-radius:50%;background:rgb(197 138 50 / 92%);color:#171109;font-size:1.6rem;box-shadow:0 12px 32px rgb(0 0 0 / 42%);transform:translate(-50%,-50%);transition:transform .2s ease}.video-frame:hover .video-play,.video-frame:focus-visible .video-play{transform:translate(-50%,-50%) scale(1.08)}.video-watch{position:absolute;z-index:2;right:15px;bottom:13px;padding:6px 9px;border-radius:7px;background:rgb(10 11 9 / 82%);color:#f0eadc;font-size:.7rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.video-player{display:block;width:100%;aspect-ratio:16/9;border:0;background:#080907}
.video-card--music{background:linear-gradient(145deg,#211d14,#171a15)}.video-card--music .video-frame{background:radial-gradient(circle,#55411f,#11130f)}.video-card--music .video-frame::after{background:radial-gradient(circle at 50% 45%,transparent 0 20%,rgb(0 0 0 / 12%) 21% 31%,transparent 32%),linear-gradient(180deg,rgb(0 0 0 / 8%),rgb(0 0 0 / 76%))}.video-card--music .video-frame>img{filter:saturate(.72) sepia(.18)}.video-card--music .video-play{width:78px;height:78px;border-color:#e9c576;background:#151811;color:#edc66f;font-size:2.2rem;box-shadow:0 0 0 12px rgb(197 138 50 / 13%),0 18px 40px rgb(0 0 0 / 52%)}.video-music-mode{position:absolute;z-index:2;top:14px;left:14px;padding:6px 10px;border:1px solid rgb(230 191 111 / 34%);border-radius:99px;background:rgb(16 18 14 / 82%);color:#e6bf6f;font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.video-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.video-categories a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #343a31;border-radius:99px;color:#a7aa9f;font-size:.78rem;font-weight:800}.video-categories a:hover,.video-categories a.active{border-color:#a47b38;background:#302616;color:#f0c778}.video-categories span{display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border-radius:99px;background:#10130f;font-size:.65rem}.video-category{display:inline-flex;margin-bottom:9px;padding:4px 8px;border:1px solid #5e4a29;border-radius:99px;color:#ddb469;font-size:.65rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.video-new-category[hidden]{display:none}
.video-focus{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(260px,.75fr);gap:18px;margin-bottom:34px;scroll-margin-top:110px}.video-focus__main,.video-suggestions,.video-comments{overflow:hidden;border:1px solid #343a31;border-radius:18px;background:#181b16;box-shadow:0 18px 46px rgb(0 0 0 / 20%)}.video-focus__player{display:block;width:100%;aspect-ratio:16/9;border:0;background:#080907}.video-focus__info{padding:20px}.video-focus__info h2{margin:0 0 14px;color:#f1ede2;font:600 clamp(1.55rem,3vw,2.35rem)/1.15 Georgia,serif}.video-suggestions{padding:17px}.video-suggestions>h2{margin:0 0 13px;color:#eee9dd;font-size:1rem}.video-suggestions>div{display:grid;gap:10px}.video-suggestions a{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:10px;padding:7px;border:1px solid transparent;border-radius:10px;color:#ddd8cc;transition:border-color .18s,background .18s}.video-suggestions a:hover,.video-suggestions a:focus-visible{border-color:#5e4a29;background:#211d15}.video-suggestions img{display:block;width:116px;aspect-ratio:16/9;border-radius:7px;object-fit:cover}.video-suggestions span{display:grid;min-width:0;gap:5px}.video-suggestions strong{overflow:hidden;font-size:.78rem;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.video-suggestions small{overflow:hidden;color:#92978c;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.video-comments{grid-column:1/-1;padding:24px}.video-comments>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #343a31}.video-comments>header h2{margin:3px 0 0;color:#eee9dd;font-size:1.5rem}.video-comments>header h2 span{color:#dcad58}.video-comments>header>small{color:#dcad58;font-weight:800}.video-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:20px 0;border-bottom:1px solid #343a31}.video-comment-form .field{margin:0}.video-comment-form textarea{min-height:82px;resize:vertical}.video-comment-form button small{margin-left:5px;color:inherit;opacity:.75}.video-comments__login{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #343a31;color:#92978c}.video-comment-list{display:grid}.video-comment-list>article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid #2f342c}.video-comment-list>article:last-child{border-bottom:0}.video-comment-avatar{display:grid;width:42px;height:42px;overflow:hidden;place-items:center;border:1px solid #806438;border-radius:50%;color:#dcad58;font-weight:900}.video-comment-avatar img{width:100%;height:100%;object-fit:cover}.video-comment-list article header{display:flex;align-items:center;gap:12px}.video-comment-list article header a{color:#dcad58;font-weight:850}.video-comment-list article time{color:#777d72;font-size:.68rem}.video-comment-list article p{margin:7px 0;color:#ddd9ce;white-space:pre-wrap}.video-comment-beer{position:relative;display:inline-block}.video-comment-beer>summary{color:#cba45f;font-size:.72rem;font-weight:800;cursor:pointer;list-style:none}.video-comment-beer>summary::-webkit-details-marker{display:none}.video-comment-beer form{display:flex;width:min(390px,75vw);gap:8px;margin-top:9px}.video-comment-beer input{min-width:0;flex:1}.video-comments__empty{margin:0;padding:28px 0 8px;color:#858a80;text-align:center}
@media(max-width:900px){.video-focus{grid-template-columns:1fr}.video-suggestions{grid-row:2}.video-suggestions>div{display:flex;overflow-x:auto;gap:12px;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin}.video-suggestions a{display:block;min-width:190px;padding:0;scroll-snap-align:start}.video-suggestions img{width:190px}.video-suggestions span{padding:9px 3px}.video-comments{grid-column:1}}
@media(max-width:600px){.video-focus{margin-inline:-2px}.video-focus__info,.video-comments{padding:17px}.video-comment-form{grid-template-columns:1fr}.video-comment-form button{width:100%}.video-comments>header,.video-comments__login{align-items:flex-start;flex-direction:column}.video-comment-beer form{width:100%;flex-direction:column}.video-suggestions a{min-width:165px}.video-suggestions img{width:165px}}
.video-loader{min-height:72px;padding:25px;color:#858a80;text-align:center}