.page-youtube{--paper:#f9f7f3;--charcoal:#161516;--t70:#161516b8;--line:#1615161f;--card:#eeece8;--pad:max(clamp(20px, 5vw, 104px), calc((100vw - 1232px) / 2));--r:16px;background:var(--paper);color:var(--charcoal);font-family:var(--font-inter-tight), "Inter Tight", system-ui, sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;font-size:17px;font-weight:300;line-height:1.6}.page-youtube a{color:inherit;text-decoration:none}.page-youtube img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.page-youtube .prov{letter-spacing:.02em;white-space:nowrap;color:inherit;background:#16151614;border-radius:4px;padding:1px 6px;font-size:13px;font-weight:600}.page-youtube .label{letter-spacing:.2em;text-transform:uppercase;color:var(--t70);font-size:13px;font-weight:500}.page-youtube h1,.page-youtube h2,.page-youtube h3,.page-youtube .num,.page-youtube .big{font-family:var(--font-octin), "Octin College", sans-serif;text-transform:uppercase;letter-spacing:.02em;font-weight:700;line-height:.95}.page-youtube h1{font-size:clamp(44px,7.8vw,112px)}.page-youtube h2{font-size:clamp(36px,4.2vw,60px)}.page-youtube h3{font-size:clamp(24px,2.2vw,32px)}.page-youtube .btn{background:var(--charcoal);height:44px;color:var(--paper);border:1px solid var(--charcoal);transition:background-color .15s var(--e-std), border-color .15s var(--e-std), color .15s var(--e-std);border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-family:inherit;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.page-youtube .btn i{color:var(--paper);transition:transform .25s var(--e-out2);font-style:normal;display:inline-block}.page-youtube .btn.ghost i,.page-youtube .dark .btn i{color:currentColor}.page-youtube .btn.ghost{color:var(--charcoal);border-color:var(--line);background:0 0}.page-youtube .dark .btn{background:var(--paper);color:var(--charcoal);border-color:var(--paper)}.page-youtube .dark .btn.ghost{color:var(--paper);background:0 0;border-color:#f9f7f34d}.page-youtube section{padding:120px var(--pad)}.page-youtube .dark{background:var(--charcoal);color:var(--paper)}.page-youtube .dark .label{color:#f9f7f3b8}.page-youtube .more{height:auto;font-family:var(--font-inter-tight), "Inter Tight", system-ui, sans-serif;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:12px 0;font-size:15px;font-weight:500;line-height:1.2;display:none}.page-youtube .more i{color:currentColor;transition:transform .25s var(--e-out2);font-style:normal;display:inline-block}.page-youtube .hero{padding:104px var(--pad) 80px;line-height:1.65}.page-youtube .hero h1{margin-top:14px;font-size:clamp(48px,5.6vw,88px)}.page-youtube .hero p.lead{max-width:560px;color:var(--t70);margin-top:28px;font-size:20px;line-height:1.6}.page-youtube .ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.page-youtube footer{padding:40px var(--pad);border-top:1px solid var(--line);color:var(--t70);flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:13px;display:flex}.page-youtube #ranking{scroll-margin-top:80px}.page-youtube .yt-rank-m{display:none}.page-youtube .pcs{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.page-youtube .pc{background:var(--card);border-radius:0;flex-direction:column;padding:28px;display:flex}.page-youtube .pc.hi{background:var(--charcoal);color:var(--paper)}.page-youtube .pc.hi .label,.page-youtube .pc.hi small,.page-youtube .pc.hi li{color:#f9f7f3b8}.page-youtube .pc.hi .btn{background:var(--paper);color:var(--charcoal);border-color:var(--paper)}.page-youtube .pc.hi .btn i{color:var(--charcoal)}.page-youtube .pc .big{margin-top:20px;font-size:clamp(48px,4.6vw,72px)}.page-youtube .pc small{color:var(--t70);font-size:13px}.page-youtube .pc .th,.page-youtube .rb .th,.page-youtube .vt{display:block;position:relative;overflow:hidden}.page-youtube .pc .th{aspect-ratio:16/9;border-radius:0;margin-top:24px}.page-youtube .pc p{min-height:3.2em;margin-top:14px;font-weight:500;line-height:1.35}.page-youtube .pc ul{color:var(--t70);flex:1;margin:16px 0 24px;padding:0;font-size:15px;list-style:none}.page-youtube .pc li{border-top:1px solid var(--line);padding:8px 0}.page-youtube .pc.hi li{border-color:#f9f7f326}.page-youtube .pc .btn{align-self:flex-start}.page-youtube .dur{color:var(--paper);z-index:1;background:#161516cc;border-radius:0;padding:1px 6px;font-size:13px;position:absolute;bottom:8px;right:8px}.page-youtube .shband{padding-top:63px;padding-bottom:63px;position:relative}.page-youtube .car{margin-top:48px;position:relative;container-type:inline-size}.page-youtube .car-track.shs{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:16px;margin-top:0;display:flex;overflow-x:auto}.page-youtube .car-track::-webkit-scrollbar{display:none}.page-youtube .car-track:focus-visible{outline:2px solid var(--ruby);outline-offset:3px;border-radius:0}.page-youtube .car-track .sh{scroll-snap-align:start;flex:0 0 calc(20% - 12.8px);width:auto;min-width:0}.page-youtube .car-track .sh:focus-visible{outline:2px solid var(--ruby);outline-offset:3px;border-radius:0}.page-youtube .car-btn{background:var(--charcoal);width:44px;height:44px;color:var(--paper);cursor:pointer;z-index:2;border:1px solid #f9f7f399;border-radius:50%;place-items:center;padding:0;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility linear,color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);display:grid;position:absolute;top:calc(17.7778cqw - 33.3778px)}.page-youtube .car-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.page-youtube .car-prev{left:calc((var(--pad) + 44px) / -2)}.page-youtube .car-next{right:calc((var(--pad) + 44px) / -2)}.page-youtube .car-btn:disabled{opacity:0;visibility:hidden;cursor:default;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility 0s linear .25s}.page-youtube .car-btn:focus-visible{outline:2px solid var(--ruby);outline-offset:3px}.page-youtube .car-count{text-align:center;color:#f9f7f3b8;margin-top:28px;font-size:13px}.page-youtube .car-count b{font-weight:700}.page-youtube .car-dots{gap:6px;margin-top:28px;display:flex}.page-youtube .car-dots i{background:#f9f7f347;border-radius:1px;width:20px;height:2px;transition:background-color .25s cubic-bezier(.4,0,.2,1);display:block}.page-youtube .car-dots i.on{background:var(--ruby)}.page-youtube .car-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-youtube .vt{aspect-ratio:9/16;border-radius:0}.page-youtube .vt img{-o-object-position:50% 50%;object-position:50% 50%}.page-youtube .stag{background:var(--paper);color:var(--charcoal);z-index:1;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:600;position:absolute;top:10px;left:10px}.page-youtube .sh p{margin-top:12px;font-size:15px;font-weight:500;line-height:1.35}.page-youtube .sh small{color:#f9f7f3b8;font-size:13px}.page-youtube table{border-collapse:collapse;width:100%;margin-top:48px;font-size:16px}.page-youtube th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--t70);border-bottom:1px solid var(--charcoal);padding:12px 8px 12px 0;font-size:13px;font-weight:500}.page-youtube td{border-bottom:1px solid var(--line);vertical-align:middle;padding:16px 8px 16px 0}.page-youtube td:first-child{font-family:var(--font-octin), "Octin College", sans-serif;width:48px;font-size:22px}.page-youtube td a{font-weight:500}.page-youtube .tag{color:var(--paper);background:var(--charcoal);white-space:nowrap;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:13px;font-weight:600}.page-youtube .bar{background:var(--line);vertical-align:middle;border-radius:3px;width:120px;height:6px;margin-right:10px;display:inline-block;overflow:hidden}.page-youtube .bar i{height:100%;width:var(--w,0%);background:var(--ruby);transform-origin:0;transition:width .7s var(--e-out);display:block}html.js-motion .page-youtube .bar i{width:0}html.js-motion .page-youtube .rv.in .bar i{width:var(--w,0%)}.page-youtube .rbs{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.page-youtube .rb{flex-direction:column;gap:14px;display:flex}.page-youtube .rb h3{font-family:var(--font-octin), "Octin College", sans-serif;text-transform:uppercase;font-size:32px;line-height:1}.page-youtube .rb .th{aspect-ratio:16/9;border-radius:0}.page-youtube .rb .th img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.page-youtube .rbh{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.page-youtube .th img,.page-youtube .vt img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1)}.page-youtube .play{opacity:0;pointer-events:none;z-index:1;background-color:#161516bf;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l8 5-8 5z' fill='%23F9F7F3'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:26px;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:scale(.92)}.page-youtube .rb .play{opacity:1;transform:none}@media (hover:hover){.page-youtube .car-btn:not(:disabled):hover{color:var(--ruby);border-color:var(--ruby)}.page-youtube a.th:hover img,.page-youtube a.th:focus-visible img,.page-youtube a.sh:hover .vt img,.page-youtube a.sh:focus-visible .vt img{transform:scale(1.06)}.page-youtube a.th:hover .play,.page-youtube a.th:focus-visible .play,.page-youtube a.sh:hover .play,.page-youtube a.sh:focus-visible .play{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.page-youtube .th img,.page-youtube .vt img,.page-youtube .play,.page-youtube .bar i,.page-youtube .car-btn,.page-youtube .car-btn:disabled,.page-youtube .car-dots i{transition:none}.page-youtube .car-track{scroll-behavior:auto}html.js-motion .page-youtube .bar i{width:var(--w,0%)}}@media (max-width:860px){.page-youtube .pcs{grid-template-columns:1fr}}@media (max-width:700px){.page-youtube .rbs{grid-template-columns:1fr}.page-youtube .rb h3{font-size:26px}}@media (hover:hover){.page-youtube .btn:hover{background:#3a383a;border-color:#3a383a}.page-youtube .btn.ghost:hover{border-color:var(--line);color:var(--charcoal);background:#eeece8}.page-youtube .dark .btn:hover,.page-youtube .pc.hi .btn:hover,.page-youtube .dark .btn.ghost:hover{color:var(--charcoal);background:#eeece8;border-color:#eeece8}.page-youtube .btn:hover i,.page-youtube .more:hover i{transform:translate(4px)}}@media (hover:none){.page-youtube .btn:active{background:#3a383a;border-color:#3a383a;transition-duration:.1s}.page-youtube .btn.ghost:active,.page-youtube .dark .btn:active,.page-youtube .pc.hi .btn:active{color:var(--charcoal);background:#eeece8;border-color:#eeece8}.page-youtube .btn:active i,.page-youtube .more:active i{transition-duration:.1s;transform:translate(4px)}}.page-youtube .yt-fan{display:none}@media (max-width:620px){.page-youtube .yt-rank-d{display:none}.page-youtube .yt-rank-m{display:inline}.page-youtube section{padding:72px var(--pad)}.page-youtube .shband{padding-top:44px;padding-bottom:44px}.page-youtube .hero{padding:104px var(--pad) 48px}.page-youtube .hero p.lead{font-size:17px}.page-youtube .pcs{display:none}.page-youtube .yt-vistos{padding-left:0;padding-right:0}.page-youtube .yt-fan{display:block;overflow:hidden}.page-youtube .yt-fan .fc.pc{background:var(--card);border-radius:0;flex-direction:column;height:auto;padding:28px;display:flex}.page-youtube .yt-fan .fc.pc.hi{background:var(--charcoal);color:var(--paper)}.page-youtube .yt-fan .fc .th img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scale(1)}.page-youtube .mx{display:none!important}.page-youtube .open .mx{display:revert!important}.page-youtube .more,.page-youtube .open .more,.page-youtube .c3,.page-youtube .c4{display:none}.page-youtube .bar{width:48px}.page-youtube table{font-size:15px}.page-youtube .car-btn{display:none}.page-youtube .car-track.shs{margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad);scroll-padding-inline:var(--pad);gap:10px}.page-youtube .car-track .sh{flex:0 0 calc((100vw - var(--pad) - 10px) / 1.55)}.page-youtube .car-count,.page-youtube .car-dots{margin-top:20px}.page-youtube .shband .more{display:none}}.page-youtube .hero.yA{min-height:100svh;padding:0 var(--pad) 9vh;color:#f4f2ee;background:#161516;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.page-youtube .hero.yA .yt-hero-video{z-index:0;-o-object-fit:cover;object-fit:cover;-o-object-position:40% 30%;object-position:40% 30%;filter:grayscale()contrast(1.05)brightness(.8);width:100%;height:100%;position:absolute;inset:0}.page-youtube .hero.yA:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#161516cc 0,#0000 180px),linear-gradient(90deg,#161516e6 0,#16151699 38%,#0000 62%),linear-gradient(#0000 55%,#161516 100%);position:absolute;inset:0}.page-youtube .hero.yA>:not(.yt-hero-video){z-index:2;max-width:560px;position:relative}.page-youtube .hero.yA h1,.page-youtube .hero.yA .label,.page-youtube .hero.yA .lead{color:#f4f2ee}.page-youtube .hero.yA .lead{color:#f4f2eecc}.page-youtube .pc,.page-youtube .th,.page-youtube .th img,.page-youtube .vt,.page-youtube .vt img,.page-youtube .sh img,.page-youtube .rb img,.page-youtube .dur,.page-youtube .stag,.page-youtube .tag,.page-youtube .prov,.page-youtube .bar,.page-youtube .bar i,.page-youtube .yt-fan .fc.pc{border-radius:0}.page-youtube .btn{color:#fff;background:#285e71;border-color:#285e71}.page-youtube .btn.ghost{color:inherit;background:0 0;border-color:#16151647}.page-youtube .hero.yA .btn.ghost{color:#f4f2ee;border-color:#f4f2ee66}.page-youtube .yt-vistos{color:#f4f2ee;background:#161516;padding-top:40px}.page-youtube .yt-vistos .pc,.page-youtube .yt-fan .fc.pc,.page-youtube .yt-fan .fc.pc.hi{color:#f4f2ee;background:#1f1e1f;border:1px solid #f4f2ee1a}.page-youtube .yt-vistos .pc.hi,.page-youtube .yt-fan .fc.pc.hi{border-top:3px solid #285e71}.page-youtube .yt-vistos .pc .label,.page-youtube .yt-vistos .pc small,.page-youtube .yt-vistos .pc li,.page-youtube .yt-fan .fc .label,.page-youtube .yt-fan .fc small,.page-youtube .yt-fan .fc li{color:#f4f2eeb8}.page-youtube .yt-vistos .pc li,.page-youtube .yt-fan .fc li{border-color:#f4f2ee26}.page-youtube .yt-vistos .pc .btn:not(.ghost),.page-youtube .yt-fan .fc .btn:not(.ghost){color:#fff;background:#285e71;border-color:#285e71}.page-youtube .yt-vistos .pc .btn.ghost,.page-youtube .yt-fan .fc .btn.ghost{color:#f4f2ee;background:0 0;border-color:#f4f2ee73}@media (hover:hover){.page-youtube .btn:hover,.page-youtube .yt-vistos .pc .btn:not(.ghost):hover,.page-youtube .pc.hi .btn:hover{color:#fff;background:#34748c;border-color:#34748c}.page-youtube .hero.yA .btn.ghost:hover,.page-youtube .yt-vistos .pc .btn.ghost:hover,.page-youtube .yt-fan .fc .btn.ghost:hover{color:#f4f2ee;background:#f4f2ee14;border-color:#f4f2ee}}@media (hover:none){.page-youtube .btn:active,.page-youtube .yt-vistos .pc .btn:not(.ghost):active,.page-youtube .pc.hi .btn:active{color:#fff;background:#34748c;border-color:#34748c}}@media (max-width:600px){.page-youtube .hero.yA .yt-hero-video{-o-object-position:39% 30%;object-position:39% 30%}.page-youtube .hero.yA .ctas .btn:not(.ghost){justify-content:center;width:100%}.page-youtube .hero.yA:before{background:linear-gradient(#161516cc 0,#0000 140px),linear-gradient(#0000 40%,#161516f2 82%)}.page-youtube .hero.yA .ctas{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.page-youtube .yt-rank-d{display:none}.page-youtube .yt-rank-m{display:inline}.page-youtube tr.yt-rank-more{display:none}}@media (max-width:620px){.yt-fan .fan>article.fc.pc{border-top:3px solid #285e71}}