*{box-sizing:border-box}body{margin:0;background:#f1ece2;color:#17201e;font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}
header{height:76px;background:#0b211f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:sticky;top:0;z-index:10;box-shadow:0 3px 15px #0004}.brand{font:900 25px Georgia,serif;letter-spacing:.05em}nav{display:flex;gap:25px;font-weight:800;font-size:13px}
.intro{background:linear-gradient(120deg,#12352f,#071916);color:#fff;padding:60px 4%;display:flex;align-items:end;justify-content:space-between;gap:30px}.intro span{font-size:12px;letter-spacing:.2em;color:#e5b574;font-weight:900}.intro h1{font:700 clamp(42px,5vw,70px) Georgia,serif;margin:8px 0 10px}.intro p{font-size:18px;color:#d7dedb}.channel,.watch{background:#ad1015;color:#fff;border-radius:8px;font-weight:900}.channel{padding:15px 20px;white-space:nowrap}
.grid{max-width:1450px;margin:40px auto;padding:0 25px 60px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.video-card{background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 5px 18px #0002;border:1px solid #0001}.video-card:hover{transform:translateY(-3px);transition:.15s;box-shadow:0 9px 25px #0003}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#ddd;display:block}.card-body{padding:15px}.card-body time{font-size:12px;color:#777}.card-body h3{font-size:17px;line-height:1.3;min-height:66px;margin:8px 0 14px}.watch{display:inline-block;padding:9px 12px;font-size:13px}footer{padding:35px;text-align:center;background:#0b211f;color:#ddd}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{padding:0 15px}.brand{font-size:18px}nav{gap:10px;font-size:10px}.intro{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr;padding:0 15px 40px}}