*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;font-size:100%;scrollbar-color:rgba(93,133,184,.5) transparent}body,html{min-height:100%}img,picture,svg,video,canvas{max-width:100%;height:auto;font-style:italic;background-repeat:no-repeat;background-size:cover}ul{padding:0 0 0 1.5rem}@font-face{font-family:Inter Tight;font-style:italic;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGShv5HMAFg6IuGlBNMjxLsC66ZMtb8hyW62x0xCHi5X.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:italic;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGShv5HMAFg6IuGlBNMjxLsC66ZMtb8hyW62x0zCHy5X.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGShv5HMAFg6IuGlBNMjxLsC66ZMtb8hyW62x0wcHy5X.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGShv5HMAFg6IuGlBNMjxLsC66ZMtb8hyW62x0xCHy5X.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGShv5HMAFg6IuGlBNMjxLsC66ZMtb8hyW62x0xwHy5X.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGShv5HMAFg6IuGlBNMjxLsC66ZMtb8hyW62x0ycGC5X.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGShv5HMAFg6IuGlBNMjxLsC66ZMtb8hyW62x0ylGC5X.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:italic;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGShv5HMAFg6IuGlBNMjxLsC66ZMtb8hyW62x0zCGC5X.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGShv5HMAFg6IuGlBNMjxLsC66ZMtb8hyW62x0zrGC5X.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGSnv5HMAFg6IuGlBNMjxJEL2VmU3NS7Z2mjDw6qXA.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGSnv5HMAFg6IuGlBNMjxJEL2VmU3NS7Z2mjjw-qXA.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGSnv5HMAFg6IuGlBNMjxJEL2VmU3NS7Z2mjUQ-qXA.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGSnv5HMAFg6IuGlBNMjxJEL2VmU3NS7Z2mjDw-qXA.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGSnv5HMAFg6IuGlBNMjxJEL2VmU3NS7Z2mjPQ-qXA.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGSnv5HMAFg6IuGlBNMjxJEL2VmU3NS7Z2mj0QiqXA.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGSnv5HMAFg6IuGlBNMjxJEL2VmU3NS7Z2mj6AiqXA.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGSnv5HMAFg6IuGlBNMjxJEL2VmU3NS7Z2mjjwiqXA.ttf) format("truetype")}@font-face{font-family:Inter Tight;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/intertight/v9/NGSnv5HMAFg6IuGlBNMjxJEL2VmU3NS7Z2mjpgiqXA.ttf) format("truetype")}body{font-size:1rem;line-height:1.4;font-family:Inter Tight,sans-serif;font-weight:300;background:#000;color:#fff;overflow-x:hidden;padding:1rem;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}p{margin:0 0 .8em}strong{font-weight:400}h1,h2,h3,h4,h5,h6{line-height:1.2}body>svg{display:none}.main{max-width:76rem;margin:1rem auto 2rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,max-content));grid-gap:1rem}.center-content{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.center-content svg{width:80%;max-width:10em;max-height:80%}.nav{position:sticky;z-index:50;top:1rem;max-width:30rem;margin:0 auto;background:#5d85b8;border-radius:1rem;font-size:1.56rem;display:flex;align-items:stretch;padding:.25rem;gap:.25rem}.nav a{text-decoration:none;color:inherit;transition:background .5s cubic-bezier(.25,.1,.25,1);border-radius:.75rem;padding:.25em;flex:1 1 auto;text-align:center}.nav a.current{background:#000;pointer-events:none}.nav a:hover{background:#0009}.category{display:block;background:#1a1c21;border-radius:1rem;overflow:hidden;cursor:pointer}.category img{width:100vw;border-radius:1rem}.category-text{display:flex;align-items:flex-start;padding:1.5rem 1.25rem;line-height:1.2;font-size:1.56rem}.category-text strong{flex:1}.category-text span{white-space:nowrap;padding-left:1rem;text-decoration:underline;opacity:.4;transition:opacity .5s cubic-bezier(.25,.1,.25,1),color .5s cubic-bezier(.25,.1,.25,1)}.category:hover .category-text span{color:#5d85b8;opacity:1}.category-detail{position:fixed;z-index:100;top:0;left:0;width:100%;height:100vh;min-height:100dvh;padding:6rem 1rem;background:#000;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.25,.1,.25,1);scrollbar-color:rgba(93,133,184,.5) transparent}.category-detail.open{opacity:1;pointer-events:auto}.category-detail .close{display:block;position:fixed;top:.35rem;right:.35rem;width:4rem;height:4rem;cursor:pointer;fill:currentColor}body:before{content:"";background-color:#000c;backdrop-filter:blur(.1rem);position:fixed;z-index:99;top:0;left:0;width:100%;height:100vh;min-height:100dvh;opacity:0;transition:opacity .5s cubic-bezier(.25,.1,.25,1);pointer-events:none}body:has(.category-detail.open):before{opacity:1;pointer-events:auto}.video{line-height:1.2;white-space:normal;cursor:pointer}.video-img{border-radius:1rem;display:block;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.5)}.video-img img{width:100%;display:block}.video-img svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);fill:currentColor;width:5rem;height:5rem;padding:.5rem;border-radius:50%;background:#0006;backdrop-filter:blur(.5rem);opacity:0;transition:opacity .5s cubic-bezier(.25,.1,.25,1)}.video:hover .video-img svg{opacity:1}.player{position:relative;font-size:1.25rem;max-width:100%;max-height:100%;-webkit-tap-highlight-color:transparent}.player-container{padding:0;position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1c21;z-index:100;display:flex;align-items:center;justify-content:center;transition:opacity 1s cubic-bezier(.25,.1,.25,1);opacity:0;pointer-events:none}.player-container:fullscreen{padding:0}.player-container.open{opacity:1;pointer-events:auto}.player-container.close{opacity:0}@keyframes spinner{to{transform:rotate(.5turn)}}.player-container:before{content:"";position:absolute;top:50%;left:50%;margin:-2rem 0 0 -2rem;z-index:1;width:4rem;height:4rem;border:2px solid;border-color:#FFFFFF transparent;border-radius:2rem;opacity:0;transition:opacity .5s cubic-bezier(.25,.1,.25,1);pointer-events:none}.player-container.loading:before{animation:spinner 1s infinite;opacity:1}.player video{display:block;width:100vw;height:100vh;aspect-ratio:1;cursor:pointer;-o-object-fit:cover;object-fit:cover}.player-container:fullscreen .player video{max-width:100vw;max-height:100vh;-o-object-fit:contain;object-fit:contain}.player-controls{position:absolute;bottom:0;left:0;width:100%}.player-controls>*{cursor:pointer;transition:opacity .5s cubic-bezier(.25,.1,.25,1),transform .5s cubic-bezier(.25,.1,.25,1)}.player-controls>*,.player-controls{-webkit-tap-highlight-color:transparent}.player-controls svg{fill:currentColor;display:block;width:4rem;height:4rem}.player-controls .play,.player-controls .fullscreen-btn{display:none}.player-controls .close-btn{position:fixed;top:.25rem;left:.25rem}.player-controls .close-btn .close{display:none}.player-controls .mute{position:fixed;top:.25rem;left:4.25rem}.player-controls .mute .unmute{display:none}.player-controls .mute.unmuted-btn .unmute{display:block}.player-controls .mute.unmuted-btn .mute{display:none}.player-controls .progress{padding:2rem 2rem 1.5rem}.player-controls .progress-bar{height:40px;position:relative}.player-controls .progress-bar:before{content:"";position:absolute;inset:19px 0;background:#fff6;box-shadow:0 0 .2em #0003}.player-controls .progress-played{height:40px;position:relative}.player-controls .progress-played:before{content:"";position:absolute;inset:18px 0;background:#fff}.player-controls .progress-time{display:flex;justify-content:space-between;text-shadow:0 0 .2em rgba(0,0,0,.2)}.player-container.hide-controls .player-controls>*{opacity:0;pointer-events:none}.player-container.hide-controls .player-controls .progress{transform:translateY(25%)}.player-container.loading .player-controls .progress{pointer-events:none}.player .status{position:absolute;z-index:1;top:50%;left:50%;margin:-3rem 0 0 -3rem;width:6rem;height:6rem;border-radius:3rem;padding:2rem;background:#0006;backdrop-filter:blur(.5rem);transition:opacity .5s cubic-bezier(.25,.1,.25,1);opacity:0;pointer-events:none}.player .status svg{fill:none;stroke:#fff;stroke-width:2px}.player-container.play .status.play,.player-container.pause .status.pause{opacity:1}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transition:none!important}}@media only screen and (min-width: 840px){body{padding:2rem}.main{margin:2rem auto 3rem}.grid{gap:2rem}.nav{top:2rem}.category-detail{width:600px;background:#1a1c21;padding:8rem 3rem}.category-detail .close{right:auto;top:1.35rem;left:calc(600px - 5.35rem)}.video{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #5D85B8;font-size:1.25rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.video .video-img{grid-area:1 / 1 / 3 / 2}.video .video-title{grid-area:1 / 2 / 2 / 3;padding:1rem 0 0 2rem}.video .video-time{grid-area:2 / 2 / 3 / 3;padding:0 0 1rem 2rem}.video .video-time span{border-radius:2rem;background:#5e636e;padding:.35rem 1rem}.video:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.video-list-title{display:none}.player-container{padding:10vh}.player video{width:100%;height:100%;max-width:80vw;max-height:80vh}.player-container:fullscreen .player video{width:100vw;height:100vh}.player-controls .close-btn{left:auto;top:2rem;right:4rem}.player-controls .close-btn .close{display:block}.player-controls .close-btn .back{display:none}.player-controls .mute{left:auto;top:6rem;right:4rem}}@media only screen and (max-width: 839px){.video{display:flex;flex-direction:column;font-size:1.56rem}.video .video-title{padding:1rem 0}.video .video-time{display:none}.video.first .video-title{order:-1}.video.first .video-img svg{opacity:1;width:6rem;height:6rem}.video-list-title{display:block;font-size:1.56rem;opacity:.4;margin:3rem 0 1rem}.video-list{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:0 -1rem;padding:0 0 0 1rem}.video-list .video{flex:0 0 60vw;margin-right:1rem;max-width:18rem}.video-list .video-title{opacity:.7}.player video{aspect-ratio:unset!important;max-width:100vw!important;max-height:100vh!important}}@media only screen and (max-width: 839px) and (orientation: portrait){.player video.vertical{-o-object-fit:cover!important;object-fit:cover!important}}@media only screen and (max-width: 839px) and (orientation: landscape){.player video.horizontal{-o-object-fit:cover!important;object-fit:cover!important}}
