:root{color-scheme:dark;--bg:#081725;--surface:#0f2233;--text:#fff4dd;--muted:#b1bfcb;--red:#ff664d;--rule:#263b4a;--cyan:#8fd8e1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}img{display:block;width:100%;height:auto}button{color:inherit}a,button{touch-action:manipulation}button:disabled{cursor:default}.wrap{max-width:1320px;width:calc(100% - 96px);margin-inline:auto}.accent{color:var(--red)}.header{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:25px;font-weight:900;letter-spacing:-1px}.brand img{width:54px;height:54px;border-radius:50%}.header nav{display:flex;gap:34px;color:var(--muted);font-size:14px;font-weight:600}.header nav a:hover{color:var(--text)}.languages{display:flex;align-items:center;gap:9px;font-size:14px}.languages span{color:#617484}.languages button{background:transparent;border:0;padding:10px 5px;color:var(--muted);font-weight:700;min-width:38px;min-height:44px}.languages button[aria-pressed=true]{color:var(--text);box-shadow:0 2px var(--red)}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;padding-block:66px 64px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:var(--red);margin:0 0 18px;display:flex;align-items:center;gap:12px}.line{width:30px;height:2px;background:var(--red);flex-shrink:0}h1,h2,h3,p{overflow-wrap:break-word}h1{font-size:clamp(36px,4.1vw,58px);line-height:1.09;letter-spacing:-2.5px;margin:0 0 23px;font-weight:800}em{font-style:normal;color:var(--red)}.intro{max-width:430px;color:var(--muted);margin:0 0 28px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:11px 23px;border:1px solid transparent;border-radius:5px;font-weight:700;font-size:14px}.primary{background:var(--red);color:#081725}.primary:hover{background:#ff826c}.secondary{background:transparent;border-color:var(--rule)}.hero-bottom{display:flex;gap:20px;align-items:center;margin-top:29px;color:var(--muted);font-size:12px;line-height:1.55}.big-number{font-size:41px;line-height:1;font-weight:800;letter-spacing:-2px;color:var(--text)}.big-number span{font-size:18px;font-weight:400;letter-spacing:0;color:var(--red);margin-left:2px}.featured{min-width:0}.feature-play{position:relative;padding:0;background:var(--surface);border:1px solid #3a4f5f;border-radius:12px;overflow:hidden;text-align:left;width:100%;aspect-ratio:1.32;isolation:isolate}.feature-play>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s}.feature-play:hover>img{transform:scale(1.025)}.feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,20,.36),transparent 38%,rgba(3,12,20,.35) 48%,#07131fec 100%)}.feature-label{position:absolute;top:23px;left:24px;font-weight:700;font-size:12px;letter-spacing:1.8px;background:#091b2bc7;padding:7px 12px;border:1px solid #ffffff30;border-radius:3px}.play-circle{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);background:var(--text);border-radius:50%;width:66px;height:66px;display:grid;place-items:center;padding-left:4px;font-size:22px;color:var(--bg);box-shadow:0 0 0 9px #ffffff18}.feature-caption{position:absolute;bottom:28px;left:28px;right:28px;display:flex;flex-direction:column;gap:8px}.feature-meta{color:#d0d9df;font-size:12px;letter-spacing:1px}.feature-meta>span:first-child{color:var(--red);margin-inline:7px}.feature-caption strong{font-size:clamp(22px,2.3vw,31px);line-height:1.2;font-weight:750}.watch-label{font-size:14px;font-weight:650;color:var(--cyan);margin-top:2px}.platform-strip{border-block:1px solid var(--rule);background:#0c1d2c}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:22px}.strip-inner p{margin:0;color:var(--muted);font-size:14px}.platform-links{display:flex;gap:35px;flex-wrap:wrap}.platform-links a{font-size:14px;font-weight:650;display:flex;gap:9px;align-items:center}.platform-links a:hover{color:var(--red)}.platform-icon{font-size:20px;color:var(--red)}.archive{padding-block:64px 70px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head .eyebrow{margin-bottom:8px}h2{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-1.5px;margin:0;font-weight:750}.count{margin:0;color:var(--muted);font-size:14px;white-space:nowrap}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid transparent;border-radius:4px;padding:9px 14px;color:var(--muted);background:transparent;font-size:14px;font-weight:600;min-height:42px}.filter[aria-pressed=true]{background:var(--text);color:var(--bg)}.filter:hover{border-color:#4b6579}.search{display:flex;align-items:center;gap:9px;min-width:210px;border-bottom:1px solid #40576a;padding:5px 0;color:var(--muted)}.search>span{font-size:27px;line-height:1}.search input{background:none;border:0;color:var(--text);font-size:14px;min-height:35px;min-width:0;width:180px;outline-offset:1px}.search input::placeholder{color:var(--muted)}.format-bar{border-bottom:1px solid var(--rule);display:flex;gap:12px;align-items:center;padding-bottom:18px;margin-bottom:28px;font-size:12px;color:var(--muted)}.format-bar select{font-size:12px;background:var(--bg);border:1px solid var(--rule);border-radius:4px;color:var(--text);padding:8px;max-width:100%}.voice-note{margin-left:auto;font-size:12px}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}.card{min-width:0}.card-play{position:relative;display:block;background:var(--surface);border:1px solid #2b4153;padding:0;border-radius:7px;overflow:hidden;width:100%;aspect-ratio:3/4;text-align:left}.card-play img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.card-play:hover img{transform:scale(1.035)}.card-play::after{position:absolute;inset:0;content:'';background:linear-gradient(transparent 55%,#061422bf)}.card .card-play.long img{object-position:center}.card-badge{position:absolute;left:12px;top:12px;background:#061422dd;border:1px solid #ffffff25;border-radius:3px;padding:4px 8px;color:var(--text);font-size:12px;z-index:1}.small-play{position:absolute;right:14px;bottom:14px;background:var(--text);color:var(--bg);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;padding-left:2px;font-size:12px;z-index:1}.card-meta{display:flex;justify-content:space-between;gap:8px;margin:14px 0 8px;font-size:12px;color:var(--cyan)}.card-meta span+span{color:var(--muted)}.card h3{font-size:18px;line-height:1.4;letter-spacing:-.3px;margin:0 0 10px;font-weight:650}.title-button{padding:0;border:0;background:transparent;text-align:left;font:inherit;color:inherit}.title-button:hover{color:var(--red)}.card-links{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px}.card-links a:hover{color:var(--text)}.empty{padding:60px 20px;text-align:center;background:var(--surface);border-radius:8px}.empty p{color:var(--muted)}.about{border-top:1px solid var(--rule);padding-block:64px;display:grid;grid-template-columns:.55fr 1fr;gap:90px;align-items:center}.about-mark{display:flex;justify-content:center}.about-mark img{width:230px;height:230px;border-radius:50%;border:1px solid var(--rule)}.about-copy{max-width:610px}.about-copy h2{font-size:40px}.about-copy p:not(.eyebrow){color:var(--muted);margin-top:20px;line-height:1.8}.about-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.about-tags span{border:1px solid var(--rule);padding:5px 12px;font-size:12px;border-radius:3px;color:var(--cyan)}.footer{border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:30px;font-size:12px;color:var(--muted)}.wordmark{font-weight:900;font-size:18px;letter-spacing:-.6px;color:var(--text)}.footer p{margin:0}.skip{position:fixed;top:-90px;left:20px;background:var(--text);color:var(--bg);padding:10px 20px;z-index:100}.skip:focus{top:10px}dialog{max-width:950px;width:calc(100% - 40px);max-height:90dvh;background:var(--bg);color:var(--text);border:1px solid #40576a;border-radius:12px;padding:0;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-head{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-head .eyebrow{margin:0 0 7px}.dialog-head h2{font-size:24px;letter-spacing:-.6px}.close{align-self:start;background:var(--surface);border:1px solid var(--rule);font-size:26px;border-radius:50%;min-width:44px;height:44px;line-height:1}.video-frame{aspect-ratio:16/9;background:#000;max-height:55dvh;margin-inline:auto;width:100%}.video-frame.short{aspect-ratio:9/16;width:min(100%,310px)}.video-frame iframe{display:block;width:100%;height:100%;border:0}.dialog-content{padding:20px 24px 26px}.dialog-content>p{color:var(--muted);margin:0 0 13px}.dialog-content .audio-note,.dialog-content .embed-note{font-size:12px;color:var(--muted)}.player-links{display:flex;flex-wrap:wrap;gap:12px}.player-links a{padding:9px 16px;border-radius:4px;border:1px solid var(--rule);font-size:14px}.player-links a:first-child{background:var(--red);color:var(--bg);font-weight:700}body.modal-open{overflow:hidden}[hidden]{display:none!important}
.feature-play{aspect-ratio:auto}.feature-play>img{height:auto;aspect-ratio:16/9;object-fit:contain}.feature-shade{display:none}.feature-caption{position:relative;bottom:auto;left:auto;right:auto;padding:23px 26px;background:var(--surface)}.play-circle{top:34%}.feature-label{top:16px;left:16px}.card-play.long img{object-fit:contain}.card-play.long{background:var(--surface)}
@media(min-width:1450px){.hero{gap:90px}h1{font-size:62px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:30px}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-bar{align-items:start;flex-direction:column}.search{width:100%}.search input{width:100%}.about{gap:40px}.feature-caption{padding:20px}.feature-caption strong{font-size:25px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{min-height:80px;gap:10px}.brand{font-size:20px;gap:5px}.brand img{width:40px;height:40px}.header nav{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-block:38px 35px}.hero-copy{max-width:500px}h1{font-size:clamp(36px,8.8vw,53px);letter-spacing:-1.6px}.intro{font-size:15px;margin-bottom:23px}.hero-bottom{margin-top:22px}.featured{width:100%}.feature-caption strong{font-size:26px}.strip-inner{flex-direction:column;align-items:start;gap:12px;padding-block:18px}.platform-links{width:100%;justify-content:space-between;gap:10px}.archive{padding-block:40px}.section-head{align-items:start;gap:14px}.section-head h2{font-size:28px;letter-spacing:-1px}.section-head .eyebrow{font-size:11px}.count{font-size:12px;margin-top:29px}.filters{gap:4px}.filter{font-size:13px;padding:8px 10px}.format-bar{flex-wrap:wrap;gap:8px}.voice-note{margin-left:0;width:100%}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.card h3{font-size:16px;line-height:1.4}.card-meta{font-size:11px;margin-top:11px}.card-links{font-size:12px;gap:10px}.card-badge{top:8px;left:8px;font-size:10px}.small-play{width:30px;height:30px;right:9px;bottom:9px}.about{grid-template-columns:1fr;gap:25px;padding-block:42px}.about-mark{justify-content:start}.about-mark img{width:110px;height:110px}.about-copy h2{font-size:32px}.footer{align-items:start;flex-wrap:wrap;gap:10px;padding-block:24px}.footer p{width:100%;order:3}dialog{width:calc(100% - 20px);max-height:94dvh}.dialog-head{padding:18px}.dialog-head h2{font-size:20px}.dialog-content{padding:18px}.video-frame.short{max-height:48dvh}.eyebrow{letter-spacing:1.4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}