.hook-tutorial{margin:18px 0}.hook-tutorial-media{aspect-ratio:16/9;background:#09121e;border-radius:14px;width:100%;position:relative;overflow:hidden}.hook-tutorial-media video{object-fit:contain;width:100%;height:100%;display:block}.hook-tutorial-cover{color:#fff;cursor:pointer;background:linear-gradient(#0000 50%,#1609138c);border:0;border-radius:14px;width:100%;height:100%;padding:0;position:absolute;inset:0}.hook-tutorial-cover:hover{background:linear-gradient(#0000 35%,#160913a6)}.hook-tutorial-cover:focus-visible{outline-offset:-5px;outline:4px solid #f5c96b}.hook-tutorial-play{color:#fff;text-align:left;background:#743448;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:.95rem;font-weight:750;line-height:1.35;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 3px 12px #0003}.hook-tutorial-play>span:first-child{flex:none;font-size:1.15rem}.hook-tutorial-play>span:nth-child(2){flex:1}.hook-tutorial-play small{flex:none;font-size:.8rem;font-weight:600}.hook-tutorial figcaption{color:#684455;margin-top:10px;font-size:.83rem;line-height:1.5}.hook-tutorial figcaption a{color:#743448;font-weight:700}.hook-tutorial .hook-tutorial-message{margin:10px 0 0;font-size:.9rem}@media (max-width:420px){.hook-tutorial-play{gap:8px;padding:9px 10px;font-size:.82rem;bottom:8px;left:8px;right:8px}}