@import url('/shared.css');

.video-article{display:grid;grid-template-columns:1fr 430px;gap:75px;padding:35px 0 75px;align-items:start}.video-article h1{font-size:2.75rem;line-height:1.5}.video-article .note{margin-top:25px}.video-article video{width:100%;max-height:720px;background:#111;object-fit:contain}.video-cover{position:relative}.video-cover img{aspect-ratio:3/4!important;object-fit:contain!important;background:var(--pale)}.play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffeb;color:var(--ink);width:56px;height:56px;display:grid;place-items:center;font-size:1.1rem;box-shadow:0 4px 20px #13274533}.clip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.clip-grid video{display:block;width:100%;max-height:500px;object-fit:contain;background:#181420}.clip-grid h3{font-size:1.1rem;margin:13px 0 8px}.clip-grid .note{font-size:.8rem}.clip-section{border-top:1px solid var(--line);padding:40px 0}.clip-section h2{margin-bottom:25px}.clip-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.clip-nav a{padding:8px 15px;border:1px solid var(--line);font-size:.9rem}.clip-nav a:hover{background:var(--pale)}@media(max-width:850px){.video-article{grid-template-columns:1fr;gap:30px;padding-top:10px}.video-article h1{font-size:2rem}.video-article video{max-width:430px;justify-self:center}.clip-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.clip-grid{grid-template-columns:1fr}.clip-grid video{max-height:560px}.video-article{padding-bottom:40px}}