*{box-sizing:border-box}body{margin:0;background:#faf8ef;color:#183c2d;font-family:"Be Vietnam Pro",Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b78006;outline-offset:4px}.top,main,footer{max-width:1240px;margin:auto;padding:24px 32px}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8ddcb}.brand{font-weight:800;letter-spacing:.1em;text-decoration:none}.top nav{display:flex;gap:24px;font-size:14px}.intro{padding:54px 0 30px;max-width:850px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em}h1{font-size:clamp(38px,6vw,70px);line-height:1.1;letter-spacing:-.045em;margin:20px 0}.lead{font-size:18px;line-height:1.8;max-width:730px}.note{font-size:13px;line-height:1.8;color:#506355;border-left:3px solid #d4b34e;padding-left:16px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0 24px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #c8d1bd;background:transparent;border-radius:30px;padding:10px 17px;color:#183c2d}.filters button[aria-pressed=true]{background:#183c2d;color:#fff;border-color:#183c2d}#count{font-size:13px;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.card{background:#fff;border:1px solid #e1e5d8;border-radius:14px;overflow:hidden}.card[hidden]{display:none}.screen{aspect-ratio:16/9;background:#17291e}.play{position:relative;width:100%;height:100%;border:0;padding:0;background:#17291e}.play img{display:block;width:100%;height:100%;object-fit:cover}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#183c2dec;color:#fff;width:52px;height:52px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%}.duration{position:absolute;bottom:9px;right:9px;background:#10281de8;color:white;padding:4px 7px;border-radius:5px;font-size:12px}iframe{width:100%;height:100%;border:0}.card-copy{padding:17px 20px 20px}.meta{font-size:10px;letter-spacing:.08em;color:#61715e;margin:0 0 10px}h2{font-size:16px;line-height:1.55;margin:0 0 16px}.links{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.contact{background:#e8eddb;padding:32px;border-radius:18px;margin-top:48px}.contact h2{font-size:25px}.contact p{line-height:1.8}.contact a{display:inline-block;margin:10px 24px 0 0}footer{display:flex;justify-content:space-between;color:#5b6b59;font-size:12px;padding-bottom:40px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.top,main,footer{padding:20px}.top{align-items:flex-start;gap:12px;flex-direction:column}.top nav{gap:18px}.intro{padding-top:25px}.lead{font-size:16px}.grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;gap:8px;flex-direction:column}footer{gap:16px;flex-direction:column}.filters button{padding:9px 12px}.contact{padding:24px}}