@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--carbon:#101011;--black:#080809;--ruby:#d92d45;--ruby-deep:#8f172a;--ivory:#f2eee9;--muted:#a39b98;--line:#302d2d;--surface:#181718;--font:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--carbon);scroll-behavior:smooth;scrollbar-color:#554448 var(--black)}body{margin:0;color:var(--ivory);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ruby);outline-offset:3px}.shell{width:min(1440px,calc(100% - 24px));margin:auto}.topbar{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.brand{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:20px;letter-spacing:-1px;white-space:nowrap}.brand-mark{width:29px;height:29px}.brand-mark path:first-child{fill:var(--ruby)}.brand-mark path:last-child{fill:var(--ivory)}.search{margin-left:auto;position:relative;width:40px;height:40px;flex:none}.search input{position:absolute;right:0;top:0;height:40px;width:40px;padding:0 40px 0 12px;background:#1b1a1a;border:1px solid transparent;border-radius:6px;color:var(--ivory);opacity:0;transition:opacity .2s;cursor:pointer}.search input:focus{width:min(62vw,320px);opacity:1;border-color:var(--line);cursor:text}.search input::placeholder{color:#aaa09e}.search button{position:absolute;z-index:1;right:3px;top:3px;width:34px;height:34px;border:0;background:var(--surface);border-radius:4px;color:var(--ivory);cursor:pointer}.submit{height:38px;display:inline-flex;align-items:center;border:1px solid #4a3539;border-radius:5px;padding:0 10px;color:var(--ivory);font-size:11px;font-weight:700;white-space:nowrap}.submit b{color:var(--ruby);font-size:18px;margin-right:3px}.nav,.category-filter{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.nav::-webkit-scrollbar,.category-filter::-webkit-scrollbar{display:none}.nav,.category-nav{padding:11px 0 0}.category-nav a{border:1px solid var(--line);background:#191718;padding:7px 10px}.category-nav a:hover{border-color:#70414a;background:#282122}.tag-menu-row{display:flex;align-items:center;gap:7px;min-width:0;padding:11px 0 0}.tag-menu-row .nav{flex:1;min-width:0;padding:0}.tag-menu-row .nav a{border:1px solid var(--line);background:#191718;padding:7px 10px}.tag-menu-row .nav a:hover{border-color:#70414a;background:#282122}.nav a,.category-filter a,.category-filter button{flex:none;padding:8px 12px;color:#c4bcba;font-size:12px;border-radius:4px}.nav a{display:block}.tag-menu{position:relative;flex:none;margin:0;color:#f2eee9;font-size:11px}.tag-menu summary{width:max-content;min-height:34px;padding:7px 10px;border:1px solid #604047;border-radius:4px;background:#21191b;color:#f2eee9;cursor:pointer;list-style:none;white-space:nowrap}.tag-menu summary::-webkit-details-marker{display:none}.tag-menu summary span{padding-left:4px;color:#e28b98}.tag-menu[open] summary{border-color:var(--ruby);background:#301a20}.tag-links{position:absolute;z-index:5;top:calc(100% + 6px);right:0;display:flex;flex-wrap:wrap;gap:6px;width:min(88vw,560px);max-height:55vh;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:6px;background:#151415;box-shadow:0 10px 26px #0009}.tag-links a{padding:6px 9px;border:1px solid var(--line);border-radius:4px;background:#171617;color:#c4bcba;font-size:11px}.tag-links a:hover{background:#282425;color:#fff}.category-filter button{font-family:inherit;border:1px solid var(--line);background:#171617;cursor:pointer}.nav a:hover,.category-filter a:hover,.category-filter button:hover{color:#fff;background:#282425}.catalog-heading{padding:26px 0 15px}.catalog-heading h1{font-size:26px;letter-spacing:-.8px;line-height:1.1;margin:0 0 5px;font-weight:800}.catalog-heading p{font-size:12px;color:#b7aeaa;margin:0}.category-filter{margin:0 -12px 20px;padding:0 12px 8px;scroll-snap-type:x proximity}.category-filter a,.category-filter button{scroll-snap-align:start}.category-filter a.active,.category-filter button.active{background:var(--ruby-deep);border-color:var(--ruby);color:#fff}.filter-count{margin:0 0 12px;color:var(--muted);font-size:11px}.filter-item[hidden]{display:none}.latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 10px}.video-card{min-width:0}.video-card a{display:block;height:100%}.thumb{position:relative;aspect-ratio:16/10;background:#211e1f;border-radius:5px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.video-card a:hover .thumb img{transform:scale(1.035)}.thumb:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#080809a0);pointer-events:none}.duration{position:absolute;right:6px;bottom:6px;z-index:1;padding:2px 5px;background:#080809df;border-radius:3px;font-size:9px;line-height:1.4}.card-play{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff9c;border-radius:50%;background:#0808098f;opacity:0;transform:translate(-50%,-44%);transition:opacity .2s,transform .2s}.card-play svg{width:11px;fill:#fff;margin-left:2px}.video-card a:hover .card-play,.video-card a:focus-visible .card-play{opacity:1;transform:translate(-50%,-50%)}.video-card h3{font-size:12px;line-height:1.35;letter-spacing:-.1px;margin:7px 0 2px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-category{font-size:10px;color:#d6a0a7;margin:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin:27px 0 14px}.section-head h2{font-size:19px;letter-spacing:-.5px;margin:0}.section-head a{font-size:12px;color:#e0a7ae}.intro{padding:25px 0 17px}.intro h1{font-size:clamp(25px,5vw,42px);letter-spacing:-1.2px;line-height:1.12;margin:0 0 6px;font-weight:800;overflow-wrap:anywhere}.intro p{color:var(--muted);margin:0;font-size:12px}.intro-aside{display:none}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:26px auto 42px;color:var(--muted);font-size:12px}.load-more{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #4a3539;background:#21191b;color:var(--ivory);padding:0 19px;border-radius:5px;font-size:12px}.foot{border-top:1px solid var(--line);padding:20px 0 28px;margin-top:32px;color:#a39b98;font-size:11px}.notice{padding:16px;border:1px solid var(--line);color:#c1b9b5;font-size:12px;margin:0 0 28px;border-radius:6px}.notice strong{color:var(--ivory)}.article-layout{min-width:0}.article-copy{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.article-copy :is(img,video,iframe,embed,object){max-width:100%;height:auto}.result{display:block;padding:14px 0;border-bottom:1px solid var(--line)}@media(min-width:520px){.shell{width:min(1440px,calc(100% - 36px))}.topbar{height:68px}.latest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.video-card h3{font-size:13px}.thumb{aspect-ratio:16/10}.catalog-heading{padding-top:31px}}@media(min-width:800px){body{font-size:15px}.shell{width:min(1440px,calc(100% - 56px))}.topbar{height:76px;gap:26px}.brand{font-size:23px;gap:9px}.brand-mark{width:32px;height:32px}.search{width:min(360px,32vw);height:42px}.search input{width:100%;height:42px;opacity:1;cursor:text;border-color:var(--line)}.search button{top:4px;right:4px}.submit{height:42px;padding:0 14px;font-size:12px}.nav{gap:10px;padding-top:14px}.tag-menu-row{padding-top:14px}.tag-menu-row .nav{padding-top:0}.tag-menu-row .nav a,.nav a,.category-filter a,.category-filter button{font-size:13px;padding:9px 14px}.tag-menu summary{min-height:38px;font-size:12px}.tag-links a{font-size:12px}.catalog-heading{padding:38px 0 19px}.catalog-heading h1{font-size:32px}.catalog-heading p{font-size:13px}.category-filter{margin:0 0 23px;padding:0 0 9px}.latest-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 17px}.thumb{border-radius:6px}.video-card h3{font-size:14px;line-height:1.4;margin-top:9px}.card-category{font-size:11px}.duration{font-size:10px;right:8px;bottom:8px}.foot{margin-top:48px}}@media(min-width:1180px){.latest-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
